body {
  margin: 0;
  font-family: Inter,Tahoma,Geneva,sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background: #f9fafb;padding-bottom: 1rem;
}
header {
    background-color: #fdfdfe;
    margin-bottom: 1rem;
    height: 4rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaebeb;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #f7f7f7;
}

body {
  display: flex;
  padding: 0;
}
nav#nav {
  width: 240px;
  background-color: #f6f6f6;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  min-height: 100vh;
  display: flex;
flex-wrap: wrap;flex-direction: column;
}
.logo {
  width: 140px;
  margin: 10px auto;
}
.logo img {
  width: 140px;
}
main {
  width: calc(100% - 240px);
  padding: 2rem;
}
li.menu-kategori {
  padding-bottom: 8px;
}
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 2rem;
}
.menu-kategori-baslik {
  /*! text-transform: uppercase; */
  font-size: 1rem;
  font-weight: 600;
  text-indent: 6px;
}


.menu-kategori-icon {
  width: 20px;
  height: 20px;
  /*! display: inline-flex; */
  background-size: 20px 20px;
  align-self: center;
}


.menu-kategori-container {
  display: flex;
  align-content: center;
  cursor: pointer;
  margin-top: 0.5rem;
}


.menu-alt-kategori-li a {
  text-decoration: none;
  color: #444;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.menu ul.menu-alt-kategori {
  padding-left: 1.7rem;
}
.menu-alt-kategori-li {
  height: 1.5rem;
  margin-right: 2rem;
  margin-top: 0.5rem;
}


.menu-alt-kategori-li.menu-secili {
  background: #e30613;
  color: #ffff;
  text-indent: 0.3rem;
}
.menu-alt-kategori-li.menu-secili a {
  color: #fff;
}


.main-header {
  display: flex;
  height: 3rem;
}
.main-header div.page-title h1 {
  font-size: 2rem;
}
.main-header div.user-card {
  margin-left: auto;
  order: 2;
  margin-right: 2rem;
  width: 150px;
  display: flex;
}
.main-header div.user-card .initials {
  width: 32px;
  height: 32px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}
.main-header div.user-card p {
  align-self: center;
  padding-right: 10px;
}
.main-header div.user-card .initials a {color: #212529;text-decoration: none;}

#bildirim {
  position: fixed;
  width: 20rem;
  height: auto;
  bottom: 5rem;
  z-index: 22;
  right: 10%;
  padding: 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
}

#bildirim.hatali {
  background: #F08080;
  border: 1px solid #BB5959;
  color: #fff;
}
#bildirim.basarili {
  background: #3CB371;
  border: 1px solid #359F64;
  color: #fff;
}
#bildirim.uyari {
  color: #0c5460;
  background-color: #d1ecf1;
  border: 1px solid #bee5eb;
}

.feather-icon-img {width: 16px;height: 16px;display: inline-block;background-size: 16px 16px;margin-top: 4px;margin-left:4px;vertical-align: middle;line-height: 1.1;white-space: nowrap;display: inline-block;}


