/***** POBOL ETİ ÖDEME EKRANLARI*****/
.checkbox{ width:20px; height:20px; background-color:#ffffff; border:1px solid rgba(0, 0, 0, 0.16); position:relative;margin:0px}
.form_item label:hover .checkbox{border:1px solid rgba(0, 0, 0, 1);}
.checkbox label{ width:20px; height:20px; position:absolute; top:-1px; left:-1px; }
.checkbox label:after{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; cursor:pointer; position:absolute; width:10px; height:10px; background-color:#000; left:5px; top:5px; -webkit-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; transition:all 200ms ease 0s; }
label:hover .checkbox label::after{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; transition:all 200ms ease 0s; }
.checkbox input[type=checkbox]:checked + label:after{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; transition:all 200ms ease 0s; }
.checkbox input[type=checkbox]{ opacity:0; visibility:hidden; }
.checkbox.leftt{float:left;margin-right:10px;}
.checkbox.rightt{float:right;margin-left:10px;}
/* <label> <div class="checkbox leftt"><input type="checkbox" id="check" name="check" /> <label for="check"></label></div> marka 1 </label> */
.radiobutton{ width:18px; height:18px; background-color:#ffffff; border:1px solid #dddddd; position:relative; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;margin:0px}
.radiobutton label{ width:18px; height:18px; position:absolute !important; top:-1px; left:-1px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:100%; z-index:9}
.radiobutton label:after{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; cursor:pointer; position:absolute; width:10px; height:10px; left:4px; top:4px; background-color:#000000; -webkit-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; transition:all 200ms ease 0s; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; }
label:hover .radiobutton label::after{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=20); opacity:0.2; -webkit-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; transition:all 200ms ease 0s; }
.radiobutton input[type=radio]:checked + label:after{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; transition:all 200ms ease 0s; }
.radiobutton input[type=radio]{ opacity:0; visibility:hidden; }
.radiobutton.leftt{float:left;margin-right:10px;}
.radiobutton.rightt{float:right;margin-left:10px;}
/* <label> <div class="radiobutton leftt"><input type="radio" id="radio" name="radio" /> <label for="radio"></label></div> marka 1 </label> */
.tek_satir{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:calc(100%);
}
.mt-20{
    margin-top:20px;
}
.pbl_odeme{
    margin-bottom:80px;
}
.nobrd{
    border:none !important;
}
.p0{padding:0px !important;}
.m0{margin:0px !important;}
.w100{ width:100%; }
.pbl_odeme .uyari{
    padding:15px;
    border:1px solid #deddbe;
    background:#fffff1;
    font-weight:bold;
}
.pbl_odeme .uyari.basarili{
    border:1px solid #c7debe;
    background:#f1fff1;
    text-align:center;
}
.pbl_odeme .uyari.basarili i{
    font-size:50px;
    display:block;
    margin-bottom:10px;
}
.pbl_odeme h1{
    font-size:22px;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0px;
    height:44px;
    line-height:44px;
}
.pbl_odeme .pbl_buton{
    width:100%;
    text-align:center;
    padding:10px;
    font-size:14px;
    cursor:pointer;
}
.acik{
    background-color:#fcfbfa;
    border:solid thin #efefef;
    color:#000;
}
.acik a{
    transition: color 0s ease-in-out !important;
}
.acik:hover a{
    color:#ffffff!important;
}
.acik:hover{
    background-color:var(--thema-color1);
    color:#000;
}
.koyu{
    background-color:var(--thema-color1);
    border:solid thin var(--thema-color1);
    color:#FFF;
}
.koyu:hover{
    opacity:0.8;
}
.pbl_odeme .sepet_satir{
    width:100%;
    padding:15px;
    border:solid thin #efefef;
    margin-top:10px;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
}
.pbl_odeme .sepet_satir .urun_resim{
    width:100px;
    height:100px;
    float:left;
    margin-right:20px;
}
.pbl_odeme .sepet_satir .urun_resim img{
    max-width:100px;
    width:100px;
    min-height:100px;
    object-fit:contain;
    max-height:100px;
}
.ortali{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.pbl_odeme .sepet_satir .urun_aciklama{
    float:left;
    width:30%;
    height:100px;
    margin-right:20px;
}
.pbl_odeme .sepet_satir .urun_aciklama .urun_adi{
    font-size:16px;
    font-weight:bold;
}
.pbl_odeme .sepet_satir .urun_adet{
    float:left;
    width:25%;
    align-items:center;
    height:100px;
    position:relative;
    margin-right:20px;
}
.pbl_odeme .sepet_satir .urun_adet .adet{
    min-width:100px;
    max-width:180px;
    position:relative;
}
.pbl_odeme input, .pbl_odeme select, .pbl_odeme textarea{
    border:solid thin #efefef;
    width:100%;
    font-size:13px;
    font-weight:normal;
    text-align:left;
    outline:none;
    padding:8px;
}
.pbl_odeme input::placeholder{
    color:#ccc;
}
.pbl_odeme .sepet_satir .urun_adet .arti{
    position:absolute;
    width:30px;
    height:30px;
    background-color:var(--thema-color2);
    color:#fff;
    right:5px;
    text-align:center;
    font-size:14px;
    font-weight:bolder;
    cursor:pointer;
    line-height:30px;
    top:5px;
}
.pbl_odeme .sepet_satir .urun_adet .arti.eksi{
    right:auto;
    left:5px;
}
.pbl_odeme .sepet_satir .urun_adet .arti:hover{
    background-color:var(--thema-color1)
}
.pbl_odeme .sepet_satir .urun_adet input{
    padding:10px 40px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height:1;
}
.pbl_odeme .sepet_satir .urun_fiyat{
    text-align:center;
    font-size:18px;
    height:100px;
    justify-content:center;
    width:15%;
    margin-right:20px;
    float:left;
}
.pbl_odeme .sepet_satir .urun_fiyat .eski{
    font-size:12px;
    text-decoration:line-through;
    color:var(--thema-color2);
}
.pbl_odeme .sepet_satir .urun_fiyat .yeni{
    color:var(--thema-color1);
}
.pbl_odeme .sepet_satir .sil{
    height:100px;
    width:calc(30% - 180px);
    float:left;
    align-items:flex-end;
}
.pbl_odeme .sepet_satir .sil .sil_but{
    width:40px;
    height:40px;
    border:solid thin #dadada;
    text-align:center;
    color:#dadada;
    font-size:20px;
    line-height:38px;
    cursor:pointer;
}
.pbl_odeme .sepet_satir .sil .sil_but:hover{
    background-color:var(--thema-color1);
    border:solid thin var(--thema-color1);
    color:#fff;
}
.pbl_odeme .siparis_ozeti .kod_gir{
    position:relative;
}
.pbl_odeme .siparis_ozeti .kod_gir input{
    text-align:left;
    padding:8px 80px 8px 8px;
    color:var(--thema-color2);
    font-size:14px;
    font-weight:normal;
}
.pbl_odeme .siparis_ozeti .kod_gir .kullan{
    position:absolute;
    width:70px;
    height:30px;
    background-color:var(--thema-color2);s
color:#fff;
    right:5px;
    text-align:center;
    font-size:14px;
    font-weight:bolder;
    cursor:pointer;
    line-height:30px;
    top:5px;
    color:#fff;
}
.pbl_odeme .siparis_ozeti .kod_gir .kullan:hover{
    background-color:var(--thema-color1)
}
.pbl_odeme .siparis_ozeti{
    padding:15px;
    border:solid thin #efefef;
    width:100%;
    overflow:hidden;
    margin-bottom:10px;
}
.pbl_odeme .siparis_ozeti .baslik{
    font-size:14px;
    color:var(--thema-color1);
    font-weight:bold;
    border-bottom:solid thin #efefef;
    padding-bottom:5px;
    margin-bottom:10px;
}
.pbl_odeme .siparis_ozeti .baslik span{
    font-size:10px;
    font-weight:normal;
    display:block;
    color:#a5a5a5;
    line-height:14px;
}
.pbl_odeme .siparis_ozeti ul{
    padding:0px;
    margin:0px;
    width:100%;
}
.pbl_odeme .siparis_ozeti ul li{
    list-style-type:none;
    padding:0px;
    font-size:12px;
    width:100%;
    overflow:hidden;
}
.pbl_odeme .siparis_ozeti ul li .adi{
    font-weight:bold;
    float:left;
}
.pbl_odeme .siparis_ozeti ul li .deger{
    float:right;
}
.pbl_odeme .siparis_ozeti ul li .deger.indirim{
    color:red;
}
.pbl_odeme .siparis_ozeti .toplam{
    margin-top:10px;
    padding-top:20px;
    font-size:20px;
    border-top:solid thin var(--thema-color1);
    color:var(--thema-color1);
    text-align:right;
    width:100%;
}
.pbl_odeme .adres{
    width:100%;
    border:solid thin #efefef;
    margin-top:10px;
    margin-bottom:10px;
}
.pbl_odeme .adres > label{
    width:100%;
    padding:10px;
    position:relative;
    margin-bottom:0px;
    cursor:pointer;
    display:block;
}
.pbl_odeme .adres label:hover{
    background-color:#fcfbfa;
}
.pbl_odeme .adres .baslik{
    font-size:14px;
    width:100%;
    position:relative;
    color:#fff;
    background:var(--thema-color1);
    padding-left:22px;
    padding:5px;
}
.pbl_odeme .adres .baslik i{
    position:absolute;
    right:5px;
    top:10px;
    cursor:pointer;
}
.pbl_odeme .adres ul{
    padding:0px;
    margin:0px;
    padding:10px 10px 0px 10px;
}
.pbl_odeme .adres ul li{
    list-style-type:none;
    padding:0px;
    margin:5px 0px;
}
.pbl_odeme .adres .radiobutton.leftt{
    margin-top:2px;
}
.pbl_odeme .adres .yeni_ekle{
    width:100%;
    height:172px;
    background-color:#fcfbfa;
    color:#fff;
    align-items:center;
    color:#000;
    font-size:20px;
    cursor:pointer;
}
.pbl_odeme .adres .yeni_ekle i{
    font-size:30px;
}
.pbl_odeme .nav-tabs > li.active > a, .pbl_odeme .nav-tabs > li.active > a:focus, .pbl_odeme .nav-tabs > li.active > a:hover{
    border:1px solid var(--thema-color1);
    background-color:var(--thema-color1);
    color:#fff !important;
}
.pbl_odeme .taksit{
    width:100%;
    padding:5px;
    border:solid thin #efefef;
    margin-bottom:10px;
    background-color:#fcfbfa;
}
.pbl_odeme .banka{
    text-align:left;
}
.pbl_odeme .banka img{
    max-height:28px;
}
.pbl_odeme .taksit label{
    width:100%;
}
.pbl_odeme .taksit .radiobutton.leftt{
    margin-top:2px;
}
.modal.pbl_odeme{
    margin-bottom:0px;
}
/******INSTALLMENT OPTIONS*******/
.install_table{
    margin-top:10px;
}
.install_table .table-bordered thead td,
.install_table .table-bordered th{
    background-color:#FFF4F4 !important;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    font-weight:bold;
    vertical-align:middle;
    border:1px solid #d6d6d6;
    border-top:1px solid #d6d6d6 !important;
}
.install_table .table-bordered th span{
    color:#717171;
    font-size:13px;
    font-weight:normal;
    display:block;
}
.install_table .table-bordered th img{
    margin-bottom:0px;
}
.install_table table td{
    font-size:16px;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
}
/*****RESPOSNSİVE******/
@media all and (min-width:768px){
    .m{
        display:none;
    }
}
@media all and (max-width:767.98px){
    .pc{
        display:none;
    }
    .pbl_odeme .sepet_satir .urun_resim{
        margin-bottom:10px;
    }
    .pbl_odeme .sepet_satir .urun_aciklama{
        width:calc(100% - 120px);
        margin-right:0px;
        margin-bottom:10px;
    }
    .pbl_odeme .sepet_satir .urun_adet{
        width:100px;
        height:40px;
    }
    .pbl_odeme input{
        padding:8px 35px;
    }
    .pbl_odeme .sepet_satir .urun_fiyat{
        width:calc(100% - 160px);
        margin-right:0px;
        height:40px;
    }
    .pbl_odeme .sepet_satir .sil{
        width:40px;
        height:40px;
    }
    .pbl_odeme .adres .yeni_ekle{
        height:90px;
    }
    .install_table{
        margin-top:10px;
        overflow-x:scroll;
        overflow-y:hidden;
    }
    .pbl_odeme{
        margin-bottom:40px;
    }
}
@keyframes warning{
    0%{font-size:14px;}
    50%{font-size:15px;}
    100%{font-size:14px;}
}
.warning-bar{
    width:100%;
    height:35px;
    color:#fff;
    background-color:var(--thema-color1);
    padding:0;
    margin:0;
    margin-bottom:30px;
    line-height:35px;
}
.warning-bar *{
    margin:0px;
    padding:0px;
    animation:warning 0.8s ease-in-out infinite;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    font-size:inherit;
}
.mt-10{
    margin-top:10px;
}
.modal-content button.close{
    position:inherit;
    left:inherit;
    width:inherit;
    height:inherit;
    display:inherit;
    border:none;
    top:inherit;
    border-radius:inherit;
    cursor:pointer;
    font-size:20px;
    z-index:9;
}
.form-group{
    margin-bottom:15px;
}
.nav > li > a{
    position:relative;
    display:block;
    padding:10px 15px;
}
.tab-content{
    padding:15px 15px 10px;
    margin-bottom:20px;
    z-index:2;
    border:1px solid #ddd;
    border-top:0px;
}
.pbl_odeme a, .pbl_odeme .btn-link {
    color: var(--thema-color1) !important;
    transition: color 0.3s ease-in-out;
}