/* v Global v */

:root {
  --sprite-width: 200px;
  --sprite-width-300: 300px;
  /* Define the default sprite width */
}

html,
body {
  height: 100%;
  font-size: .875rem;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-y: scroll;
}


@media screen and (min-width: 0px) and (max-width: 930px) and (orientation: portrait) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}


/* 
@media screen and (min-width: 0px) and (max-width: 980px) {
  .right-sprite {
    background: none !important;
  }

  .checkers {
    height: 60px !important;
  }

  #pos-shop .title-element {
    font-size: 0.6em !important;
  }

  .cart-layout-main #category-blocks .stock-levels {
    height: 20px !important;
  }
} */



.noselect {
  -webkit-touch-callout: none !important;
  /* iOS Safari */
  -webkit-user-select: none !important;
  /* Safari */
  -khtml-user-select: none !important;
  /* Konqueror HTML */
  -moz-user-select: none !important;
  /* Old versions of Firefox */
  -ms-user-select: none !important;
  /* Internet Explorer/Edge */
  user-select: none !important;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.noselect-deep * {
  -webkit-touch-callout: none !important;
  /* iOS Safari */
  -webkit-user-select: none !important;
  /* Safari */
  -khtml-user-select: none !important;
  /* Konqueror HTML */
  -moz-user-select: none !important;
  /* Old versions of Firefox */
  -ms-user-select: none !important;
  /* Internet Explorer/Edge */
  user-select: none !important;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* #selling_price_calc_total{
  line-height: 2.9em;
} */

body.dark {
  filter: invert(100%) hue-rotate(180deg);
  background-color: #2b2b2b;
}

body.dark img,
body.dark video,
body.dark .nofilter {
  filter: invert(100%) hue-rotate(180deg);
  background-color: #2b2b2b;
}


#cart-foot {
  width: 99%;
  margin: 0 auto;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

#pos-shop .category-block {
  float: left;
  width: 100% !important;
  padding: 14px;
}

.category-block {
  float: left;
  width: 25%;
  padding: 14px;
}

@media (max-width: 1700px) {
  .category-block {
    width: 33%;
    padding: 14px;
  }
}

@media (max-width: 1100px) {
  .category-block {
    width: 50%;
    padding: 14px;
  }
}

@media (max-width: 768px) {
  .category-block {
    width: 100%;
    padding: 14px;
  }
}

.category-block .title-element {
  white-space: nowrap;
  overflow: hidden;
}


.category-block .cat-title {
  white-space: nowrap;
  overflow: hidden;
}


.row_sale_price_f.peso.peso-hide-md {
  white-space: nowrap;
  overflow: hidden;
}

.category-block .row-element {
  /* -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; */
  background-color: #fff;
  /* cursor: pointer; */
  gap: 10px;
}


#toggle-right[data-open="1"] {
  background-color: #009fff !important;
}

#pos-shop .category-block .row-element:hover {
  background-color: #fff;
}

.category-block .row-element:hover {
  background-color: rgba(164, 255, 141, 0.322);
}


#category-blocks .row_title,
#category-blocks .row_title_sub {
  position: relative;
  top: -7px;
}

#category-blocks .row_sale_price_f {
  position: relative;
  top: 7px;
}

#category-blocks .items-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 0.875rem;
}


#category-blocks .items-block .row_price_foot {
  top: 132px;
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(199, 224, 235, 1) 100%, rgba(0, 212, 255, 1) 100%);
}

#category-blocks .items-block .row_title {
  top: 0px;
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(199, 224, 235, 1) 100%, rgba(0, 212, 255, 50) 100%);
  padding-left: 27px;
  text-align: left;
  overflow: hidden;
  height: 32px;
  white-space: nowrap;
  font-size: 0.8em;
  text-shadow: 0px 0px 3px #000, 0px 0px 3px #000;
  font-weight: bold;
  color: white;
  padding-top: 4px;
}

#category-blocks .items-block .row-element {
  max-width: 200px;
  height: 200px;
  min-width: 200px;
}

#category-blocks .row_price_foot .row_sale_price_f {
  width: 55px;
}


#category-blocks .items-block .stock-levels::before {
  top: 0;
}


/* ^ Global ^ */


/* v Sign In Styles v */
body.signin {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* ^ Sign In Styles ^ */





/* v Dashboard Styles v */
.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100;
  /* Behind the navbar */
  padding: 48px 0 0;
  /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}


.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}



/* change menu header color to green */

.navbar-brand {
  /* background-color: rgba(0, 0, 0, .25); */
  background-color: #4BAF4F;
}


/* Menu icon size */

#sidebarMenu .nav-item svg {
  width: 60px;
  padding: 0;
}


/* Menu text position  */
#sidebarMenu a.nav-link div {
  position: relative;
  left: 67px;
  top: -40px;
}

/* Menu text active color  */
.sidebar .nav-link.active {
  /* color: #2470dc; */
  color: #28cc22;
}



/* Narrow menu */
#sidebarMenu {
  overflow: hidden;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}

@media (max-width:576px) {
  #sidebarMenu.show a.nav-link div {
    display: none;
  }
}

#sidebarMenu.collapsing,
#sidebarMenu.show {
  min-width: 85px;
}

#sidebarMenu.collapsing a.nav-link div,
#sidebarMenu.show a.nav-link div {
  display: none;
}

#sidebarMenu.collapsing,
#sidebarMenu.show {
  max-width: 25%;
}

#sidebarMenu li.nav-item {
  margin-top: 2px;
  box-shadow: -1px 3px 3px -1px #1d1c24a6;
}

#sidebarMenu li.nav-item span.material-icons {
  font-size: 3.4em;
}

/* Align menu icont and text to center */
.tab-pane li.nav-item {
  max-width: 100px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
}

.posmenu_items {
  text-align: center;
}


/* Navbar icon */

header img.navbar-brand {
  padding: 0;
  box-shadow: none;
  max-width: 34px;
}



/* rand.css | https://liquidhub.local/assets/css/rand.css */

#nprogress .spinner {
  /* top: 15px; */
  bottom: 15px;
  height: 19px;
}


#customers_section .card.customers_data label {
  margin-right: 5px;
}

.swal-wide {
  width: 850px !important;
}


.modal-open .select2-dropdown {
  z-index: 10060;
}

.modal-open .select2-close-mask {
  z-index: 10055;
}


/* select2.min.css | https://liquidhub.local/assets/css/lib/select2.min.css */
.select2-container--default .select2-selection--single {
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  /* height: 26px; */
  height: 32px;
}

