.error,
.req_sym {
  font-weight: normal !important;
  color: red;
}

#ajaxloader,
.ajaxloader {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}

#ajaxloader .group,
.ajaxloader .group {
  left: 0;
  margin: -40px 0 0;
  position: relative;
  right: 0;
  text-align: center;
  top: 50%;
}

#ajaxloader .group .bigSqr,
.ajaxloader .group .bigSqr {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  transform-origin: bottom left;
  -webkit-animation: bigSqrShrink 1s linear infinite;
  -ms-animation: bigSqrShrink 1s linear infinite;
  animation: bigSqrShrink 1s linear infinite;
}
#ajaxloader .group,
.ajaxloader .group {
  text-align: center;
}

#ajaxloader .group .bigSqr .square.first,
.ajaxloader .group .bigSqr .square.first {
  left: 0;
  top: 20px;
}
#ajaxloader .group .bigSqr .square,
.ajaxloader .group .bigSqr .square {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
}

#ajaxloader .group .bigSqr .square.second,
.ajaxloader .group .bigSqr .square.second {
  left: 20px;
  top: 20px;
  animation: drop2 1s linear infinite;
}

#ajaxloader .group .bigSqr .square.third,
.ajaxloader .group .bigSqr .square.third {
  left: 0;
  top: 0;
  animation: drop3 1s linear infinite;
}
#ajaxloader .group .bigSqr .square.fourth,
.ajaxloader .group .bigSqr .square.fourth {
  left: 20px;
  top: 0;
  animation: drop4 1s linear infinite;
}
#ajaxloader .text,
.ajaxloader .text {
  color: #fff;
  display: block;
  margin: 0px auto;
  padding: 5px 0 0;
}

#dvLoading {
  background: #000 url(../loading.gif) no-repeat center center;
  height: 100px;
  width: 100px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
}
.select2-container--classic .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}
.loading {
  z-index: 9999 !important;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
  .sidebar-menu
  > li:hover
  > a
  > .pull-right-container {
  display: none !important;
  padding: 0;
  opacity: 0 !important;
}
.box .knob-label {
  text-align: center;
  color: #000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-bottom: 0.3em;
  letter-spacing: 0.5px;
}
.icheckbox_square-blue,
.iradio_square-blue {
  height: 27px;
}
.has-feedback {
  position: relative;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.btn-bg {
  border: solid #fff;
  border-width: 1px 1px 0 0;
  /* padding: 1vw 0.3vw !important; */
  font-size: 1em;
  height: 46px;
  min-height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.catalog-left .tab-pane .btn-bg {
  float: left;
  display: flex;
  /* flex-wrap: wrap; */
}
div#nav-tabContent {
  clear: both;
  float: none;
  display: block;
  height: 500px;
  max-height: 600px;
  overflow-y: auto;
}
.catalog-left div#nav-tab,
.category-menu div#nav-tab {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap !important;
}

.nav-tabs:not(.group-tabs) .nav-link,
.nav-tabs:not(.group-tabs) .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: 0.5rem 0.6rem;
}
.nav-tabs:not(.group-tabs) .nav-item.show .nav-link,
.nav-tabs:not(.group-tabs) .nav-link.active {
  border: 1px solid #007bff;
  border-bottom: 2px solid #007bff;
  color: #007bff;
}
.category-list .tab-content .tab-pane .categoriesmenus.active {
  border: 2px solid #000;
}
.col-md-8.category-menu,
.modifiers-menu {
  /* height: 500px; */
  max-height: 600px;
  overflow-y: auto;
}
#customer-edit .tab-content,
#block-add .tab-content {
  border: 1px solid;
  border-color: #dee2e6;
}
.category-menu .active .btn-bg {
  border: 2px solid #000;
}
.SyncManagementSet {
  border: 1px dotted #000;
  padding: 15px;
}
.sidebar-collapse.skin-blue .sidebar-menu .treeview-menu > li > a {
  padding: 8px 0;
  font-size: 13px;
}
.required .control-label:after {
  content: "*";
  color: red;
}
.table-shapes-konva {
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border: 1px solid black;
}
.rectangle-1 {
  height: 50px;
  width: 100px;
  background-color: #7cfc00;
}
.rectangle-2 {
  height: 25px;
  width: 50px;
  background-color: #00bfff;
}
.circle-1 {
  height: 60px;
  width: 60px;
  background-color: #c0c0c0;
  border-radius: 100%;
}
.oval-1 {
  height: 50px;
  width: 100px;
  background-color: yellow;
  border-radius: 100%;
}
.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.fa-check-color-green {
  color: green;
}
/* .fa-times-color-red {
    color: red;
} */
.popover {
  width: 320px;
  max-width: none;
}
.slick-prev:before,
.slick-next:before {
  color: black !important;
  font-size: 25px !important;
}
.remove-material-row-button {
  color: red;
  cursor: pointer;
}
.form-change-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer-custom {
  cursor: pointer;
}
.order_modifier {
  background-color: orange !important;
  /* margin-left: 30px;
    font-size: small !important; */
}
.order_payment_button {
  cursor: pointer;
}
.orangeColor {
  background-color: #ffa500 !important;
}
.skyBlueColor {
  background-color: #87ceeb !important;
}
.greyColor {
  background-color: #d3d3d3 !important;
}
.redRawColor {
  background-color: #ffcccb !important;
}
.scrollbox {
  height: 200px;
  overflow-x: scroll;
}

