/***** 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%);
}
.pc{
	display: block;
	}
.m{
	display: none;
}
.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;
	border-radius: 4px;
}
.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;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}
.acik{
	background-color: #fcfbfa;
	border: solid thin #efefef;
	color: #000;
}
.acik:hover{
	background-color: #efefef;
	color: #000;
}
.koyu{
	background-color: var(--renk1);
	border: solid thin var(--renk1);
	color: #FFF;
}
.koyu:hover{
	opacity: 0.8;
}
.pbl_odeme .sepet_satir{
	width: 100%;
	padding: 15px;
	border: solid thin #efefef;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	background-color: #fcfbfa;
}
.pbl_odeme .sepet_satir span:first-of-type{display:none;}
.pbl_odeme .sepet_satir.kargo-aliciya-ait
{
	padding-top:30px;
	background-color: #ffece1 !important
}
.pbl_odeme .sepet_satir.kargo-aliciya-ait .siparis_detay {
    border-top: solid thin #e1e0e0;
}
.pbl_odeme .sepet_satir.kargo-aliciya-ait .sil .sil_but{
	border: solid thin #cdcdcd;
    color: #cdcdcd;
}
.pbl_odeme .sepet_satir.kargo-aliciya-ait span:first-of-type{
	position: absolute;
    display: block;
    top: 6px;
    left: 15px;
    font-size: 11px;
    background-color: var(--renk1);
    line-height: 1;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 3px;
}
.pbl_odeme .sepet_satir.kargo-saticiya-ait span:first-of-type{
	position: absolute;
    display: block;
    top: 6px;
    left: 15px;
    font-size: 11px;
    background-color: green;
    line-height: 1;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 3px;
}
.pbl_odeme .sepet_satir .urun_resim{
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 20px;
	padding-top: 5px;
}
.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: 13px;
    /* height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
    font-weight: bold;
    /* overflow: hidden; */
	line-height: 1.1;
}
.pbl_odeme .sepet_satir .urun_aciklama .urun_secenek {
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    overflow: hidden;
}
.pbl_odeme .sepet_satir.siparis-onay .urun_aciklama .urun_adi {
    overflow: unset; !important;
}
.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;
	border-radius: 4px;
	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(--renk2);
	color: #fff;
	border-radius: 4px;
	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(--renk1)
}
.pbl_odeme .sepet_satir .urun_adet input{
	padding: 8px 40px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.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(--renk2);
}
.pbl_odeme .sepet_satir .urun_fiyat .yeni{
	color: var(--renk1);
}
.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;
	border-radius: 4px;
	line-height: 38px;
	cursor: pointer;
}
.pbl_odeme .sepet_satir .sil .sil_but:hover{
	background-color: var(--renk1);
	border: solid thin var(--renk1);
	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(--renk2);
	font-size: 14px;
	font-weight: normal;
}
.pbl_odeme .siparis_ozeti .kod_gir .kullan{
	position: absolute;
    width: 70px;
    height: 30px;
    background-color: var(--renk2);s
    color: #fff;
    border-radius: 4px;
    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(--renk1)
}
.pbl_odeme .siparis_ozeti{
	border-radius: 4px;
	padding: 15px;
	border: solid thin #efefef;
	width:100%;
	overflow:hidden; 
	margin-bottom: 10px;
}
.pbl_odeme .siparis_ozeti .baslik {
    font-size: 14px;
    color: var(--renk1);
    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(--renk1);
	color: var(--renk1);
	text-align: right;
	width: 100%;
}
.pbl_odeme .adres{
  width: 100%;
  border: solid thin #efefef;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.pbl_odeme .adres > label{
	width: 100%;
	padding: 10px;
	position: relative;
	margin-bottom: 0px;
	cursor: pointer;
	height: 172px;
}

.pbl_odeme .adres label:hover{
	background-color: #fcfbfa;
}

.pbl_odeme .adres .baslik {
    font-size: 14px;
    width: 100%;
    position: relative;
    color: #fff;
    background: var(--renk1);
    border-radius: 4px;
    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(--renk1);
    background-color: var(--renk1);
    color: #fff;
}
.pbl_odeme .taksit{
	width: 100%;
	padding: 5px;
	border-radius: 4px;
	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 (max-width: 768px){
	.pc{
		display: none;
	}
	.m{
		display: block;
	}
	.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;
	}
}

