/****** SİPARİŞ FORMU ******/

.form.siparisver {
    padding: 8px 4px;
  }

  
.siparisver .tarih {
    float: right;
    padding: 8px 0;
  }
  
  .siparisver .eczanesec {
    float: right;
    position: relative;
    text-align: left;
    width: 170px;
    margin: 0 0 10px 10px;
  }
  .siparisver .deposec {
    float: right;
    text-align: left;
    width: 170px;
    margin: 0 0 10px 10px;
    border-radius: 5px;
  }


  
.siparisver .bakiyeadetarea input {
    float: right;
    text-align: left;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #f80202; /* Kenarlık */
    width: 150px;
    height: 30px;
    position: relative; /* top özelliği için gerekli */
    margin-right: 5px;
    top: 2px;
    /* 3D görünüm için gölgeler */
    box-shadow: 
      inset 0 -2px 2px rgba(0, 0, 0, 0.5), /* İç kısım gölgesi */
      0 -2px 2px rgba(255, 0, 0, 0.5), /* Üst dış gölge */
      0 1px 2px rgba(249, 1, 1, 0.6), /* Hafif yan gölge */
      0 0 2px rgb(255, 0, 0); /* Keskin dış kenar */
  }
  .siparisver .hediyearea input {
    float: right;
    text-align: left;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #f80202; /* Kenarlık */
    width: 150px;
    height: 30px;
    position: relative; /* top özelliği için gerekli */
    margin-right: 5px;
    top: 2px;
    /* 3D görünüm için gölgeler */
    box-shadow: 
      inset 0 -2px 2px rgba(0, 0, 0, 0.5), /* İç kısım gölgesi */
      0 -2px 2px rgba(255, 0, 0, 0.5), /* Üst dış gölge */
      0 1px 2px rgba(249, 1, 1, 0.6), /* Hafif yan gölge */
      0 0 2px rgb(255, 0, 0); /* Keskin dış kenar */
  }
  


  

