body{font-family:Open Sans,Sans-Serif,Arial;background:url(images/ontestbg.jpg) no-repeat center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
div.aciklama{text-align:center;border:1px dashed #d6d9e0;background-color:#ecedf0;width:400px;margin-bottom:20px;padding:20px;font-family:Open Sans}
div.bilgilendirme{text-align:center;padding:20px;border:1px dashed #d6d9e0;background-color:#ecedf0;width:460px;margin-bottom:20px}
div.test{text-align: left;border:1px dashed #d6d9e0;background-color:#ecedf0;width:460px;padding:20px}
td.alttd{text-align:center;padding-top:15px}
td.soltd{font-size:10px;padding:1px 3px;font-weight:700}
input,select{border:1px solid #000;background-color:#d6d9e0;color:#000;font-weight:700}
div.test input{border:0;background-color:#ecedf0}
div.birsoru{border-bottom:1px solid #ccc;padding:0;width:460px;margin-bottom:10px}
div.baslik{border:1px dashed #d6d9e0;background-color:#ecedf0;width:460px;font-size:25px;text-align:center;padding:20px;margin-bottom:20px}
div.gonder{text-align:center;width:600px;margin-top:20px}
span.soru{font-weight:700;color:#8e1170}
span.shiklar{font-weight:700}
div.hata{border:1px dashed red;padding:20px;text-align:center;width:600px}
body table.nlptest td{color:#0B007F;font-size:11px}
table.nlptest div.baslik{font-size:30px}
table.nlptest{border:3px solid #0B007F;background-color:#fff}
table.nlptest td.ara{padding:8px 0 8px 150px;text-align:left;font-size:30px}
td.bir{background-color:#A99FFF}
td.iki{background-color:#8D7FFF}
td.uc{background-color:#705FFF}
td.dort{background-color:#533FFF}
td.bes{background-color:#321FFF}
td.alti{background-color:#1500FF}
td.yedi{background-color:#ACA7DF}
td.alt{padding:20px;text-align:center}
table.nlptest input{border:1px solid #0B007F;background-color:#A99FFF;color:#0B007F}
#testBtn{padding:10px}
.header_top_bar_wrapper{background:#3a4cb4;background:-moz-linear-gradient(90deg,rgba(58,76,180,1) 0%,rgba(253,29,29,1) 100%);background:-webkit-linear-gradient(90deg,rgba(58,76,180,1) 0%,rgba(253,29,29,1) 100%);background:linear-gradient(90deg,rgba(58,76,180,1) 0%,rgba(253,29,29,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a4cb4",endColorstr="#fd1d1d",GradientType=1);bottom:0;position:fixed;width:100%;height:35px;left:0}
.container{max-width:1170px;width:100%}
.row{margin-right:-15px;margin-left:-15px}
.col-md-12{width:100%}
.jl_header_magazine_style .header_top_bar_wrapper .navigation_wrapper{width:auto}
.jl_header_magazine_style .navigation_wrapper{width:100%;width:auto}
.navigation_wrapper{float:left;text-align:center;color:#161616;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;-webkit-font-smoothing:subpixel-antialiased;width:100%;z-index:-1}
.header_top_bar_wrapper .navigation_wrapper #jl_top_menu{position:relative;z-index:999}
.jl_header_magazine_style.two_header_top_style .navigation_wrapper>ul{margin-left:0!important}
.header_layout_style3_custom .header_top_bar_wrapper .navigation_wrapper>ul{margin-left:50px!important;float:left;width:auto;z-index:222}
.navigation_wrapper ul{list-style:none;position:relative;padding:0!important;margin:0!important}
.header_top_bar_wrapper .jl_top_bar_right{height:45px;line-height:45px;color:#fff;float:right;font-size:13px}
.telefon{color:#fff;font-family:Tahoma;font-size:12px}
.input{position:relative;width:550px;height:70px;border-radius:6px;box-shadow:0 0 30px rgba(0,0,0,0.25);overflow:hidden}
.input--error{border:3px #CF4135 solid}
.input--success{border:3px #15bc74 solid}
.input__field{width:100%;height:40px;apperance:none;outline:none;border:1px #f3f3f3 solid;padding-left:20px;vertical-align:middle;font-family:Tahoma;font-size:1rem;font-weight:400}
.input__label{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#C6C6C6;opacity:0;font-family:"Open Sans";font-size:1rem;font-weight:300;transition:.3s}
.input__icon-hold{position:absolute;right:0;top:0;background:transparent;width:60px;height:100%;display:flex;align-items:center;justify-content:center;transition:.3s}
.input__icon-hold--error{background:#CF4135}
.input__icon-hold--success{background:#15bc74}
.input__icon{color:#707070}
.input__icon--error,.input__icon--success{color:#fff}
.input__field:not(:-moz-placeholder-shown){padding-top:10px}
.input__field:not(:-ms-input-placeholder){padding-top:10px}
.input__field:not(:placeholder-shown){padding-top:10px}
.input__field:not(:-moz-placeholder-shown) ~ .input__label{opacity:1;top:17px;font-size:.875rem}
.input__field:not(:-ms-input-placeholder) ~ .input__label{opacity:1;top:17px;font-size:.875rem}
.input__field:not(:placeholder-shown) ~ .input__label{opacity:1;top:17px;font-size:.875rem}
.button{display:block;margin-top:20px;width:auto;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:#7a7a7a;border:1px #f2f2f2 solid;border-radius:4px;font-family:"Open Sans";font-size:1rem;padding:20px 40px;cursor:pointer;transition:.2s ease-in-out}
.button:hover{color:#333;border-color:#333;background:rgba(51,51,51,0.1)}
.onaytext{font-family:tahoma;font-size:16px;float:left;width:500px;text-align:left}
.beyaz {
	color:#8e1170;
}
@media screen and (max-width: 600px) {
    .mgzle {
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 22%;
        height: auto;
        display: none;
        // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir.
    }
}

.girisalani{background-color:#fff;width:500px;padding:20px;margin:auto;position:relative;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
@media (max-width: 480px) {
.girisalani{background-color:#fff;width:330px;padding:20px;margin:auto;position:relative;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
}
@media (max-width: 480px) {
.onaytext{font-family:tahoma;font-size:16px;float:left;width:330px;text-align:left}{background-color:#fff;width:330px;padding:20px;margin:auto;position:relative;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
}
@media (max-width: 480px) {
div.baslik{border:1px dashed #d6d9e0;background-color:#ecedf0;width:290px;font-size:25px;text-align:center;padding:20px;margin-bottom:20px}
}
@media (max-width: 480px) {
div.test{text-align: left;border:1px dashed #d6d9e0;background-color:#ecedf0;width:290px;padding:20px}
}
@media (max-width: 480px) {
div.bilgilendirme{text-align:center;padding:20px;border:1px dashed #d6d9e0;background-color:#ecedf0;width:290px;margin-bottom:20px}

}
@media (max-width: 480px) {
div.birsoru{border-bottom:1px solid #ccc;padding:0;width:290px;margin-bottom:10px}
}
@media (max-width: 480px) {
span.shiklar{width:290px;font-weight:700}
}
#mobileshow { 
display:none; 
}
@media screen and (max-width: 500px) {
#mobileshow { 
display:block; }
}

#suna { 
display:none; 
}
@media screen and (max-width: 500px) {
#suna { 
border:1px dashed #d6d9e0;background-color:#ecedf0;width:290px;font-size:25px;text-align:center;padding:20px;margin-bottom:20px;
display:block; }
}