body{
    font-family: 'Source Sans Pro', sans-serif;
    color: #173e62;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}
.body-overflow-y-hidden{
    overflow: hidden;
    position: relative;
    height: 100vh;    
    -webkit-overflow-scrolling: touch;
}

html, body {
    height: 100%;
}



.d-flex{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;  
}
.d-jc{
    -ms-flex-pack: center;
    justify-content: center;
}
.d-jsa{
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.d-jsb{
    -ms-flex-pack: justify;
    justify-content: space-between; 
}
.d-jfe{
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.d-ac{
    -ms-flex-align: center;
    align-items: center;
}
.d-afs{
    -ms-flex-align: start;
    align-items: flex-start;    
}

.d-ab{
    -ms-flex-align: baseline;
    align-items: baseline;
}

.d-down {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;    
    height: 100%;
}
.drop-bg{
    background-color:rgba(23, 62, 98, 0.15);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;    
    
}

ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    display: block;
}

.sep-bottom
{
    padding-bottom: 10px;    
    border-bottom: 1px solid #d1d8e0;
    margin-bottom: 12px;
}
.sep-top
{
    margin-top: 12px;
    border-top: 1px solid #d1d8e0;
    padding-top: 10px;    
}

.caption-title{
    font-weight: 700;
    margin: 10px 0;
    font-size: 13px;
}

.caption {
    /*font-size: 13px;*/
    line-height: 1.1em;
}

.caption.f-15{
    font-size: 15px;
}

.f-600{
    font-weight: 600 !important;
}

.f-700{
    font-weight: 700;
}

.f-900{
    font-weight: 900;
}

.fs-18{
    font-size: 18px;
}

.fs-24{
    font-size: 24px;
}

.w-100{
    width: 100%;
}

.col-inner{
    padding: 20px;
}

.current-data{
    width: 40px;
    text-align: right;
}

.col-inner.border-left{
    border-left: 1px solid #eceeef;    
}

a{
    color: #006fba;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;    
}
a:hover,
a:focus,
a:active{
    color: #25a2f3;
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
}
a:hover, a:hover > .member-username-info {
    color: #25a2f3;
}
.link-btn-wrapper {
    text-align: center;
}
.link-btn-wrapper.text-left{
    text-align: left;
}
.link-btn-wrapper.text-right{
    text-align: right;
}
.link-btn-wrapper.pl-20{
    padding-left: 20px;
}
.link-btn-wrapper.pr-20{
    padding-right: 20px;
}

a.link-btn, a.link-btn-cash-desk {
    white-space: nowrap;
    border-radius: 100px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    margin: 5px;
    background-color: #006fba;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    text-align: center;
    letter-spacing: .03em;
}

    a.link-btn.inactive, a.link-btn-cash-desk.inactive {
        background-color: #d1d8e0;
    }

    a.link-btn.dark, a.link-btn-cash-desk.dark {
        background-color: #173e62;
    }

    a.link-btn:hover, a.link-btn-cash-desk:hover {
        background-color: #25a2f3;
        color: #fff !important;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    }

    a.link-btn i, a.link-btn-cash-desk i {
        vertical-align: top;
        font-size: 15px;
    }

    a.link-btn:not(.small) i, a.link-btn-cash-desk:not(.small) i {
        margin-right: 15px;
    }

    a.link-btn.no-i-margin i, a.link-btn-cash-desk.no-i-margin i {
        margin-right: 0;
    }

    a.link-btn.small, a.link-btn-cash-desk.small {
        height: 28px;
        line-height: 28px;
        padding-left: 15px;
        padding-right: 15px;
    }

        a.link-btn.small i, a.link-btn-cash-desk.small i {
            height: 28px;
            line-height: 28px;
        }

    a.link-btn.med, a.link-btn-cash-desk.med {
        height: 36px;
        line-height: 36px;
    }
        a.link-btn.med i, a.link-btn-cash-desk.med i {
            height: 36px;
            line-height: 36px;
        }

    a.link-btn.big,
    a.link-btn.big i,
    a.link-btn-cash-desk.big,
    a.link-btn-cash-desk.big i {
        height: 60px;
        line-height: 60px;
    }

    a.link-btn.no-margin, a.link-btn-cash-desk.no-margin {
        margin: 0;
    }
.shadow
{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

a.pdf {
    color: #006fba;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);    
}

a.pdf:hover {
    color: #fff;
    background-color: #e22743;
}


a.excel {
    color: #006fba;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);    
}
a.excel:hover {
    background-color: #1ba67e;
}


a.download {
    color: #006fba;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);    
}

a.map {
    margin-top: 30px !important;
}

a.signup {
    margin-top: 30px !important;
}

a.payment {
    background-color: #e22743;
    margin-top: 22px !important;
    background-color: unset;
    border: 1px solid #e22743;
    color: #e22743;
}
a.payment:hover {
    background-color: #e22743;
    color: #fff;
}
a.cash-desk {
    font-weight: 400;
    background-color: unset;
    border: 1px solid #e22743;
}
a.cash-desk:hover {
    background-color: #e22743;
}
a.login{
    font-weight: 400;
    background-color: #25a2f300;
    border: 1px solid #25a2f3;
}
a.login:hover {
    background-color: #25a2f3;
}

a.link-btn.login.med i{
    height: 34px;
    line-height: 34px;
}

a.link-btn.select, a.link-btn-cash-desk.select {
    background-color: #8b9eb0;
    background-color: #006fba;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 2.5px 4.33px 9.5px 0.5px rgba(0, 0, 0, 0.41);
}

    a.link-btn.select:before {
        content: "SEÇ";
    }

    a.link-btn-cash-desk.select:before {
        content: "SEÇ";
    }

a.link-btn.complete, a.link-btn-cash-desk.complete {
    background-color: #4fc913;
}


a.link-btn.select:hover,
a.link-btn.select.active,
a.link-btn-cash-desk.select:hover,
a.link-btn-cash-desk.select.active {
    background-color: #ff0000;
}

    a.link-btn.select.active:before, 
    a.link-btn-cash-desk.select.active:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: 'Font Awesome 5 Pro';
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        content: "\f00c";
        font-size: 15px;
        padding-left: 5px !important;
        vertical-align: top;
        height: 36px;
        line-height: 36px;
    }

.rounded-i{
    background-color: #ffffff;
    border-radius: 100%;
    font-size: 14px;
    margin-right: 10px;
    color: #006fba;   
    text-align: center;
}
a:hover .rounded-i {
    color: #25a2f3;
}

.rounded-i.small{
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.h-auto{
    height: auto;
}

.h-100{
    height: 100%;
}

.form-input-error { 
    border-color: #fda729   !important;
}
.form-input-error { 
    border-color: #df2b47  !important;
}


.field-error {
    border-color: #df2b47 !important;
}
.error-div{
    padding-top:2px;
    color: #df2b47;
    font-weight: 600;
    font-size: 12px;
    line-height: 1em;
}
/*.error-span{
    position: absolute;
    left: 5px;
    top: calc(100% + 13px);
    box-shadow: 0.087px 4.999px 19px 1px rgba(0, 0, 0, 0.1);
    background-color: #fda729;
    border-radius: 6px;
    padding: 20px;
    color: #ffffff;
    z-index: 2;
    line-height: 1.1em;
    font-weight: 600;
    width: calc(100% - 10px);
}

.error-span:before{
    position: absolute;
    content: '';
    display: block;
    left: 20px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fda729;   
}
*/
.sep{
    height: 6px;
    background-color: #d1d8e0;
    margin-bottom: 20px;
}

.cash-desk .sep{
    background-color: #df2b47;
    margin-bottom: 0;
}


/* MODAL */
body.modal-open .modal.in {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.modal-header{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/* MODAL */

/*  

COLORS  

*/

/* WEBSITE Colors */

/* beyaz */
.c0 { color: #ffffff; }
.bg0 { background-color: #ffffff !important;}
.br0 { border-color: #ffffff;}

/* lacivert */
.c1 { color: #173e62; }
.bg1 { background-color: #173e62 !important;}
.br1 { border-color: #173e62;}

/* mavi */
.c2 { color: #006fba; }
.bg2 { background-color: #006fba !important;}
.br2 { border-color: #006fba;}

/* uçuk mavi */
.c3 { color: #25a2f3; }
.bg3 { background-color: #25a2f3 !important;}
.br3 { border-color: #25a2f3;}

/* kırmızı */
.c4 { color: #e22743; }
.bg4 { background-color: #e22743 !important;}
.br4 { border-color: #e22743;}

/* yeşil */
.c5 { color: #4fc913;}
.bg5 { background-color: #4fc913 !important;}
.br5 { border-color: #4fc913;}

/* turuncu */
.c11 { color: #fd704b; }
.bg11 { background-color: #fd704b !important;}
.br11 { border-color: #fd704b;}

/* sarı */
.c12 { color: #fda729; }
.bg12 { background-color: #fda729 !important;}
.br12 { border-color: #fda729;}

/* gray */

.c13 { color: #7f94a8; }
.bg13 { background-color: #7f94a8 !important;}
.br13 { border-color: #7f94a8;}

/* gray */

/* BRAND Colors */

/* S: BİRİKİM */
.c-birikim {
    color: #be252e
}

    .c-birikim:hover { /*kod*/
    }

.bg-birikim {
    background-color: #be252e !important;
}

.bg-birikim-light {
    background-color: rgba(190,37,46,.2) !important;
}

.br-birikim:before { /*kod*/
}

.bg-birikim .download:hover {
    /*kod*/
}
/* E: BİRİKİM */

/* S: ENTES */
.c-entes {
    color: #4144a5;
}

    .c-entes:hover { /*kod*/
    }

.bg-entes {
    background-color: #4144a5 !important;
}

.bg-entes-light {
    background-color: rgba(65,68,165,.2) !important;
}

.br-entes:before { /*kod*/
}

.bg-entes .download:hover {
    /*kod*/
}
/* E: ENTES */

/* S: ERSE */
.c-erse {
    color: #d41c30;
}

    .c-erse:hover { /*kod*/
    }

.bg-erse {
    background-color: #79777b !important;
}

.bg-erse-light {
    background-color: rgba(121,119,123,.2) !important;
}

.br-erse:before { /*kod*/
}

.bg-erse .download:hover {
    /*kod*/
}
/* E: ERSE */

/* S: KLEMSAN */
.c-klemsan {
    color: #fd704b;
}

    .c-klemsan:hover { /*kod*/
    }

.bg-klemsan {
    background-color: #fd704b !important;
}

.bg-klemsan-light {
    background-color: rgba(253,112,75,.2) !important;
}

.br-klemsan:before { /*kod*/
}

.bg-klemsan .download:hover {
    /*kod*/
}
/* E: KLEMSAN */

/* S: KONDAŞ */
.c-kondas {
    color: #159c41
}

    .c-kondas:hover { /*kod*/
    }

.bg-kondas {
    background-color: #159c41 !important;
}

.bg-kondas-light {
    background-color: rgba(21,156,65,.2) !important;
}

.br-kondas:before { /*kod*/
}

.bg-kondas .download:hover {
    /*kod*/
}
/* E: KONDAŞ */

/* S: METOP */
.c-metop {
    color: #2f348f
}

    .c-metop:hover { /*kod*/
    }

.bg-metop {
    background-color: #2f348f !important;
}

.bg-metop-light {
    background-color: rgba(47,52,143,.2) !important;
}

.br-metop:before { /*kod*/
}

.bg-metop .download:hover {
    /*kod*/
}
/* E: METOP */

/* S: NEXANS */
.c-nexans {
    color: #ec282f
}

    .c-nexans:hover { /*kod*/
    }

.bg-nexans {
    background-color: #ec282f !important;
}

.bg-nexans-light {
    background-color: rgba(236,40,47,.2) !important;
}

.br-nexans:before { /*kod*/
}

.bg-nexans .download:hover {
    /*kod*/
}
/* E: NEXANS */

/* S: prysmian */
.c-prysmian {
    color: #000000
}

    .c-prysmian:hover { /*kod*/
    }

.bg-prysmian {
    background-color: #000000 !important;
}

.bg-prysmian-light {
    background-color: rgba(0,0,0,.2) !important;
}

.br-prysmian:before { /*kod*/
}

.bg-prysmian .download:hover {
    /*kod*/
}
/* E: prysmian */

/* S: REÇBER */
.c-recber {
    color: #d41c30
}

    .c-recber:hover { /*kod*/
    }

.bg-recber {
    background-color: #d41c30 !important;
}

.bg-recber-light {
    background-color: rgba(121,119,123,.2) !important;
}

.br-recber:before { /*kod*/
}

.bg-recber .download:hover {
    /*kod*/
}
/* E: REÇBER */

/* S: ÖZNUR KABLO */
.c-oznur-kablo {
    color: #000 !important;
}

    .c-oznur-kablo:hover { /*kod*/
    }

.bg-oznur-kablo {
    background-color: #cdaa97 !important;
}

.bg-oznur-kablo-light {
    background-color: rgba(205,170,151,.2) !important;
}

.br-oznur-kablo:before { /*kod*/
}

.bg-oznur-kablo .download:hover {
    /*kod*/
}
/* E: ÖZNUR KABLO */

/* S: SCHRACK */
.c-schrack {
    color: #d41c30
}

    .c-schrack:hover { /*kod*/
    }

.bg-schrack {
    background-color: #095297 !important;
}

.bg-schrack-light {
    background-color: rgba(9,82,151,.2) !important;
}

.br-schrack:before { /*kod*/
}

.bg-schrack .download:hover {
    /*kod*/
}
/* E: SCHRACK */

/* S : SIEMENS */
.c-siemens {
    color: #19a4b3 !important;
}

    .c-siemens:hover {
        border-bottom-color: #19a4b3 !important;
    }

.bg-siemens {
    background-color: #19a4b3 !important;
}

.bg-siemens-light {
    background-color: rgba(25,164,179,.2) !important;
}

.br-siemens:before {
    background-color: #19a4b3 !important;
}

.bg-siemens .download:hover {
    background-color: #19a4b3;
    color: #ffffff !important;
}
/* E : SIEMENS */

/* S: SIMPA */
.c-simpa {
    color: #ea2430
}

    .c-simpa:hover { /*kod*/
    }

.bg-simpa {
    background-color: #ea2430 !important;
}

.bg-simpa-light {
    background-color: rgba(234,36,48,.2) !important;
}

.br-simpa:before { /*kod*/
}

.bg-simpa .download:hover {
    /*kod*/
}
/* E: SIMPA */

/* S: SYLVANIA */
.c-sylvania {
    color: #118165
}

    .c-sylvania:hover { /*kod*/
    }

.bg-sylvania {
    background-color: #118165 !important;
}

.bg-sylvania-light {
    background-color: rgba(17,129,101,.2) !important;
}

.br-sylvania:before { /*kod*/
}

.bg-sylvania .download:hover {
    /*kod*/
}
/* E: SYLVANIA */


/* BANKA RENKLERİ */
.bg-havale{
    background-color: #758ba1;
}
.bg-tekcekim{
    background-color: #8b9eb0;
}
.bg-world{
    background-color: #762f8e;
}
.bg-maximum{
    background-color: #d91b65;
}
.bg-axess{
    background-color: #fed435;
}
.bg-bonus{
    background-color: #81c04a;
}
.bg-paraf{
    background-color: #00a6d2;
}
.bg-cardfinans{
    background-color: #0058a1;
}
.bg-bankkart{
    background-color: #e01224;
}
.bg-kuveytTurk, .bg-kuveytturk {
    background-color: #006754;
}
/* BANKA RENKLERİ */
@-webkit-keyframes slide-top-fixed {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
  }
  @keyframes slide-top-fixed {
    0% {
      opacity: 0;
      transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }


/*US*/

#txtMessage {
    height: 200px !important;
    background-color: #ffffff;
    margin-top: 5px;
}

a {
    cursor: pointer;
}

.carousel-link-bottom {
    font-size: 13px;
    font-weight: normal;
}

.bg-pictext {
    background-color: rgba(50, 51, 50, 0.70) !important;
}

.bg-santral {
    background-color: rgba(255, 0, 0, 0.8) !important;
}

.caption.date {
    font-weight: bold;
    font-size: 13px;
    color: #173e62;
}

.caption.warning {
    color: #fd704b !important;
    font-size: 11px;
}

/*.brand-nav-wrapper {
    background-color:#ffffff;
    background-clip: content-box !important;
}*/

.brand-nav {
    background-color:#f9f9f9;
    min-height: 500px !important;
}
/*
.brand-nav li a {
padding: 10px 0px 10px 0px !important;
margin:0px !important;
}
*/
/*
.brand-logo {
    padding: 0px !important;
    margin: 0px !important;
    height: 80px !important;
}
*/


/*US*/

.txt15 {
    font-size:15px !important;
}

.information-row-text p, .information-row-text a {
    font-size: 14px;
    font-weight:normal !important;
}

.information-row-text h3 {
    padding: 0px !important;
    margin: 3px !important;
    font-size: 15px;
    font-weight: bold !important;
}

.information-row-text a:hover {
    text-decoration:underline !important;
    }


#vezneSonIslemBilgilendirmesiIsMobil {
    margin: 0px !important;
}
    #vezneSonIslemBilgilendirmesiIsMobil .container {
        width: 98% !important;
        margin: 0px auto !important;
        background-color: #e8ecef;
        border-radius: 6px;
        padding: 10px !important;
    }



.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}


.loader {
    margin: 60px auto;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0,0,0, 0.6);
    border-right: 1.1em solid rgba(0,0,0, 0.6);
    border-bottom: 1.1em solid rgba(0,0,0, 0.6);
    border-left: 1.1em solid #dbdbdb;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    color: #ff0000 !important;
}


@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loadingDiv, #loadingMainDiv {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    min-height:1000px !important;
    z-index: 99999 !important;
    background-color: #ffffff !important;
    /* padding-top: 20px !important;*/
}

    #loadingMainDiv {
        /*margin-top:20px !important;*/
    }

.loaderMsg {
    width: 300px !important;
    margin: 0px auto;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: bold;
    color: #ff0000 !important;
    margin-top: 20px !important;
}

.loaderMsg:before {
    content: "" !important;
}


.odemeNotu {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border: 0;
    border-bottom: 1px solid #6f777d;
    border-top: 1px solid #6f777d;
    padding: 5px !important;
    background-color: transparent;
    font-size: 14px;
    font-weight: normal !important;
    color: #303030 !important;
    width: 72%;
    height: 100px;
    margin-top: 46px;
    vertical-align: top !important;
    background-color:#f2f2f2 !important;
}

p.mini{
    font-size:12px !important;
}

.moneyOrderOrders{
    margin-top:8px !important;
}

.minWidth{
    width:25% !important;
}
.fixMinWidth{
    height:0.5px !important;
    margin-top:-5px!important;
    margin-bottom:10px !important;
}


.miniContent table{
    clear:both !important;
    float:left !important;
    width:20% !important;
}

#liDekontlarMini a, #liBankaHavaleIslemleriMini a{
    line-height:24px;
}



.hataliPosnetSecimi {
    border-radius: 5px !important;
    background-color: #efefef !important;
    margin:0px;
    padding:0px;
    cursor:default !important;
}
    .hataliPosnetSecimi p {
        color: #df2b47 !important;
        font-size: 12px !important;
        text-indent: 8px !important;
        margin: 0px;
        padding: 0px;
    }

#inSipList {
    width: 90% !important;
    margin-top: 10px !important;
    height: 500px;
    max-height: 500px;
    overflow-y: auto !important;
    overflow-x: hidden;
}