/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16.May.2020, 14:32:26
    Author     : dogus
*/
.orantila {overflow-y: hidden}
.sayfalar {display:none;    padding-bottom: 0px !important;}

.btn-page,.btn-pagex {height:45px;display: flex; justify-content: center; align-items: center;}
.btn-sepeteekle {border-bottom:3px solid #fff;background:#7d5e3d;color:#fff;margin-top:15px;}
.btn-siparisver {border-bottom:3px solid #fff;background:#a94442;color:#fff !important;}
.btn-siparisver.btn-whatsapp {background:#128c7e}

.menu:hover {opacity:0.7; cursor: hand; cursor: pointer}
.menu.baslik {padding:8px; margin:20px 2px 2px; text-transform:capitalize; font-size: 22px;}
.menu.baslik.soladayali {padding:4px; margin:19px 2px 2px; font-size: 16px;color:#000;font-weight:bold;}
.menu.aciklama {margin:-10px 20px 10px 20px; font-size:12px; font-style:italic; }
.menu.satir {padding:7px;font-size:16px; margin:2px 0.5%; background: #30577717; color:#333; text-transform:capitalize;
       float:left;width:49%;height:auto;overflow-y: hidden;}
.menu.satir.full {padding:7px;font-size:16px; margin:2px 0.5%; background: #30577717; color:#333; text-transform:capitalize;
       float:left;width:99%;height:auto;overflow-y: hidden;}
.menu.satirGorselli {margin-bottom:20px;}
.menu.satirGorselli img.golgeli{border-radius: 5px; box-shadow: 1px 2px 3px 1px;}
.menu.satirGorselli .katIsmi{border-radius:5px;position:absolute;top:10px;left:0px;padding:5px;background:#fff;text-transform:capitalize;font-size:20px;opacity: 0.8;}
.menu.satir.secili {color:#fff !important;}
.menu.satir:last-child:nth-child(odd){width:99%;}
.menu.satir:hover {background: #305777; color:#fff}

.menu.masaustu {font-size: 16px; padding:15px; margin-bottom:1px; background:#446783;text-align:center;text-transform:capitalize}
.menu.masaustu:hover {opacity: 0.8;cursor:pointer;}

.kategori.baslik {padding:8px; margin:2px; text-transform:capitalize; font-size: 20px;}
.kategori.alt_gruplar {text-align: center; margin-bottom:5px}
.kategori.alt_gruplar .btn-altgrup {margin-bottom:3px;}

.kategori-sol::-webkit-scrollbar,.menu.satir::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}

.urun-box {position:relative;padding:10px; background:#fff; color:#333; margin-bottom:2px; font-size:14px;cursor:pointer;min-height: 73px;height:auto;text-transform: capitalize;}
.urun-box:after {clear:both}
.urun-box.sonGirilen {background:antiquewhite !important}
.urun-box.v1_resimsiz .isim { font-size:16px;padding-right:5px; text-align:left; border-right:1px dashed #333;text-transform:capitalize;width: 68%;}
.urun-box.v1_resimsiz .aciklama span{ }
.urun-box.v1_resimsiz .aciklama span p{margin:0}
.urun-box.v1_resimsiz .aciklama {margin-left:5px;font-size:14px; text-align:left;padding-right:60px;overflow-y:hidden;max-height:155px;font-style: italic;color: #baa5a5;}
.urun-box.v1_resimsiz .fiyat {position:absolute;right:1px;top:0;padding:3px;background: #eee; text-align:right} 
.urun-box.v1_resimsiz .sepeteEkleFiyat .fiyatX {color: #d23737;font-size: 15px; font-weight: bold;} 
.urun-box.v1_resimsiz .fiyat-etiketi {text-align:left} 

.urun-box.v2_resimsiz {position:relative;text-align: left;min-height: 42px;}
.urun-box.v2_resimsiz .resim {float:left; margin-right:5px;height:auto;width:75px;}
.urun-box.v2_resimsiz .isim {width:78%; font-weight:bold;font-size:16px;padding-right:5px; text-align:left; text-transform:capitalize;}
.urun-box.v2_resimsiz .sepeteEklendiMi{float:left; margin: 5px 5px 0px 10px;}
.urun-box.v2_resimsiz .aciklama span{ }
.urun-box.v2_resimsiz .aciklama span p{margin:0}
.urun-box.v2_resimsiz .aciklama {width:78%;font-size:14px; text-align:left;overflow-y:hidden;max-height:155px;font-style: italic;color: #baa5a5;}
.urun-box.v2_resimsiz .fiyat {margin: 5px;color: #d23737;position: absolute;top: 5px;right: 5px;} 
.urun-box.v2_resimsiz .sepeteEkleFiyat .fiyatX {color: #d23737;font-size: 15px; font-weight: bold;} 
.urun-box.v2_resimsiz .fiyat-etiketi {text-align:left} 


.urun-box.v1_resimli {padding:5px;background: #fff;}
.urun-box.v1_resimli .resim {float:left; margin-right:5px;height:auto;width:140px;}
.urun-box.v1_resimli .isim {text-align:left;font-weight: bold; font-size:16px}
.urun-box.v1_resimli .fiyat {display:inline;float:right;text-align:right;margin-top:5px; color:#d23737;padding:5px;} 
.urun-box.v1_resimli .sepeteEkleFiyat .fiyatX {color: #d23737;font-size: 15px; font-weight: bold;} 
.urun-box.v1_resimli .aciklama {text-align:center;float: left;font-style: italic;width: 38%;overflow-y:auto;}
.urun-box.v1_resimli .sepeteEklendiMi.bottom{position:absolute;bottom:-3px;left: 50%;transform: translate(-50%, 0);}
.urun-box.v1_resimli .fiyat-etiketi {font-size: 14px;height: 15px;margin-top: 7px;} 

.urun-box.v2_resimli {width:32.32%;margin:0.5%;float:left;padding:5px;background: #fff;}
.urun-box.v2_resimli.kolonx1 {width:100%;margin-bottom:10px;float:none;padding:10px;}
.urun-box.v2_resimli.kolonx1 .fiyat {}
.urun-box.v2_resimli.kolonx1 .isim {font-size: 20px; font-weight: bold; text-align: center}
.urun-box.v2_resimli.kolonx1 .aciklama {font-size: 14px; text-align: center;}
.urun-box.v2_resimli.kolonx2 {width:49%;}
.urun-box.v2_resimli.kolonx2 .isim {font-size: 16px; font-weight: bold; text-align: center;height:66px;margin-top:5px;}
.urun-box.v2_resimli.kolonx2 .aciklama p{max-height:76px;overflow-y:auto}
.urun-box.v2_resimli.kolonx3 {}
.urun-box.v2_resimli .aciklama {max-height:85px; overflow-y: auto; margin-top:7px;}
.urun-box.v2_resimli .resim {width:100%;}
.urun-box.v2_resimli .isim {text-align:left;height:60px;overflow-y:hidden;}
.urun-box.v2_resimli .fiyat {text-align:center;margin-top:5px; color:#d23737;font-weight:bold;padding:5px;} 
.urun-box.v2_resimli .sepeteEkleFiyat .fiyatX {color: #d23737;font-size: 15px; font-weight: bold;} 
.urun-box.v2_resimli .fiyat-etiketi {font-size: 14px;height: 15px;margin-top: 7px;} 
.urun-box.v2_resimli .sepeteEklendiMi.bottom{position:absolute;bottom:-3px;left: 50%;transform: translate(-50%, 0);}

/*.urun-box .sepete_hizli_ekle {position:absolute;top:-12px;right:-3px;font-size:30px;color:green;    z-index: 9;}*/ 
.urun-box .sepete_hizli_ekle {margin-top: 10px;} 
.urun-box .sepete_hizli_ekle .fa{background: #fff;} 
.urun-box .sepete_hizli_ekle .e{color:#d23737; font-size:16px} 
.urun-box .sepete_hizli_ekle .fiyat{color:#d23737; font-size:16px} 
.urun-box.v2_resimsiz .sepete_hizli_ekle {position:absolute;top:25px;right:10px;font-size:30px;color:green;z-index: 9; margin:-19px -5px 0 0;} 
.urun-box.v2_resimsiz .sepete_hizli_ekle .fa{background: #fff;} 
.urun-box.v1_resimli .sepete_hizli_ekle {float:right;} 

.urunsayfasi {margin:10px}
.urunsayfasi .urun-ismi {font-size:25px;}
.urunsayfasi .gorsel {height:auto;}
.urunsayfasi .gorsel.kucuk{float:left; width:40%;margin-right:5px;}
.urunsayfasi .urun_detaylari  {margin-top:10px;}
.urunsayfasi .urun_detaylari ul {padding:16px;}

.satin_al_adet .adet-azalt {font-size: 50px;}
.satin_al_adet .adet-arttir {font-size: 50px;}

.satin_al_detay {padding: 0 20px;text-align: left;}
.satin_al_changebaseprice {text-transform: capitalize;}
.satin_al_birim {text-transform: capitalize;}
.satin_al_birim.ustunuciz {text-decoration:line-through; }

.urun-birimi-container {margin:10px auto;}
.urun-birimi-baslik {font-size:12px;border-bottom:1px dashed #333;margin-bottom:5px}
.urun-birimi {float:left; width:49%; margin:0px 0.5%;background:#eee;padding:3px;text-transform:capitalize;cursor:pointer;cursor:hand;}
.urun-birimi.secili {}

.urun-etiketi-container {margin:20px auto;}
.urun-etiketi-container .etiket-baslik {font-size:16px;border-bottom:1px dashed #333;margin-bottom:5px; color:red;text-transform:capitalize;}
.urun-etiketi {cursor:pointer}
.urun-etiketi.secili {position:relative;}
.urun-etiketi.secili .kapat{display:inline;position:absolute;top:-5px;right:-5px;}
.urun-etiketi.secili .adet{display:inline;position:absolute;bottom:-5px;right:-5px;}
.urun-etiketi .kapat{display:none;}
.urun-etiketi .adet{display:none;}
.urun-etiketi.changebaseprice {width: 32%;margin:0.5%;padding:3px;text-align: center;background:#eee;float:left;}
.urun-etiketi.addtobaseprice {width: 49%;margin:0.5%;padding:3px;text-align: center;background:#eee;float:left;}
.label-etiket-info {font-size: 12px; display: block; padding: 7px; margin-bottom: 2px;}

.satin_al_adet {float:right;width:75px;margin-right:25px;}
.satin_al_adet .adet {font-size:24px;font-weight:bold;}



.qr-sayfasi {display:none;position:fixed;top:5px;left:5px;bottom:5px;right:5px;background:#fff;padding:10px;z-index: 9999999;}
.qr-sayfasi video{
   width:100%;
   height: 200px;
   margin:0px auto 0;
}


.lokasyonbox {float:left;width:24.5%;margin:0.5%;padding:8px 3px;text-align:center;border:1px solid #333;background:orange;}
.masalarbox {display:none;float:left;width:24%;margin:0.5%;padding:8px 3px;text-align:center;border:1px solid #333;}
.masalarbox.bos {background:#eae9e9;color:#333}
.masalarbox.dolu {background:greenyellow;color:#333}
.masalarbox.kilitli {background:red;color:#fff}
.masalarbox.secilimasa {border:1px solid red}
.masalarbox .masa-tutar {font-style: italic; color:#8c8383}


.user-pin {margin:20px;}
.user-pin .giris{margin:20px;height:100px;width:98%;margin:0.5%;font-size:35px;padding:10px;border:1px solid #eee;padding:25px}
.user-pin .pin{float:left;width:32%;margin:0.5%;font-size:35px;padding:10px;border:1px solid #eee}
.user-pin .pin:hover{background:#305777;color:#fff}
.user-pin .pin.sil{background:#ff6666;color:#fff}
.user-pin .pin.login{background:#57bd57;color:#fff}


.sube-area .row{background: #fff;  margin: 5px; padding: 5px;}
.sube-box {padding:5px; line-height: 25px;}
.sube-box .sube-ismi {font-size:16px;font-weight: bold;padding: 3px 6px 2px;}
.sube-box .sube-icerikalani {padding:5px; border:1px solid #cac2c2}
.sube-box .sube-tel {float:left; font-size:14px;}
.sube-box .sube-cep {float:right; font-size:14px;}
.sube-box .sube-whatsapp {}
.sube-box .sube-adres {font-size:14px;height: 70px;overflow-y: auto;margin-top:10px;text-align: center}


.masaustu-sepet {overflow-y: auto;}

.footerIcon {font-size:27px}

.kategori-sol{position:fixed; float:left; width:30%; border-right:0px solid #333;margin-top: 7px;}
.kategori-sag{float:right; width:68%; margin-right:1%;}

@media screen and (min-width: 450px) and (max-width: 649px)
{
  .kategori-sol{position:fixed; float:left; width:30%; border-right:0px solid #333;}
  .kategori-sag{float:right; width:68%; margin-right:1%;}
  .masalarbox {width:19.6%;margin:0.2%;}
}

@media screen and (min-width: 650px) and (max-width: 850px) 
{
  .kategori-sol{position:fixed; float:left; width:23%; border-right:0px solid #333;}
  .kategori-sag{float:right; width:75%; margin-right:1%;}
  .urun-box.v1_resimli {float:left;width:49.3%;margin:0.3% 0.3% 10px 0.3%; padding-bottom:15px;}
  .urun-box.v1_resimli .resim {float:none;width:98%;margin:1%}
  .urun-box.v1_resimli .isim {text-align:center;font-size:20px;font-weight:bold;margin-top: 5px;height:60px;overflow-y:hidden}
  .urun-box.v1_resimli .fiyat {font-size:18px;color:#ff4500;background:none;}
  .urun-box.v1_resimli .aciklama {float:none;width:100%;text-align:center;font-style: italic;height:59px;overflow-y:auto}
  .urun-box.v1_resimli .sepete_hizli_ekle {float:none;margin-top:10px;}
}

@media screen and (min-width: 851px)
{
  .kategori-sol{position:fixed; float:left; width:20%; border-right:0px solid #333;margin-left:1%;}
  .kategori-sag{float:right; width:77%; margin-right:1%;}
  .urun-box.v1_resimli {float:left;width:32.5%;margin:0.3% 0.3% 10px 0.3%; padding-bottom:15px;}
  .urun-box.v1_resimli .resim {float:none;width:98%;margin:1%}
  .urun-box.v1_resimli .isim {text-align:center;font-size:20px;font-weight:bold;margin-top: 5px;height:60px;overflow-y:hidden}
  .urun-box.v1_resimli .fiyat {font-size:18px;color:#ff4500;background:none;}
  .urun-box.v1_resimli .aciklama {float:none;width:100%;text-align:center;font-style: italic;height:59px;overflow-y:auto}
  .urun-box.v1_resimli .sepete_hizli_ekle {float:none;margin-top:5px;}
}

@media screen and (min-width: 1200px)
{
  .kategori-sol{position:fixed; float:left; width:15%; border-right:0px solid #333;margin-left:1%;}
  .kategori-sag{float:right; width:82%; margin-right:1%;}
  .masalarbox {width:12.1%;margin:0.2%;}
  
  .urun-box.v1_resimli {float:left;width:24.4%;margin:0.3% 0.3% 10px 0.3%; padding-bottom:15px;}
  .urun-box.v1_resimli .resim {float:none;width:98%;margin:1%}
  .urun-box.v1_resimli .isim {text-align:center;font-size:20px;font-weight:bold;margin-top: 5px;height:60px;overflow-y:hidden}
  .urun-box.v1_resimli .fiyat {font-size:18px;color:#ff4500;background:none;}
  .urun-box.v1_resimli .aciklama {float:none;width:100%;text-align:center;font-style: italic;height:59px;overflow-y:auto}
  .urun-box.v1_resimli .sepete_hizli_ekle {float:none;margin-top:5px;}
}