@media (min-width: 992px) {
  #orderQueueShowOrder .modal-lg {
    max-width: 80%;
  }
}

@media (min-width: 765px) and (max-width: 800px) {
  .info-box-icon {
    width: 60px;
  }
  .info-box-content {
    margin-left: 60px;
  }
  .info-box-icon .fa {
    font-size: 36px;
  }
}
@media screen and (max-width: 1366px) {
  .catalog-left .nav-item {
    padding: 0.8vw 1vw !important;
  }
}
@media screen and (max-width: 1280px) {
  .btn-bg {
    padding: 0.55em !important;
    font-size: 0.75em;
    word-break: break-word;
  }
}

@media (max-width: 425px) {
  .main-header .navbar {
    padding: 5px !important;
  }
}

/*
added this css because sweet alert adds 17px padding to body when it is displayed if body has scroll bar on right hand side and doesn't remove it when sweet alert closes so body becomes smaller every time sweet alert is called
*/
body {
  padding-right: 0 !important;
}

.badge-no-printer {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff url(../img/no-print.png) no-repeat center center;
  background-size: 18px;
}

.width-px-110 {
  width: 110px !important;
}
div#calendar .fc-toolbar-chunk div {
  display: flex;
  align-items: center;
}
div#calendar .fc-toolbar-chunk div h2 {
  margin: 00 12px;
}

.datepicker-days tr th,
.datepicker-days tr td {
  text-align: center !important;
  font-size: 14px !important;
}
.datepicker-days tr td.day {
  font-weight: 600;
}
.datepicker-days tr td.new,
.datepicker-days tr td.old {
  opacity: 0.5;
  font-weight: 400 !important;
}
.table-condensed td {
  text-align: center !important;
}
.datepicker-days .picker-switch,
.datepicker-days th.dow {
  font-size: 12px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}
.calendar-staff-wrapper {
  text-align: center;
}

.staff-icon {
  display: block;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
  padding: 2px;
  margin-bottom: 5px;
}

.calendar-staff-title {
  display: block;
  font-size: 15px;
}
.resource-scroll-container {
  max-height: 30px; /* Adjust the height as needed */
  overflow-y: auto;
}

#doughnutChart {
  height: 500px !important;
  width: auto !important;
  object-fit: contain;
  margin: auto;
}

.crossed-out-text {
  text-decoration: line-through;
}
.swal2-container {
  z-index: 9999 !important;
}

.btnt {
  line-height: 1.53;
  color: #697a8d;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5375rem 1.25rem;
  font-size: 0.9375rem;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
  text-transform: capitalize;
  box-shadow: none !important;
}
.listview-badge {
  font-size: 0.6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: -7px;
  top: 5px;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
  padding-left: 30px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  left: 0em;
  content: "\2191";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  left: 1em;
  content: "\2193";
}
.td-input-number {
  padding: 0.55rem 3px !important;
}
.td-input-number .form-control {
  padding: 5px 3px !important;
}
.left_sidebar_main_wraper .reposrt_submenu_wraper {
  /* max-height: 400px; */
  /* overflow-y: auto; */
}
.left_sidebar_main_wraper .reposrt_submenu_wraper::-webkit-scrollbar {
  width: 4px;
}
.left_sidebar_main_wraper .reposrt_submenu_wraper::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 30px;
}
.left_sidebar_main_wraper .reposrt_submenu_wraper::-webkit-scrollbar-thumb {
  background: #b0b7c0;
}