
/*@import url('https://fonts.googleapis.com/css2?family=Exo+2&display=swap&subset=latin,latin-ext');
*{padding: 0; margin: 0; box-sizing: border-box; }
body{margin: 0; padding: 0; font-family: 'Exo 2', sans-serif;}*/

@font-face {
	font-family: 'OpenSansRegular';
	src: url('font/OpenSansRegular.eot');
	src: local('OpenSansRegular'), url('font/OpenSansRegular.woff') format('woff'), url('font/OpenSansRegular.ttf') format('truetype');
}

*{box-sizing: border-box; outline: 0;}
a{text-decoration: none; color:inherit}

html, body{margin: 0; padding: 0; font-family: 'OpenSansRegular';}
#ust{background: #16592a; color:#fff; margin: 0 auto ;; }
.ustic {width: 1100px; margin: 0 auto;}
#ust:after{
    
     content: "";
  display: table;
  clear: both;
}
#ust nav{float:right; margin-top: 10px;}
h1 { float:left; margin: 0 auto; padding: 10px;}
h2 { margin: 0; padding: 10px; padding-left: 20px;  border-bottom: 2px solid rgb(22, 89, 42); background: rgba(22, 89, 42, 0.2); color: #333; font-size:22px;}
#ust ul{ display: block;  padding: 0; margin: 0;  }
#ust ul li{list-style: none;padding: 5px; margin: 0; text-align: center;}
#ust ul li a{padding: 10px;  background-color: #145026; border-bottom: 2px solid #153f22; text-decoration: none; color:inherit;font-weight: bold;}
#ust ul li a:hover{border-bottom-color:  #000;}
#ust ul li span{font-size:13px; color:#c8c296;}

#icerik{width: 1100px;margin: 0 auto;  min-height:  500px; height: auto; padding: 0; margin-bottom: 40px;}
#icerik h1 {padding: 5px; margin: 0;;}
#icerik #talepliste{padding: 0; margin: 10px; }
#icerik #talepliste li{ list-style: none;   margin: 5px; background-color: rgba(255, 255, 255, 0.2); border:1px #ccc solid; border-radius: 8px;    }
#icerik #talepliste li a{display: block; padding: 10px;text-decoration: none; color:inherit; font-weight: bold; cursor: pointer;}
#icerik #talepliste li:hover{border:1px #888 solid;}

h2 span{float:right; font-size:14px; }

#icerik #sonucmsj{padding: 0; margin: 10px; }
#icerik #sonucmsj li{display: block; padding: 10px; color:#003333; list-style: none;   margin: 5px; background-color: rgba(255, 255, 255, 0.2); border:1px #ccc solid; border-radius: 8px;    }
#icerik #sonucmsj li:hover{border:1px #888 solid;}

#btnDiv{padding-top: 30px; margin: 10px; text-align: right; }
#btnDiv input{background: #cc0000; color:#fff; border:1px solid #cc0000;  padding: 10px 80px; font-weight: bold; width: auto; font-size: 16px;  }
#btnDiv input:hover{background: #f0f0f0; color:#cc0000;}

.detayp{padding: 5px; border:1px solid #ccc; border-radius: 8px; margin: 5px;min-height: 80px; width: 450px; float: left;}
.sagspan{float: right; font-weight: normal; font-size:14px;}

.urunTablo{ border-collapse: collapse;}
.urunTablo th{padding: 5px; text-align: center; border: solid #999;  border-width: 0 1px 0 1px ; background: #333;color:#fff; }
.urunTablo td{padding: 5px;  border: solid #999; border-width: 1px ; margin: 5px; text-align: center; vertical-align: top; }
.urunTablo td p{font-weight: bold; border-bottom: 1px solid #ddd; background: #ccc; padding: 5px;}
.urunsatir{ background: #eee; }

.bosluktr{ }
.bosluktr td{ border:none;}
.siparis{text-align: center; background: #fff;  }
/*tr:nth-child(even) .siparis{text-align: center; background: orangered !important; }*/
.siparis p{margin: 10px; font-weight: bold; background: orangered !important;; color:#fff}

.urunsatir p {min-height: 50px; }
.sarttd{text-align: center; }
.sartTablo{margin: 5px 10px;border:1px solid #666; border-collapse: collapse;  text-align: left; width: 800px; margin: 0 auto; background: #fff; }
.sartTablo caption{font-weight: bold; font-size:18px;  padding: 2px; background: #41496e; color:#fff;  ; border-radius: 8px 8px  0 0;}
.sartTablo th {padding: 5px;text-align: center; background: #bad7e3; border:solid #999; color:#333; border-width: 0 1px 0 1px ; height: auto; line-height: normal;   }
.sartTablo  td{padding: 5px;text-align: center;  border:solid #999; border-width: 0 1px 0 1px ; background: #f5f5f5;}
.yesilbtn { padding: 5px; border-radius: 5px; color :#ffffff;  background: rgba(22, 89, 42, 0.9); font-weight: bold; box-shadow: 0 1px 4px #333; }
.yesilbtn:hover{background: rgba(22, 89, 42, 0.7);}


input[type="number"]{width: 120px; padding: 5px; box-shadow: 0 0 2px #000; border:1px #999 solid; border-radius: 4px;}
input[type="number"]:focus{box-shadow: 0 0 4px #000;border:0.01em #666 solid; outline:  none;}
.uyari{font-weight: bold; color : #cc0000 !important; padding: 10px; text-align: center;}
.iptal{text-align: center; padding: 5px; background: rgba(0,0,0, 0.8); color:#fff; margin: 10px auto; width: 125px; cursor: pointer; }
.iptal:hover{background: rgba(0,0,0, 0.6);}
.alt{width: 100%; padding:  5px ; color:#888; position: fixed; bottom: 0; left:0; text-align: center; background: #e7e7e7; border-top: 1px solid #ddd; height: 35px;z-index: 99}
.urun2xTd{ border: #666 solid; border-width: 1px 0;}
.urun2tablo {border:1px solid #999;border-collapse: collapse;}
.urun2tablo caption {background: #cccccc; color:#000;  border-radius: 0;}