.pbl-installment-info-boxes, .pbl-installment-info-boxes *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pbl-installment-info-boxes{width:100%;max-width:100%;display:flex;flex-direction:column;border-top:none;border-right:none;font-size:11px;position:relative;overflow:hidden;}
.pbl-installment-info-boxes strong{font-weight:600;}
.pbl-installment-info-boxes-content{width:100%;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid #e9ebed;border-bottom:1px solid #e9ebed;}
.pbl-installment-info-boxes-content{overflow:hidden;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.pbl-installment-info-boxes-content::-webkit-scrollbar{height:5px;}
.pbl-installment-info-boxes-content::-webkit-scrollbar-track{background-color:#f5f5f5;}
.pbl-installment-info-boxes-content::-webkit-scrollbar-thumb{background-color:#202020;}
.pbl-installment-info-boxes-content::-webkit-scrollbar-thumb:hover{background-color:#585858;}
@-moz-document url-prefix(){.pbl-installment-info-boxes-content{overflow-x:scroll;}}
.pbl-installment-info-boxes-footer{background-color:#fff;/*border:1px solid #e9ebed;*/border-top:none;padding:30px;text-align:center;line-height:1.3;font-size:13px;}
.pbl-installment-info-boxes-content-line{min-width:fit-content;width:100%;display:flex;/*border-left:1px solid #e9ebed;*/flex-direction:row;flex-wrap:nowrap;}
.pbl-installment-info-boxes-content-line:hover{background-color:#f5f5f5;}
.pbl-installment-info-boxes-header-number-of-installments-line{width:100%;height:50px;min-height:50px;display:flex;flex-direction:row;flex-wrap:nowrap;text-align:center;justify-content:center;font-weight:600;font-size:14px;align-items:center;background-color:#f7f9fb;}
.pbl-installment-info-boxes-content-banks{min-width:80px;max-width:80px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;position:sticky;left:0;background-color:#fff;border-right:1px solid #e9ebed;z-index:3;justify-content:center;}
.pbl-installment-info-boxes-content-banks-img{width:50px;height:80px;padding:5px;border-top:1px solid #e9ebed;display:flex;align-items:center;justify-content:center;}
.pbl-installment-info-boxes-content-banks-img img{max-width:70px;max-height:40px;transform:rotate(-90deg) scale(1) skew(0) translate(0);-webkit-transform:rotate(-90deg) scale(1) skew(0) translate(0);-moz-transform:rotate(-90deg) scale(1) skew(0) translate(0);-o-transform:rotate(-90deg) scale(1) skew(0) translate(0);-ms-transform:rotate(-90deg) scale(1) skew(0) translate(0);}
.pbl-installment-info-boxes-content-banks-text{width:30px;height:80px;display:flex;flex-direction:column;justify-content:center;padding:0;border-top:1px solid #e9ebed;align-items:center;}
.pbl-installment-info-boxes-content-banks-text-line{width:30px;height:80px;display:flex;align-items:center;justify-content:center;}
.pbl-installment-info-boxes-content-banks-text-line-rotate{max-width:70px;width:min-content;font-size:10px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;line-height:1;row-gap:2px;transform:rotate(-90deg) scale(1) skew(0) translate(0);-webkit-transform:rotate(-90deg) scale(1) skew(0) translate(0);-moz-transform:rotate(-90deg) scale(1) skew(0) translate(0);-o-transform:rotate(-90deg) scale(1) skew(0) translate(0);-ms-transform:rotate(-90deg) scale(1) skew(0) translate(0);}
.pbl-installment-info-boxes-content-banks-number-of-installments{width:100%;display:flex;justify-content:space-between;align-items:center;}
.pbl-installment-info-boxes-header-number-of-installments-line .pbl-installment-info-boxes-content-banks-number-of-installments-box{min-height:50px;background-color:#f5f5f5;color:#4c4c4c;border-top:none;row-gap:4px;justify-content:center;}
.pbl-installment-info-boxes-content-banks-number-of-installments-box{width:100%;height:100%;min-width: 70px;min-height:80px;display:flex;justify-content:center;border-right:1px solid #e9ebed;border-top:1px solid #e9ebed;align-items:center;text-align:center;position:relative;flex-direction:column;row-gap:8px;line-height:1;}
.pbl-installment-info-boxes-content-banks-number-of-installments-box:last-child{border-right:none;}
.pbl-installment-info-boxes-content-banks-number-of-installments-box:hover:before{content:"";background-color:#f5f5f5;position:absolute;width:100%;height:6000%;top:-3000%;left:0;z-index:-1;pointer-events:none;}
.pbl-installment-info-boxes-content-banks-number-of-installments-box-plus-installment{position:absolute;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50px;background-color:#e92525;font-size:10px;top:3px;right:3px;z-index:2;color:#fff;}