/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200&display=swap');
*{
    font-family: "Barlow";
}

h4{
  font-weight: 450;
}

.m-10{margin:10px !important}
.m-20{margin:20px !important}
.m-30{margin:30px !important}
.m-40{margin:40px !important}
.m-50{margin:50px !important}

.m-60{margin:60px !important}
.m-70{margin:70px !important}
.m-80{margin:80px !important}
.m-90{margin:90px !important}
.m-100{margin:100px !important}

.m-t-10{margin-top:10px !important}
.m-t-20{margin-top:20px !important}
.m-t-30{margin-top:30px !important}
.m-t-40{margin-top:40px !important}
.m-t-50{margin-top:50px !important}
.m-t-60{margin-top:60px !important}
.m-t-70{margin-top:70px !important}
.m-t-80{margin-top:80px !important}
.m-t-90{margin-top:90px !important}
.m-t-100{margin-top:100px !important}

.m-b-10{margin-bottom:10px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-40{margin-bottom:40px !important}
.m-b-50{margin-bottom:50px !important}
.m-b-60{margin-bottom:60px !important}
.m-b-70{margin-bottom:70px !important}
.m-b-80{margin-bottom:80px !important}
.m-b-90{margin-bottom:90px !important}
.m-b-100{margin-bottom:100px !important}


.m-l-10{margin-left:10px !important}
.m-l-20{margin-left:20px !important}
.m-l-30{margin-left:30px !important}
.m-l-40{margin-left:40px !important}
.m-l-50{margin-left:50px !important}
.m-l-60{margin-left:60px !important}
.m-l-70{margin-left:70px !important}
.m-l-80{margin-left:80px !important}
.m-l-90{margin-left:90px !important}
.m-l-100{margin-left:100px !important}


.m-r-10{margin-right:10px !important}
.m-r-20{margin-right:20px !important}
.m-r-30{margin-right:30px !important}
.m-r-40{margin-right:40px !important}
.m-r-50{margin-right:50px !important}
.m-r-60{margin-right:60px !important}
.m-r-70{margin-right:70px !important}
.m-r-80{margin-right:80px !important}
.m-r-90{margin-right:90px !important}
.m-r-100{margin-right:100px !important}


.p-10{padding:10px !important}
.p-20{padding:20px !important}
.p-30{padding:30px !important}
.p-40{padding:40px !important}
.p-50{padding:50px !important}
.p-60{padding:60px !important}
.p-70{padding:70px !important}
.p-80{padding:80px !important}
.p-90{padding:90px !important}
.p-100{padding:100px !important}

.p-t-10{padding-top:10px !important}
.p-t-20{padding-top:20px !important}
.p-t-30{padding-top:30px !important}
.p-t-40{padding-top:40px !important}
.p-t-50{padding-top:50px !important}
.p-t-60{padding-top:60px !important}
.p-t-70{padding-top:70px !important}
.p-t-80{padding-top:80px !important}
.p-t-90{padding-top:90px !important}
.p-t-100{padding-top:100px !important}

.p-b-10{padding-bottom:10px !important}
.p-b-20{padding-bottom:20px !important}
.p-b-30{padding-bottom:30px !important}
.p-b-40{padding-bottom:40px !important}
.p-b-50{padding-bottom:50px !important}
.p-b-60{padding-bottom:60px !important}
.p-b-70{padding-bottom:70px !important}
.p-b-80{padding-bottom:80px !important}
.p-b-90{padding-bottom:90px !important}
.p-b-100{padding-bottom:100px !important}


.p-l-10{padding-left:10px !important}
.p-l-20{padding-left:20px !important}
.p-l-30{padding-left:30px !important}
.p-l-40{padding-left:40px !important}
.p-l-50{padding-left:50px !important}
.p-l-60{padding-left:60px !important}
.p-l-70{padding-left:70px !important}
.p-l-80{padding-left:80px !important}
.p-l-90{padding-left:90px !important}
.p-l-100{padding-left:100px !important}


.p-r-10{padding-right:10px !important}
.p-r-20{padding-right:20px !important}
.p-r-30{padding-right:30px !important}
.p-r-40{padding-right:40px !important}
.p-r-50{padding-right:50px !important}
.p-r-60{padding-right:60px !important}
.p-r-70{padding-right:70px !important}
.p-r-80{padding-right:80px !important}
.p-r-90{padding-right:90px !important}
.p-r-100{padding-right:100px !important}

.no-margin{margin: 0px !important}
.no-padding{padding: 0px !important}

.reset-all{
    padding-left:0px;
    margin-left:0px;
    padding-right:0px;
    margin-right:0px;
    margin:0;
    padding:0;
}

.reset-anchor{
  color: inherit;
  text-decoration: none;
}

.reset-anchor:hover{
  color: inherit;
  text-decoration: none;
}

.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}

/*LOADER BLACK*/
.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #282e35;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*LOADER BLACK*/