.siparisver .hpsiparistursec select  , option{
    float: right;
    text-align: left;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #f80202; /* Kenarlık */
    width: 170px;
    height: 30px;
    /* 3D görünüm için gölgeler */
    box-shadow: 
      /* inset 0 2px 3px rgba(255, 0, 0, 0.5), İç kısım parlaklık */
      inset 0 -2px 2px rgba(0, 0, 0, 0.5),/* İç kısım gölgesi */
      0 -2px 2px rgba(255, 0, 0, 0.5), /* Üst dış gölge */
  
      /* 0 1px 6px rgba(255, 0, 0, 0.8), Alt dış gölge */
      0 1px 2px rgba(249, 1, 1, 0.6), /* Hafif yan gölge */
      0 0 2px rgb(255, 0, 0); /* Keskin dış kenar */
  }


  .siparisver .kullanicisec {
    float: right;
    position: relative;
    text-align: left;
    width: 170px;
    margin: 0 0 10px 10px;
  }
  
  .siparisver .sysfirmasec {
    float: right;
    position: relative;
    text-align: left;
    width: auto;
    margin: 0 58px 10px 10px;
  }
  

  .siparisver .sysfirmasec .syschoicediv {
    margin: 0 5px;
    height: 30px;
    width: 55px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: bold;
    float: left;
    border: 1px solid #fff; /* Daha belirgin kenar */
    border-radius: 5px; /* Yuvarlatılmış kenarlar */
    line-height: 10px;
    cursor: pointer;
    /* 3D görünüm için gölgeler */
    box-shadow: 
    inset 0 2px 3px rgba(255, 0, 0, 0.5), /* İç kısım parlaklık */
    inset 0 -3px 5px rgba(0, 0, 0, 0.5), /* İç kısım gölgesi */
    0 2px 2px rgba(255, 0, 0, 0.5), /* Alt dış gölge */
    0 -2px 2px rgba(255, 0, 0, 0.5), /* Üst dış gölge */
    0 2px 2px rgba(249, 1, 1, 0.5), /* Hafif yan gölge */
    0 0 2px rgb(255, 0, 0); /* Keskin dış kenar */
  
    /* 3D ışık efekti */
    background: linear-gradient(to bottom, #e5e5e5 0%, #d1d1d1 40%, #888888 100%);
    transition: all 0.3s ease;
  }


  .siparisver .sysfirmasec .syschoicediv:hover {
    /* Hover durumunda daha parlak ve net gölgeler */
    box-shadow: 
      inset 0 3px 6px rgba(255, 0, 0, 0.7),
      inset 0 -4px 6px rgba(250, 250, 250, 0.7),
      0 6px 8px rgba(0, 0, 0, 0.9),
      0 -4px 6px rgba(5, 5, 5, 0.8), /* Üst dış gölge */
      0 3px 3px rgba(0, 0, 0, 0.7),
      0 0 3px rgba(0, 0, 0, 1.2);
    background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 40%, #a3a3a3 100%);
  }
  .siparisver .sysfirmasec .syschoicediv:active {
    box-shadow: 
      inset 0 6px 8px rgba(0, 0, 0, 0.6),
      0 4px 4px rgba(0, 0, 0, 0.4);
    background: linear-gradient(to bottom, #388e3c 0%, #2e7d32 50%, #1b5e20 100%);
    transform: translateY(2px); /* İçeri gömülme efekti */
  }

  .siparisver .sysfirmasec .syschoicediv.active {
    box-shadow: 
      inset 0 6px 8px rgba(0, 0, 0, 0.6),
      0 4px 1px rgba(0, 0, 0, 0.4);
    background: linear-gradient(to bottom, #388e3c 0%, #2e7d32 50%, #1b5e20 100%);
    transform: translateY(0px); /* İçeri gömülme efekti */
  }



  
.siparisver .dynamicSearchResults {
  left: 0;
  top: 25px;
}


.siparisver .yontemsec {
  float: right;
  text-align: left;
  width: 140px;
  margin: 0 0 10px 10px;
}

.siparisver .karsisipdiv {
  float: right;
  text-align: left;
  width: 120px;
  margin: 0 0 10px 10px;
  border: 1px solid #17fd36;
}

.siparisver .karsisipdiv input {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid #4cc83e;
  font-size: 14px;
  text-align: center;
  background: rgb(254, 254, 194);
}

.siparisver .bt {
  display: inline-block;
  float: right;
  text-align: center;
  margin: 0 0 10px 10px;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 7px;
  width: 120px;
}

.siparisver .bt.yenisiparis {
  background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%);
  background: -webkit-linear-gradient(top, #e4efc0 0%, #abbd73 100%);
  background: linear-gradient(to bottom, #e4efc0 0%, #abbd73 100%);
}

.siparisver .bt.siparisigonder {
  background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%);
  background: -webkit-linear-gradient(top, #e4efc0 0%, #abbd73 100%);
  background: linear-gradient(to bottom, #e4efc0 0%, #abbd73 100%);
}

.siparisver .bt.siparistamamla {
  background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%);
  background: -webkit-linear-gradient(top, #deefff 0%, #98bede 100%);
  background: linear-gradient(to bottom, #deefff 0%, #98bede 100%);
}

.siparisver .bt.siparisvazgec {
  background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: -webkit-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: linear-gradient(to bottom, #f6e6b4 0%, #ed9017 100%);
}
.siparisver .bt.ilavemfonayla {
  background: -moz-linear-gradient(top, #b4f6c1 0%, #17ed73 100%);
background: -webkit-linear-gradient(top, #b4f6c1 0%, #17ed73 100%);
background: linear-gradient(to bottom, #b4f6c1 0%, #17ed73 100%);
white-space: nowrap;
}

.siparisver .bt.tsmonayla {
  background: -moz-linear-gradient(top,    #9b59b6 0%, #2980b9 100%);
  background: -webkit-linear-gradient(top, #9b59b6 0%, #2980b9 100%);
  background: linear-gradient(to bottom,  #9b59b6 0%, #2980b9 100%);
  white-space: nowrap;
}
.siparisver .bt.bmonayla {
  background: -moz-linear-gradient(top,    #11998e 0%, #38ef7d 100%);
  background: -webkit-linear-gradient(top, #11998e 0%, #38ef7d 100%);
  background: linear-gradient(to bottom,  #11998e 0%, #38ef7d 100%);
  white-space: nowrap;
}
.siparisver .bt.siparisonayla {
  background: -moz-linear-gradient(top, #b4f6ed 0%, #17ede0 100%);
  background: -webkit-linear-gradient(top, #b4f6ed 0%, #17ede0 100%);
  background: linear-gradient(to bottom, #b4f6ed 0%, #17ede0 100%);
}

.siparisver .bt:hover {
  border-color: #888;
}

.siparisver table {
  border-bottom: 1px solid #ddd;
}

.siparisver table th,
td {
  text-align: center;
}

.siparisver table input {
  width: 100%;
  padding: 4px 7px;
}

.siparisver table input.numeric {
  text-align: center;
}

.siparisver table input:read-only {
  color: #777;
}

.siparisver table tbody td:first-child {
  text-align: left;
}

.siparisver .topinfo .msg {
  display: inline-block;
  float: left;
  margin-top: 8px;
  color: #5aa5ff;
}

.siparisver .kargizlegoster {
  float: left;
  width: 40px !important;
  margin: 0 10px 10px 0;
  color: #3f781b;
  width: 100px;
  background: -moz-linear-gradient(top, #e5e696 0%, #d1d360 100%);
  background: -webkit-linear-gradient(top, #e5e696 0%, #d1d360 100%);
  background: linear-gradient(to bottom, #e5e696 0%, #d1d360 100%);
  padding: 5px 3px 2px 3px;
  line-height: 10px;
}

.siparisver .kargizlegoster span {
  font-size: 10px;
  opacity: .7;
}

.siparisver .siparisiptal {
  float: left;
  padding: 5px 7px 6px 7px;
  width: 40px !important;
  margin: 0 10px 10px 0;
  color: #7b570e;
  width: 100px;
  background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: -webkit-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: linear-gradient(to bottom, #f6e6b4 0%, #ed9017 100%);
}

.siparisver .siparisiptal i {
  font-size: 16px;
}

.siparisver .siparisiptal.passivebt {
  width: 100px !important;
  cursor: default;
}

.siparisver .iptalsebebitext {
  float: left;
  margin-bottom: 10px;
  clear: both;
  font-size: 14px;
  color: #ad1a1a;
}

.siparisver .siparistarih {
  float: left;
  color: #4476bf;
  margin-top: 10px;
}

.siparisver .kardagoster {
  display: none;
}

.siparisver .topinfo .bt i {
  cursor: pointer;
}

.siparisver .topKazanc {
  background: #ffff99;
}

.siparisver .footTopKazanc {
  font-size: 14px;
  color: #000 !important;
}

.siparisver .footTopKazanc del {
  color: #999;
}

.siparisver .footTopKazanc b {
  color: #069;
  font-size: 16px;
}

.siparisver .footTopFiyat del {
  color: #999;
}

.siparisver .footTopFiyat b {
  color: #069;
  font-size: 16px;
}

.siparisver tfoot th {
  padding: 10px 3px 6px 3px !important;
}

.siparisver tr.hidden {
  display: none;
}

.siparisver tbody tr td:first-child {
  position: relative;
}

.siparisver tbody tr td .baremgoster {
  /* position: absolute; */
  text-align: left;
  width: 100%;
  right: 3px;
  bottom: -1px;
  font-size: 11px;
  /* color: #aaa; */
  color: #000000;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
}




.siparisver tbody tr td .baremgoster em {
  font-style: normal;
  font-size: 10px;
  display: inline-block;
  padding: 1px 1px 0 1px;
  border-radius: 4px 4px 0 0;
  opacity: .8;
  background: #ffff00;
  /* background: #eee; */
  margin: 0 0 0 3px;
}

.siparisver tbody tr td .baremgoster em.firsatbarem {
  /* color: #fff; */
  color: #000000;
}

.siparisver tbody tr td .baremgoster em.firsatbarem.brmord_0 {
  /* background: #e5cc81; */
  background: #ffff00;
}

.siparisver tbody tr td .baremgoster em.firsatbarem.brmord_1 {
  background: #96e682;
}

.siparisver tbody tr td .baremgoster em.firsatbarem.brmord_2 {
  background: #8294e6;
}

.siparisver tbody tr .depodadurum {
  font-size: 11px;
  padding: 1px 7px;
}

.siparisver tbody tr .depodadurum span {
  font-size: 13px;
  color: #888;
  margin-top: 4px;
}

.siparisver input.copyadet,
.siparisver input.readoadet,
.siparisver input.copymfadet,
.siparisver input.readomfadet {
  opacity: .7;
  text-align: center;
}

.siparisver .newtable tbody tr {
  display: none;
}

.siparisver tbody tr.startrow {
  display: table-row;
}

.siparisver tbody tr.startrow td {
  height: 250px;
  padding: 50px 0;
  width: 100%;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #999;
}

.siparisiptalformu div {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 2px 3px;
  margin: 4px 0;
  background: #eee;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.portalmailuyari {
  background: #fffb0c !important;
  padding: 4px 12px !important;
  margin-right: 12px !important;
  box-shadow: 0 1px 3px 0 #999;
  width: auto !important;
  cursor: default !important;
}

.siparisver .eczdepostokyuklebt {
  float: right;
  cursor: pointer;
  font-size: 14px;
}

.siparisver .eczdepostokyuklebt:hover {
  text-shadow: 0 0 2px #fff, 0 0 2px #000;
}

.siparisver table input {
  background-color: rgba(255, 255, 255, .8);
}

.siparisver .siparisadet {
  background-color: rgba(255, 255, 0, .1);
  padding: 2px;
}

.siparisver .odd .siparisadet {
  background-color: rgba(255, 255, 0, .06);
}

.siparisver .poadet {
  background-color: rgba(228, 76, 134, 0.08);
  padding: 2px;
}

.siparisver .odd .poadet {
  background-color: rgba(228, 76, 134, 0.04);
}

.siparisver .onayliadet {
  background-color: rgba(0, 132, 255, .08);
  padding: 2px;
}

.siparisver .odd .onayliadet {
  background-color: rgba(0, 132, 255, .04);
}

.siparisver .gonderimadet {
  background-color: rgba(0, 255, 55, .08);
  padding: 2px;
}

.siparisver .odd .gonderimadet {
  background-color: rgba(0, 255, 55, .04);
}
.siparisver .logoadetdonen {
  background-color: rgba(0, 153, 255, 0.08);
}
.siparisver  .logomfdonen {
  background-color: rgba(0, 153, 255, 0.08);
}

.siparisver #eskisiparis_listesi .expandtable,
.siparisver #eskisiparis_listesi_all .expandtable {
  padding: 2px 12px;
  font-style: normal;
  box-shadow: 0 0 2px 0 #444;
  border-radius: 5px;
  background: #60ad50;
  color: #fff;
  cursor: pointer;
  float: right;
}

.siparisver #sipkampanyadetaygoster {
  display: none;
  width: 100%;
  margin-bottom: 10px;
}

.siparisver #kampanya_listesi,
.siparisver #eskisiparis_listesi,
.siparisver #eskisiparis_listesi_all {
  border-radius: 4px;
  background: #f7f7b6;
  display: inline-block;
  width: 100%;
  overflow: auto;
  max-height: 140px;
  border: 1px dashed #999;
}

.siparisver #kampanya_listesi {
  max-height: 170px;
}

.siparisver #kampanya_listesi table,
.siparisver #eskisiparis_listesi table,
.siparisver #eskisiparis_listesi_all table {
  opacity: .8;
}

.siparisver #kampanya_listesi {
  margin-top: 5px;
}

.siparisver #kampanya_listesi em.sipkampanyaekle {
  padding: 3px 5px;
  font-style: normal;
  border: 1px solid #aaa;
  border-radius: 5px;
  background: #60ad50;
  color: #fff;
  cursor: pointer;
}

.siparisver #kampanya_listesi em.sipkampanyaekle.activebt {
  background: #7369ce;
}

.siparisver #eskisiparis_listesi_all {
  background: #cdb6f7;
  margin-bottom: 8px;
  display: none;
}


/* /* 
/* siparis silme buton */
.siparissil {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f44336; /* Kırmızı arka plan rengi */
  color: white;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  transition: background-color 0.3s ease;
  width: auto; /* Otomatik genişlik */
}

.siparissil i {
  margin-right: 8px; /* İkona sağ boşluk ekler */
}

/* Üzerine gelindiğinde değişecek stil */
.siparissil:hover {
  background-color: #d32f2f; /* Daha koyu kırmızı hover rengi */
} 
/* Sipariş faturası görüntüleme alanı */
.modal {
  display: none; /* Başlangıçta görünmez */
  position: fixed; /* Ekranda sabit kalır */
  z-index: 1000; /* Diğer tüm elemanların üzerinde görünmesi için */
  left: 0;
  top: 0; /* Sayfanın üstünden başlayacak */
  width: 100%; /* Tüm genişliği kaplayacak */
  height: 100%; /* Tüm yüksekliği kaplayacak */
  background-color: rgba(0, 0, 0, 0.7); /* Karanlık arka plan */
  justify-content: center; /* Yatayda ortalama */
  align-items: center; /* Dikeyde ortalama */
  display: flex; /* Flexbox ile içerik kontrolü */
}

.modal-content {
  position: relative;
  width: 80%; /* İstenilen genişlik ayarlandı */
  height: 80%; /* İstenilen yükseklik ayarlandı */
  background: white; /* Beyaz arka plan */
  overflow: hidden; /* Taşan içeriği gizle */
  border-radius: 8px; /* Köşeleri yuvarlat */
}























  /* /// */



.siparis_yenisiparis .dataRefresh {
    float: right;
    margin: 0px 20px 0 20px; /* Sağa 5px ekledik */
    /* bottom: 5px; */
}

.siparis_yenisiparis .dataRefresh input[type="button"] {
    background: linear-gradient(to bottom, #ff0202 0% 0%, #ff0000 40% 40%, #ff0303 100% 100%);
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;

    /* 3D gölge efekti */
    box-shadow: 
        inset 0 2px 3px rgba(255, 0, 0, 0.5),   /* İç parlaklık */
        inset 0 -3px 5px rgba(0, 0, 0, 0.5),    /* İç gölge */
        0 2px 2px rgba(255, 0, 0, 0.5),         /* Alt dış gölge */
        0 -2px 2px rgba(255, 0, 0, 0.5),        /* Üst dış gölge */
        0 2px 2px rgba(249, 1, 1, 0.5),         /* Hafif yan gölge */
        0 0 2px rgb(255, 0, 0);                 /* Keskin kenar */
    
    transition: all 0.3s ease;
}

.siparis_yenisiparis .dataRefresh input[type="button"]:hover {
    background: linear-gradient(to bottom, #ff0202 0% 0%, #ff0000 40% 40%, #ff0303 100% 100%);
    box-shadow: 
        inset 0 3px 6px rgba(255, 0, 0, 0.7),
        inset 0 -4px 6px rgba(250, 250, 250, 0.7),
        0 6px 8px rgba(0, 0, 0, 0.9),
        0 -4px 6px rgba(5, 5, 5, 0.8),
        0 3px 3px rgba(0, 0, 0, 0.7),
        0 0 3px rgba(0, 0, 0, 1.2);
    transform: translateY();
}
.siparis_yenisiparis .dataRefresh input[type="button"]:active,
.siparis_yenisiparis .dataRefresh input[type="button"].active {
    /* background: linear-gradient(to bottom, #388e3c 0%, #2e7d32 50%, #1b5e20 100%); */
    box-shadow: 
        inset 0 6px 8px rgba(0, 0, 0, 0.6),
        0 4px 4px rgba(0, 0, 0, 0.4);
    transform: translateY(2px);
}