.pointer {
  cursor: pointer;
}

/* .collapse.show, span[aria-expanded="true"]{
  color:rgb(5, 100, 9);
} */
span.cat-total[aria-expanded="true"] {
  display: none;
}


.active path {
  fill: #32bd41;
}

.left-icon-holder {
  position: relative;
  width: 100%;
}

.left-icon-holder .fa,
.left-icon-holder .material-icons {
  position: relative;
  line-height: 40px;
  top: 6px;
}

.left-icon-holder button {
  line-height: 50px;
  font-size: 1.4em;
}


/* Cat list S2 text size */
#select2-cat_list-container {
  font-size: 2.15em;
}

#item_search_pos {
  font-size: 2.5em;
}

#item_search {
  font-size: 2.5em;
}

.item_search {
  font-size: 1.4em;
}

.fade25 {
  opacity: 0.25;
  transition: opacity 200ms ease;
  cursor: ns-resize;
}

.fade25:hover {
  opacity: 1;
}

.fade80 {
  opacity: 0.8;
  transition: opacity 200ms ease;
  cursor: ns-resize;
}

.fade80:hover {
  opacity: 1;
}



/* Align button with lower */
.btn.delete-preference-list {
  margin-right: 8px;
}


/* Sortable */
.blue-background-class {
  background-color: aliceblue;
}

.hidess {
  display: none;
}

.easy-autocomplete {
  width: auto !important;
}


/* Inline #9 | https://liquidhub.local/#/pos/items/loaded/ */

.heading-element {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* .row.fs-4.row-element {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
} */


/* special overlay */



#sp-overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}

.sp-overlay-content {
  background-color: #fff;
  position: relative;
  width: 80%;
  top: 100px;
  padding: 3%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}


#sp-overlay .sp-overlay-close {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

#sp-overlay .sp-overlay-close:hover {
  color: #ccc;
}



/* special overlay */


.is-red {
  -moz-box-shadow: 0px 0px 2px 0px rgb(160, 0, 0) inset !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgb(160, 0, 0) inset !important;
  box-shadow: 0px 0px 2px 0px rgb(160, 0, 0) inset !important;
}

.is-green {
  -moz-box-shadow: 0px 0px 2px 0px rgb(0, 160, 0) inset !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgb(0, 160, 0) inset !important;
  box-shadow: 0px 0px 2px 0px rgb(0, 160, 0) inset !important;
}

.hoverbox-pad {
  padding: 2px;
  margin: -2px
}

.variant {
  margin: -5px;
  padding: 5px;
}

.variant:hover,
.variant:focus-within {
  /* background-color:rgba(230, 253, 19, 0.05); */
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4) inset;
}

.variant-option {
  margin: -5px;
  padding: 5px;
}

.variant-option:hover,
.variant-option:focus-within {
  /* background-color:rgba(230, 253, 19, 0.05); */
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55) inset;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55) inset;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55) inset;
}


.options_group:hover,
.options_group:focus-within {
  /* background-color:rgba(230, 253, 19, 0.05); */
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55) inset;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55) inset;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55) inset;
}

.variant-option-data button {
  margin-bottom: 5px;
}

.variant-option-title {
  line-height: 28px;
  position: relative;
  top: -4px;
}

.variant-option-title small {
  font-size: 0.7em;
  display: inline;
}

@media (max-width: 600px) {
  .variant-option-title small {
    display: none;
  }
}

@media (max-width: 900px) {

  table.dataTable>thead>tr>th:not(.sorting_disabled),
  table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 0;
  }

  table.dataTable>thead>tr>th:not(.sorting_disabled)::before,
  table.dataTable>thead>tr>th:not(.sorting_disabled)::after {
    display: none;
  }
}

.var-is .not-var {
  display: none;
}

.var-not .is-var {
  display: none;
}

#modal-body #item_description {
  min-height: calc(100% - 31px);
}

span.peso {
  float: left;
}

span.price-cost_price {
  color: #BB2D3B;
}

span.price-sale_price {
  color: #157347;
}

.number-spinner .btn.btn-default {
  border: 1px solid #919191;
}


.bloc {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  line-height: 2.3em;
}

.bloc select {
  scrollbar-width: none;
}

.bloc select:-webkit-scrollbar {
  width: 0;
  height: 0;
}

.h45 {
  height: 45px;
}

.pref-title {
  padding-right: .8rem !important;
}

.easy-autocomplete-container {
  z-index: 500;
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
  /* font-size: 14px; */
  font-size: 24px;
}

.selectable.list-group-item {
  padding-right: .5rem;
}

/* Preferences selected | https://liquidhub.local/#/pos/preferences/loaded/;callback:initPrefs */

.list-group-item.selected {
  box-shadow: 0px 0px 0px 1px #4BAF4F inset;
}


/* fonts.css | https://liquidhub.local/assets/css/fonts.css */

.material-icons {
  line-height: 38px;
}

/* Inline #11 | https://liquidhub.local/#/pos/preferences/loaded/;callback:initPrefs */

.dropdown-toggle.dropdown-toggle-split {
  min-width: 46px;
}


.posmenu_items a.nav-link span.material-icons {
  font-size: 5.5em;
}

.peso.peso-hide-md::before {
  content: ""
}

@media (min-width: 992px) {
  .peso.peso-hide-md::before {
    content: "₱";
  }
}

.pos-product-name {
  white-space: nowrap;
  overflow: hidden;
}

.cart-item {
  line-height: .8;
}

@media (min-width: 900px) {
  .peso::before {
    content: "₱";
    float: left;
    font-size: 1.4em;
    opacity: 0.3;
    position: relative;
    top: -5px;
  }

  .peso::after {
    float: right;
    font-size: 1.4em;
  }
}


.peso.negative::before {
  color: #dc3545 !important
}

.peso.negative {
  color: #dc3545 !important
}


.col-5th {
  width: 18%;
  margin-left: 1.5%;
  float: left;
}

.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
  position: relative;
  min-height: 1px;
  padding-left: 0;
}

