/* [1] Ortak Siniflar */

.ortala {margin: 0px auto}
.db {display: block}
.dib {display: inline-block}
.fl {float: left}
.fr {float: right}
.tc {text-align: center}
.tl {text-align: left}
.tr {text-align: right}
.pa {position: absolute}
.pr {position: relative}
.pf {position: fixed}
.temizle {clear: both;}
.radius {border-radius: 4px;}
a {text-decoration-line: none;list-style: none;text-underline-position: none;text-decoration: none}
b {font-weight: bold;}
a:hover {background-color: yellow;width: 100%;}
caption, th {text-align: left;}
strong {font-weight: bold;}
h3{font-family: cheshni_semibold;font-size: 20px;}
body {background: #fff url(../images/bg.png) no-repeat top center;-webkit-font-smoothing: antialiased;font: 500 15px/20px "gotham", sans-serif;}
@font-face {font-family: 'cheshni_bold';src: url('/tema/v1/yazim-karekterleri/bold.ttf') format('truetype');font-weight: 100;font-style: normal;}
@font-face {font-family: 'cheshni_semibold';src: url('/tema/v1/yazim-karekterleri/semibold.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'cheshni_book';src: url('/tema/v1/yazim-karekterleri/book.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'cheshni_extrabold';src: url('/tema/v1/yazim-karekterleri/extrabold.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'cheshni_extralight';src: url('/tema/v1/yazim-karekterleri/extralight.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'cheshni_light';src: url('/tema/v1/yazim-karekterleri/light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'cheshni_medium';src: url('/tema/v1/yazim-karekterleri/medium.ttf') format('truetype');font-weight: 300;font-style: normal;}
hr{color: #ffffff;background-color: #ffffff;border: 0;height: 1px;box-shadow: 0px 2px 5px #838383;}
html{background-color: black;font-family: cheshni_semibold;}
body {background-color: #000000; color: #ffffff;}
header {height:50px;width:100%;background-color:#000000;}
header > ul {margin: 0;border: 0;padding: 0;}
header > ul > li{width: 33.33%;float: left;list-style-type: none;}
header > ul > .orta {font-size: 25px; width: 50%;float: left;list-style-type: none;margin-top: 37px;float: right;font-family: cheshni_bold;}
header > ul > a > li > img {height: 80px;float: left;}
section > ul {margin: 0;border: 0;padding: 0;}
section > ul > li{width: 33.33%;float: left;list-style-type: none;}

/** anasayfa **/
section > .anasayfa > li {width: 47%;list-style: none;padding:5% 0;margin: 1%;display: inline-block;text-align: center;position: relative;background: #2d2e3e;margin-top: 20px;text-decoration-line: none;}
.anasayfaa{text-decoration-line: none;}
.anasafyah3 {font-size: 10px !important;font-weight: 400;letter-spacing: 1px;color: #2ad5dc;text-decoration-line: none;list-style: none;}
section > .anasayfa > li > a  > img{max-width: 80%;}

/** hata sayfasi **/
section > ul > .hata  {width: 98%;list-style: none;padding:10% 0;margin: 1%;display: inline-block;text-align: center;position: relative;background: #2d2e3e;margin-top: 20px;}
section > ul > .hata  > a {font-size: 11px;font-weight: 400;letter-spacing: 1px;color: #ffffff;background-color: black;padding: 15px;}
section > ul > .hata  > a  > img{max-width: 80%;}

/** siparis sayfasi **/
section > .siparis  > li {width: 98%;list-style: none;padding: 10% 0;margin: 1%;display: inline-block;text-align: center;position: relative;background: #2d2e3e;font-family: cheshni_bolt;}
section > .siparis  > li {font-size: 11px;font-weight: 400;letter-spacing: 1px;border-radius: 10px;border-radius: 10px;border-width: 1px;border-style: solid;}
section > .siparis  > li  > img{max-width: 80%;}
section > .sepetim > li > div {width: 100%;float: right; }
section > .sepetim   >  li {width: 98%;list-style: none;padding: 10% 0;margin: 1%;display: inline-block;text-align: center;position: relative;background: #47a447;}
section > .sepetim  > li {font-size: 11px;font-weight: 400;letter-spacing: 1px;border-radius: 10px;border-radius: 10px;border-width: 1px;border-style: solid;}
section > .sepetim  > li  > img{max-width: 80%;}
section > .sepetim > li > div > p {width: 100%;float: left;margin: 2px;font-family: cheshni_semibold;}
.sepet {width: 100px;height: 100px;border-radius: 100%; position: fixed;right: 10px;top: 80px;background-color: #47a447;text-align: center;}
.sepet > h4 {font-family: cheshni_semibold;margin-bottom: 10px;}
.sepet > h5 {color: yellowgreen; font-size: 30px;font-family: cheshni_semibold;margin-top: 0;}
.orta {width: 40px;height: 40px;text-align: center;border-radius: 10px;border: 0;}
input.eksi { color: #fff; background-color: #d9534f;border-color: #d43f3a;display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.428571429;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
input.arti { color: #fff; background-color: #47a447;border-color: #398439;display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.428571429;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}

section > .siparislerim   >  li {width: 98%;list-style: none;padding: 10% 0;margin: 1%;display: inline-block;text-align: center;position: relative;background: #47a447;}
section > .siparislerim  > li {font-size: 11px;font-weight: 400;letter-spacing: 1px;border-radius: 10px;border-radius: 10px;border-width: 1px;border-style: solid;}
section > .siparislerim  > li  > img{max-width: 80%;}
section > .siparislerim > li > div > p {width: 50%;float: left;margin: 2px;font-family: cheshni_semibold;}
section > .siparislerim > li > div {width: 50%;float: right; }
input.sil {color: #fff;background-color: aquamarine;border-color: aquamarine;display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 0px 5px;font-size: 14px;line-height: 1.428571429;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
/** siparişler sayfasi **/
section > .siparisler   >  li {height: 225px; width: 335px;list-style: none;margin: 1%;display: inline-block;text-align: center;position: relative;background: #2d2e3e;}
section > .siparisler   >  .dolu {width: 335px;list-style: none;padding: 10px 0px 130px 0px;margin: 1%;display: inline-block;text-align: center;position: relative;background: crimson;}
section > .siparisler  > li {font-size: 11px;font-weight: 400;letter-spacing: 1px;border-radius: 10px;border-radius: 10px;border-width: 1px;border-style: solid;}
section > .siparisler  > li  > img{max-width: 80%;}
section > .siparisler > li > button {background-color: snow;padding: 10px; width: 98%; border: 0;border-radius: 10px; box-shadow: 0px 2px 5px #ffffff;}
@media print
{body{width: 10px;background-color: #000000;height: 10px;}section > .siparisler  > .bos { display: none;}section > .siparisler  > .dolu {width: 10px;height: 10px;background-color: black;}header { display: none;}section > .siparisler > li > button { display: none;}hr { display: none;}h3 { display: none;}}

/** geçmiş siparis sayfasi **/
section > .gecmis-siparis   >  li {width: 100%;list-style: none;padding: 10px 0px 10px 0px;margin: 1%;display: inline-block;text-align: center;position: relative;background: #2d2e3e;}
section > .gecmis-siparis   > .dolu {width: 335px;list-style: none;padding: 10px 0px 10px 0px;margin: 1%;display: inline-block;text-align: center;position: relative;background: crimson;}
section > .gecmis-siparis   > li > div >  p {font-family: cheshni_semibold;}
section > .gecmis-siparis  > li {font-size: 11px;font-weight: 400;letter-spacing: 1px;border-radius: 10px;border-radius: 10px;border-width: 1px;border-style: solid;}
section > .gecmis-siparis  > li  > img{max-width: 80%;}
section > .gecmis-siparis > li > button {background-color: snow;padding: 10px; width: 98%; border: 0;border-radius: 10px; box-shadow: 0px 2px 5px #ffffff;}
/** şef siparis sayfasi **/

section > .gelen-siparis   >  li {width: 23%;min-height: 100%; list-style: none;padding: 10px 0px 10px 0px;margin: 1%;display: inline-block;text-align: center;position: relative;background: #2d2e3e;font-family: cheshni_semibold;}
section > .gelen-siparis   > .dolu {width: 335px;list-style: none;padding: 10px 0px 10px 0px;margin: 1%;display: inline-block;text-align: center;position: relative;background: crimson;}
section > .gelen-siparis   > li > div >  p {font-family: cheshni_semibold;}
section > .gelen-siparis  > li {font-size: 11px;font-weight: 400;letter-spacing: 1px;border-radius: 10px;border-radius: 10px;border-width: 1px;border-style: solid;}
section > .gelen-siparis  > li  > img{max-width: 80%;}
section > .gelen-siparis > li > button {background-color: snow;padding: 10px; width: 98%; border: 0;border-radius: 10px; box-shadow: 0px 2px 5px #ffffff;}
section > .gelen-siparis  > .online {background-color: #2d2e3e;}
section > .gelen-siparis  > .yerel {background-color: cadetblue;}
section > .gelen-siparis  > .off {background-color: crimson;}
.miktar{border-radius: 100%;padding: 6px 10px 6px 10px;color: #ffffff;}
section > ul > li > form > div {width: 100%;float: left;clear: both;text-align: center;}
section > ul > li > form > .kutu {width: 100%;height: auto;border-style: dotted;}
section > ul > li > form > div > .icon {width: 40px;float: left;}
section > ul > li > form > div > .icon > img {width: 90%;display: block;}
section > ul > li > form > div > input {padding: 10px 0 10px 3%;width: 80%;margin: 0 0 20px 5%;border: none;border-bottom: 1px solid #45535d;background: none;color: #b7bec2;font-family: cheshni_book;}
label {font-family: cheshni_book;}
.ckeck {padding: 0px 0 10px 3%;width: 100%;margin: 0 0 5px 0%;border: none;border-bottom: 1px solid #45535d;background: none;color: #b7bec2;font-family: cheshni_book;}
section > ul > li > form > input {background-color: #08a95f;width: 100%;padding: 15px 0;margin: 15px 0 0 0;font-weight: normal;text-align: center;cursor: pointer;font-size: 18px;color: #FFFFFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: none;cursor: pointer;-webkit-appearance: none;
}
.label-for-check1{
    color: #fab701;
}
input[type="checkbox"]:checked + .label-for-check1 {
    height: 100px;
    position: absolute;
    width: 99%;
    z-index: -1;
    color: #fab701;
}
#label1 {
    color: #fab701;
}
#label2 {
    color: #fab701;
}
.temizle{width: 100%;height: 25px;}
.odeme-select{padding: 10px 0 10px 3%;width: 82%;margin: 0 0 20px 5%;border: none;border-bottom: 1px solid #45535d;background: none;color: #45535d;}
.sifremi-unuttum{float: right;color: #45535d;}
input[type="submit"]{background-color: #08a95f;width: 100%;padding: 15px 0;margin: 15px 0 0 0;font-weight: normal;text-align: center;cursor: pointer;font-size: 18px;color: #FFFFFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: none;cursor: pointer;-webkit-appearance: none; font-family: cheshni_bold;}

button[type="submit"]{background-color: #08a95f;width: 100%;padding: 15px 0;margin: 15px 0 0 0;font-weight: normal;text-align: center;cursor: pointer;font-size: 18px;color: #FFFFFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: none;cursor: pointer;-webkit-appearance: none; font-family: cheshni_bold;}

button[type="submit"]{font-family: cheshni_semibold;background-color: #08a95f;width: 90%;padding:10px;margin: 5px 0 0 0;font-weight: normal;text-align: center;cursor: pointer;font-size: 18px;color: #FFFFFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: none;cursor: pointer;-webkit-appearance: none;}

.siparis > button[type="submit"]{background-color: #08a95f;width: 20px;padding: 1px 20px 3px 7px;margin: 2px 0 0 0;font-weight: normal;text-align: center;cursor: pointer;font-size: 18px;color: #FFFFFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 100%;border: none;cursor: pointer;-webkit-appearance: none;}
.kayit-ol {width: 100%;text-align: center;padding: 30px 0 0 0;font-family: cheshni_semibold;}
.kayit-ol > a {color: #FFFFFF;font-weight: 700;}
.kayit-ol > p {opacity: 0.5; padding: 0px;color: #FFFFFF;text-align: center;margin: 0px;font-size: 14px;line-height: 20px;}
section > ul > .sol {background-color: blue; display: block;height: 0.1px;}
section > ul > .orta {width: 50%; display: block;height: 0.1px;}
section > ul > .anasayfa {width: 100%; display: block;height: 0.1px;}
section > ul > .sag {background-color: green; display: block;height: 0.1px;}
section > div {width: 35%; float: right; background-color: #B91F26; padding: 10px;margin: 0px 3px 5px 0px;border-radius: 10px;border-color: #ffffff;border-width: 1px;border-style: solid;}
footer {position: fixed;bottom:0;left: 0;width: 100%;}
footer > div{text-align: center;}
footer > div > h2{font-size: 12px;}
.ileri-geri { width: 45%; float: left;background-color: crimson;padding: 10px;color: #ffffff;border: 0;margin: 10px;font-family: cheshni_semibold;}