@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff)
      format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"),
    url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
      format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"),
    url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff)
      format("woff");
}
body {
  font-family: 'Open Sans',sans-serif !important;
  font-style: normal;
  font-weight: 400;
}
.skin-green-light .main-header .navbar {
  background-color: #fff;
}
.skin-green-light .main-header .logo {
  background-color: #fff;
  color: black;
  border-bottom: 0 solid transparent;
}
.skin-green-light .main-header .logo:hover {
  background-color: #fff;
}
.skin-green-light .main-header .navbar .nav > li > a {
  color: #777;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #f9fafc;
  color: silver;
}
.skin-green-light .main-header .navbar .sidebar-toggle {
  color: #ff7b37;
}
.skin-green-light .main-header .navbar .nav > li > a:hover,
.skin-green-light .main-header .navbar .nav > li > a:active,
.skin-green-light .main-header .navbar .nav > li > a:focus,
.skin-green-light .main-header .navbar .nav .open > a,
.skin-green-light .main-header .navbar .nav .open > a:hover,
.skin-green-light .main-header .navbar .nav .open > a:focus,
.skin-green-light .main-header .navbar .nav > .active > a {
  background: #f9fafc;
  color: #000;
}

.skin-green-light .wrapper {
  background-color: #0f1213 !important;
  color: #d7e0e4;
}

.content-wrapper {
  margin-left: 0px !important;
  background-color: #0f1213 !important;
  color: #d7e0e4;
}

.footer,
.push {
  height: 70px; /* Height of the footer */
}
.footer {
  background-color: #161a1c;
  border-top: 2px solid #febd40;
  text-align: center;
  padding-top: 15px;
}
#footer-logo {
  width: 152px;
  height: 86px;
  bottom: 31px;
  margin-top: -80px;
}
a {
  color: #d7e0e4 !important;
}
a:hover {
  color: #febd40 !important;
  cursor: pointer;
}
.content-header {
  position: relative;
  padding: 0px 15px 0 15px !important;
}

.active-link {
  filter: brightness(0) saturate(100%) invert(72%) sepia(84%) saturate(463%)
    hue-rotate(331deg) brightness(103%) contrast(106%);
}
#history-link:hover {
  filter: brightness(0) saturate(100%) invert(72%) sepia(84%) saturate(463%)
    hue-rotate(331deg) brightness(103%) contrast(106%);
}
#orders-link:hover {
  filter: brightness(0) saturate(100%) invert(72%) sepia(84%) saturate(463%)
    hue-rotate(331deg) brightness(103%) contrast(106%);
}
#orders-link{
  font-size: 10px;
  float:right;
}
#history-link{
  font-size: 10px;
  float:left;
}
#exit-link{
  font-size: 10px;
}
@media (max-width: 768px) {
  body .login-box {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    position: fixed;
    top: 99px;
  }
}

body .login-box-body {
  background: #0f1213;
  padding: 20px;
  border-top: 0;
  color: #666;
}

body h3 {
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: justified;
  font-size: 32px;
}
#orders_table{
  margin-top:10px;
}
body #orders_table  > tbody > tr > td{
  border-top: 0px;
 
  color: #febd40;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: justified;

}
#products_table{
  margin-top:10px;
}
body #products_table  > tbody > tr > td{
  border-top: 0px;
  color: #d7e0e4;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: justified;

}
body #orders_table  > tbody > tr {
  border-bottom: 1px solid #D7E0E4;

}
body #products_table  > tbody > tr{
  border-bottom: 1px solid #D7E0E4;

}

body #products_table a{
 
  color: #febd40 !important;
  cursor: pointer !important;
}
.backbtn{
 
  color: #febd40 !important;
  cursor: pointer !important;
}

.dropbtn{
  width: 130px;
  border-radius: 25px;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: justified;
color: #fff;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #2C2C2C;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border-radius:20px;
}
.dropdown-content a{
  display: block;
  padding: 20px;
}
.dropdown-content hr{
  margin: 0px;
}

.dropdown:hover .dropdown-content {
display: block;
}

.btn-login{
  background-color: #FEBD40;
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #000;
}

body .content{
  padding: 0px;
  padding-top: 8px;
}

.order-details{
  min-height: 100px !important;
}
#status-dropdown{
  background-color: rgb(14, 100, 64);
  border: 0px;  
  border-radius: 25px;
  color: white;
  width: 130px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  padding: 2px; 
   text-align: center !important;
   appearance: none;
   height: 30px;
}

.ordered{
  background-color: #0e6440 !important;
}

.accepted{
  background-color: #7e5300 !important;
}
.delivered{
  background-color: #1e1e1e !important;
}

html{
  background-color: #0f1213 !important;
}

html {
  overflow: scroll;
  overflow-x: hidden;
}
body.md-default-theme, body, html.md-default-theme, html {
  background-color: #0f1213 !important;
}

.scroll-container {
  width: 100%;
  max-height: 650px;
  overflow-y: scroll; /* Enable vertical scrolling */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

/* Hide scrollbar for WebKit browsers */
.scroll-container::-webkit-scrollbar {
  width: 0;
  display: none; /* Hide scrollbar */
}

/* Hide scrollbar for Firefox */
.scroll-container {
  scrollbar-width: none;
}

.table > tbody + tbody {
  border-top: 0px solid #ddd !important;
}