.col-xs-5th {
  width: 18%;
  margin-left: 1.5%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5th {
    width: 48%;
    margin-left: 1.5%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5th {
    width: 18%;
    margin-left: 1.5%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5th {
    width: 18%;
    margin-left: 1.5%;
    float: left;
  }
}

@media (max-width: 768px) {
  .col-sm-5th {
    width: 48% !important;
    margin-left: 1.5%;
    float: left;
  }

}

.cover_image_zoom {
  background-position: center center;
  background-size: cover;
  position: relative;
  transition: all 0.14s ease-in-out;
  height: 100%;
  border: 1px solid #333;
}

.cover_image_zoom:hover,
.cover_image_zoom:active {
  z-index: 1;
  transform: scale(1.2);
}

.cover_image {
  background-position: center center;
  background-size: cover;
  border: 1px solid #333;
  height: 100%;
}

.contain_image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-color: #252525;
  border: 3px solid #252525;
}

.image-wrap-5 {
  position: relative;
  transition: all 0.1s;
  box-shadow: 0px 0px 0px rgb(0, 0, 0);
  border: 3px solid #252525;
  background-color: #25252525;
  padding: 5px;
  margin: 5px;
  height: 100%;
  cursor: pointer;
}

.pos_item_button {
  position: absolute;
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0px;
  border-radius: 3px;
  z-index: 0;
  opacity: 0.45;
}


.select_option_data:hover .pos_item_button,
.select_option_data.active .pos_item_button {
  opacity: 1;
}

.select_option_data {
  position: relative;
  padding: 0;
}

.select_option_data .option_title {
  color: white;
  font-weight: bolder;
  background-color: #00000042;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  font-size: 1.2em;
  overflow: hidden;
  height: 36px;
}

.select_option_data .option_price {
  z-index: 1;
  color: white;
  position: relative;
  font-weight: bolder;
}

.select_option_data .option_price {
  height: 2em;
  margin-top: 4em;
}

.select_option_data.active .option_price {
  color: white !important;
  background-color: #333333b3;
}

.select_option_data:hover .option_title {
  color: rgb(6, 230, 43);
}

.select_option_data.active .option_title {
  color: rgb(255, 255, 255);
  background-color: rgb(6, 230, 43);
}

.image-wrap-5 .image_date {
  position: absolute;
  bottom: 18px;
}

.image-wrap-5 .image_size {
  position: absolute;
  bottom: 2px;
}

.image-wrap-5 .image_filename {
  margin-bottom: 30px;
}

.image-wrap-5:hover {
  border: 3px solid #2680eb;
  box-shadow: 0px 0px 5px rgb(0, 0, 0);
  background-color: #fff;
}

.image-wrap-5:hover .contain_image {
  background-color: #383838;
  border: 3px solid #2680eb;
}

.checkers {
  /* border: 1px solid rgb(255, 255, 255); */
  height: 120px;
  width: 200px;
  box-shadow: 0px 0px 5px rgb(0, 0, 0);
  background-color: #8c8c8c;
  cursor: pointer;
  position: relative;
  --bs-gutter-x: 0;
}

@media (max-width: 768px) {
  .checkers {
    height: 76px;
  }
}

#pos-shop .title-element {
  background-color: #000000a6;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 2px;
  font-size: 0.8em;
  text-align: center;
  line-height: 1em;
  font-weight: bold;
  color: white;
  text-shadow: 0px 0px 10px yellowgreen;
  overflow: hidden;
  height: 2.3em;
}

#pos-shop .price-element {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 70%);
  width: 100%;
  position: absolute;
  top: 0;
  padding: 3px;
  font-size: 0.8em;
  line-height: 1.7em;
  font-weight: bold;
  color: rgb(0, 0, 0);
  overflow: hidden;
  height: 2em;
  right: 0px;
}

.t-wrapper {
  display: table;
  height: 2em;
  width: 100%;
}

.underline-fade.available::before {
  content: "o"
}

.t-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

.underline-fade {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 1) 100%) left bottom no-repeat;
  background-size: 100% 2px;
  height: 1.67em;
  /* margin-right: -10px;
  margin-left: -10px; */
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.85), -1px -1px 5px rgba(0, 0, 0, 0.78);
}

.stock-levels {
  position: relative;
}

.stock-levels::before {
  content: "•";
  font-size: 2em;
  line-height: 1em;
  position: absolute;
  top: -10px;
  left: 10px;
}

.stock-levels.available-2::before {
  color: rgb(9, 255, 0);
}

.stock-levels.available-1::before {
  color: var(--bs-orange);
}

.stock-levels.available-0::before {
  color: var(--bs-danger);
}


/* Price text */
.available-0 .col.text-end.price-element {
  color: var(--bs-danger) !important;
}

/* Price text */
.available-1 .col.text-end.price-element {
  color: var(--bs-orange) !important;
}

/* Price text */
.available-2 .col.text-end.price-element {
  color: var(--bs-gray-dark) !important;
}




.cart-layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 16px 0;
}


.cart-layout-main {
  order: 1;
  width: 40%;
}

.cart-layout-aside {
  order: 2;
  width: calc(60%);
}

@media (min-width: 768px) {
  .cart-layout-main {
    width: 60%;
  }

  .cart-layout-aside {
    width: 40%;
  }
}

.cart-layout-main #category-blocks .stock-levels {
  position: relative;
  height: 120px;
}

.cart-layout-nav,
.cart-layout-aside {
  /* position: sticky; */
  position: relative;
  overflow: auto;
}

.heading-element {
  height: 55px;
}


#cart {
  padding: 0 10px;
}

.hr-small {
  margin: 0.2em;
}

.hr-small {
  margin: 0.2em;
}

.xsmall {
  font-size: .75em;
}

#cart-head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}




.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

.flex-start {
  justify-content: flex-start;
}

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

.flex-center {
  justify-content: center;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

.space-evenly {
  justify-content: space-evenly;
}



.i-round .material-icons {
  position: relative;
  top: -4px;
}

.i-round {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #222;
  color: #FFF;
  text-align: center;
  background-size: cover;
  background-position: center center;
}

.i-round.hollow {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #FFF;
  color: #222;
  text-align: center;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.75);
}

.i-round.round-sm {
  height: 20px;
  width: 20px;
  line-height: 20px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 0.7em;
}

.i-round.round-lg {
  height: 40px;
  width: 40px;
  line-height: 40px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 1.5em;
}

.i-round.blue {
  background-color: var(--bs-blue);
}

.i-round.orange {
  background-color: var(--bs-orange);
}

.i-round.green {
  background-color: var(--bs-green);
}

.i-round.gray {
  background-color: var(--bs-gray);
}

.i-round.hollow.blue {
  color: #0d6efd;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 0px 3px var(--bs-blue);
  -moz-box-shadow: 0px 0px 0px 3px var(--bs-blue);
  box-shadow: 0px 0px 0px 3px var(--bs-blue);
}

.i-round.hollow.orange {
  color: var(--bs-orange);
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 0px 3px var(--bs-orange);
  -moz-box-shadow: 0px 0px 0px 3px var(--bs-orange);
  box-shadow: 0px 0px 0px 3px var(--bs-orange);
}

.i-round.hollow.green {
  color: var(--bs-green);
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 0px 3px var(--bs-green);
  -moz-box-shadow: 0px 0px 0px 3px var(--bs-green);
  box-shadow: 0px 0px 0px 3px var(--bs-green);
}

.i-round.hollow.gray {
  color: var(--bs-gray);
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 0px 3px var(--bs-gray);
  -moz-box-shadow: 0px 0px 0px 3px var(--bs-gray);
  box-shadow: 0px 0px 0px 3px var(--bs-gray);
}

.customerFilterUnit {

  border: 1px solid rgb(209, 209, 209);
  margin-left: 0px;
  margin-right: 0px;
}

.customerFilterUnit:hover {
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 14px 9px #e1e1e1;
  -moz-box-shadow: 0px 0px 14px 9px #e1e1e1;
  box-shadow: 0px 0px 14px 9px #e1e1e1;
  background-color: #49ff070d;

}


.btn-label-r {
  position: relative;
  right: -12px;
  display: inline-block;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px 0 0 3px;
}

.btn-label-l {
  position: relative;
  left: -12px;
  display: inline-block;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px 0 0 3px;
}

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
}

.btn-label-t {
  position: relative;
  top: -6px;
}

.material-icons.is-48 {
  font-size: 48px;
}


.custom-file-upload-control {
  display: none;
}

.custom-file-upload-label-text {
  top: -6px;
  position: relative;
}


.is-pos::before {
  content: "₱ +";
  font-size: 0.8em;
  top: -3px;
  position: relative;
}

.is-neg::before {
  content: "₱ -";
  font-size: 0.8em;
  top: -3px;
  position: relative;
}

.is-zer {
  opacity: 0;
}


.material-icons.lh1 {
  line-height: 1;
}

.material-icons.lhp8 {
  line-height: 0.8;
  font-size: 21px;
  top: -2px;
}


#image_selection .image {
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 100%;

}

#image_selection .image:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 8px 3px #4b4848;
  -moz-box-shadow: 0px 0px 8px 3px #4b4848;
  -webkit-box-shadow: 0px 0px 8px 3px #4b4848;
}

.mh-150 {
  min-height: 150px;
}


/* datatables.min.css | /assets/css/lib/datatables.min.css */

table.dataTable tr.selected td.select-checkbox::after,
table.dataTable tr.selected th.select-checkbox::after {
  /* margin-top: -19px; */
  /* text-shadow: 1px 1px #b0bed9,-1px -1px #b0bed9,1px -1px #b0bed9,-1px 1px #b0bed9; */
  margin-top: -16px;
  text-shadow: none;
}


#charge_sale_invoice {
  padding: 5px;
}

.charge_sale_invoice {
  position: relative;
  background-color: #FFF;
  min-height: 680px;
  padding: 15px
}

.charge_sale_invoice header {
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #3989c6
}

.charge_sale_invoice .company-details {
  text-align: right
}

.charge_sale_invoice .company-details .name {
  margin-top: 0;
  margin-bottom: 0
}

.charge_sale_invoice .contacts {
  margin-bottom: 20px
}

.charge_sale_invoice .invoice-to {
  text-align: left
}

.charge_sale_invoice .invoice-to .to {
  margin-top: 0;
  margin-bottom: 0
}

.charge_sale_invoice .invoice-details {
  text-align: right
}

.charge_sale_invoice .invoice-details .invoice-id {
  margin-top: 0;
  color: #3989c6
}

.charge_sale_invoice main {
  padding-bottom: 50px
}

.charge_sale_invoice main .thanks {
  margin-top: -65px;
  font-size: 2em;
  margin-bottom: 50px
}

.charge_sale_invoice main .notices {
  padding-left: 6px;
  border-left: 6px solid #3989c6
}

.charge_sale_invoice main .notices .notice {
  font-size: 1.2em
}

.charge_sale_invoice table.invoice_outer {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px
}

.charge_sale_invoice table.invoice_outer td,
.charge_sale_invoice table.invoice_outer th {
  padding: 10px;
  background: #eee;
  border-bottom: 1px solid #fff
}

.charge_sale_invoice table.invoice_outer th {
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px
}

.charge_sale_invoice table.invoice_outer td h3 {
  margin: 0;
  font-weight: 400;
  font-size: 1.2em
}

.charge_sale_invoice table.invoice_outer .qty,
.charge_sale_invoice table.invoice_outer .total,
.charge_sale_invoice table.invoice_outer .unit {
  text-align: right;
  font-size: 1.2em
}

.charge_sale_invoice table.invoice_outer .no {
  color: #fff;
  font-size: 1.6em;
  background: #0059dd;
}

.charge_sale_invoice table.invoice_outer .unit {
  background: #ddd
}

.charge_sale_invoice table.invoice_outer .total {
  background: #0d6efd;
  color: #fff
}

.charge_sale_invoice table.invoice_outer tbody tr:last-child td {
  border: none
}

.charge_sale_invoice table.invoice_outer tfoot td {
  background: 0 0;
  border-bottom: none;
  white-space: nowrap;
  text-align: right;
  padding: 10px 20px;
  font-size: 1.2em;
}

.charge_sale_invoice table.invoice_outer tfoot tr:first-child td {
  border-top: none
}

.charge_sale_invoice table.invoice_outer tfoot tr:last-child td {
  color: #3989c6;
  font-size: 1.4em;
  border-top: 1px solid #3989c6
}

.charge_sale_invoice table.invoice_outer tfoot tr td:first-child {
  border: none
}

.charge_sale_invoice footer {
  width: 100%;
  text-align: center;
  color: #777;
  border-top: 1px solid #aaa;
  padding: 8px 0
}

@media print {
  .charge_sale_invoice {
    font-size: 11px !important;
    overflow: hidden !important
  }

  .charge_sale_invoice footer {
    position: absolute;
    bottom: 10px;
    page-break-after: always
  }

  .charge_sale_invoice>div:last-child {
    page-break-before: always
  }
}


.charge_sale_invoice table.invoice_inner {
  width: 100%;
}

.charge_sale_invoice table.invoice_inner tfoot td {
  padding: 0;
  font-size: 1em;
}

.charge_sale_invoice table.invoice_inner td,
.charge_sale_invoice table.invoice_inner th {
  padding: 0;
  background: none;
  border-bottom: none;
}


.show_btn_checkbox {
  position: relative;
  margin-right: -20px;
  z-index: 4;
}

.show_btn_checkbox_label {
  padding-left: 24px;
}

body {
  caret-color: transparent;
}

body input,
body textarea,
body select {
  caret-color: auto;
}

body input btn {
  caret-color: transparent;
}


.tooltip .tooltip-left {
  text-align: left !important;

}

.tooltip .tooltip-left hr {
  margin: 0 !important;
}

.tooltip .tooltip-left ul {
  padding: 0 !important;
  margin: 0 !important;
}


/* bootstrap.min.css | https://liquidhub.local/assets/css/lib/bootstrap.min.css */

.list-group-item+.list-group-item {
  /* border-top-width: 0; */
  border-top-width: 1px;
}


.r-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


tr.first-selected {
  background-color: #0951bb !important;
}

/* Inline #13 | https://liquidhub.local/#/pos/bookings/loaded/ */

.booking-drag.Reservedsad {
  background-color: #0dcaf0 !important;
  color: #fff;
}

.booking-drag.Cancelled {
  background-color: #dc3545 !important;
  color: #fff;
}

.booking-drag.Checked-out {
  background-color: #009fff !important;
  color: #fff;
}

.booking-drag.In-house {
  background-color: #48b381 !important;
  color: #fff;
}

.booking-drag.Reserved {
  background-color: #f0b70d !important;
}

.booking-drag.locked {
  opacity: 0.5;
}

tr.bg-todo-success {
  background-color: #1f976470 !important;
}

tr.bg-todo-warn {
  background-color: #978a1f70 !important
}

tr.bg-todo-danger {
  background-color: #971f1f70 !important
}

tr.bg-todo-info {
  background-color: #1f539770 !important
}

.bg-blue {
  background-color: var(--bs-blue);
}

.bg-indigo {
  background-color: var(--bs-indigo);
}

.bg-purple {
  background-color: var(--bs-purple);
}

.bg-pink {
  background-color: var(--bs-pink);
}

.bg-red {
  background-color: var(--bs-red);
}

.bg-orange {
  background-color: var(--bs-orange);
}

.bg-yellow {
  background-color: var(--bs-yellow);
}

.bg-green {
  background-color: var(--bs-green);
}

.bg-teal {
  background-color: var(--bs-teal);
}

.bg-cyan {
  background-color: var(--bs-cyan);
}

.bg-white {
  background-color: var(--bs-white);
}

.bg-gray {
  background-color: var(--bs-gray);
}

.bg-gray-dark {
  background-color: var(--bs-gray-dark);
}

/* .bg-primary{
  background-color: var(--bs-primary);
}
.bg-secondary{
  background-color: var(--bs-secondary);
}
.bg-success{
  background-color: var(--bs-success);
}
.bg-info{
  background-color: var(--bs-info);
}
.bg-warning{
  background-color: var(--bs-warning);
}
.bg-danger{
  background-color: var(--bs-danger);
}
.bg-light{
  background-color: var(--bs-light);
}
.bg-dark{
  background-color: var(--bs-dark);
} */












td.occupied.drag-over {
  background-color: red !important;
}

td.drag-over {
  box-shadow: rgba(0, 255, 16, 0.45) 0 0 8.6px inset;
  background-color: #3eb42f !important;
}


#bookings_table td span:not(#bookings_table td span:only-child) {
  /* -or- li:only-child { */
  /* width: 100%; */
  /* background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%) !important; */
  box-shadow: rgba(245, 4, 4, 0.45) 0 0 4px inset;
}

col.first-date {
  background-color: #00ff4c2b !important
}

col.weekend {
  background-color: #acacac1c;
}

.booking-drag {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.45) 0 0 8.6px inset;
  user-select: none;
  mix-blend-mode: multiply;
  opacity: 0.75;
  /* margin-left: 50%; */
}

/* Element | https://liquidhub.local/#/pos/bookings/loaded/ */

#bookings_table>tbody:nth-child(3)>tr:nth-child(1) {
  background-color: #e6f7ff;
  box-shadow: 0 0 5px 0px, 0 0 1px -2px inset;
}

.booking-drag.sp-1 {
  width: calc(100% + 2px);
}

.booking-drag.sp-2 {
  width: calc(200% + 2px);
}

.booking-drag.sp-3 {
  width: calc(300% + 2px);
}

.booking-drag.sp-4 {
  width: calc(400% + 2px);
}

.booking-drag.sp-5 {
  width: calc(500% + 2px);
}

.booking-drag.sp-6 {
  width: calc(600% + 3px);
}

.booking-drag.sp-7 {
  width: calc(700% + 3px);
}

.booking-drag.sp-8 {
  width: calc(800% + 4px);
}

.booking-drag.sp-9 {
  width: calc(900% + 4px);
}

.booking-drag.sp-10 {
  width: calc(1000% + 5px);
}

.booking-drag.sp-11 {
  width: calc(1100% + 5px);
}

.booking-drag.sp-12 {
  width: calc(1200% + 5px);
}

.booking-drag.sp-13 {
  width: calc(1300% + 5px);
}

.booking-drag.sp-14 {
  width: calc(1400% + 5px);
}

.booking-drag.sp-15 {
  width: calc(1500% + 5px);
}

.booking-drag.sp-16 {
  width: calc(1600% + 5px);
}

.booking-drag.sp-17 {
  width: calc(1700% + 5px);
}

.booking-drag.sp-18 {
  width: calc(1800% + 5px);
}

.booking-drag.sp-19 {
  width: calc(1900% + 5px);
}

.booking-drag.sp-20 {
  width: calc(2000% + 5px);
}

.booking-drag.sp-21 {
  width: calc(2100% + 5px);
}

.booking-drag.sp-22 {
  width: calc(2200% + 5px);
}

.booking-drag.sp-23 {
  width: calc(2300% + 5px);
}

.booking-drag.sp-24 {
  width: calc(2400% + 5px);
}

.booking-drag.sp-25 {
  width: calc(2500% + 5px);
}

.booking-drag.sp-26 {
  width: calc(2600% + 5px);
}

.booking-drag.sp-27 {
  width: calc(2700% + 5px);
}

.booking-drag.sp-28 {
  width: calc(2800% + 5px);
}

.booking-drag.sp-29 {
  width: calc(2900% + 5px);
}

.booking-drag.sp-30 {
  width: calc(3000% + 5px);
}

.booking-drag.sp-31 {
  width: calc(3100% + 5px);
}

#bookings_table {
  overflow: hidden;
}

#bookings_table td {
  padding: 0;
  margin: 0;
}

#bookings_table th hr {
  padding: 0;
  margin: 0;
}

.hiddenRow {
  padding: 0 !important;
}

.hiddenRow .table {
  margin-bottom: 0;
}

.accordion-toggle {
  cursor: pointer;
}

td[title] {
  cursor: help;
}

.accordion-toggle .iopen {
  display: none;
}

.accordion-toggle .iclose {
  display: inline-block;
}

.accordion-toggle.collapsed .iopen {
  display: inline-block;
}

.accordion-toggle.collapsed .iclose {
  display: none;
}


/* Element | https://liquidhub.local/#/pos/bookings/loaded/ */
.ratings {
  bottom: 4px;
  position: relative;
}

.ratings i {
  color: #aba8a88c;
}


.listing {
  background: #8baeea;
  border: 1px solid;
}

.modal-content {
  border: none;
}

.listing-child {
  background: #166fce29;
  border-top: 1px solid;
}

.room-spec span {
  margin-right: 10px;
  font-size: 12px;
}


.spec-text-color {
  color: #8bc34a;
  font-weight: 800;
}

.info span {
  margin-right: 10px;
}

.more {
  text-decoration: none;
  font-size: 15px
}

.info span i {
  font-size: 12px;
  color: #9e9e9e8f !important;
}


.spec span {
  margin-right: 10px;
}


.date {
  line-height: 17px;
  margin-bottom: 8px;
}


.date-o {
  color: green;
}

.date-s {
  color: rgb(128, 0, 0);
}


.booking {
  padding-left: 150px !important;
  padding-right: 150px !important
}


.res_guests span.material-icons.text-muted {
  line-height: 24px;
  font-size: 24px;
  position: relative;
  top: 6px;
}


.form-check-input.input-primary:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-check-input.input-secondary:checked {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.form-check-input.input-info:checked {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}

.form-check-input.input-success:checked {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}

.form-check-input.input-warning:checked {
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}

.form-check-input.input-danger:checked {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}

.form-check-input.input-dark:checked {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
}

.toggle_visibility {
  height: 1.2em;
}

.form-check-inline {
  display: inline-block;
  min-height: 1.5rem;
  margin-left: 0.5em;
}

.form-check-inline input {
  margin-right: 0.5em;
}

.strr>div:nth-child(2n+1) {
  background-color: #f9f7f7;
}

.strr>div {
  border: 1px solid #000;
  padding: 5px;
}

.perm-name {
  top: -2px;
  display: inline-block;
  position: relative;
}

.sub-perm-name {
  top: -5px;
  display: inline-block;
  position: relative;
}

.li-sub-perm-name {
  display: inline-block;
  position: relative;
  top: -7px;
}

.li-perm-name {
  display: inline-block;
  position: relative;
  top: -6px;
}

.booking-detail-image {
  border: 1.3px solid #164aae;
  box-shadow: 0px 0px 13px;
}

.modal:nth-of-type(even) {
  z-index: 1062 !important;
}

.modal-backdrop.show:nth-of-type(even) {
  z-index: 1061 !important;
}

/* Color potentially dbl booked rooms */
.rooms_row:not(.rr0) td.bigger {
  background-color: #d06a6a;
  color: white;
}

.rooms_row.bigger {
  background-color: #ff27271a;
}

.modal-backdrop.show:nth-of-type(2n) {
  z-index: 1059 !important;
}

.swal2-container {
  z-index: 2062;
}


.h-zoom {
  transition: transform .2s;
  margin: 0 auto;
}

.h-zoom:hover {
  transform: scale(1.5);
}

/* micromodal */
.micromodal-slide {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 10px;
  max-width: 100vw;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "\2715";
}

.modal__content {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: rgba(0, 0, 0, .8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, .8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  appearance: button;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}


.nopad>th {
  position: relative;
  top: 10px;
}


.split_reservation_customer {
  cursor: pointer;
}

.material-icons.text-muted.lh1 {
  line-height: 1;
}

.material-icons.text-muted.prt7 {
  position: relative !important;
  top: 6px;
}

#bookings_table tbody tr:hover {
  background-color: lightyellow;
}

.room_div {
  background-color: #e4eeff;
  margin: 0 5px 5px;
  border: 1px solid #222222;
}

div.customer_draggable {
  border: 1px solid #333;
  padding: 5px;
  margin: 5px;
  background-color: #e4eeff;
  padding-top: 0;
}

#customer_drags {
  background-color: #ffeb7f;
  min-height: 30px;
  border: 2px dashed;
}

#customer_drags:empty {
  background-color: #8baeea;
  border: none;
}

#customer_drags:empty::after {
  content: "Reservation Guests";
  position: relative;
  top: 12px;
  left: 7px;
  color: yellow;
}


.res_customers_dropzone {
  background-color: #ffeb7f;
  min-height: 30px;
  border: 2px dashed;
}

.res_customers_dropzone:empty {
  background-color: #8baeea;
  border: none;
}

.res_customers_dropzone:empty::after {
  content: "Room Guests";
  position: relative;
  top: 4px;
  left: 7px;
  color: yellow;
}


/* payment_drags */



div.payment_draggable {
  border: 1px solid #333;
  padding: 5px;
  margin: 5px;
  background-color: #e4eeff;
  padding-top: 0;
}

#payment_drags {
  background-color: #ffeb7f;
  min-height: 30px;
  border: 2px dashed;
}

#payment_drags:empty {
  background-color: #8baeea;
  border: none;
}

#payment_drags:empty::after {
  content: "Reservation Payments";
  position: relative;
  top: 7px;
  left: 7px;
  color: yellow;
}


.res_payment_dropzone {
  background-color: #ffeb7f;
  min-height: 30px;
  border: 2px dashed;
}

.res_payment_dropzone:empty {
  background-color: #8baeea;
  border: none;
}

.res_payment_dropzone:empty::after {
  content: "Room Payments";
  position: relative;
  top: 4px;
  left: 7px;
  color: yellow;
}

.drag_dest .res_split_payment {
  display: none;
}

.drag_dest .res_split_person {
  display: none;
}

.drag_source .res_del_person {
  display: none;
}

.drag_source .res_del_payment {
  display: none;
}



/* autocompleter */

.autocompleter {
  width: 100%;
  background: #dddddd;
  position: relative;
  top: 60px;
  left: 0;
  z-index: 100;
}

.autocompleter,
.autocompleter-hint {
  position: absolute;
}

.autocompleter-list {
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.autocompleter-item-selected {
  background: #ffffff;
}

.autocompleter-item {
  padding: 6px 12px;
  color: #444444;
  font-size: 20px;
  cursor: pointer;
}

.autocompleter-item:hover {
  background: #dbed8a;
}

.autocompleter-item strong {
  background: #f9de8f;
  text-shadow: 0 1px 0 #ffffff;
}

.autocompleter-item span {
  color: #bbbbbb;
}

.autocompleter-hint {
  color: #ccc;
  text-align: left;
  top: -49px;
  font-weight: 400;
  left: -14px;
  width: calc(100% - 16px);
  padding: 12px 12px 12px 13px;
  font-size: 24px;
  display: none;
  pointer-events: none;
}

.autocompleter-hint span {
  color: transparent;
}

.autocompleter-hint-show {
  display: block;
}

.autocompleter-closed {
  display: none;
}

/* autocompleter */




.swal2-html-container>.row {
  width: 99%;
}

.swal-wider {
  width: 600px !important;
}

.swal-wider .swal2-checkbox,
.swal-wider .swal2-file,
.swal-wider .swal2-input,
.swal-wider .swal2-radio,
.swal-wider .swal2-select,
.swal-wider .swal2-textarea {
  margin: 0.3em 1em 0;
}


/* copyright */

#copyright {
  position: fixed;
  width: 180px;
  bottom: 15px;
  z-index: 99999;
  box-shadow: 0 0 10px #000;
  padding: 7px;
  background-color: #ffc107;
  left: -145px;
  color: #282525;
  font-weight: 700;
  transition: 1s ease;
  text-align: right;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

#copyright:hover,
#copyright.focussed {
  left: -25px;
}

#copyright span {
  transition: 1s;
}

#copyright:hover span,
#copyright.focussed span {
  -o-transform: rotate(1440deg);
  -ms-transform: rotate(1440deg);
  -moz-transform: rotate(1440deg);
  -webkit-transform: rotate(1440deg);
  transform: rotate(1440deg);
}



/* copyright */


#scrollpage {
  background: #f1f1f1;
  border: none;
  padding: 0 6px;
  cursor: pointer;
  float: right;
}

#scrollpage:hover {
  background: #fff;
}

.sidebar .nav-link.active {
  color: #fff;
  background-color: #0d6efd;
}

.sidebar .nav-link:hover {
  color: #ffc107;
  background-color: #ffc10725;
}

#settings-btn {
  font-size: 0.7em;
  padding: 10px;
}

#settings-btn:hover {
  color: #dc3545;
}

/* 
#purchase_modal_table button,
#purchase_modal_table input,
#purchase_modal_table select {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100px;
} */


#purchase_details {
  transition: 0.25s;
}

#purchase_details.disabled {
  opacity: 0.3;
  background-color: #959595;
}

#purchase_details.disabled:hover {
  opacity: 0.1;
}

#purchase_details.disabled .purchase_details_inner {
  pointer-events: none;
}

.pe-none {
  pointer-events: none !important;
}


div.payment_draggable#payment_0 {
  background-color: #ffd700;
  color: black;
}

div.customer_draggable#customer_0 {
  background-color: #ffd700;
  color: black;
}

.period_picker_years_dragger {
  width: 40px;
}

.period_picker_box .period_picker_years_dragger::after {
  /* left: 1px; */
  /* right: -1px; */
  left: -20px;
  right: -3px;
}

.cat_color {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
  top: 7px;
  margin-right: 10px;
}


.cat_admin_row.dragging {
  background-color: #61c461;
  color: white;
  margin: 30px;
  width: 400px;
}



#category-admin {
  position: relative;
}

.draggable-table {
  position: absolute;
  top: 13px;
  left: 30px;
  width: 98%;
  border-collapse: collapse;
  background: white;
  -webkit-box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.1);
}

.draggable-table .draggable-table__drag {
  font-size: 0.95em;
  font-weight: lighter;
  text-transform: capitalize;
  position: absolute;
  width: 98%;
  border: 1px solid #f1f1f1;
  z-index: 10;
  cursor: grabbing;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
  opacity: 0.8;
}

.draggable-table thead th {
  height: 25px;
  font-weight: bold;
  text-transform: capitalize;
  padding: 10px;
  user-select: none;
}

.draggable-table tbody tr {
  cursor: grabbing;
}

.draggable-table tbody tr.cat_admin_row_add {
  cursor: pointer;
}

.draggable-table tbody tr td {
  font-size: 0.95em;
  font-weight: lighter;
  text-transform: capitalize;
  padding: 10px;
  user-select: none;
  border-top: 1px solid whitesmoke;
}

.draggable-table tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

.draggable-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

.draggable-table tbody tr.is-dragging {
  background: #f1c40f;
}

.draggable-table tbody tr.is-dragging td {
  color: #ffe683;
}

.draggable-table .handle .material-icons {
  position: absolute;
  left: -30px;
}

.draggable-table__drag .handle .material-icons {
  position: absolute;
  left: -38px;
  top: 0px;
}



/* Categories */

.select2-container--default .select2-selection--single .select2-selection__rendered[title="GREY"] {
  background-color: #6c757d !important;
  color: #fff;
  height: auto;
}

.select2-results__option[id*="GREY"] {
  background-color: #6c757d;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="BLUE"] {
  background-color: #0d6efd !important;
  color: #fff;
  height: auto;
}


.select2-results__option[id*="BLUE"] {
  background-color: #0d6efd;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="LIME"] {
  background-color: #198754 !important;
  color: #fff;
  height: auto;
}


.select2-results__option[id*="LIME"] {
  background-color: #198754;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="ORANGE"] {
  background-color: #fd7e14 !important;
  color: #fff;
  height: auto;
}


.select2-results__option[id*="ORANGE"] {
  background-color: #fd7e14;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="PINK"] {
  background-color: #d63384 !important;
  color: #fff;
  height: auto;
}


.select2-results__option[id*="PINK"] {
  background-color: #d63384;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="PURPLE"] {
  background-color: #6f42c1 !important;
  color: #fff;
  height: auto;
}


.select2-results__option[id*="PURPLE"] {
  background-color: #6f42c1;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="RED"] {
  background-color: #dc3545 !important;
  color: #fff;
  height: auto;
}


