body{
    background: #000;
}
.new-order-style{
    width: 100%;
    padding: 10px 80px;
}
.header-container{
    padding: 5px 2px;
}
.header-container .title{
    font-weight: bold;
    font-size: 20px;
    padding: 5px 2px;
    text-transform: uppercase;
    color: green;
  }
.content{
    position: relative;
}
.header-container form{
    margin: 0;
}
.orders-container{
    /* margin-bottom: 50px; */
    
}
  .orders-container .title{
    font-weight: bold;
    background: #ccc;
    padding: 5px 2px;
    text-transform: uppercase;
    
  }
  .area-selection label{
      color: #fff;
      text-transform: uppercase;
  }
  .number-markup{
    border-radius: 10px;
    background: #000;
    color: #fff;
    padding: 4px 10px;
  }
  .orders-container .content{
      min-height: 350px;
      padding: 5px 0;
  }
  .order-item .order-item-container
  {
      background: #ccc;
      position: relative;
      padding-bottom: 5px;
  }
  .order-item.active .order-item-container
  {
      background: #337ab7;
      position: relative;
      
  }
  
  .order-seller{
      position: absolute;
      font-size: 14px;
      color: #000;
      background: transparent!important;
      padding: 0 2px;
      border-radius: 1px;
      right: 0;
      font-weight: normal;
  }
  .order-seller .order-time{
    background: transparent;
    color: #000;
    height: auto;
    display: block;
    text-align: left;
  }
  .order-label{
      background: yellow;
      color: #000;
      padding-left: 5px;
      font-size: 20px;
      font-weight: bold;
      height: 40px;
  }
  .order-time{
    background: red;
    color: #fff;
    height: 20px;
    display: block;
    text-align: center;
  }
  .order-items{
      /* height: calc(100% - 100px); */
      background: #fff;
      /* overflow: auto; */
      height: fit-content;
  }
.order-item{
    list-style: none;
    width: 25%;
   
}
.order-item.state-ready .order-item-container .order-items{
    color: #fff;
    background: green;
}
.order-item.state-ready .order-items .ready{
    color: #fff;
}
  .order-actions{
      height: 40px;
      padding: 10px 0;
      margin: 0;
      /* position: absolute; */
      bottom: 0;
      left: 0;
      right: 0;
      background: #999;
  }
  .order-actions a{
      text-decoration: none;
      border: solid 1px #fff;
      padding: 3px 5px;
      border-radius: 2px;
      background: #1a73e8;
      color: #fff;
      font-weight: bold;
      
  }

 
  /* #slider-dine-in{
      height: 400px;
      width: 400px;
  } */
  .orders-container .lSSlideOuter .lSPager.lSpg > li a{
    width: fit-content;
    height: 30px;
    border-radius: 0;
    color: #fff;
    text-indent: initial;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 3px;
    border: solid 1px #fff;
  }
  .new-order-style .order-items li{
    list-style: none;
    border-bottom: dotted 0.8px #000;
    margin: 0;
    cursor: auto;
    position: relative;
    padding-right: 22px;
  }
  .new-order-style .order-items li p{
      font-size: 16px;
  }
  .is-cook-ready-container{
    position: absolute;
    top: 5px;
    right: 1px;
    
  }
  .new-order-style .order-items ol{
      margin: 0;
      /* padding: 5px; */
  }
  .op-slide-arrow{
      position: absolute;
      top: calc(50% - 40px);
      height: 40px;
      width: 40px;
      background: #fff;
      font-size: 30px;
        padding-top: 5px;
        text-align: center;
  }
  .op-slide-arrow.next{
      right: -41px;
  }
  .op-slide-arrow.back{
     left: -41px;
  }
  .lSAction > .lSNext,
  .lSAction > .lSPrev{
      display: none!important;
  }
  #slider-delivery,
  #slider-dine-in{
      min-height: 300px;
  }
  .order-items .item-qty{
      position: absolute;
      font-size: 20px;    
      left: -30px;
      top: 10px;
  }
  #slider-delivery{
      margin: 0;
      padding: 0;
  }
  #slider-delivery .order-item{
      float: left;
      padding: 2px 2px;
  }
  .lSPager{
      position: relative;
  }
  .bump-action{
    position: absolute;

  }
  .bump-action a{
    width: fit-content!important;
    padding: 5px;
    text-transform: uppercase;
    color: red!important;
  }
  .new-come{
      color:red;
  }
  .collapse-btn:focus,
  .collapse-btn:visited,
  .collapse-btn:hover,
  .collapse-btn:active,
  .collapse-btn{
      float: right;
      margin-right: 10px;
      text-decoration: none;
      outline: none;
  }
  .collapsed .collapse-btn{
      color: red;
  }
  .orders-container.collapsed .content{
     min-height: 50px!important;
     height: 50px!important;
     overflow: hidden;
  }
  .is-cook-ready-container a, 
  .is-cook-ready-container span.checked{
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 20px;
  }
  .is-cook-ready-container span.checked{
      
      /* background: green; */
      color: green;
      font-weight: bold;
  }

  .desk-state{
      color: green;
      margin-left: 20px;
      
  }
  .order-label-row{
      margin: 0;
  }
  .lSPager .active.p-state- a{
    background:red!important;
  }
  .lSPager .active.p-state-ready a{
    background:green!important;
  }
/* start loading */
.lds-dual-ring {
    display: inline-block;
    width: 30px;
    height: 30px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    margin: 4px;
    border-radius: 50%;
    border: 6px solid green;
    border-color: green transparent green transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }