body {
  background-color: #ffffff !important;
}
.box-body-scroll{
overflow : scroll;
}

.dashboadwrapper .small-box{
padding: 15px 20px !important;
}

.black_sky{
background:linear-gradient(90deg, #000000 0%, #0084d4 100%)
}
.red_back{
background:linear-gradient(321deg, #000000d4 -35.32%, #ff2626 100%);
}

.light_green{
background:linear-gradient(315deg, #000000 -35.32%, #037778d1 100%);
}

.dark_yellow_black{
background:linear-gradient(210deg, #add400 -35.32%, #000000d1 100%);
}

.count_box1{
  background: linear-gradient(180deg, #c15c00 0%, #ffbf00a3 100%);
}
.count_box2{
  background: linear-gradient(180deg, #008516 0%, #20e141a6 100%) !important;
}
.count_box3{
  background: linear-gradient(180deg, #008516 0%, #20e141a6 100%);
}
.count_box4{
  background: linear-gradient(180deg, #000000 0%, #0000008a 100%);
}
.count_box5{
  background: linear-gradient(180deg, #0091ff 0%, #30cfff 100%);
}
.count_box6{
  background: linear-gradient(180deg, #008516 0%, #20e141a6 100%) !important;
}

.dashboard_inner_box{
  width: 360px !important;
  height: 135px !important;
}

.grid_view_new {
  display: flex !important;
  margin-top: 12px !important;
  flex-wrap: wrap !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  width: unset !important;
}

.dashboard_inner_box {
  /* width: 360px !important; */
  /* height: 135px !important; */
  width: calc(20% - 0px) !important;
  /* height: 135px !important; */
  padding: 0 10px  !important;
}

.dash_icons img{
height: 50px !important;
}

.darkblue_back .inner h3{
font-size: 25px;
}

@media only screen and (max-width: 1199px) {
/*DESKTOP*/
.dashboard_inner_box{
  width: 50% !important;
}	
} 


@media only screen and (max-width: 991px) {
/*TAB I PRO TAB*/
.dashboard_inner_box{
  width: 50% !important;
}
/*14-07-2023 d-14*/
 .stock_popup .modal-header{
          padding: 11px 30px !important;
  }
   .stock_menu_responsive{
      column-gap: 10px;
  }

}

@media only screen and (max-width: 768px) {
/* TAB */
.dashboard_inner_box {
  width: 50% !important;
}
.stock_popup .modal-header {
  padding: 11px 28px !important;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 575px) {
/*MOBILE*/
.dashboard_inner_box {
  width: 100% !important;
}

 .stock_popup .modal-header{
          padding: 11px 40px !important;
  }
}



.sidebar-menu > li > a > svg {
  stroke: #ffffff !important;
}

.box-wrap-new {
background : -webkit-linear-gradient(bottom,rgb(120 120 120 / 62%) 0%,rgb(118 118 118 / 25%) 50%) #000 !important; 
box-shadow : unset !important;
  min-width: 100% !important;
}

.main-header{
background-color : #343333 !important;
}

.main-header .navbar{
background-color : #343333 !important;
}

.main-header .navbar .navbar-custom-menu .lang-dropdown .show-drop-result{
background-color : #343333 !important;
}

.user_info_header{
background : -webkit-linear-gradient(bottom,rgb(120 120 120 / 99%) 0%,rgb(118 118 118 / 25%) 50%) #afafaf !important;
color: #000;
}

.user-profile {
padding-left: 10px !important;
  padding-right: 0px !important;
  padding-top: 5px !important;
}

.userprofile_image{
/*height: auto;*/
max-width: 100%;
  width: 470px;
  max-height: 680px;
}

@media (max-width: 767.98px) {

.userprofile_image{
  height: auto;
}

}





/*
// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }*/

.progress-bar{
background-color: #4f4f4f !important;
}

.content-wrapper{
background :  #ebebeb !important;
}

.navbar-toolbar{
background :  #ebebeb !important;
}

.main-content-wrapper{
background :  #ebebeb !important;
}

::-webkit-scrollbar-thumb{
  background: linear-gradient(102deg, #00040a 0%, rgb(40 167 69) 100%) !important;
}

.home-header{
justify-content: flex-end ;
}

.w-30{
  width: 30%!important;
}

.w-100{
  width: 100%!important;
}

.card.kiosk_card{
  background: linear-gradient(rgb(0 130 208 / 90%) 50.00%, rgb(0 1 7) 110%) !important;
  box-shadow: 0px 6px 12px -6px rgb(24 39 75 / 12%), 0px 8px 24px -4px rgb(24 39 75 / 8%);
  border-radius: 4px;
  border: -0;
  min-width: 160px;
  max-width: 160px;
  min-height: 110px;
}

.card.kiosk_card .card-body span{
  font-size: 13px;
  line-height: 16px;
  color: #ffffff !important;
  margin-top: 10px;
  font-weight: 600;
}

.content-header .bg-blue-btn{
  background-color: #269739 !important;
}

.content-header .bg-blue-btn:hover, .bg-blue-btn:focus{
box-shadow: 0 8px 25px -8px #269739 !important;
}

.box-wrapper .w-100{
max-width: 150px !important;
}

a.btn.bg-blue-btn.w-100 {
background-color: #269739 !important;
}
button.btn.w-100.bg-blue-btn {
background-color: #269739 !important;
color: white !important;
}

.dashboard_content_header .w-100{
max-width: 250px !important;
  background-color: #269739 !important;
}

.content-header .row div:last-child {
  display: flex;
  justify-content: flex-end !important;
}
.barcode-header .row div:last-child {
  display: flex !important;
  justify-content: left !important;
}
h2.top-left-header.data_info {
  margin-right: 10px !important;
}

.form-label-action .bg-blue-btn{
max-width: 250px !important;
  background-color: #269739 !important;
}
a.btn.bg-blue-btn.w-30 {
background-color: #269739 !important;
}
a.btn.bg-blue-btn.show_preview:hover {
box-shadow: 0 8px 25px -8px #269739 !important;
}
a.btn.bg-blue-btn.green_shadow:hover {
box-shadow: 0 8px 25px -8px #269739 !important;
}
.box-wrapper .my-3 .bg-blue-btn:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
button.btn.w-100.bg-blue-btn:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
a.btn.bg-blue-btn.w-100:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}

.col-md-4.d-flex.align-items-center {
  margin: auto !important;
}

.modal-footer .bg-blue-btn{
max-width: 250px !important;
  background-color: #269739 !important;
}

/* .modal-footer .bg-blue-btn:hover, .bg-blue-btn:focus{
box-shadow: 0 8px 25px -8px #269739 !important;
} */

/* .modal-footer .bg-blue-btn:hover, .bg-blue-btn:focus {
  box-shadow: 0 8px 25px -8px #0a91cb !important;
} */

a.bg-red-btn.info {
background-color: #269739 !important;
}

a.bg-red-btn.info:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
.box-footer .bg-blue-btn{
background-color: #269739 !important;
}
button.btn.bg-blue-btn.btn-color-nfo:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
a.m-right.btn.bg-blue-btn.dataFilterBy:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}


button.btn.bg-blue-btn.w-100.button_info {
  width: 150px !important;
}
a.btn.bg-blue-btn.w-100.button_info{
width: 150px !important;
}

a.bg-blue-btn.info{
background-color: #269739 !important;
}

.select2-container {
  width: 100% !important;
}
.table-responsive {
  overflow-y: hidden !important;
overflow-x: auto !important	;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) { 
.content-header .row div:last-child {
  display: flex;
  justify-content: flex-start!important;
  margin-top: 10px !important;
  
}
.table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

}

.fa.fa-eye.tiny-icon {
  color: #000 !important;
}
.fa.fa-edit.tiny-icon {
  color: #1ef542 !important;
}
.fa.fa-trash {
  color: white !important;
}
.fa.fa-plus.tiny-icon {
  color: #000 !important;
}
.fa.fa-pencil.tiny-icon{
color: #1ef542 !important;
}
.content-header .bg-blue-btn.btn.bg-blue-btn.m-right.btn_list:focus {
  box-shadow: 0 8px 25px -8px #269739 !important;
}
.bg-red-btn{
background-color: red !important;
}
a.btn.bg-blue-btn.w-30:hover {
  -webkit-box-shadow: 0 8px 25px -8px #269739 !important;
}

.dataTables_wrapper .bg-blue-btn:hover,
.dataTables_wrapper .bg-blue-btn:focus {
  box-shadow: 0 8px 25px -8px #0A91CB !important;
}
.modal-footer .bg-blue-btn:hover, .bg-blue-btn:focus {
  box-shadow: 0 8px 25px -8px #269739 !important;
}
/* .btn_list.btn.bg-blue-btn:hover {
  box-shadow: 0 8px 25px -8px #269739 !important;
}
.btn_list.btn.bg-blue-btn:focus {
  box-shadow: 0 8px 25px -8px #269739 !important;
}
.btn_list .m-right:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
.btn_list .m-right:focus{
box-shadow: 0 8px 25px -8px #269739 !important;
} */

.btn-danger{
background-color: #0A91CB;

}
.btn-danger:hover{
background-color: #0A91CB;

}
a.btn.btn-primary.button-footer:focus {
  box-shadow: none !important;
}
.top-right-item .m-right{
border-radius: 0.358rem !important;
}
.top-right-item .m-right:hover{
box-shadow: 0 8px 25px -8px #269739 !important;

}
.top-right-item .m-right:focus{
box-shadow: 0 8px 25px -8px #269739 !important;

}
#auditLogReport_form .pull-left {
  background-color: #269739 !important;
border-radius: 0.358rem !important;
}
.btn-primary:focus {
  box-shadow: none;
box-shadow: 0 8px 25px -8px #269739 !important;

}
button#show_sample_invoice_with_tax:hover {
box-shadow: 0 8px 25px -8px #269739 !important;
}
button#show_how_tax_title_works:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
button#what_will_happen_if_i_say_yes:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
button#add_tax:hover{
box-shadow: 0 8px 25px -8px #269739 !important;

}
button#show_how_tax_fields_work:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}
.header_button_div .bg-blue-btn:focus{
box-shadow: 0 8px 25px -8px #269739 !important;
}
.header_button_div .btn .bg-blue-btn :focus {
box-shadow: 0 8px 25px -8px #269739 !important;
}
.modal-footer .bg-blue-btn{
background-color: #269739 !important;
}
.btn.bg-blue-btn.download-btn-shadow{
background-color: #269739 !important;
}

.btn.bg-blue-btn.download-btn-shadow:hover{
box-shadow: 0 8px 25px -8px #269739 !important;
}

.form-group a {
  text-decoration: none;
}
.pull-right {
  float: unset;
}

.single_serve_b:hover {
background-color: #269739 !important;
margin:  5px 6px 10px 5px !important;
}

.single_serve_button button {
background-color: #269739 !important;
}

a.btn.bg-blue-btn.sms-btn:hover {
  box-shadow: 0 8px 25px -8px #343333 !important;
}

a.btn.bg-blue-btn.sms-btn {
  background-color: #343333 !important;
}

a.sms-btn div.image-box {
  padding: 0px 5px !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #afaaaa;
  color: white !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #999999;
  color: white !important;
}
.table-box table.dataTable thead th, .table-box table.table thead th {
  padding-left: 9px;
  padding-right: 20px;
}

.sa-button-container .sa-confirm-button-container .confirm{
background-color: #000 !important;
}
.sa-button-container .sa-confirm-button-container .confirm:hover{
box-shadow: 0 8px 25px -8px #000000 !important;
}
.sweet-alert .btn-danger:focus{
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(22 20 20 / 60%) !important;
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(22 20 20 / 60%) !important;
}

.height-auto{
height: auto !important;
}
.web_menu_info{
  position: relative;
  width: 100%;
  max-width: 160px;
}

  .cross_icon {
      position: absolute;
      right: -6px;
      top: -6px;
      background: #004f80;
      width: 26px;
      height: 26px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 114px;
      color: #edecec;
      font-size: 16px;
      font-weight: 200 !important;
      cursor: pointer;
  }
  .select_icon{
      background: #009b00;
      color: white;
      display: flex;
      border-radius: 10px;
      justify-content: center;
      width: 100%;
      max-width: 120px;
      padding: 4px 16px;
      margin-top: 8px;
  }
  
  /*.coman_text{
      display: flex;
      justify-content: center;
       margin-bottom: 15px;
       position: relative;
  }
  .coman_text h2{
      position: relative;
      z-index: 999;
  }

  .coman_text:after {
      content: '';
      position: absolute;
      top: 20px;
      width: 100%;
      right: 0;
      left: 0;
      bottom: 0;
      height: 3px;
      background: bottom;
      background: #141312;
  }*/


.wrapper .main-content-wrapper{
  padding: 15px 15px 20px 34px !important;
}

.wrapper .main-content-wrapper-setting{
  padding: 15px 15px 100px 34px !important;
}

.wrapper .main-content-wrapper .box-wrapper{
  padding: 10px 10px 20px 10px !important;
}

@media (max-width: 600px){
.wrapper .main-content-wrapper {
  padding: 15px 15px 15px 15px !important;
}