@charset "utf-8";
/* CSS Document */

.arama-box-list-str{ height: auto;background-color: #fff;display: flex; }
.arama-box-list-genel-stn{background-color: #fff;width: 100%;}
.arama-box-list-genel-stn a{padding:8px 0;position: relative;background-color: #fff; width: 100%; height: auto; display: flex;flex-direction: row; align-items: center; justify-content: flex-start;color:#333; border-bottom: 1px solid #ccc;}
.arama-box-list-genel-stn a:hover{background-color: #f0f0f0;}
.arama-box-list-sol-stn{width:120px;height: 54px;}
.arama-box-list-sag-stn{width:calc(100% - 120px); height:54px;display: table;}
.arama-box-list-sag-stn p{display:table-cell;vertical-align:middle; }

.arama-form-stn{display: flex; flex-direction: row; align-items: center;}
.product .thumb .image img{position: relative; float: left; width: 300px; height: auto;}

.sabit-sag-box{position: fixed; z-index: 12; right: 0; display: flex;flex-direction: column;width: 50px; height: 220px; background-color: #000643; top: 50%; margin-top: -110px;}
.sabit-sag-link{width: 50px; height: 50px; font-size: 32px;text-align: center;display: flex; justify-content: center; align-items: center;color: #fff;}
.sabit-sag-link.sizi-arayalim-box{ width: 220px;   transform-origin: 0 0; transform: rotate(-90deg) translateY(0px) translateX(-100%);font:18px "Open Sans", sans-serif ; color: #fff;}


.sabit-sag-yazi{font:18px "Open Sans", sans-serif } 

.urun-detay-alt-title{color: #212121;height: 50px; display: flex; align-items: center; border-bottom: 2px solid #212121;}

.product-details-content ul li:nth-child(1){color: #d75e03;}



.siparis-text{white-space: pre-wrap;}

.siparis-list{display: flex; flex-direction: row; align-items: center;border:1px solid #ccc; margin-bottom: 16px;height: 100px;position: relative;}
 .siparis-iptal{background-color:rgba(255,218,218,.64);position: absolute; width: 100%; display:  flex; justify-content: center; align-items: center; width: 100%; height: 100%; font:bold 36px "Open Sans", sans-serif; color: #d72828;z-index: -1;}



.siparis-list.title-str{background-color: #ff862a; color: #fff;}

.siparis-list li {display: flex; align-items: center;padding: 0 10px;}
.siparis-list li:nth-child(1){width:180px; }
.siparis-list li:nth-child(2){width:60%; }
.siparis-list li:nth-child(3){width:142px;display: flex; justify-content: center; }
.siparis-list li:nth-child(4){width:160px; display: flex; justify-content: flex-end;}
.siparis-list li:nth-child(5){width:150px; display: flex; justify-content: flex-end;}
.siparis-detay-btn{height: 24px; display: flex;justify-content: center; align-items: center; background-color: #ff862a; color: #fff;width: 100px; height: 32px;}

.siparis-detay{display: flex; flex-direction: row; align-items: center;border-bottom:1px solid #ccc;  height: 50px;}
.siparis-detay li {display: flex; align-items: center;padding: 0 10px;width: 20%;}
 .siparis-detay li:nth-child(1){width:150px; }
 .siparis-detay li:nth-child(2){width:55%; }
 .siparis-detay li:nth-child(3){width:150px;justify-content: flex-end; }
 .siparis-detay li:nth-child(4){width:80px;justify-content: flex-end;}
 .siparis-detay li:nth-child(5){width:180px;justify-content: flex-end;}

.siparis-detay-ust-box{display: flex;flex-direction: row;border: 1px solid #ccc;justify-content: space-between;}
.siparis-detay-ust-box li{padding: 10px 16px;}

.urun-stn{display: flex; flex-direction: row;}
.urun-stn-sol{width: calc(100% - 324px); margin-right: 36px; }
.urun-stn-sag{width:288px; }

.urun-tip-box{width: 25%;}
 
.urun-ust-title-str{width: 100%; height:110px; background:#F68B18; padding: 20px 36px;border: 1px solid #ccc;border-bottom: none;}
.urun-grup-title{font: 28px "Open Sans", sans-serif; color: #231f20; font-weight:900;}
.urun-alt-grup-title{font: 18px "Open Sans", sans-serif; color:#231f20;  }

.urun-list-box{height: auto;margin-bottom: 36px; overflow-x:auto;}
.urun-list-box table.urun-list-tb {
  border-collapse: collapse; border-spacing: 0;  width: 100%;   ; border-top: none;}

table.dataTable thead th, table.dataTable thead td{padding: 0 !important;width: 11% !important;  }
 
.urun-list-box table.urun-list-tb tbody th { background-color: #000; color: #fff;width: 11% !important;}
.urun-list-box table.urun-list-tb tbody th, td {  text-align: left;  padding: 8px; font: 14px "Open Sans", sans-serif; border-color: #000;
    border-style: solid;
    border-width:0.01px; color: #000; width: 11% !important;
}
 

.urun-list-box table.urun-list-tb tbody tr:nth-child(odd){background-color: #d1d3d4}

table.dataTable tbody tr:nth-child(odd){background-color: #f6f6f6 !important;}

.urun-form-box{background: #F68B18; padding: 24px;}

.urun-form-str{margin-bottom: 12px;}

.urun-katalog-box{padding: 24px; background-color: #575757;}

.btn-katalog{width: 100%;height: 60px; padding-left: 60px; color: #ffdd11;font: 24px "Open Sans", sans-serif; line-height: 60px; border: 1px solid #ffdd11; display: block; background: url("../pageFile/katalog-icon.svg") no-repeat 16px center; background-size: 28px;}


.col.marka-sec{width: 320px;margin-right: 24px;}
.col.arama-oemno{width:calc(100% - 548px);margin-right: 24px;}
input.arama,select.arama{background-color: #fff;height: 50px;}
select.arama{background: url(../images/page/selectOk.svg) 95% center no-repeat,#eee;background-size: 20px 10px;}
.col.btn-arama{width:176px; }
button.btn-arama{background:url("../pageFile/arama-btn.svg") no-repeat 128px center,#000000;background-size: 32px 32px;;font: 19px "Open Sans", sans-serif;color:#fff;width: 100%; height: 50px;text-align: left;padding-left:36px; }

.row-cus{position: relative; float: left; width: 100%;}
.col-cus{position: relative; float: left;}

.select-grup{background-color: #eee;height: 50px; border: none;}

.shop-sidebar-wrap .sidebar-widget-category li a{margin-bottom:0  !important;}

.sepet-sil-btn{width: 50px !important;}

 input:required:invalid {
	background-color: #FBE7DC ;
	border: 1.5px solid #ED9B5F;
	background-color: #FBE7DC ;
	border: 1.5px solid #ED9B5F;
  }

input:required:invalid:focus{
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ED9B5F;
}

/* Özelleştirilmiş giriş alanı stilini tanımlayın */
  .custom-input {
    border: 2px solid #3498db;
    padding: 5px;
    font-size: 16px;
    border-radius: 5px;
  }

  /* Giriş alanı dolu olduğunda stil */
  .custom-input:valid {
    border-color: #27ae60;
  }

  /* Giriş alanı boş olduğunda stil */
  .custom-input:invalid {
    border-color: #e74c3c;
  }

  /* Hata mesajını gizlemek için stil */
  .custom-input:invalid + .error-message {
    display: none;
  }

  /* Hata mesajını görüntülemek için stil */
  .custom-input:invalid + .error-message::before {
    content: "Bu alanı doldurmalısınız!";
    display: block;
    color: #e74c3c;
    margin-top: 5px;
  }

.ana-slider-title{font-size: 16px !important;background-color: #ff7004; color: #fff; height:50px;display: flex;align-items: center; justify-content: center; font-weight: bold; border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}

.banka-box{display: flex; flex-direction: column;justify-content: center; align-items: center;width: 100%; padding: 84px 0; min-height: 416px; background-color: #eee;}
.banka-name{font-size: 36px; font-weight: bold;}
.banka-aciklama{font-size:24px; font-weight: 500;}
.banka-aciklama span{font-size:46px; font-weight: bold;display: flex; width: 100%; justify-content: center;}
.banka-img{padding: 0 64px;}

#myDataTable_length{margin-top:30px;}
.filtre-input{background-color: #ff7004; color: #fff;}
table.dataTable{width: 100% !important;}
table.dataTable thead .sorting{font-size: 14px !important;}
.bannerBox{width: 100%; height: auto;overflow: hidden;}
	.desk-element{display:block ;}
		.mobil-element{display:none ;}

@media (min-width: 0) and (max-width: 767px) {
	.desk-element{display: none;}
		.mobil-element{display: block;}
	.urun-stn{flex-direction: column-reverse;}
	.urun-stn-sol,.urun-stn-sag{width: 100%;}
	.urun-stn-sag{margin-bottom: 36px;}
	
	.siparis-list{flex-direction: column;padding: 16px 0;height: auto;}
	.siparis-list li{width: 100% !important; justify-content: center;}
	 .siparis-list li:nth-child(1){width:100% !important; justify-content: center  !important;}
 .siparis-list li:nth-child(2){width:100%  !important;justify-content: center  !important; }
 .siparis-list li:nth-child(3){width:100%  !important;justify-content: center  !important; }
 .siparis-list li:nth-child(4){width:100%  !important;justify-content: center  !important;}
 .siparis-list li:nth-child(5){width:100%  !important;justify-content: center !important;}
	
	
	.siparis-detay-ust-box{flex-direction: column; justify-content: center; text-align: center;}
	.siparis-detay{flex-direction: column;height: auto;}
	 .siparis-detay li{width:100% !important;align-items: center !important;}
		 .siparis-detay li:nth-child(1){width:100% !important;justify-content: center  !important; }
 .siparis-detay li:nth-child(2){width:100%  !important;justify-content: center  !important; }
 .siparis-detay li:nth-child(3){width:100%  !important;justify-content: center  !important; }
 .siparis-detay li:nth-child(4){width:100%  !important;justify-content: center  !important;}
 .siparis-detay li:nth-child(5){width:100%  !important;justify-content: center !important;}
	

	
	
}