@charset "utf-8";
html,body { margin:0; padding:0; background-color:white;font-family:'Open Sans',sans-serif; font-weight:400;}
@media(max-width:600px) and (min-width:401px){
	html,body{font-size:14px}
}
@media(max-width:400px) and (min-width:361px){
	html,body{font-size:12px}
}
@media(max-width:360px){
	html,body{font-size:11px}
}
a{text-decoration:none; cursor:pointer}
form,ul,p{ margin:0; padding:0;} 
/* safari için borderlar için */
input,textarea,button,a,div{color:black; -webkit-appearance: none; border-radius: 0;} 
input[type='checkbox'], input[type='radio']{ -webkit-appearance: auto;}
/* safari için borderlar için */
a,input,button{transition: .2s ease;-webkit-transition: .2s ease; }
input:not([type=checkbox]), input:not([type=radio]),select,textarea{font-size:1rem; padding:3px 8px;  resize:none; border: 1px solid #aaa; user-select: none; outline: none;background:white}
select{font-size: 1rem; padding:5px; cursor: pointer;}
table{font-size:0.9rem;font-family:'Open Sans',sans-serif; border-collapse: collapse; table-layout: fixed}
td{vertical-align: middle;}
label{line-height: 25px; padding-left: 26px; margin: 0 10px 0 0; position: relative; cursor: pointer; user-select: none;}
label input[type=checkbox], label input[type=radio]{position: absolute; left:0px; top:-4px;} 
input[type=checkbox], input[type=radio]{width:1.5rem; height: 1.5rem; margin:0;padding: 0; cursor: pointer;}
input[type='button'], input[type=submit], button, .Dugme{ border:1px solid #aaa; padding:5px 8px; font-size: 1em; margin-left: 2px;text-decoration:none;cursor:pointer;}

.Pencere:not(.Uyari){ background: white; position: relative; border:0px solid black; width:calc(100%); height: 100%; overflow: auto; display: block;}
.Pencere:not(.Uyari) > .Baslik{cursor: move; text-align: left; font-weight: bold;padding-left: 10px; color:white;line-height: 30px; height: 32px; user-select: none; background: darkblue;}
.Pencere:not(.Uyari) >.Baslik a{color:white} 
.xxx{position:absolute; color:red; background:white;border:1px solid #ccc; font-weight:bold; font-size:18px; padding:3px; cursor:pointer;right:1px; width:30; height:30px; z-index:2; top:1px;}
.Pencere .Icerik{width:100%; padding:5px}
.MenuDugme{width: calc(33vw - 10px); height: calc(33vw - 10px); margin:10px; background: lightblue}

.EkleBtn{font-size:3rem !important; padding:0 !important; box-shadow: 2px 2px 2px gray; width:3rem; height: 3rem; position: fixed; left:20px; bottom:20px; z-index: 10}

.acikmavi{background:lightblue}
.acikyesil{background: lightgreen}
.acikyesil2{background: #dfd}
.aciksari{background: lightyellow}
.acikpembe{background: lightpink}
.acikmavi2{background-color: lightcyan}
.red, red{color:red}
.blue, blue{color:blue}
.black, black{color:black}
.yellow, yellow{color:yellow}
.white, white{color:white}
.gray, gray{color:gray}
.green, green{color:#1a4}


.SiparisListe .siparis{position:relative; margin:5px; padding:5px; text-align:left; border:1px solid #999; background:#eee}
.SiparisListe .siparis[durum="0"]{background: #efe}
.SiparisListe .siparis[durum="1"]{background: #eff}
.SiparisListe .siparis[durum="2"]{background: #fee}


.Giris{margin:10px 5px 5px 5px; position: relative; padding-top:6px;}
.Giris p{text-align: left; padding:0 5px; background: white; color:#f60; font-size: .9rem; position:absolute; left:10px; top:1px;}
.Giris input:not(.BarkodButton), .Giris select, .Giris textarea{width:calc(100% - 10px); padding:10px; font-size:16px; color:#555; appearance: none;}

.Dugme3{ font-size:1rem;text-decoration: none; display:inline-block; min-width:22px;
color:gray; background: #eee;border:1px solid #aaa; border-radius:3px; margin:1px; cursor:pointer;
text-align:center; line-height:24px; padding:0 2px;}
.Icon{border:none; width:20px; height:20px; margin:0 5px; cursor:pointer}
.Dugme3{ font-size:12px;text-decoration: none; display:inline-block; min-width:22px; color:gray; background: #eee;border:1px solid #aaa; border-radius:3px; margin:1px; cursor:pointer; text-align:center; line-height:24px; padding:0 2px;}

.Desktop{display: none}
.Butonlar{margin: 10px 0;}

.sonucYok{text-align:center;height:80px;line-height:80px}
.resimci {z-index:999;position:fixed;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.6);font-size:12px;color:gray;padding-top:100px;}
#izlence{width:calc(100% - 20px)}
.Cubuk{padding:10px;}

.govde{position: fixed; left:0; top: 0; bottom:0; right:0; width: 100vw; height: 100%;}

/* js foksiyonları için */
.Uyari{width:450px; padding:0px; max-width:calc(100% - 40px); opacity:0; border:1px solid #333;background:white;border-radius:5px;position:relative}
.Uyari .Baslik{background:#ddd;color:#333;border-bottom:1px solid #999;line-height:40px;cursor:move;text-align:left; margin:0; padding:0 0 0 45px; border-radius:5px 5px 0 0; font-size: 16px}
.Uyari img{position:absolute;left:10px;top:7px;width:25px; height:25px}
.Uyari .Yazi{padding:15px;color:#333;text-align:left; font-size: 14px}
.Uyari span{padding:5px 20px;margin:10px 10px 20px 0; background:#ccc ;border:1px solid #ccc;color:#333;cursor:pointer; font-size: 15px }
.Uyari #sorununcevabi{margin:10px; padding:5px; width:calc(100% - 20px); border:1px solid #ccc}
.Uyari .Soru{padding:15px; color:#333;width:calc(100% - 40px);text-align:left}

.Bildirimler{position:fixed; z-index:1000; background:rgba(0,0,0,.8); border-radius:10px; right:-100%; color:white;}
.Bildirimler{width:calc(100% - 70px);font-size:14px; bottom:80px; padding:15px}
.titleSil{position:absolute;left:50px;top:30px; padding:5px 10px; border-radius:10px; border-top-left-radius:0px;   border:1px solid blue; background:#dff; font-style:normal}

.SiyahEkran{overflow:hidden;background:rgba(0,0,0,0.4); position:fixed;left:0;top:0;width:100%;height:100%; display: flex; align-items:center;}
.SiyahEkran > div, .siyahEkran > form, .siyahEkran > table, .siyahEkran > p{ margin:auto }
.BekleEkranYazi{text-align:center;background:rgba(0,0,0,0.7);width:200px;opacity:0}
.BekleEkranYazi div{color:white; font-size:14px; font-weight:bold; animation: deneme 2s 10 alternate; line-height:40px; padding:20px 40px; letter-spacing: 6px}
.ResimGoster{position:relative; width:auto !important; border:2px solid #ccc;}
.ResimGoster img{max-width:calc(100vw - 20px); max-height:calc(80vh);}
@keyframes deneme{from{color:white;} to{color:red;}}


.SiparisUrun img{width:100px; height: 100px}



	/*Resim Düzenleme Gönderme */
	.DuzenSec .ResimSekil{overflow:auto; width:calc(100vw - 2px); height:calc(100vw - 2px); position:relative; background:#eee; border:1px solid #aaa;}
	.DuzenSec .Butonlar .Arti{background-image: url("img/buyut.png")}
	.DuzenSec .Butonlar .Eksi{background-image: url("img/kucult.png")}
	.DuzenSec .Butonlar .Cevir{background-image: url("img/sagacevir.png")}
	.DuzenSec .Butonlar .Yatay1{background-image: url("img/yatay1.png")}
	.DuzenSec .Butonlar .Yatay0{background-image: url("img/yatay0.png")}
	.DuzenSec .Butonlar .Dikey1{background-image: url("img/dikey1.png")}
	.DuzenSec .Butonlar .Dikey0{background-image: url("img/dikey0.png")}
	.DuzenSec .Butonlar{position: relative;height:44px; text-align: center}
	.DuzenSec .Butonlar input{width:2.5rem;margin:4px 4px 0 0; height:2.5rem;cursor: pointer; border:1px solid #ccc; border-radius:3px; background-repeat: no-repeat; background-position: center center; background-size: 80% 80%; outline: none;}
	.DuzenSec.Yerlesim .ResimSekil{margin-top: 10px}
	#durum {display:none; text-align: left !important; position:relative; width:calc(100%-10px); border: 1px solid #ddd; padding: 1px; border-radius: 3px; background:white }
	#bar { background: red; width:0%; height:30px; border-radius: 3px; color:white }
	#yuzde {position:absolute; left:40%; top:0px; line-height:30px; text-align:center;}
	/*Resim Düzenleme Gönderme */