/***** 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> */
body{
	margin:0px;
	padding: 10px;
	width: 100%;
	height: 100%;
	line-height: 22px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
}
a, a:hover{
	text-decoration: none;
}
.tek_satir{
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100%);
}
.pc{
	display: block;
	}
.m{
	display: none;
}
label {
	    font-weight: normal;
}
.mt-20{
	margin-top: 20px;
}
.mt-10{
	margin-top: 10px;
}
.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;
}
.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: cover;
}
.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;
	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%;
	font-weight: bold;
}
.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;
  color: #fff;
}
.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) !important;
    background-color: var(--renk1) !important;
    color: #fff;
    padding: 10px 15px !important;
}
.pbl_odeme .nav-tabs > li > a, .pbl_odeme .nav-tabs > li.active > a, .pbl_odeme .nav-tabs > li.active:hover > a, .pbl_odeme .nav-tabs > li:hover > a{
padding: 10px 15px !important;
    border: 1px solid transparent !important;
}
.pbl_odeme .nav-tabs > li{
	margin-right: 2px !important;
}
.pbl_odeme .tab-content {
    padding: 15px 15px 10px;
    margin-bottom: 20px;
    z-index: 2;
    border: 1px solid #ddd;
    border-top: 0px;
    border-radius: 0px 0px 5px 5px;
}
.pbl_odeme .taksit{
	width: 100%;
	padding: 5px;
	border-radius: 4px;
	border: solid thin #efefef;
	margin-bottom: 10px !important;
	background-color: #fcfbfa;
	margin-top: 4px;
}
.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;
}
.pbl_odeme button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-top: -24px;
    font-size: 30px;
    float: right;
}
/******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 5px;
 }
.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;
}
}