/*LOADER WHITE*/
.loader-white{
  border: 3px solid #282e35;
  border-radius: 50%;
  border-top: 3px solid #fcfcff;
  width: 20px;
  height: 20px;
  -webkit-animation: w-spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

@-webkit-keyframes w-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes w-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*LOADER WHITE*/

.text-white{
  color:white !important;
}

.text-grey{
  color:grey !important;
}

.float-right{
  float: right
}

.border-left-success{
  border-left:7px solid #17ae12;
}

.border-left-warning{
  border-left:7px solid orange;
}

.border-left-danger{
  border-left:7px solid #df0000;
}

.box-menu{
  width:100%;
  background: #282e35;
  color:white;
}

.box-menu ul{
  margin:0;
  padding:0;
  list-style-type: none
}

.box-menu ul li{
  display: inline-block;
  margin-right: 20px;
}

.box-menu ul li a{
  position: relative;
}

.circle-counter{
  color:white;
  font-size:10px;
  background: red;
  width:15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  top:-6px;
  right: -10px;
  text-align: center;
}

.relative{
  position: relative;
}

.absolute{
  position: absolute;
}

.simple-nav{
  margin:0;
  padding:0;
}

.simple-nav ul{
  margin:0;
  padding:0;
  list-style-type: none;
}

.simple-nav ul li{
  display: inline-block;
  margin-right: 20px;
}

.simple-nav ul li a{
  color:inherit;
  text-decoration: none;
}

.simple-nav ul li a:hover{
  color:inherit;
  text-decoration: none;
}

.nav-active{
  border-bottom:2px solid #282e35;
}

.right-elements{
  float: right;
}

.required-right{
  float: right;
  color:red;
  font-size: 11px;
  display: none;
}

.loading-btn{
  width:150px;
}

.b-r-5{
  border-radius: 5px;
}
.b-r-10{
  border-radius: 10px;
}
.b-r-15{
  border-radius: 15px;
}
.b-r-20{
  border-radius: 20px;
}
.search-boxx{
  width:96%;
  height:auto;
  overflow-y:auto;
  max-height:150px;
  background: white;
  border:1px solid #d3d3d3;
  z-index: 99999999999;
  position: absolute;
  display: none;
  padding:10px;
}


.onclick-function{
    color:white;
    font-size:24px;
    cursor: pointer;
    /*border: 2px solid white;*/
  }


  .top-bar-input-section input{
    width: 100% !important;
    margin-top: 3px;

  }


.items{
  height: 60vh;
  position: relative;
  overflow-y:auto ;
}


.pro-cart{  
width:450px;height: 300px;left:35vw;top:25vh;
}

.input-section{
  width:350px;position: relative;
}



.basket-css{
  margin-top: -5px;
}
.recent-orders-css{
  min-height: 350px;overflow-y: auto;max-height: 350px !important;
}

.items-col-size{
  height: 60vh;position: relative;overflow-y:auto ; 
}

.select-option-order{
  position: relative;
  float: right;
}

.select-option-order select{
  margin-top:5px;
  height: 30px;
  width: 300px !important;
}

.items-search-order{
  width: 300px !important;
}

.top-menu-order{
  /*border: 1px solid black;*/
  position: relative !important;width: 115px !important;
  /*text-align: center !important;*/
}

.basket-log-out{
  /*margin-left:30px !important;*/
  /*border: 1px solid black;*/
  height: 30px;
  /*float: left;*/
  /*width: 100px;*/
  list-style-type: none !important;
}



.basket-log-out li{
  /*border: 1px solid red;*/
  float: left !important; padding-right:25px !important;
}

.basket-log-out {
  /*border: 1px solid red;*/
  float: left !important; padding-right:25px !important;
}
.baskett-css i{
   font-size:21px !important;
}

.sing-out-css i{
  padding-top: 2px;
   font-size:23px !important;
}
.baskett-css{
  margin-top: -5px !important; 
}

.basket-show {
  background-color: white;
  float: right !important;
  position: absolute;
  /*margin-right:30px;*/
  padding:2px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius:5px !important;
  width: auto;
  height:auto;
  z-index: 999;
  text-align: center;
  display: none;
}
    
.basket-hide:hover + .basket-show {
  position: relative;
  display: block;
  color: black;
}

.basket-show1 {
  background-color: white;
  /*float: right !important;*/
  /*position: absolute;*/
  /*margin-right:30px;*/
  padding:2px;
  padding-right: 6px;
  padding-left: 6px;
  border-radius:5px !important;
  width: auto;
  height:auto;
  z-index: 999;
  text-align: center;
  display: none;
}
    
.basket-hide1:hover + .basket-show1 {
  position: relative;
  display: block;
  color: black;
}



@media only screen and (min-width:1px) and (max-width:520px){
  .logo-order{
    margin-top: -15px !important;
  }

  .basket-mb i{
    /*border: 1px solid black;*/
    margin-left:-30px !important;
  }
  

.basket-log-out li{
  /*border: 1px solid black;*/
  margin-left: -32px !important;
  float: left !important;
}


.baskett-css i{
  font-size: 20px !important;
  margin-top:15px !important; 
}

.sing-out-css i{
  font-size: 25px;
 margin-top:7px !important; 
}

  .top-menu-order{
    padding-top: 5px;
    padding-bottom:3px;
  position: relative !important;width: 120px !important;
}
.reset-anchor h3{
   float: left;
   padding-left: 30px;
}

.basket-css{
  float: left;
  padding-top:30px;
  font-size: 18px !important;
  margin-right: 30px;
}

 .item-container{
  /*border:2px solid red !important;*/
  width:170px !important;
 }
 .main_img{
  width: 100% !important;
 }
.pos-item-box-new{
  width: 97% !important;
}
.select-option-order{
  position: relative;
  float: left;
}
.items-search-order{
  width:300px !important;
}

.select-option-order select{
  margin-top:5px;
  height: 30px;
  width:380px !important;
}

.items-col-size{
  height: auto !important;position: relative;overflow-y:auto ; 
  margin-bottom: 40px;
}
.cancel-order-btn{
  font-size: 12px !important;
}
.hold-order-btn{
  font-size: 12px !important;
}

.hold-order-btn{
  font-size: 12px !important;

}
.checkout-btn{
    font-size: 10px !important;
}
.memu-li{
  display: none !important;
}
 .onclick-function{
    color:white;
    font-size:20px;
    cursor: pointer;
    /*padding-top: 10px;*/
  }


   .table-bors{
    white-space: nowrap;
    display: block;
    width: 800px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
.table-borderless::-webkit-scrollbar {
    display: block;
}


  .table-borderless{
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
  
   
  .onclick-function i{
    
    margin-top: 8px;
  }


  .logo{
    padding-top: 5px;
  width:72px !important;
  }



   
  .top-bar-logout i{
      font-size:22px;
  }



   .top-bar-input-section{
    width: 100%; padding-top: 4px; margin-left: -30px
  }
  .top-bar-input-section input{
    width: 210px !important;
    margin-top: 0px;

  }
  /*////////////////top/////////////////*/
   .theme-input{
    width:85%;

   }

   .x-pad{
      margin-top: -57px;
      /*margin-left: 10px;*/
   }

   
    .report-css{
      padding-top: 10px;
   }

   .clr-1 b i{
    padding-right:7px;
   }

   .x-pad{
    padding: 20px;
    padding-bottom: 10px;
    /*padding-left:38vh;*/
  }
 
  .bor-top{
    /*padding: 50px;*/
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   /*padding-bottom: 5px;*/
   margin-top: 20px;
     padding-top:20px;
  }
  


  /*/////////////////navigation//////////////////////*/

.table-borderless {
white-space: nowrap;
overflow: auto;
width: 200px;
}

.top_bar1{
  height: 150px;
}
.mb-margin{
  margin-top: -40px;
}


.title-hr{
  margin-bottom: 10px;
}

.add-btn{
  margin-top: -7px;
  border-radius: 10px;
  padding-top:2px;
  width: auto;
  height: 30px;
}

.buttn{
  /*background: black;*/
  margin-top: -7px;
  border-radius: 10px;
  width: 70px;
  height: 30px;
}

.title-hr{
  margin-top:-5px;
  padding: 0;
  width:20px;
  border:2px solid #8B53FB
}



.bread-crumb{
  height: auto !important;
}


  .menu-body {
  /*background-color: #eee;*/
  /*width: 200px;*/
  top: 0;
  left: 0;
  margin-bottom: 30px;
  /*padding: 0px !important*/
  height:100vh;
  width:100%;
 /* border: 1px dotted black;*/
  overflow-y: scroll; /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.menu-body::-webkit-scrollbar {
    /*display: block;*/
}

/* Hide scrollbar for IE, Edge and Firefox */
.menu-body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


  /*/////////////////navigation//////////////////////*/
h4{
  font-size: 18px !important;
}

.def-alert1{
    position: fixed;
    width:93vw;
    position: fixed;
    bottom:0;
    margin-bottom:10px;
    background:green;
    color: white;
    z-index: 9999;
    height: 68px;
    padding: 12px 30px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
}
.def-alert2{
    position: fixed;
    width:93vw;
    position: fixed;
    bottom:0;
    background:red;
    margin-bottom:10px;
    color: white;
    z-index: 9999;
     height: 68px;
    padding: 12px 30px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
}

.items{
  height:auto;
  position: relative;
  overflow-y:auto ;
  margin-bottom: 20px;
}


.pro-cart{  
width:400px;height:300px;left:1vw;top:25vh;
}
.left-float-sec{
  float: left !important;
}
.left-float-sec select{
  width: 385px !important;
}

.input-section{
  width:350px;position: relative;
}


.input-section input{
  width:385px;position: relative;
}

.recent-orders-css{
  min-height: auto;overflow-y: auto;max-height:auto !important;
}

.delete-btn{
  margin-top: -8px;
  border-radius: 10px;
  padding: 2px;
  width: 120px;
  height:30px;
  /*float: left;*/
}

.basket-css{
  font-size:22px;font-weight: normal;
  margin-top: -26px !important;
}


}