.select2-results__option[id*="RED"] {
  background-color: #dc3545;
  color: #fff;
}



.btn-group>.btn-check:checked+label.btn-GREY {
  background-color: #6c757d;
  color: #fff;
}

.btn-group>.btn-check:checked+label.btn-BLUE {
  background-color: #0d6efd;
  color: #fff;
}

.btn-group>.btn-check:checked+label.btn-LIME {
  background-color: #198754;
  color: #fff;
}

.btn-group>.btn-check:checked+label.btn-ORANGE {
  background-color: #fd7e14;
  color: #fff;
}

.btn-group>.btn-check:checked+label.btn-PINK {
  background-color: #d63384;
  color: #fff;
}

.btn-group>.btn-check:checked+label.btn-PURPLE {
  background-color: #6f42c1;
  color: #fff;
}

.btn-group>.btn-check:checked+label.btn-RED {
  background-color: #dc3545;
  color: #fff;
}

/* Categories end */

.period_picker_selected {
  background: #1342f9 !important;
  color: white !important;
}

.period_picker_cell_today {
  opacity: 0.6 !important;
}

.dropdown-menu {
  width: 100%;
}






/* cart contents */

#cart-items table {
  border-collapse: collapse;
  min-width: 100%;
  grid-template-columns: minmax(20px, 20px) minmax(20px, 20px) minmax(100px, 1fr) minmax(20px, 20px) minmax(38px, 50px);
}

#cart-items thead,
#cart-items tbody,

#cart-items th,
#cart-items td {
  padding: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cart-items th {
  position: sticky;
  top: 0;
  background: #6c7ae0;
  text-align: left;
  font-weight: normal;
  font-size: 1.1rem;
  color: white;
}

#cart-items th:last-child {
  border: 0;
}

#cart-items td {
  padding-top: 1px;
  padding-bottom: 1px;
  color: #808080;
}

#cart-items tr:nth-child(even) td {
  background: #f8f6ff;
}


._kitchen_item td {
  color: #000000 !important;
  text-decoration: underline;
}

/* cart contents */


.cart-item.isVoid {
  display: none !important;
}

.cart-item.isVoid td {
  color: #dc3545;
  text-decoration: line-through;
}


.itemNote {
  color: #dc3545;
  text-decoration: underline;

}

#pos_kitchen_order_detail_table .btn-check+.btn-success,
#pos_kitchen_order_detail_table .btn-check+.btn-secondary,
#pos_kitchen_order_detail_table .btn-check+.btn-warning,
#pos_kitchen_order_detail_table .btn-check+.btn-danger {
  color: #fff;
  background-color: #41607b;
  border-color: #6c757d;
}




#pos_kitchen_order_detail_table .btn-check:checked+.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #ec0b0b;
}

#pos_kitchen_order_detail_table .btn-check:checked+.btn-warning {
  color: #000 !important;
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
}

#pos_kitchen_order_detail_table .btn-check:checked+.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

#pos_kitchen_order_detail_table .btn-check:checked+.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}


.kitchen_order_row_emph {
  background-color: darkorange;
  color: white;
  font-weight: bold;
}


#receipt_sale_items_table td.cell.text-center {
  white-space: nowrap;
  overflow-wrap: break-word;
}

#toggle-menu {
  background: #f1f1f1;
  border: none;
  padding: 0 6px;
  cursor: pointer;
  float: right;
}

@media (max-width: 1560px) {
  .no-1560 {
    display: none;
  }

}

.btn-pos-xl {
  padding: 10px 5px;
  font-size: 1.5em;
  border-radius: 10px;
}


#update-banner {
  background-color: #c43838;
  color: white;
  text-align: center;
}


#Schedule_recurrence_editor {
  display: none;
}


.e-schedule .e-timeline-view .e-selected-cell,
.e-schedule .e-timeline-month-view .e-selected-cell {
  background: #db5bff66;
  color: #212529;
}

.e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
.e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
  background: #ca76e1;
}

.food-ready {
  animation: pulse 500ms ease infinite;
}

.food-pending-kitchen {
  animation: pulse 1000ms ease infinite;
}

.kitchen-counts.kitchen-counts-pulse {
  animation: pulse 2000ms ease infinite;
}


@keyframes pulse {
  0% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


.kitchen-counts {
  position: relative;
  flex: 1 1 auto;
}


/* Change the colors of the multi-dropown elements  */
.e-multi-select-wrapper .e-chips {
  background-color: #1374ca !important;
}

.e-dropdownbase .e-list-item {
  background-color: #7ab5f0;
  color: white;
}

.e-dropdownbase .e-list-item.e-item-focus {
  background-color: #5594d2;
  color: white;
}


#dialogue-close-match-guests .submitted-guest {
  font-weight: 700;
  color: #e60000;
}

#dialogue-close-match-guests .matched-guest-guest {
  font-weight: 700;
  color: green;
}

#dialogue-close-match-guests hr {
  margin: 0 !important;
}

#dialogue-close-match-guests label {
  margin-right: 4px;
}


.table>button {
  background-color: unset;
}


.e-parent-node {
  background-color: #b6cfe8 !important;
}

.custom-field-container {
  background-color: #edf5ff;
  padding: 10px;
  border: 1px solid #ccc;
}

.custom-field-container>table {
  margin: 0;
}


.right-sprite.right-sprite-200 {
  /* Use calc to adjust background position based on sprite width variable */
  background-position: calc(-1400px * var(--sprite-width) / 200) calc(-100px * var(--sprite-width) / 200);
}

.w-50p {
  width: 50px !important;
}


#item_search_items {
  font-size: 2.5em;
}

.checkers.nofilter.is_hidden {
  filter: grayscale(1) blur(2px);
}

.hover-border-green {
  -moz-box-shadow: 0px 0px 3px 0px rgba(44, 136, 56, 0.2) inset;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(44, 136, 56, 0.2) inset;
  box-shadow: 0px 0px 3px 0px rgba(44, 136, 56, 0.2) inset;
}

.hover-border-green:hover {
  -moz-box-shadow: 0px 0px 3px 0px rgba(44, 136, 56, 0.55) inset;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(44, 136, 56, 0.55) inset;
  box-shadow: 0px 0px 3px 0px rgba(44, 136, 56, 0.55) inset;
}


small.itemPrice.ms-2 {
  color: #dd1d1d;
  font-weight: bold;
}

span small.itemPrice.ms-2 {
  color: #f0afaf;
  font-weight: bold;
}