/******B2B********/
.header-top {
	background: #eee !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	padding: 5px 0px;
  
}
.navbar-welcome {
	display: flex !important;
    min-height: 38px;
    line-height: 1.1;
    background-color: var(--renk1);
    color: #fff;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 3px;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
}
.type_8 .header-top-right ul.top-link>li>a {
    display: block;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    height: 34px;
    background-color: #fff;
    line-height: 34px;
    font-weight: 500;
    padding: 0px 10px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
}
.header-top ul.dropdown-menu {
    min-width: 120px;
    margin: 0;
    border-radius: 3px;
    left: 4px;
    top: 34px;
    padding-top: 10px;
}
.header-top ul.dropdown-menu li {
    margin-bottom: 3px;
    line-height: 20px;
    padding: 0px 5px;
    border-radius: 3px;
}
.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.header-top ul.dropdown-menu li {
    margin-bottom: 3px;
    line-height: 20px;
    padding: 0px 5px;
    border-radius: 3px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
    border-radius: 3px;
    background-color: var(--renk1);
    color: #fff !important;
}
.header-top ul.dropdown-menu li>a {
    color: #000;
    padding: 5px 5px;
}
.product-item-container .number-basket {
 width: 100%;
 max-width: 100%;
}
.product-item-container .add-number-basket input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 34px;
    text-align: center;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.product-item-container .number-basket span {
    border: 1px solid #ddd;
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    line-height: 34px;
    font-size: 22px;
    cursor: pointer;
  background-color: #eee;
}
.product-item-container .number-basket span:hover {
  background-color: var(--renk1);
  color: #fff;
}
.product-item-container .add-number-basket input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.products-list .product-layout .button-group .addToCart--notext span, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .addToCart--notext span {
    display: inline-block;
}
.product-item-container .button-group.add-number-basket{
	margin: 10px 0;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.product-item-container button.addToCart{
	width:calc(100% - 52px);
}
.siparis .grid { width: 100%; border: 1px solid #dddddd; border-right: none; }
.siparis .grid ul { width: 100%; height: auto;  padding-left: 0px; margin-bottom: 0px;}
.siparis .grid ul li { width: 100%; display: table; height: auto; border-bottom: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; }
.siparis .grid ul li:hover{background-color: #f8f8f8;}
.siparis .grid ul li:last-child { border: none; }
.siparis .grid ul li .col {padding: 5px; display: table-cell; float: none; border-right: 1px solid #dddddd; height: auto; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; table-layout: fixed; }
.siparis .grid ul li .col span { padding: 5px 0px; width: 100%; display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -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; }
.siparis .grid ul li .col a span:hover { color: #ffffff; -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; }
.siparis .grid ul li.baslik_satiri { background-color: #eeeeee; font-weight: bold; font-size: 13px; }
.siparis .grid ul li .col span img { max-width: 100% }
.width5{
  width: 50px;
}
.col.toplam {
  text-align: right !important;
  width: 300px;
  padding-right: 10px;
}
.col.deger{
  text-align: left !important;
  padding-left: 10px;
  width: 100px;
}
.col.durum{
  width: 100px;
}
.col.urun_adi{
  width: 300px;
  text-align: left;
}
.genel_durum{
 margin-top: 20px;
}
.genel_durum ul {
  width: 100%;
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.genel_durum ul li{
  width: 24%;
  border: solid thin #efefef;
  border-radius: 3px;
  list-style-type: none;
  padding: 10px;
}
.genel_durum ul li i{
  font-size: 50px;
  color: var(--renk1);
  float: left;
  margin-right: 10px;
}
.kisi-bilgisi{
  margin-top: 20px;
}
.kisi-bilgisi ul{
  padding: 0px;
  margin: 0px;
}
.kisi-bilgisi ul li{
  list-style-type: none;
  border-bottom: solid thin #efefef;
  margin-bottom: 5px;
}
.kisi-bilgisi ul li i {
  background-color: var(--renk1);
  padding: 5px;
  margin-right: 10px;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 20px;
  text-align: center;
}
#kolay_urun_ekle .type_8{
box-shadow: unset;
}
#kolay_urun_ekle .modal-body .pbl_buton {
    padding: 8px 8px;
    border-radius: 0px;
    font-size: 11px;
    cursor: pointer;
}
.siparis_detay{
  width: 100%;
    overflow: hidden;
    border-top: solid thin #efefef;
    padding-top: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}
.siparis_detay .detay {
  border: solid thin #efefef;
  overflow: hidden;
  padding: 5px;
  border-radius: 3px;
  width: 24%;
  font-size: 13px;
  line-height: 18px;
  background-color: #fff;
}
.siparis_detay .detay .baslik{
  font-weight: bold;
  font-size: 11px;
  border-color: #efefef;
}
.urun_fiyat .yeni{
  height: 100%;
  line-height: 44px;
}
.yapis{
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 10px;
}
.siparis .grid { width: 100%; border: 1px solid #dddddd; border-right: none; }
.siparis .grid ul { width: 100%; height: auto;  padding-left: 0px; margin-bottom: 0px;}
.siparis .grid ul li { width: 100%; display: table; height: auto; border-bottom: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; }
.siparis .grid ul li:hover{background-color: #f8f8f8;}
.siparis .grid ul li:last-child { border: none; }
.siparis .grid ul li .col {padding: 5px; display: table-cell; float: none; border-right: 1px solid #dddddd; height: auto; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; table-layout: fixed; width: auto;}
.siparis .grid ul li .col span { padding: 5px 0px; width: 100%; display: inline-block; vertical-align: middle; white-space: normal; text-overflow: initial; overflow: initial; -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; word-wrap: break-word; text-align:center;}
.siparis .grid ul li .col a span:hover { color: #ffffff; -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; }
.siparis .grid ul li.baslik_satiri { background-color: #eeeeee; font-weight: bold; font-size: 13px; }
.siparis .grid ul li .col span img { max-width: 100% }
.width5{
  width: 50px;
}
.col.toplam {
  text-align: right !important;
  width: 300px;
  padding-right: 10px;
}
.col.deger{
  text-align: left !important;
  padding-left: 10px;
  width: 100px;
}
.col.durum{
  width: 100px;
}
.col.urun_adi{
  width: 300px;
  text-align: left;
}
.mr5{
  margin-right: 5px;
}
.siparis .detay{
  width: 100%;
  display: block;
  background-color: #f7f7f7;
  padding: 20px;
  padding-bottom: 50px;
}
.siparis .detay ul {
  background-color: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
  border: solid thin #d4d4d4;
}
.detay .baslik{
  width: 100%;
  position: relative;
}
.detay .baslik .indir{
  position: absolute ;
  right: 0px;
  top: -10px;
}
/******B2B-MOBİL********/
@media screen and (max-width: 999px){
.genel_durum ul{
  flex-wrap: wrap;
}
.genel_durum ul li {
  width: 100%;
}
  .siparis .grid {
    min-width: 1100px;
}
  .siparis .grid {
    min-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
  .siparis .grid ul {
    width: 100%;
    height: auto;
    padding-left: 0px;
    margin-bottom: 0px;
    min-width: 1200px;
}
}