#tablo {width: 100%;display: flex;list-style: none;padding: 0;flex-wrap: wrap;}
#tablo li {width: 100%;flex-direction: row;display: flex;border-bottom: 1px solid #eaeaea;transition: background-color .1s linear;padding: 0.3rem;align-items: center; min-height: 3rem;}
#tablo li.tablo-final-row {border-bottom: 0;}
#tablo li.tablo-th {font-weight:600;}
#tablo .product-tablo { display: inline-flex;align-items: center;}
#tablo .product-tablo div.product-tablo-isim {padding-left: 0.5rem;}
#tablo .product-tablo div.product-tablo-foto img {width: 40px;height: 40px;}
#tablo .product-tablo div.product-tablo-isim b{display: block;font-size: 0.9rem;flex-basis: 100%;}
#tablo .product-tablo div.product-tablo-isim span{font-size: 0.7rem;margin-top: -0.1rem;display: block;}
#tablo .tablo-column-10 {width: 10%}
#tablo .tablo-column-20 {width: 20%}
#tablo .tablo-column-30 {width: 30%}
#tablo .tablo-column-40 {width: 40%}
#tablo .tablo-column-50 {width: 50%}
#tablo .tablo-column-60 {width: 60%}
#tablo .tablo-column-70 {width: 70%}
#tablo .tablo-column-80 {width: 80%}
#tablo .tablo-column-90 {width: 90%}
#tablo .tablo-column-ortala {text-align: center;}
#tablo .tablo-column-sagla {text-align: right;}
#tablo .tablo-action { width: 24px;height: 24px;display: flex;margin-left: 0.5rem;background: #e5e5e5;float: left; margin-bottom: 0.5rem;}
.main-content-top-buttons {width: 100%;height: 2rem;display: flex;margin: 0.2rem 0 2rem 0;}
.main-content-top-buttons a {color: #fff;background: #e30613;font-size: 0.9rem;line-height: 2rem;font-weight: 600;padding: 0 1rem;border-radius: 0.3rem;text-decoration: none;}
.main-content-top-buttons a:hover {background:#5f55a6;color: #fff;text-decoration: none;}


.input-field {width: 100%;height: auto;display: inline-block;position: relative;margin-bottom: 20px;}
.input-field.input-half {width: 46%;margin-right: 2%;}

.input-field textarea{margin-top:0.5rem;width: 100%;border: 0px;border-bottom: 1px solid #9e9e9e;outline: none;transition: border-bottom, box-shadow .25s ease-in-out;}
.input-field textarea + label {transform: translateY(-14px) scale(.8);}
.input-field textarea:focus{border-bottom: 1px solid #e30613;box-shadow: 0 1px 0 0 #e30613;outline: 1px solid transparent;}
.input-field input{width: 100%;height: 46px;border: 0px;border-bottom: 1px solid #9e9e9e;transition: border-bottom, box-shadow .25s ease-in-out;}
.input-field label{position: absolute;top: 0;left: 0;cursor: text;color: #9e9e9e;transform: translateY(18px);transition: transform .25s ease-in-out;transform-origin: 0% 100%;}
.input-field input:focus{border-bottom: 1px solid #e30613;box-shadow: 0 1px 0 0 #e30613;outline: 1px solid transparent;}
.input-field input:focus + label{transform: translateY(-14px) scale(.8);}
.input-field input {border-bottom: 1px solid #9e9e9e;}
.input-field input + label{transform: translateY(-14px) scale(.8);}
.input-field select + label {transform: translateY(-14px) scale(.8);}
.input-field select{transition: border-bottom, box-shadow .25s ease-in-out;position:relative;display:inline-block;margin-bottom:0;  width: 100%;background-color: #fff !important;border: 0 !important;border-bottom: 1px solid #c7c7c7 !important;height: 56px !important;font-size: 0.8rem !important;}
.input-field select + label:after{content:" ";position:absolute;right:-15px;top:50%;margin-top:-3px;z-index:2;width:0;height:0;pointer-events:none;border-color:#aaa transparent transparent;border-style:solid;border-width:6.9px 4px 0;}
.input-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.4rem;height:1.6rem;background:#fff;font-size:.9rem;font-family:Inter,Tahoma,Geneva,sans-serif;margin:0 5px 0 0;padding:0 20px 0 5px;}
.input-field select::-ms-expand{display:none;}
.input-field select:focus{border-bottom: 1px solid #e30613 !important;box-shadow: 0 1px 0 0 #e30613;outline: 1px solid transparent;}
.input-field input[data-error="1"], .input-field select[data-error="1"], .input-field textarea[data-error="1"] { border-bottom: 2px solid #e53935;box-shadow: 0 1px 0 0 #ffebee;outline: 1px solid transparent;}
h2.form-sub-heading {font-size: 1.5rem;margin-bottom: 1.2rem;margin-top: 2rem;}

form.ajax-control, form.rapor-control {margin-top: 2rem;}
.ajax-control-gonder, .buton{color: #fff;background: #e30613;font-size: 0.9rem;line-height: 2rem;font-weight: 600;padding: 0 1rem;border-radius: 0.3rem;text-decoration: none;border: 0;}
button[data-loading="1"] {background: url(https://admin.drnmutfak.com.tr/app/assets/img/drn-loading.gif) no-repeat center #e30613 !important;background-size: auto 2.5rem !important;text-indent: 1000px !important;overflow: hidden;width: 3rem;}

.siparis-urun-arama-sonuclar {position: absolute;background: #fdfdfe;list-style: none;border: 1px solid #9e9e9e45;width: 100%;margin: 0;padding: 5px; z-index: 99;max-height: 300px;overflow-x: hidden;overflow-y: scroll;display: none;margin-top: -20px;}
.siparis-urun-arama-sonuclar li {margin: 0;padding: 0;list-style: none;height: 70px;border-bottom: 1px solid #9e9e9e2b;margin-top: 5px;display: flex;}
.siparis-urun-arama-sonuclar li img {height: 60px;width: 60px;}
.siparis-urun-arama-sonuclar li b {display: block;font-size: 0.8rem;line-height: 1rem;margin-top: 5px;padding-right: 5px;}
.siparis-urun-arama-sonuclar li i{font-style: normal;font-size: 0.6rem;display: block;}
.siparis-urun-arama-sonuclar li .ml5 {margin-left: 5px;}
.siparis-urun-arama-sonuclar li:last-child {border-bottom: 0;}
.siparis-urun-arama {position: relative;}


.siparis-urun-container { margin-top: 2rem;display: flex;flex-wrap: wrap;}
.siparis-urun {background: white;border: 1px solid #e5e5e5;width: 100%;display: flex;align-items: center;padding-top: 10px;padding-bottom: 10px;margin-bottom: 1rem;}
.siparis-urun-foto {width: 60px;height: 60px;align-self: flex-start;margin-left: 10px;}
.siparis-urun-foto img {width: 60px;height: 60px;}
.siparis-urun-urunbilgi {width: 50%;padding-left: 10px;padding-right: 10px;}
.siparis-urun-urunbilgi input{width: 100%;margin-bottom: 5px;border: 1px solid #e5e5e5;text-indent: 5px;font-size:0.7rem;height: 1.5rem;outline:none;}
.siparis-urun-urunbilgi span, .siparis-urun-urunbilgi i {display: inline-flex;flex: 1;width: 100%;font-size: 0.9rem;}
.siparis-urun-urunbilgi i {font-size: 0.7rem;font-style:normal;}
.siparis-urun-adetfiyat-container {width: 33.33%;}
.siparis-urun-adetfiyat-container i {display: block;text-align: left;font-style: normal;color: #6c757d !important;font-size: 0.8rem;}
.siparis-urun-adetfiyat input {border: 1px solid #e5e5e5;width: 55%;font-size:0.8rem;}
.siparis-urun-adetfiyat {width: 40%;display: inline-flex;margin-left: auto;align-self: flex-start;}
.siparis-urun-sil button {background-image: url('/app/assets/icon/feather/trash.svg');width: 24px;height: 24px;border:0;background-repeat: no-repeat;background-size: 16px 16px;background-position: 50%; min-width: 26px;margin-right:10px;background-color: #e5e5e5;}

.siparis-alt {display: flex; }
.siparis-final-butonlar {width: calc(100% - 300px);display: flex;}
.siparis-final-butonlar button {height: 2rem;align-self: flex-end;}
.siparis-totaller-row {display: flex;height: 3rem;background-color: #f8f9fa !important;border-bottom: 1px solid rgba(0,0,0,.125);font-size: 0.9rem;padding: 0.5rem;align-items: center;}
.siparis-totaller {width: 300px; float: right;margin-top: 4rem;border: 1px solid rgba(0,0,0,.125);border-radius: 10px;overflow: hidden;}
.siparis-totaller-row-label {width: 50%;text-transform: uppercase;}
.siparis-totaller-row-value {font-weight: 600;text-align: right;width: 50%;}
.siparis-totaller-row-value input#ek_iskonto {width: 80%;outline: none;text-align: right;}
.siparis-totaller-row.iparis-totaller-row-grandtotal {font-size: 1rem !important;font-weight: 600;background-color: #e8e9ea !important;border-bottom: 0;}

.siparis-label:before{width: 100%;display: block;min-width: 1rem;height: 1.6rem;line-height: 1.6rem;/*! padding: 0 10px; */overflow: hidden;text-align: center;font-size: 0.8rem;}
.siparis-label[data-iptal="1"]:before{content:'İPTAL';color: #1b1e21;background-color: #d6d8d9;border-color: #c6c8ca;}
.siparis-label[data-iptal="0"][data-sevk="0"][data-onay="0"]:before{content:'BEKLEMEDE';color: #0c5460;background-color: #d1ecf1;border-color: #bee5eb;}
.siparis-label[data-iptal="0"][data-uretim="0"][data-sevk="0"][data-onay="1"]:before{content:'URETIMDE'; color: #856404;background-color: #fff3cd;border-color: #ffeeba;}
.siparis-label[data-iptal="0"][data-uretim="1"][data-sevk="0"][data-onay="1"]:before{content:'SEVKIYATTA'; color: #a4464f;background-color: #f9dcdf;border-color: #f9dcdf;;}
.siparis-label[data-iptal="0"][data-sevk="1"][data-onay="1"]:before{content:'BITEN'; color: #155724;background-color: #d4edda;border-color: #c3e6cb;}

div.siparis-dropdown div.dropdown-menu {padding-top: 0;padding-bottom: 0;overflow:hidden;background:#fffefe}
div.siparis-dropdown h6.dropdown-header {background: #e9e9ed;padding-left: 0.5rem;padding-right: 0.5rem;}
div.siparis-dropdown a.dropdown-item {font-size:0.8rem;border-bottom:1px solid rgba(0,0,0,.15);padding-left: 0.5rem; padding-right: 0.5rem;padding-top:1rem;padding-bottom: 1rem;padding: 0.3rem;}
div.siparis-dropdown a.dropdown-item:last-child {border-bottom:0;}
div.siparis-dropdown a.dropdown-item i.feather-icon-img {margin: 0;margin-right: 5px;opacity: 0.8;width: 12px;height: 12px;background-size: 12px 12px;}
div.siparis-dropdown button.beykoz-buton {background: #eaeaea;border: 1px solid #999;width: 32px;height: 32px;}
div.siparis-dropdown button.beykoz-buton i.feather-icon-img{margin: 0;}
div.siparis-dropdown.show  button.beykoz-buton{background: #b7b7b7;outline: none;}
div.siparis-dropdown .dropdown-group a.dropdown-item { padding-left:10px; }
div.siparis-dropdown .dropdown-group span.dropdown-group-text {text-transform: uppercase;display: block;font-weight: 600;font-size: 0.7rem;background: #f7f7f7;padding: 5px 10px;}


div.uretim-urunler {padding: 1rem;border: 2px solid #eaeaea;margin-top: 2rem; }
div.uretim-urunler .uretim-urunler-kategori {border-bottom: 4px solid #eaeaea;}
div.uretim-urunler .uretim-urunler-kategori h3 {font-size: 1.5rem;}
div.uretim-urunler #tablo .uretim-urun-tablo {display: inline-flex; align-items: center;}
div.uretim-urunler #tablo .uretim-urun-tablo div.uretim-urun-tablo-foto img {width: 40px;height: 40px;}
div.uretim-urunler #tablo .uretim-urun-tablo-aciklama {padding-left: 0.5rem;}
div.uretim-urunler #tablo .uretim-urun-tablo-aciklama span {display: block;font-size: 0.7rem;flex-basis: 100%;}
div.uretim-urunler #tablo .uretim-urun-tablo-aciklama b {display: block;font-size: 0.9rem;flex-basis: 100%;text-transform: uppercase;}

.tablo {display: flex;flex-wrap: wrap;}
.tablo-ul {border: 1px solid #dedede;list-style: none;width: 100%;margin: 0;margin-top: 0px;margin-top: 0px;display: block;padding: 0;margin-top: 1rem;display: flex;flex-wrap: wrap;}
.tablo-dl-row {text-align: left;background-color: #B7B1B1;color: white;margin-bottom: 0;height: 3rem;font-size: 1rem;font-weight: 600;overflow:hidden;}
.tablo-li-row, .tablo-dl-row {display: flex;width: 100%;flex: 100%;align-items: center;font-size: 0.9rem;}
.tablo-ul li.tablo-li-row:not(:last-child) {border-bottom: 1px solid #dedede;}
.tablo-li-row {list-style: none;font-size:0.8rem;}
.tablo-li-row:nth-child(odd){background-color: #f2f2f2;}
.tablo-dl-col, .tablo-li-col {padding: 8px;}
.tablo-dl-col {  text-transform: uppercase;}
.tablo dl div:not(:first-child) {border-left: 1px solid #A6A3A3;}
.tablo li div:not(:first-child) {border-left: 1px solid #dedede;}
.tablo h4.tablo-sub-heading {display: inline-block;margin: 2rem 0;font-size: 1.5rem;text-transform: uppercase;width: 100%;margin-bottom: 0;}
.tablo-li-col.tablo-li-col-bold span {font-weight:600;}

.rapor-tarihoneri button {background: #eaeaea;border: 0.5px solid #212529;color: #212529;font-size: 0.8rem;margin: 1rem 0.2rem 0rem 0.2rem;padding: 0.34rem;}
.rapor-tarihoneri {padding: 1rem;}


.rapor-content-bos {padding: 0.5rem;margin-top: 3rem;display: inline-block; background: #F08080;border: 1px solid #BB5959;color: #fff;font-size: 0.8rem;}


.tablo-sub-subheading {display: block;text-transform: uppercase;width: 100%;font-weight: 600;font-size: 1rem;text-indent: 0.2rem;margin-top: 1.2rem;}



#musteri-nav {border: 1px solid #c3c7ca;}
#musteri-nav ul.nav-tabs li.nav-item {margin-left: 0.5rem;}
#musteri-nav ul.nav-tabs { background: #eeeff0;padding: 0.5rem 0rem 0rem 0rem; border-bottom: 3px solid #c3c7ca;}
#musteri-nav ul.nav-tabs li.nav-item button {background:#e2e4e6;border-bottom: 2px solid #e2e4e6;outline:none;cursor:pointer;font-size:0.8rem; font-weight: 600; text-transform:uppercase;margin-bottom:1px;}
#musteri-nav ul.nav-tabs li.nav-item button:after {width:20px; height:20px; content: attr(data-numara); display:inline-block;background: #c7cacc;border-radius: 30%;margin-left: 4px;font-size: 0.7rem;line-height: 20px;}
#musteri-nav ul.nav-tabs li.nav-item button.active:after {background:#e30613;color: #fff;}
#musteri-nav ul.nav-tabs li.nav-item button.active {background:white;border-bottom:2px solid #c3c7ca;}
#musteri-nav div#musteri-pane {padding: 1rem;min-height: 300px;}
#musteri-nav div#musteri-pane span.tab-bilgi {font-size: 0.8rem;margin-top: 1rem;display: block;text-align: center;}
#musteri-nav div#musteri-pane #tablo li.tablo-th {  background: #e8e9ea;border-bottom:1px solid #e8e9ea;}
#musteri-nav div#musteri-pane #tablo {  border: 1px solid #e8e9ea;border-bottom:0;}


nav div.tcmb {width: 100%;align-self: flex-end; margin-top: auto;}
nav div.tcmb ul {border: 1px solid #21252982;width: 100%;display:flex;background: #eaeaea;padding:0;margin:0}
nav div.tcmb ul li {list-style: none;font-size: 0.8rem;display: flex;flex-flow: row wrap;border-left: 1px solid #21252982;line-height: 1.4rem;text-align: center;}
nav div.tcmb ul li:first-child {border-left:0;}
nav div.tcmb ul li span {background: #eaeaea;flex: 100%;}
nav div.tcmb ul li b {background: white;flex: 100%;}
nav div.tcmb div.tcmb-card-title {display: flex;width: 100%;background: #eaeaea;border: 1px solid #21252982;}
nav div.tcmb div.tcmb-card-title h6 {font-size: 0.9rem;margin: 0;padding-left:2px;color: #212529;}
nav div.tcmb div.tcmb-card-title button {padding:0;border: 0;border-left: 1px solid #21252982;margin-left:auto;background: white;width: 20px;height: 20px;}
nav div.tcmb div.tcmb-card-title button[data-loaded="1"] {opacity:0.2}
nav div.tcmb div.tcmb-card-title button i.feather-icon-img {margin:0;margin-top:-6px;}


ul#tablo.tablo-stil.tablo-stil-siparisler {border-bottom:1px solid #f0f0f0;}
ul#tablo.tablo-stil.tablo-stil-siparisler li {display: inline-grid;grid-template-columns: 13% 5% 47% 10% 20% 5%;  }
ul#tablo.tablo-stil li div.tablo-column {width: 100%;  display: flex; align-items: center;padding: 0.3rem; height: 100%;}
ul#tablo.tablo-stil li div.tablo-column-sagla {justify-content: right;}
ul#tablo.tablo-stil li div.tablo-column-ortala {justify-content: center;}
ul#tablo.tablo-stil li {font-size:0.9rem;}
ul#tablo.tablo-stil li.tablo-th {background-color: whitesmoke;margin-top: 20px;border: 1px solid #e0e0e0;padding: 0;align-content: center;flex-flow: row wrap;justify-content: center;align-items: center;}
ul#tablo.tablo-stil li.tablo-th div {   padding: 0.1rem;margin: auto;height: 3rem;}
ul#tablo.tablo-stil li.tablo-row {border: 1px solid #f0f0f0;padding: 0;}
ul#tablo.tablo-stil li.tablo-th div:not(:first-child) {border-left: 1px solid #e0e0e0;}
ul#tablo.tablo-stil li.tablo-row div:not(:first-child) {border-left: 1px solid #f0f0f0;}
ul#tablo.tablo-stil li.tablo-row { border-bottom: 0;}

select#siparis-durum {font-size: 0.8rem;background: #e6e6e6;outline: none;box-shadow: none;border-radius: 20px;border-radius: .25rem;border-top-left-radius: 0;border-bottom-left-radius: 0;border: 0;border: 1px solid #ced4da; }