/**
    ## project name     : THSF
    ## author           : doanerkan / www.doanerkan.com
    ## agency           : xendaba bilişim
    ## date             : 2020
**/
    @charset "utf-8";

    ul, li, div, a, img, table, tr, td, input, textarea, select { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }

    body            { background:#fff; color:#333; font: 13px/18px 'THSF', Arial, Helvetica, sans-serif; margin:0; overflow-x:hidden; }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:400 14px 'THSF', sans-serif; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

    .owl-dot:focus, span:focus  { outline:none; }

    .ta-left                { text-align:left; }
    .ta-right               { text-align:right; }
    .ta-center              { text-align:center; }
    .ta-justify             { text-align:justify; }
    .va-top                 { vertical-align: top !important; }
    .va-middle              { vertical-align: middle !important; }
    .va-bottom              { vertical-align: bottom !important; }
    .fw-normal              { font-weight: normal !important; }
    .fw-bold              { font-weight: bold !important; }
    .paddingnone            { padding:0; }
    .dnone                  { display:none; }
    .container-fluid        { padding:0; }

    .header             { padding:30px 0 30px 0; border-bottom:#dfdfdf 1px solid;}
    .header_menu a      { padding:12px 20px; margin:7px 0 0 5px; box-sizing: border-box; display:inline-block; border-radius:40px; background:#ccc; color:#333; font:600 13px 'THSF', sans-serif; }
    .header_menu a:hover        { background:#333; color:#fff; text-decoration:none; }
    .header_menu a.activex          { padding:12px 20px; margin:7px 0 0 5px; box-sizing: border-box; display:inline-block; border-radius:40px; background:#2ecc71; color:#fff; font:600 13px 'THSF', sans-serif; }
    .header_menu a.activex:hover        { background:#333; text-decoration:none; }

    .areax              { width:100%; display:block; border-radius:10px; padding:20px; border:#dfdfdf 2px solid; margin:30px 0 0 0; }
    .areax h4           { padding:0; margin:0 0 15px 0; color:#2ecc71; font-weight: 700; }
    .areax table        { margin-bottom:0; }
    .areax .allRecord   { margin-top:5px; display:block; font:700 12px 'THSF', sans-serif !important; }
    .areax .allRecord:hover   { text-decoration:none; }

    .phoneMenu          { width:100%; height:100%; background:#000; position:fixed; z-index:9999; display:none; color:#fff; }
    .phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#ed1c24; font:normal 28px 'Montserrat', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li            { width:95%; float:left; padding:5px 0 10px 0; }
    .tumli      { display:none; border:none; padding:7px 0 !important; width:90% !important; margin-left:5% !important; }
    .tumli a    { color:#fff; padding:0 0 5px 0; font:700 15px 'THSF', sans-serif !important; }
    .tumli a:hover    { color:#fff; }
    .phoneMenu ul li a              { display:inline-block; color:#fff; font:700 18px 'THSF', sans-serif; text-decoration:none; }
    .phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#fff !important; text-decoration:none; }
    .phoneMenu ul li a:hover            { text-decoration:none; color:#fff; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    .iletform input      { width:100%; padding:10px; border:0; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }
    .iletform input[type=submit]      { width:200px; text-align:center; padding:10px 10px; background:#000; border:0; outline:none; display:inline-block; margin-bottom:15px; color:#fff; }
    .iletform input[type=submit]:hover      { color:#fff; background:#333; }
    .iletform textarea   { width:100%; padding:10px; border:0; border:none; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }

    .loginBase  { display:flex; flex-direction: column; justify-content: center; padding:30px; }
    input.login[type=text], input.login[type=password]                  { width:100%; max-width:230px; padding:12px; margin:10px 10px 0 0; border-radius:10px; background:#fff; border:#dfdfdf 2px solid; }
    input.login[type=text]:focus, input.login[type=password]:focus          { border:#2ecc71 2px solid; }
    input.login[type=submit]        { padding:12px 30px; margin:10px 10px 0 0; border-radius:10px; background:#2ecc71; color:#fff; font-weight: 700; border:#2ecc71 2px solid; }

    .logoText           { padding:15px 0 0 30px; }
    .logoText h4            { padding:0; margin:0; color:#2ecc71; font-weight: 700; }
    .partnerLogo        { margin-bottom:30px; }
    .partnerLogo a img      { border-radius:10px; border:#dfdfdf 2px solid; overflow:hidden; }
    .loginAlert         { max-width:610px; border-radius:10px; margin-bottom:0; font-weight: 700; }

    .containerPad0      { padding:0; }

    .formDesign input[type=text], .formDesign input[type=password]                  { width:100%; padding:12px; margin:10px 10px 20px 0; border-radius:5px; background:#fff; border:#dfdfdf 2px solid; }
    .formDesign select             { width:100%; height:45.6px; padding:12px; margin:10px 10px 20px 0; border-radius:5px; background:#fff; border:#dfdfdf 2px solid; }
    .formDesign input[type=submit] { padding:12px 30px; margin:10px 10px 0 0; border-radius:5px; background:#2ecc71; color:#fff; font-weight: 700; border:none; }
    .formDesign input[type=submit]:hover { background:#25a25a; }

    .addPasif { padding:12px; margin:10px 0 0 0; border-radius:5px; background:#cc0000; color:#fff; font-weight: 700; border:none; }
    .addPasif:hover     { background:#750000; color:#fff; text-decoration:none; }
    .addAktif { padding:12px; margin:10px 0 0 0; border-radius:5px; background:#f2f2f2; color:#000; font-weight: 700; border:none; }
    .addAktif:hover     { background:#ccc; color:#000; text-decoration:none; }

    .footer             { border-top:#dfdfdf 1px solid; margin-top:30px; padding:30px 15px 50px 15px; }
    a.phoneStyle    { background:#fff; border:#000 1px solid; border-radius:50px; margin-top:20px; display:inline-block; padding:7px 10px; font:600 14px 'THSF', sans-serif !important; }
    a.phoneStyle:hover  { text-decoration:none; }

    .table-hover > tbody > tr:hover { background-color: #2ecc71; color:#fff; cursor:pointer; }

    .imageUploadInput   { width:100%; margin:10px 0; text-align:center; background:#2ecc71; color:#fff; padding:14px; border-radius:5px; display:inline-block; }
    .imageUploadInput:hover, .imageUploadInput:active, .imageUploadInput:focus { background:#25a25a; color:#fff; text-decoration:none; }

@media only screen and (min-width : 0px) and (max-width : 599px) {
    .container          { width:100%; }
    .loginBase  { display:block; padding:100px 50px 30px 50px; }
    .logoText           { padding:0 0 20px 0; }
    input.login[type=text], input.login[type=password]                  { width:100%; max-width:100%; }
    .loginAlert         { max-width:100%; }
    .containerPad0      { padding:0 15px; }
    .header             { padding:30px 15px; }

    .footer .pull-left, .footer .pull-right  { width:100%; text-align:center; }
    a.phoneStyle    { width:auto; }
}
@media only screen and (min-width : 600px) and (max-width : 991px) {
    .container          { width:100%; }
    .loginAlert         { max-width:100%; }
    .containerPad0      { padding:0 15px; }
}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
    .container          { width:100%; }
    .containerPad0      { padding:0 15px; }
    .header             { padding:30px 15px; }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
    .container          { width:100%; }
    .containerPad0      { padding:0 15px; }
    .header             { padding:30px 15px; }
}
@media only screen and (min-width : 1181px) and (max-width : 1200px) {
    .container          { width:100%; }
}
@media only screen and (min-width : 1201px) and (max-width : 1366px) {

}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {

}
@media only screen and (min-width : 1551px) and (max-width : 1750px) {

}