body {
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  color: #3a4a55;
}

h1, .h1 {
  font-size: 28px;
  font-weight: 600;
  color: #1e2a32;
}

h2, .h2 {
  font-size: 24px;
  font-weight: 600;
  color: #1e2a32;
}

h3, .h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1e2a32;
}

h4, .h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1e2a32;
}

h5, .h5 {
  font-size: 16px;
  font-weight: 600;
  color: #1e2a32;
}

h6, .h6 {
  font-size: 14px;
  font-weight: 600;
  color: #1e2a32;
}

.text-muted {
  color: #6b7a85;
}

.text-body {
  color: #3a4a55;
}

.text-strong {
  color: #1e2a32;
}

.elevation-0 {
  box-shadow: none;
}

.elevation-1 {
  box-shadow: 0 2px 8px rgba(15, 31, 45, 0.08);
}

.elevation-2 {
  box-shadow: 0 6px 18px rgba(15, 31, 45, 0.12);
}

.elevation-3 {
  box-shadow: 0 10px 32px rgba(15, 31, 45, 0.16);
}

.surface {
  background: #fff !important;
  border: 1px solid #e5e9f0;
  border-radius: 6px;
}

.ripple {
  position: relative;
  overflow: hidden;
}
.ripple:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(54, 179, 156, 0.25);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ripple:active:after {
  width: 200%;
  height: 200%;
  opacity: 1;
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1), height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.themed-background.btn--primary {
  background: #36b39c;
  background-color: #36b39c;
  display: block;
  border-radius: 6px;
}

.widget-extra.themed-background {
  background: #36b39c;
  background-color: #36b39c;
  display: block;
  display: block;
  border-radius: 6px;
}

.widget-extra-full i.fa.fa-plus {
  color: #0f6a58;
}

.btn-group a {
  margin: 0px 5px !important;
  display: inline-block;
}
.btn-group a.ripple {
  overflow: hidden;
}

.btn-danger,
.delete-contact-btn,
.delete-page-btn {
  background: #e6534b;
  color: #fff !important;
  margin: 0;
  display: inline-block;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border: 1px solid transparent;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}
.btn-danger:hover,
.delete-contact-btn:hover,
.delete-page-btn:hover {
  background: #36b39c;
  border: 1px solid transparent;
}

.btn.btn-default {
  margin: 0;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  color: #1e2a32;
  border: 1px solid #e5e9f0;
  background: #fff !important;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}
.btn.btn-default i {
  color: #1e2a32;
}

.btn__status {
  padding: 2px;
  width: 100%;
  text-transform: capitalize;
  color: #fff !important;
  font-size: 1em;
  font-weight: 600 !important;
}
.btn__status--pending {
  background: #e9b200;
}
.btn__status--confirmed {
  background: #36b39c;
}
.btn__status--pendingcontract {
  background: #7541e3 !important;
}
.btn__status--pendingpayment {
  background: #36b39c;
}
.btn__status--paidinfull {
  background: #1e2a32;
}
.btn__status--hostconfirmation {
  background: #e9b200;
}
.btn__status--prearrival {
  background: #a7c6b5 !important;
}
.btn__status--infosent {
  background: #a7c6b5 !important;
}
.btn__status--pendingdamage {
  background: #7541e3 !important;
}
.btn__status--pendingrefund {
  background: #e9b200;
}
.btn__status--damagesolution {
  background: #6b7a85;
}
.btn__status--damageresolved {
  background: #6b7a85;
}
.btn__status--pendinginvoicepayment {
  background: #7541e3 !important;
}
.btn__status--bookclosed {
  background: #1e2a32;
}
.btn__status--partialpaymentreceived {
  background: #e9b200;
}
.btn__status--cancelrequest {
  background: #7541e3 !important;
}
.btn.btn-warning {
  background-color: #1e2a32;
  border-color: #1e2a32;
}
.btn.btn-primary {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  border-color: #36b39c;
  color: #fff !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 10px rgba(54, 179, 156, 0.3);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(54, 179, 156, 0.35);
}
.btn.btn-primary:active {
  transform: translateY(0);
}
.btn.btn-success {
  background: linear-gradient(135deg, #16a05f 0%, #36b39c 100%);
  border: none;
  color: #fff !important;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(22, 160, 95, 0.3);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.btn-success:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(22, 160, 95, 0.35);
}
.btn.btn-success:active {
  transform: translateY(0);
}
.btn.btn-danger {
  background: linear-gradient(135deg, #e6534b 0%, #d6453d 100%);
  border: none;
  color: #fff !important;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(230, 83, 75, 0.3);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.btn-danger:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(230, 83, 75, 0.35);
}
.btn.btn-danger:active {
  transform: translateY(0);
}
.btn--download {
  background: #36b39c;
  display: block !important;
  width: 100%;
  border-radius: 3px !important;
  color: #fff !important;
}
.btn--primary {
  background: #36b39c;
  display: block !important;
  width: 100%;
  border-radius: 3px !important;
  color: #fff !important;
}

.preloader.themed-background {
  background: #0f6a58;
  background-color: #0f6a58;
}

.themed-background--orange {
  background-color: #e9b200;
}
.themed-background--violet {
  background-color: #7541e3 !important;
}
.themed-background--green {
  background-color: #36b39c;
}

ul.sidebar-section.sidebar-themes {
  display: none;
}

.widget-simple__middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.widget-simple__middle .widget-content {
  width: 50%;
  color: #2e89ff;
}
.widget-simple__middle .widget-content small {
  color: #1e2a32;
}

.block-title {
  position: relative;
}
.block-title__big {
  background: #0f6a58;
  background-color: #0f6a58;
  padding: 11px 10px;
}
.block-title__big h2 {
  color: #fff !important;
}
.block-title__big strong {
  text-transform: capitalize;
}
.block-title__big a {
  color: #a7c6b5 !important;
  font-weight: bold;
  text-transform: capitalize;
  text-decoration: none;
  margin-left: 10px;
  transition: all 0.3s ease;
}
.block-title__big a:hover {
  opacity: 0.4;
}
.block-title__full {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.block-title .btn-group .btn-default {
  background: #36b39c;
  /* color: #fff !important; */
  display: flex;
  height: 25px;
  width: 25px;
  align-items: center;
  justify-content: center;
}
.block-title .btn-group .btn-default i {
  color: #fff !important;
}
.block-title .float-bar {
  width: 150px;
  position: absolute;
  right: 15px;
  top: 10px;
  display: block !important;
}
.block-title .float-bar div {
  display: block;
  width: 100% !important;
}
.block-title .float-bar div a {
  display: block;
  width: 100% !important;
  margin: 0 !important;
}
.block-title .float-bar select {
  display: block;
  width: 100%;
  border-radius: 4px;
  font-size: 12px;
}
.block-title .float-bar--extended {
  width: 230px;
}

.admin__body table tr td a {
  color: #2e89ff;
  text-decoration: none;
  font-weight: bold;
}

.block.full table tr td a {
  color: #2e89ff;
  text-decoration: none;
  font-weight: bold;
}
.block__equal {
  min-height: 380px;
}
.block--padding {
  padding: 0 !important;
}
.block--padding > div {
  margin: 0;
}
.block--padding table {
  margin-bottom: 0;
}
.block--padding .alert-info {
  background: transparent;
  border: 0;
  color: #cca965;
  font-weight: bold;
}

.btn-group a {
  color: #0f6a58;
}

td.text-center {
  text-align: center !important;
}

.pagination li.active a {
  background: #2e89ff;
  border-color: #2e89ff;
  color: #fff !important;
}
.pagination li a {
  transition: all 0.3s ease;
  color: #2e89ff;
}
.pagination li a:hover {
  background: #2e89ff;
  color: #fff !important;
}

table tbody tr td {
  padding: 5px 20px !important;
}
table tbody tr td .btn-group {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: inherit !important;
}
table.table__noborder tr,
table.table__noborder td,
table.table__noborder th {
  border: none !important;
}
table.table--five tbody tr td {
  vertical-align: middle !important;
}
table.table--five tbody tr td:first-child {
  width: 35px !important;
  padding: 0 !important;
  text-align: center;
}
table.table--five tbody tr td:nth-child(2) {
  width: 30%;
}
table.table--two tbody tr td {
  vertical-align: middle !important;
}
table.table--two tbody tr td:last-child {
  width: 150px;
  padding-right: 10px !important;
}

.properties table thead tr th:first-child {
  width: 10%;
}
.properties table thead tr th:nth-child(2) {
  width: 30%;
}
.properties table thead tr th:nth-child(3) {
  width: 10%;
}
.properties table thead tr th:nth-child(4) {
  width: 15%;
}
.properties table tbody tr td:first-child {
  width: 10%;
}
.properties table tbody tr td:nth-child(2) {
  width: 30%;
}
.properties table tbody tr td:nth-child(3) {
  width: 10%;
}
.properties table tbody tr td:nth-child(4) {
  width: 15%;
}

.table-responsive thead tr th,
#booking-table thead tr th,
#properties-table thead tr th {
  font-size: 1em;
  color: #000;
  text-align: left;
  font-weight: bold;
}
.table-responsive tbody tr td,
#booking-table tbody tr td,
#properties-table tbody tr td {
  text-align: left;
}
.table-responsive tbody tr td .btn-group,
#booking-table tbody tr td .btn-group,
#properties-table tbody tr td .btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

#booking-table thead tr th:nth-child(4), #booking-table thead tr th:nth-child(5) {
  width: 15%;
}
#booking-table thead tr th:last-child {
  width: 7% !important;
  text-align: center;
}

.notification-bar {
  height: 385px;
  overflow: hidden;
}
.notification-bar .table-responsive {
  height: 95%;
}

.notification__item {
  padding: 15px 45px !important;
  position: relative;
  border: 0;
}
.notification__item small {
  display: block;
  color: #6b7a85;
}
.notification__item--active:before {
  width: 10px;
  height: 10px;
  background: #e9b200;
  position: absolute;
  left: 20px;
  top: 10px;
  content: "";
  top: 20px;
  border-radius: 100% !important;
  -moz-border-radius: 100% !important;
}

.padding-reset {
  padding: 0 !important;
}
.padding-reset .block-title {
  width: 100%;
  margin: auto;
}

.status {
  position: relative;
  padding-left: 28px !important;
}
.status--active:before {
  background: #e9b200;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  left: 10px;
  bottom: 0;
  top: 0;
  margin: auto;
}

.table-small-head table thead tr th {
  padding: 5px 10px !important;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: capitalize;
  background: #f5f7fa;
}
.table-small-head .table-striped > tbody > tr:nth-of-type(odd) {
  background: transparent;
}
.table-small-head .table-striped > tbody > tr:nth-of-type(even) {
  background: #f5f7fa;
}
.table-small-head .table-striped > tbody > tr td {
  height: 35px;
}

.payment-information tr td:first-child {
  width: 30%;
  text-align: right;
}
.payment-information__label {
  font-weight: bold;
  display: block;
}
.payment-box__label {
  font-weight: bold;
  text-align: right;
  display: block;
  padding: 5px 0px;
}
.payment-box__total {
  color: #e9b200;
  font-weight: 600;
  font-size: 1.6em;
}
.payment-box tr td {
  padding: 10px 0;
}
.payment-box tr td:first-child {
  width: 50%;
}

.text-bold-right__label {
  font-weight: bold;
  text-align: right;
  display: block;
  padding: 5px 0px;
}

.text-bold-left__label {
  font-weight: bold;
  text-align: left;
  display: block;
  padding: 5px 0px;
}

.full-container {
  margin: -20px -20px 20px;
  background: #f5f7fa;
  border: 0;
}

.nav-tabs {
  background: #fff !important;
}
.nav-tabs li.active a {
  border: 0 !important;
  /* background: #f00 !important; */
  border-radius: 0;
  color: #1e2a32;
  font-weight: bold;
}
.nav-tabs li.active a:after {
  content: "";
  width: 100%;
  height: 5px;
  background: #e9b200;
  position: absolute;
  bottom: 0;
  left: 0;
}
.nav-tabs li a {
  font-weight: 600;
  font-size: 1.1em;
  padding: 20px 30px;
  color: #6b7a85;
  border: 0;
}
.nav-tabs li a:hover:after {
  content: "";
  width: 100%;
  height: 5px;
  background: #e9b200;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:hover,
.nav.navbar-nav-custom > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
a.sidebar-brand:hover,
a.sidebar-brand:focus,
a.sidebar-title:hover,
a.sidebar-title:focus,
#to-top:hover,
.timeline-list .active .timeline-icon,
.table-pricing.table-featured th,
.table-pricing th.table-featured,
.wizard-steps div.done span,
.wizard-steps div.active span,
.switch-primary input:checked + span,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pager > li > a:hover,
.pagination > li > a:hover,
.label-primary,
.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
.bootstrap-timepicker-widget table td a:hover,
div.tagsinput span.tag,
.slider-selection,
.themed-background,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.nav-horizontal a:hover,
.nav-horizontal li.active a {
  background-color: #0f6a58;
}

.text-primary,
.text-primary:hover,
a,
a:hover,
a:focus,
.nav-pills > .active > a > .badge,
.pagination > li > a,
.pagination > li > span,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus,
.themed-color {
  color: #36b39c;
}

.nav-horizontal i {
  color: #36b39c;
}

.content-header {
  margin: 15px 0;
}

.table-responsive tbody tr td {
  vertical-align: top;
}
.table-responsive tbody tr td span {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.custom-radio,
.custom-checkbox {
  list-style: none;
  /* Create a custom checkbox */
}
.custom-radio:after,
.custom-checkbox:after {
  display: block;
  clear: both;
  content: "";
}
.custom-radio--inline-block,
.custom-checkbox--inline-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.custom-radio--inline-block li,
.custom-checkbox--inline-block li {
  display: inline-block;
  margin-right: 10px;
}
.custom-radio__item,
.custom-checkbox__item {
  /* The container */
  width: 33.3333333333%;
  margin: 0 !important;
}
.custom-radio__item--holder,
.custom-checkbox__item--holder {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
}
.custom-radio__item--holder input:checked,
.custom-checkbox__item--holder input:checked {
  /* When the checkbox is checked, add a blue background */
}
.custom-radio__item--holder input:checked ~ .checkmark,
.custom-checkbox__item--holder input:checked ~ .checkmark {
  background-color: #2196F3;
  /* Show the checkmark when checked */
}
.custom-radio__item--holder input:checked ~ .checkmark:after,
.custom-checkbox__item--holder input:checked ~ .checkmark:after {
  display: block;
}
.custom-radio__item--holder:hover input,
.custom-checkbox__item--holder:hover input {
  /* On mouse-over, add a grey background color */
}
.custom-radio__item--holder:hover input ~ .checkmark,
.custom-checkbox__item--holder:hover input ~ .checkmark {
  background-color: #ccc;
}
.custom-radio__item--holder input,
.custom-checkbox__item--holder input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-radio__checkmark,
.custom-checkbox__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #c8c8c8;
  right: 0;
  margin: auto;
  border-radius: 100%;
  top: -3px;
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Style the checkmark/indicator */
}
.custom-radio__checkmark:after,
.custom-checkbox__checkmark:after {
  content: "\F00C";
  position: absolute;
  display: none;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 1px;
  color: #fff !important;
  font-size: 11px;
}
.custom-radio__checkmark:after,
.custom-checkbox__checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.custom-radio__checkmark--boxstyle:after,
.custom-checkbox__checkmark--boxstyle:after {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  background: #3063cc;
  border-radius: 100%;
  border: 0;
  transform: inherit;
}

.modal .modal-header {
  background: #0f6a58;
  color: #fff !important;
  border-radius: 6px 6px 0 0;
}
.modal .modal-footer .btn-default,
.modal .modal-footer button {
  border-radius: 6px !important;
  padding: 10px 20px;
}
.modal .modal-content {
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(15, 31, 45, 0.12);
}
.modal .modal-content form {
  padding: 0;
}
.modal .modal-content form input,
.modal .modal-content form select,
.modal .modal-content form textarea {
  border: 1px solid #ddd;
  border-radius: 0;
  display: block !important;
  height: auto;
}

.file-upload-button input {
  padding-top: 0;
}

.file-upload-image-output {
  padding: 50px;
}

.sweet-alert {
  border-radius: 0 !important;
}
.sweet-alert .sa-button-container button {
  background: #0f6a58 !important;
  padding: 8px 70px !important;
  border-radius: 0 !important;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border: 4px solid rgba(1, 65, 77, 0.4) !important;
}
.sweet-alert .sa-icon.sa-success .sa-line {
  background: #0f6a58 !important;
}

.sweet-alert.showSweetAlert .sa-button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sweet-alert.showSweetAlert .sa-button-container button {
  padding: 8px 50px !important;
}

input[type=text],
input[type=number],
input[type=email],
select,
textarea {
  background: #fff !important;
  border: 1px solid #e5e9f0;
  border-radius: 6px;
  color: #3a4a55;
  padding: 10px 12px;
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #36b39c;
  box-shadow: 0 0 0 3px rgba(54, 179, 156, 0.35);
}
input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(58, 74, 85, 0.6);
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
select::placeholder,
textarea::placeholder {
  color: rgba(58, 74, 85, 0.6);
}

.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 30px;
  width: 135px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
  overflow: hidden;
  margin-left: 0;
}
.star-ratings-css-top {
  color: #dbc391;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}

#sidebar-scroll {
  background: #0f1f2d;
  color: #fff !important;
}
#sidebar-scroll .sidebar-user {
  background: rgba(255, 255, 255, 0.04);
  color: #fff !important;
}

header.navbar.navbar-inverse.navbar-fixed-top {
  background: #fff !important;
  border-bottom: 1px solid #e5e9f0;
  box-shadow: 0 4px 12px rgba(15, 31, 45, 0.06);
}

body {
  background: #f5f7fa;
}

.block,
.panel,
.widget {
  background: #fff !important;
  border: 1px solid #e5e9f0;
  box-shadow: 0 8px 24px rgba(15, 31, 45, 0.08);
  border-radius: 6px;
}

table.table th {
  background: #f5f7fa;
  color: #1e2a32;
  border-color: #e5e9f0;
}
table.table td {
  border-color: #e5e9f0;
  padding: 12px 16px !important;
}
table.table tbody tr:hover td {
  background: #f0f6f3;
}

#sidebar .sidebar-brand {
  background: transparent;
  color: #fff !important;
}
#sidebar .sidebar-nav > li > a {
  color: rgba(232, 237, 243, 0.9);
  background: transparent;
  border-radius: 8px;
  margin: 2px 8px;
}
#sidebar .sidebar-nav > li > a i {
  color: inherit;
}
#sidebar .sidebar-nav > li > a:hover,
#sidebar .sidebar-nav > li.active > a,
#sidebar .sidebar-nav > li.open > a {
  background: #e7f4f0;
  color: #0f6a58;
}
#sidebar .sidebar-nav > li > a:hover i,
#sidebar .sidebar-nav > li.active > a i,
#sidebar .sidebar-nav > li.open > a i {
  color: #0f6a58;
}
#sidebar .sidebar-header-title,
#sidebar .sidebar-section {
  color: rgba(232, 237, 243, 0.6);
}

#subscriptionPaymentModal {
  padding-left: 0 !important;
}

.main-subscription-history-form {
  padding: 0 !important;
}
.main-subscription-history-form select {
  height: 41px !important;
  padding-right: 10px !important;
}
.main-subscription-history-form input[type=date] {
  height: 41.05px !important;
}
.main-subscription-history-form__body {
  padding-block: 15px !important;
}
.main-subscription-history-form__body--grp {
  display: flex;
  gap: 1rem;
}
.main-subscription-history-form__body--grp div {
  width: 100%;
}
.main-subscription-history-form__body--grp div .form-control:disabled,
.main-subscription-history-form__body--grp div .form-control[readonly] {
  background-color: #f2f4f7 !important;
  border-color: #f5f7fa !important;
  color: #676565 !important;
  opacity: 1 !important;
  cursor: not-allowed;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.main-subscription-history-form__body--add {
  margin-bottom: 2rem;
}
.main-subscription-history-form__body--add .mshfba-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-subscription-history-form__body--add .additional-users-wrapper-cls {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.main-subscription-history-form__body--add .additional-users-wrapper-cls .additional-users-wrapper-cls-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}
.main-subscription-history-form__body--add .additional-users-wrapper-cls .additional-users-wrapper-cls-box div {
  width: 100%;
  margin-bottom: 5px !important;
}
.main-subscription-history-form__body--add .additional-users-wrapper-cls .additional-users-wrapper-cls-box div label {
  font-size: 10px;
  color: #676565;
}
.main-subscription-history-form .filepond--credits {
  display: none !important;
}

#subscriptionModalEdit .filepond--credits {
  display: none !important;
}

.auth-body {
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  background: #f5f7fa;
}

.login-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 32px;
  overflow: hidden;
}
.login-wrapper:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0f6a58 0%, #0f4a3c 40%, #f5f7fa 100%);
  z-index: 1;
}
.login-wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.login-card {
  position: relative;
  z-index: 3;
  max-width: 440px;
  width: 100%;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(15, 31, 45, 0.12);
  padding: 32px 28px;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

.login-title {
  margin-bottom: 20px;
}
.login-title h1 {
  margin: 0 0 8px;
  color: #0f6a58;
}
.login-title .subtitle {
  margin: 0;
  color: #6b7a85;
  font-size: 14px;
}

.login-form .form-group {
  margin-bottom: 18px;
}
.login-form .input-group {
  display: flex;
  align-items: center;
  background: #fff !important;
  border: 1px solid #e5e9f0;
  border-radius: 6px;
  padding: 0 10px;
  box-shadow: 0 2px 8px rgba(15, 31, 45, 0.08);
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.login-form .input-group:focus-within {
  border-color: #36b39c;
  box-shadow: 0 0 0 3px rgba(54, 179, 156, 0.35);
}
.login-form .input-group .input-group-addon {
  background: transparent;
  border: 0;
  color: #6b7a85;
  padding-right: 8px;
}
.login-form .input-group .form-control {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent;
  height: 44px;
  color: #3a4a55;
  padding-left: 4px;
}
.login-form .btn.btn-primary {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  border: none;
  color: #fff !important;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(54, 179, 156, 0.3);
  padding: 12px;
  font-size: 1.05em;
  font-weight: 600;
  width: 100%;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.login-form .btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(54, 179, 156, 0.35);
}
.login-form .btn.btn-primary:active {
  transform: translateY(0);
}
.login-form .switch-primary span {
  background: #c0c6cc;
  border: 0;
}
.login-form .switch-primary input:checked + span {
  background: #0f6a58;
}
.login-form .has-error .help-block {
  color: #e6534b;
  display: block;
  text-align: left;
  font-size: 0.9em;
}

.login-form-vertical .form-group {
  margin-bottom: 18px;
}
.login-form-vertical .form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}

.copyright a {
  color: #6b7a85;
  font-size: 0.9em;
  display: block;
  padding-top: 14px;
  text-align: center;
  text-decoration: none;
}

.g-recaptcha, .rc-anchor-normal {
  width: 100% !important;
}

.rc-anchor-light.rc-anchor-normal {
  width: 100% !important;
  border-radius: 6px !important;
}

#page-content {
  background-color: #F4F3F3 !important;
}
#page-content .breadcrumb-top {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0px !important;
  padding: 5px !important;
  padding-left: 20px !important;
}
#page-content li:first-child {
  margin-top: 5px !important;
}
#page-content .breadcrumb > li + li:before {
  font-size: 20px !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 !important;
  line-height: 1.5 !important;
}

.breadcrumb {
  background-color: transparent !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 0;
}
.breadcrumb-item .home-icon {
  color: #9F9F9F !important;
  font-size: 21px !important;
  margin-top: 8px;
}
.breadcrumb-item.active a {
  color: #5EA9FF !important;
  font-size: 20px !important;
}
.breadcrumb > li + li:before {
  font-size: 24px !important;
}

.dashboard-header .pre-title {
  color: rgba(0, 0, 0, 0.48) !important;
  padding: 0;
}

.line {
  border-color: rgba(0, 0, 0, 0.26) !important;
}

.dashboard-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.dashboard-cards__card {
  background-color: #FFFFFF !important;
  padding: 17px !important;
  border-radius: 20px !important;
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 200px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: default;
}
@media (max-width: 1024px) {
  .dashboard-cards__card {
    flex: 1 1 calc(50% - 1.5rem);
    margin-bottom: 0 !important;
  }
}
@media (max-width: 576px) {
  .dashboard-cards__card {
    flex: 1 1 100%;
  }
}
.dashboard-cards__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}
.dashboard-cards__card:hover .dashboard-cards__icon {
  transform: scale(1.12);
}
.dashboard-cards__content {
  display: flex !important;
  justify-content: space-between !important;
  align-items: start !important;
}
.dashboard-cards__icon {
  border-radius: 23px !important;
  padding: 10px 15px;
  transition: transform 0.25s ease;
}
.dashboard-cards__icon .cart-icon {
  font-size: 34px !important;
  display: block;
}
.dashboard-cards__details .title {
  margin-bottom: 24px !important;
  font-weight: 500;
}
.dashboard-cards__details .total {
  font-size: 28px !important;
  margin-bottom: 24px !important;
}
@media (max-width: 400px) {
  .dashboard-cards__details .total {
    font-size: 22px !important;
  }
}
.dashboard-cards__footer {
  display: flex;
  align-items: center;
  color: #606060;
  flex-wrap: wrap;
  gap: 2px;
}
.dashboard-cards__footer .trending-up,
.dashboard-cards__footer .trending-down {
  font-size: 24px !important;
  margin-right: 5px;
}
.dashboard-cards__footer .trending-up {
  color: #00B69B !important;
}
.dashboard-cards__footer .trending-down {
  color: #F93C65 !important;
}
.dashboard-cards__footer .percent-up,
.dashboard-cards__footer .percent-down {
  margin-right: 5px;
}
.dashboard-cards__footer .percent-up {
  color: #00B69B !important;
}
.dashboard-cards__footer .percent-down {
  color: #F93C65 !important;
}
.dashboard-cards__card--1 .dashboard-cards__icon {
  background-color: rgba(0, 136, 255, 0.13) !important;
}
.dashboard-cards__card--1 .dashboard-cards__icon .cart-icon {
  color: #008AFF !important;
}
.dashboard-cards__card--2 .dashboard-cards__icon {
  background-color: rgba(254, 197, 61, 0.13) !important;
}
.dashboard-cards__card--2 .dashboard-cards__icon .cart-icon {
  color: #FEC53D !important;
}
.dashboard-cards__card--3 .dashboard-cards__icon {
  background-color: rgba(74, 217, 145, 0.13) !important;
}
.dashboard-cards__card--3 .dashboard-cards__icon .cart-icon {
  color: #4AD991 !important;
}
.dashboard-cards__card--4 .dashboard-cards__icon {
  background-color: rgba(255, 103, 54, 0.13) !important;
}
.dashboard-cards__card--4 .dashboard-cards__icon .cart-icon {
  color: #FF6736 !important;
}

.graphs {
  margin-top: 35px;
}
@media (max-width: 991px) {
  .graphs .col-12:first-child {
    margin-bottom: 1.5rem;
  }
}
.graphs .sales-details-card {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
  height: 100%;
}
.graphs .sales-details-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}
.graphs .sales-details-card__title {
  font-size: 22px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}
@media (max-width: 576px) {
  .graphs .sales-details-card__title {
    font-size: 18px;
  }
}
.graphs .sales-details-card .sales-filters {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.graphs .sales-details-card #sales-chart {
  position: relative;
  width: 100%;
  overflow: visible;
}
@media (max-width: 600px) {
  .graphs .sales-details-card #sales-chart {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .graphs .sales-details-card #sales-chart svg {
    min-width: 560px;
    width: 100%;
    height: auto;
    display: block;
  }
}
.graphs .sales-details-card #sales-chart svg {
  width: 100%;
  height: auto;
  display: block;
}
.graphs .sales-details-card .sales-tooltip {
  position: absolute;
  background: #059669;
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 100;
}
.graphs .sales-details-card .sales-tooltip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #059669;
}
.graphs .sales-details-card .sales-tooltip__label {
  font-size: 12px;
  opacity: 0.9;
  margin-bottom: 4px;
}
.graphs .sales-details-card .sales-tooltip__value {
  font-size: 18px;
  font-weight: 600;
}
.graphs .sales-details-card .axis-label {
  font-size: 12px;
  fill: #9ca3af;
}
.graphs .sales-details-card .grid-line {
  stroke: #f3f4f6;
  stroke-width: 1;
}
.graphs .sales-details-card .domain {
  display: none;
}
.graphs .account-health-card {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
@media (min-width: 992px) {
  .graphs .account-health-card {
    height: 455px;
  }
}
.graphs .account-health-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.graphs .account-health-card__title {
  font-size: 18px;
  font-weight: 600;
  color: #4a4a6a;
  margin: 0;
}
.graphs .account-health-card__description {
  text-align: center;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px !important;
  margin-bottom: 0;
}
.graphs #gauge-chart {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 180px;
}

.dropdown__menu.dropdown--align-right,
.dropdown--align-right .dropdown__menu {
  left: auto !important;
  right: 0 !important;
}

.dropdown--action .dropdown__menu {
  left: auto !important;
  right: 0 !important;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown__button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 1rem;
  border: 1px solid #D5D5D5;
  background-color: #FCFDFD;
  white-space: nowrap;
}
.dropdown__icon {
  transition: transform 0.2s;
  color: #D5D5D5;
}
.dropdown__label {
  color: #D5D5D5;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dropdown__menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 180px;
  background: #FFFFFF;
  border: 0.5px solid #D5D5D5;
  border-radius: 8px;
  overflow: hidden;
  z-index: 100;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.dropdown__menu--open {
  display: block;
}
.dropdown__item {
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #444444;
}
.dropdown__item:hover {
  background: #F0F0F0;
}
.dropdown--action .dropdown__button {
  border: none !important;
  background-color: transparent !important;
  padding: 4px !important;
}
.dropdown--action .dropdown__button .dropdown__label {
  color: #444444 !important;
}
.dropdown--action .dropdown__button iconify-icon {
  font-size: 20px !important;
}

.action-buttons {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.ranking {
  margin-top: 35px;
}
@media (max-width: 991px) {
  .ranking .col-12:first-child {
    margin-bottom: 1.5rem;
  }
}
.ranking__container {
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
}
.ranking__header {
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}
.ranking__title {
  font-size: 22px !important;
  font-weight: 500 !important;
}
@media (max-width: 576px) {
  .ranking__title {
    font-size: 18px !important;
  }
}

.branch-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Inter", sans-serif;
  margin-top: 35px;
}
.branch-table__wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.branch-table__header {
  background-color: transparent;
}
.branch-table__header th {
  padding: 14px 12px;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  border-bottom: 1px solid #E5E7EB;
  text-align: center !important;
  white-space: nowrap;
}
.branch-table__row {
  border-bottom: 1px solid #F0F0F0;
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.branch-table__row:nth-of-type(odd) {
  background-color: #FAFAFB;
}
.branch-table__row:hover {
  background-color: #EAF4FF !important;
  box-shadow: inset 3px 0 0 #008AFF;
  cursor: pointer;
}
.branch-table__cell {
  padding: 20px 10px !important;
  font-size: 13px;
  vertical-align: middle;
  color: #1F2937;
  text-align: center !important;
  white-space: nowrap;
}
.branch-table__branch-link {
  color: #0068DD;
  text-decoration: none;
  font-weight: 500;
}
.branch-table__branch-link:hover {
  text-decoration: underline;
}
.branch-table__sales {
  color: #2B9943;
  font-weight: 500;
}
.branch-table__rating {
  display: flex;
  justify-content: center;
  gap: 4px;
  align-items: center;
}
.branch-table__rating iconify-icon {
  color: #FFD66B;
  font-size: 18px;
}
.branch-table__rating .star-empty {
  color: #E5E7EB;
}
.branch-table__rank--ribbon {
  color: #FF7A00;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
}
.branch-table__rank--number {
  font-weight: 500;
  color: #000000;
}
@media (max-width: 768px) {
  .branch-table__cell, .branch-table__header th {
    padding: 8px 6px !important;
    font-size: 12px;
  }
  .branch-table__rating iconify-icon {
    font-size: 14px;
  }
  .branch-table__rank--ribbon {
    font-size: 16px;
  }
}

.top-products {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
  height: 100%;
}
.top-products__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 10px;
}
.top-products__title {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 576px) {
  .top-products__title {
    font-size: 18px;
  }
}
.top-products__table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.top-products__table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Inter", sans-serif;
}
.top-products__table thead th {
  padding: 14px 12px;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  border-bottom: 1px solid #E5E7EB;
  text-align: center !important;
  white-space: nowrap;
}
.top-products__table tbody td {
  padding: 14px 12px;
  font-size: 13px;
  vertical-align: middle;
  border-bottom: 1px solid #F0F0F0;
  text-align: center !important;
}
.top-products__row {
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.top-products__row:nth-of-type(odd) {
  background-color: #FAFAFB;
}
.top-products__row:hover {
  background-color: #EAF4FF !important;
  box-shadow: inset 3px 0 0 #008AFF;
  cursor: pointer;
}
.top-products__row td {
  padding: 16px 10px !important;
}
.top-products__rank {
  text-align: center;
  width: 50px;
}
.top-products__rank--ribbon {
  color: #FF7A00;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
}
.top-products__rank--number {
  font-weight: 500;
  color: #000000;
}
.top-products__product {
  display: flex;
  align-items: center;
  gap: 12px;
}
.top-products__product-avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background-color: #F5F5F5;
  overflow: hidden;
  flex-shrink: 0;
}
.top-products__product-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 50%;
}
.top-products__product-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.top-products__product-name {
  font-weight: 500;
  color: #0068DD;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-products__product-branch {
  font-size: 11px;
  color: #9CA3AF;
  white-space: nowrap;
}
.top-products__sales {
  color: #2B9943;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .top-products__table thead th, .top-products__table tbody td {
    padding: 10px 8px;
    font-size: 12px;
  }
  .top-products__rank--ribbon {
    font-size: 16px;
  }
  .top-products__product-name {
    font-size: 12px;
  }
  .top-products__product-branch {
    font-size: 10px;
  }
}

.booking-board-eos-m__header {
  width: 100%;
  background-color: rebeccapurple;
  background-position: center;
  background-size: cover;
  padding: 30px;
  padding-block: 45px;
}
.booking-board-eos-m__header--body {
  display: flex;
  gap: 27px;
  align-items: center;
}
.booking-board-eos-m__header--body img {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.booking-board-eos-m__header--body .eos-bbm-h-detail {
  display: flex;
  flex-direction: column;
}
.booking-board-eos-m__header--body .eos-bbm-h-detail span {
  font-size: 14px;
  color: hsl(0, 0%, 83%);
  margin-bottom: 1px;
  line-height: 100%;
}
.booking-board-eos-m__header--body .eos-bbm-h-detail h3 {
  margin-top: 0;
  font-size: 23px;
  margin-bottom: 15px;
  line-height: 130%;
  color: #ffffff;
}
.booking-board-eos-m__header--body .eos-bbm-h-detail p {
  margin-bottom: 0;
  max-width: 500px;
  line-height: 140%;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
@media (max-width: 592px) {
  .booking-board-eos-m__header--body {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .booking-board-eos-m__header--body .eos-bbm-h-detail span, .booking-board-eos-m__header--body .eos-bbm-h-detail h3, .booking-board-eos-m__header--body .eos-bbm-h-detail p {
    text-align: center;
  }
}
.booking-board-eos-m__nav {
  padding: 20px 20px;
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.booking-board-eos-m__nav .eos-bbm-nav-item {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
  padding: 27px 22px;
  border: 1px solid #E7E7E7;
  display: flex;
  align-items: center;
  gap: 15px;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--icon--available {
  background: #2da35c;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--icon--occupied {
  background: #d65353;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--icon--reserved {
  background: #dca313;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--icon--maintenance {
  background: #e77817;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--icon--housekeeping {
  background: #4f86f7;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--detail p {
  font-size: 14px;
  color: hsl(0, 0%, 65%);
  line-height: 120%;
}
.booking-board-eos-m__nav .eos-bbm-nav-item--detail h3 {
  font-size: 27px;
  font-weight: 600;
  color: #222;
  line-height: 1;
}
.booking-board-eos-m__body {
  display: grid;
  grid-template-columns: 1fr 30%;
  gap: 20px;
  padding: 20px;
  padding-top: 10px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left {
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  overflow: hidden;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #E7E7E7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav__p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav hr {
  margin-block: 10px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 5px 0;
}
@media (max-width: 592px) {
  .booking-board-eos-m__body .eos-bbm-m-body-left__nav--filter {
    flex-direction: column;
    align-items: stretch;
  }
  .booking-board-eos-m__body .eos-bbm-m-body-left__nav--filter--search {
    wdidth: 100%;
  }
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--search {
  position: relative;
  width: 280px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--search i {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  font-size: 12px;
  color: #a7b0b8;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--search input {
  width: 100%;
  height: 38px;
  padding: 0 14px 0 38px;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  font-size: 12px;
  color: #333;
  outline: none;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--search input::-moz-placeholder {
  color: #9aa4ad;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--search input::placeholder {
  color: #9aa4ad;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--search input:focus {
  border-color: #b8c3cc;
}
@media (max-width: 592px) {
  .booking-board-eos-m__body .eos-bbm-m-body-left__nav--search {
    width: 100%;
  }
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--actions span {
  font-size: 12px;
  color: #7b8790;
  line-height: 1;
  white-space: nowrap;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--select {
  position: relative;
  width: 170px;
  height: 38px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--select select {
  width: 100%;
  height: 100%;
  padding: 0 36px 0 14px;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  background: #ffffff;
  font-size: 12px;
  color: #7b8790;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--select i {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  font-size: 10px;
  color: #8a949d;
  pointer-events: none;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--grid-btn {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--grid-btn svg {
  opacity: 0.35;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--grid-btn:hover {
  background: #f7f9fa;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__nav--grid-btn:hover svg {
  opacity: 0.65;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content {
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 15px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card {
  background-color: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  gap: 10px;
  display: grid;
  grid-template-columns: 120px 1fr;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card .eos-bbm-mblc-card_banner {
  aspect-ratio: 1;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card .eos-bbm-mblc-card_banner h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  line-height: 90%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card .eos-bbm-mblc-card_banner h3 span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card .eos-bbm-mblc-card_banner svg {
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translateX(-50%);
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card .eos-mblc-c-label {
  padding: 5px 8px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: capitalize !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_banner {
  background-color: #0F1F2D !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_banner svg {
  color: #11283B !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__info {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__info--d {
  display: flex;
  flex-direction: column;
  row-gap: 1px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__info--d p {
  font-size: 14px;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__info--d p span {
  margin: 0;
  line-height: 100%;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__foo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__foo p {
  font-size: 17px;
  color: #222;
  margin: 0;
  line-height: 100%;
  font-weight: 600;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__foo p span {
  line-height: 100%;
  margin: 0;
  font-size: 10px;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-bbm-mblc-card_details__foo--a {
  font-size: 12px;
  text-decoration: underline;
  color: hsla(0, 0%, 13%, 0.6);
  line-height: 100%;
  margin: 0;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--occupied .eos-mblc-c-label {
  background-color: #FDEEEE;
  color: #C94A4A;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_banner {
  background-color: #FFF8E6 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_banner svg {
  color: #FFF4D7 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_banner h3 {
  color: #5D6062 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_banner h3 span {
  font-weight: 600 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__info {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__info--d {
  display: flex;
  flex-direction: column;
  row-gap: 1px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__info--d p {
  font-size: 14px;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__info--d p span {
  margin: 0;
  line-height: 100%;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__foo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__foo p {
  font-size: 17px;
  color: #222;
  margin: 0;
  line-height: 100%;
  font-weight: 600;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__foo p span {
  line-height: 100%;
  margin: 0;
  font-size: 10px;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-bbm-mblc-card_details__foo--a {
  font-size: 12px;
  text-decoration: underline;
  color: hsla(0, 0%, 13%, 0.6);
  line-height: 100%;
  margin: 0;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--reserved .eos-mblc-c-label {
  background-color: #FFF9E9;
  color: #D9A11A;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_banner {
  background-color: #FFF1E8 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_banner svg {
  color: #FFE5D4 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_banner h3 {
  color: #5D6062 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_banner h3 span {
  font-weight: 600 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_details__info {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_details__info--d {
  display: flex;
  flex-direction: column;
  row-gap: 1px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_details__info--d p {
  font-size: 14px;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_details__info--d p span {
  margin: 0;
  line-height: 100%;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-bbm-mblc-card_details__info h4 {
  font-size: 16px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--maintenance .eos-mblc-c-label {
  background-color: #FFF3EB;
  color: #D97A1A;
  align-self: flex-end;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_banner {
  background-color: #ECF4FF !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_banner svg {
  color: #DCEBFF !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_banner h3 {
  color: #5D6062 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_banner h3 span {
  font-weight: 600 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_details__info {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_details__info--d {
  display: flex;
  flex-direction: column;
  row-gap: 1px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_details__info--d p {
  font-size: 14px;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_details__info--d p span {
  margin: 0;
  line-height: 100%;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-bbm-mblc-card_details__info h4 {
  font-size: 16px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--housekeeping .eos-mblc-c-label {
  background-color: #EAF2FF;
  color: #3B82F6;
  align-self: flex-end;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_banner {
  background-color: #ECF9F0 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_banner svg {
  color: #D8FFE4 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_banner h3 {
  color: #5D6062 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_banner h3 span {
  font-weight: 600 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_details__info {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_details__info--d {
  display: flex;
  flex-direction: column;
  row-gap: 1px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_details__info--d p {
  font-size: 14px;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_details__info--d p span {
  margin: 0;
  line-height: 100%;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-bbm-mblc-card_details__info h4 {
  font-size: 16px;
}
.booking-board-eos-m__body .eos-bbm-m-body-left__content .eos-bbm-mblc-card--available .eos-mblc-c-label {
  background-color: #EAF8EE;
  color: #2E9B57;
  align-self: flex-end;
}
.booking-board-eos-m__body .eos-bbm-m-body-right {
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #E7E7E7;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--m__p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600 !important;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav hr {
  margin-block: 10px;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 5px 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--filter::-webkit-scrollbar {
  height: 4px;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--filter::-webkit-scrollbar-thumb {
  background: #d6dde3;
  border-radius: 10px;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--filter::-webkit-scrollbar-track {
  background: transparent;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--date-field {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--date-field label {
  margin: 0;
  font-size: 12px;
  color: #7b8790;
  white-space: nowrap;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--date-input {
  position: relative;
  width: 145px;
  height: 38px;
  flex: 0 0 auto;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--date-input input {
  width: 100%;
  height: 100%;
  padding: 0 12px 0 12px;
  border: 1px solid #dfe5ea;
  border-radius: 4px;
  background: #ffffff;
  font-size: 12px;
  color: #555;
  outline: none;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__nav--date-input i {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 12px;
  color: #333;
  pointer-events: none;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body {
  padding: 15px;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E7E7E7;
  overflow: hidden;
  margin-bottom: 15px;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__nav {
  width: 100%;
  padding: 8px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F8F8F8;
  border-bottom: 1px solid #E7E7E7;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__nav h4 {
  font-size: 16px;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__nav p {
  opacity: 0.7;
  font-size: 12px;
  line-height: 100%;
  margin: 0;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__nav p i {
  margin-right: 2px;
  font-size: 10px;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body {
  padding: 10px 15px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body p {
  font-size: 12px;
  margin: 0;
  line-height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body p span {
  margin: 0;
  line-height: 100%;
  opacity: 0.7;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body .guest-eos-mch-bl {
  font-size: 14px;
  margin-bottom: 5px !important;
  line-height: 90%;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__left {
  width: 50%;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__line {
  width: 1px;
  height: 70px;
  background-color: #E7E7E7;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__right div {
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 6px;
  margin-bottom: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__right a {
  margin-top: 10px;
  font-size: 12px;
  text-decoration: underline;
  color: hsla(0, 0%, 13%, 0.6);
  line-height: 100%;
  margin: 0;
  align-self: flex-end;
}
@media (max-width: 1320px) {
  .booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body {
    flex-direction: column;
    align-items: flex-start;
  }
  .booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__line {
    display: none;
  }
  .booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__left {
    width: 100%;
  }
  .booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__right {
    width: 100%;
  }
  .booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__right div {
    width: 100%;
  }
  .booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h__body__right a {
    margin-top: 6px;
  }
}
.booking-board-eos-m__body .eos-bbm-m-body-right__body .eos-bbm-mbrb-card-h:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .booking-board-eos-m__body {
    grid-template-columns: 1fr;
  }
}

.booking-board-detail-eos .eos-btn-bbd {
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  background-color: #0F1F2D;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 2%;
}
.booking-board-detail-eos .eos-btn-bbd--print {
  background-color: #3E7E64;
  color: #fff;
}
.booking-board-detail-eos__header {
  width: 100%;
  background-color: rebeccapurple;
  background-position: center;
  background-size: cover;
  padding: 30px;
  padding-block: 45px;
}
.booking-board-detail-eos__header--body {
  display: flex;
  gap: 27px;
  align-items: center;
}
.booking-board-detail-eos__header--body img {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.booking-board-detail-eos__header--body .eos-bbm-h-detail {
  display: flex;
  flex-direction: column;
}
.booking-board-detail-eos__header--body .eos-bbm-h-detail span {
  font-size: 14px;
  color: hsl(0, 0%, 83%);
  margin-bottom: 1px;
  line-height: 100%;
}
.booking-board-detail-eos__header--body .eos-bbm-h-detail h3 {
  margin-top: 0;
  font-size: 23px;
  margin-bottom: 15px;
  line-height: 130%;
  color: #ffffff;
}
.booking-board-detail-eos__header--body .eos-bbm-h-detail p {
  margin-bottom: 0;
  max-width: 500px;
  line-height: 140%;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
@media (max-width: 592px) {
  .booking-board-detail-eos__header--body {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .booking-board-detail-eos__header--body .eos-bbm-h-detail span, .booking-board-detail-eos__header--body .eos-bbm-h-detail h3, .booking-board-detail-eos__header--body .eos-bbm-h-detail p {
    text-align: center;
  }
}
.booking-board-detail-eos__nav {
  padding: 20px 20px;
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
  padding: 27px 22px;
  border: 1px solid #E7E7E7;
  display: flex;
  align-items: center;
  gap: 15px;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--icon--available {
  background: #2da35c;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--icon--occupied {
  background: #d65353;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--icon--reserved {
  background: #dca313;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--icon--maintenance {
  background: #e77817;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--icon--housekeeping {
  background: #4f86f7;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--detail p {
  font-size: 14px;
  color: hsl(0, 0%, 65%);
  line-height: 120%;
}
.booking-board-detail-eos__nav .eos-bbm-nav-item--detail h3 {
  font-size: 27px;
  font-weight: 600;
  color: #222;
  line-height: 1;
}
.booking-board-detail-eos__container {
  padding: 20px;
  padding-top: 10px;
}
.booking-board-detail-eos__container .eos-bbd-con-main {
  overflow: hidden;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__nav {
  padding: 10px 15px;
  width: 100%;
  border-bottom: 1px solid #E7E7E7;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.booking-board-detail-eos__container .eos-bbd-con-main__nav a {
  color: #222;
  font-size: 14px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__nav a i {
  font-weight: 400;
  font-size: 12px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body {
  padding: 20px;
  background-color: #F8F8F8;
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 20px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner .eos-bbd-c-m-b-s_banner-info {
  position: relative;
  z-index: 2;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner .eos-bbd-c-m-b-s_banner-info h3 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  line-height: 90%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner .eos-bbd-c-m-b-s_banner-info h3 span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  margin: 0;
  line-height: 100%;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner .eos-bbd-c-m-b-s_banner-info .eos-bbd-cmbs-bi-label {
  padding: 5px 18px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5.5rem;
  background-color: #FDEEEE;
  color: #C94A4A;
  text-transform: uppercase;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner svg {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  height: 280px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--occupied {
  background-color: #0F1F2D;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--occupied svg {
  color: #11283B;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--occupied .eos-bbd-c-m-b-s_banner-info .eos-bbd-cmbs-bi-label {
  background-color: #FDEEEE;
  color: #C94A4A;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--available {
  background-color: #ECF9F0 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--available svg {
  color: #D8FFE4 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--available h3 {
  color: #5D6062 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--available h3 span {
  font-weight: 600 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--available .eos-bbd-c-m-b-s_banner-info .eos-bbd-cmbs-bi-label {
  background-color: #EAF8EE;
  color: #2E9B57;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--reserved {
  background-color: #FFF8E6 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--reserved svg {
  color: #FFF4D7 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--reserved h3 {
  color: #5D6062 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--reserved h3 span {
  font-weight: 600 !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_banner--reserved .eos-bbd-c-m-b-s_banner-info .eos-bbd-cmbs-bi-label {
  background-color: #FFF9E9;
  color: #D9A11A;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_action {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_action .eos-bbd-c-m-b-s-action-btn {
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  border: none;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_action .eos-bbd-c-m-b-s-action-btn div {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_action .eos-bbd-c-m-b-s-action-btn--check-out {
  background-color: #FFCC00;
  color: #222;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_action .eos-bbd-c-m-b-s-action-btn--transfer {
  background-color: transparent;
  color: #0088FF;
  border: 1px solid #0088FF !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_action .eos-bbd-c-m-b-s-action-btn--cancel {
  background-color: transparent;
  color: #FF383C;
  border: 1px solid #FF383C !important;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-side .eos-bbd-c-m-b-s_action .eos-bbd-c-m-b-s-action-btn:hover {
  opacity: 0.8;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content {
  display: grid;
  grid-template-columns: 1fr 35%;
  gap: 20px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--head {
  gap: 20px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--head--box {
  border-radius: 6px;
  padding: 25px 10px;
  border: 1px solid #E7E7E7;
  background-color: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--head--box h3 {
  color: #0F1F2D;
  font-size: 30px;
  margin: 0;
  line-height: 100%;
  text-align: center;
  font-weight: 700;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--head--box h3 span {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  margin-bottom: 5px;
  display: block;
  color: #757575;
  text-transform: uppercase;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body {
  width: 100%;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  background-color: #fff;
  margin-top: 15px;
  padding: 18px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-head p {
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  line-height: 100%;
  color: #222;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-head button {
  border: 1px solid #FFCC00;
  background-color: hsla(48, 100%, 50%, 0.2);
  padding: 6px 10px;
  font-size: 12px;
  color: #222;
  text-align: center;
  line-height: 100%;
  border-radius: 6px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-head button:hover {
  opacity: 0.85;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 12px 45px;
  margin-top: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 15px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details__col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details__item {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-width: 0;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details__label {
  font-size: 14px;
  color: #666;
  line-height: 1.3;
  white-space: nowrap;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details__value {
  margin: 0;
  min-width: 0;
  min-height: 20px;
  font-size: 14px;
  color: #222;
  line-height: 1.3;
  border-bottom: 1px solid #E7E7E7;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields {
  margin-top: 25px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  gap: 16px 10px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__group {
  min-width: 0;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__group--full {
  width: 100%;
  margin-bottom: 16px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__label {
  display: block;
  margin-bottom: 7px;
  color: #7C8DA6;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__input, .booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__select {
  width: 100%;
  height: 40px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  color: #444;
  font-size: 12px;
  outline: none;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__input {
  padding: 0 12px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__input--time {
  padding-right: 12px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__select-wrap {
  position: relative;
  width: 100%;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__select-wrap::after {
  content: "\F0D7";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: #444;
  font-size: 12px;
  pointer-events: none;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__select {
  width: 100%;
  height: 40px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #F6F6F6;
  color: #444;
  font-size: 12px;
  padding: 0 32px 0 12px;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__textarea {
  width: 100%;
  min-height: 72px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #F6F6F6;
  color: #444;
  font-size: 12px;
  padding: 12px;
  resize: vertical;
  outline: none;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__senior {
  margin-top: 18px;
  margin-bottom: 16px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__senior-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__senior-title {
  margin: 0;
  color: #222;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__senior-add {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 4px;
  background-color: #1DB954;
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__senior-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__senior-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 10px;
  padding-right: 26px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__senior-remove {
  position: absolute;
  top: 24px;
  right: 0;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 4px;
  background-color: #ff3b3b;
  color: #fff;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__btn {
  min-height: 40px;
  border-radius: 5px;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  cursor: pointer;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__btn--charge {
  border: 1px solid #FFCC00;
  background-color: #FFCC00;
  color: #222;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__btn--time {
  border: 1px solid #222;
  background-color: #fff;
  color: #222;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__btn--time span {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__left--body .eos-bbd-cmbclb-details-fields__btn--time small {
  font-size: 8px;
  font-weight: 400;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right {
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #E7E7E7;
  padding: 12px 12px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__head p {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  line-height: 100%;
  color: #222;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__head span {
  font-size: 12px;
  color: #757575;
  line-height: 100%;
  margin: 0;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__add {
  padding: 12px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__add button {
  width: 100%;
  padding: 10px 6px;
  background-color: #FFFAF1;
  color: #212121;
  border: none;
  border-bottom: 3px solid #FDB932;
  transition: 300ms ease;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__add button:hover {
  transform: translateY(-1px);
  border-bottom: 3px solid #FDB932;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table {
  width: 100%;
  padding: 12px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-head {
  width: 100%;
  background-color: #FFF9EF;
  border-bottom: 3px solid #FFB800;
  margin-bottom: 12px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-add {
  width: 100%;
  min-height: 48px;
  border: 0;
  background-color: transparent;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-wrap {
  width: 100%;
  overflow-x: auto;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main {
  width: 100%;
  min-width: 370px;
  border-collapse: collapse;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main thead {
  background-color: #F3F3F3;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main thead th {
  padding: 14px 12px !important;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main tbody tr {
  border-bottom: 1px solid #E7E7E7;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main tbody td {
  padding: 14px 12px !important;
  color: #333;
  font-size: 12px;
  font-weight: 400;
  vertical-align: middle;
  white-space: nowrap;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main tfoot tr {
  border-bottom: 1px solid #E7E7E7;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main tfoot td {
  padding: 16px 12px;
  color: #222;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main th:nth-child(2),
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main th:nth-child(3),
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main th:nth-child(4),
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main td:nth-child(2),
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main td:nth-child(3),
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__table-main td:nth-child(4) {
  text-align: right;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders {
  width: 100%;
  margin-top: 0px;
  padding: 18px;
  background-color: #fff;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-card {
  border: 1px solid #E7E7E7;
  background-color: #fff;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-head {
  height: 52px;
  padding: 0 14px;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-title {
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-count {
  color: #777;
  font-size: 13px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-list {
  padding: 0 16px;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #E7E7E7;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-item:last-child {
  border-bottom: 0;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-name {
  margin: 0 0 2px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-meta {
  display: block;
  color: #666;
  font-size: 12px;
  line-height: 1.15;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-amount {
  margin: 0;
  color: #222;
  font-size: 16px;
  white-space: nowrap;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-summary {
  padding: 26px 0 0;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-summary-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 50px 80px;
  gap: 8px;
  color: #222;
  font-size: 14px;
  line-height: 1.55;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-summary-row span:nth-child(2),
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-summary-row span:nth-child(3),
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-summary-row strong {
  text-align: right;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-summary-row--total {
  grid-template-columns: minmax(0, 1fr) 80px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-grand {
  height: 53px;
  margin-top: 24px;
  padding: 0 14px;
  background-color: #0F1F2D;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-grand span,
.booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content__right__orders-grand strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 1282px) {
  .booking-board-detail-eos__container .eos-bbd-con-main__body .eos-bbd-c-m-b-content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 692px) {
  .booking-board-detail-eos__container .eos-bbd-con-main__body {
    grid-template-columns: 1fr;
  }
}

.eos-bbd-cmbclb-details-fields {
  margin-top: 25px;
  justify-content: space-between;
}
.eos-bbd-cmbclb-details-fields__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  gap: 16px 10px;
}
.eos-bbd-cmbclb-details-fields__group {
  min-width: 0;
}
.eos-bbd-cmbclb-details-fields__group--full {
  width: 100%;
  margin-bottom: 16px;
}
.eos-bbd-cmbclb-details-fields__label {
  display: block;
  margin-bottom: 7px;
  color: #7C8DA6;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}
.eos-bbd-cmbclb-details-fields__input, .eos-bbd-cmbclb-details-fields__select {
  width: 100%;
  height: 40px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  color: #444;
  font-size: 12px;
  outline: none;
}
.eos-bbd-cmbclb-details-fields__input {
  padding: 0 12px;
}
.eos-bbd-cmbclb-details-fields__input--time {
  padding-right: 12px;
}
.eos-bbd-cmbclb-details-fields__select-wrap {
  position: relative;
  width: 100%;
}
.eos-bbd-cmbclb-details-fields__select-wrap::after {
  content: "\F0D7";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: #444;
  font-size: 12px;
  pointer-events: none;
}
.eos-bbd-cmbclb-details-fields__select {
  width: 100%;
  height: 40px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #F6F6F6;
  color: #444;
  font-size: 12px;
  padding: 0 32px 0 12px;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.eos-bbd-cmbclb-details-fields__textarea {
  width: 100%;
  min-height: 72px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #F6F6F6;
  color: #444;
  font-size: 12px;
  padding: 12px;
  resize: vertical;
  outline: none;
}
.eos-bbd-cmbclb-details-fields__senior {
  margin-top: 18px;
  margin-bottom: 16px;
}
.eos-bbd-cmbclb-details-fields__senior-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}
.eos-bbd-cmbclb-details-fields__senior-title {
  margin: 0;
  color: #222;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.eos-bbd-cmbclb-details-fields__senior-add {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 4px;
  background-color: #1DB954;
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.eos-bbd-cmbclb-details-fields__senior-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eos-bbd-cmbclb-details-fields__senior-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 10px;
  padding-right: 26px;
}
.eos-bbd-cmbclb-details-fields__senior-remove {
  position: absolute;
  top: 24px;
  right: 0;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 4px;
  background-color: #ff3b3b;
  color: #fff;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.eos-bbd-cmbclb-details-fields__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.eos-bbd-cmbclb-details-fields__btn {
  min-height: 40px;
  border-radius: 5px;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  cursor: pointer;
}
.eos-bbd-cmbclb-details-fields__btn--charge {
  border: 1px solid #FFCC00;
  background-color: #FFCC00;
  color: #222;
}
.eos-bbd-cmbclb-details-fields__btn--time {
  border: 1px solid #222;
  background-color: #fff;
  color: #222;
}
.eos-bbd-cmbclb-details-fields__btn--time span {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.eos-bbd-cmbclb-details-fields__btn--time small {
  font-size: 8px;
  font-weight: 400;
}

.available--box-s {
  transition: 300ms ease;
}
.available--box-s:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.ac-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
}

.ac-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  background: #fff !important;
}
.ac-table thead tr {
  background: #f5f7fa;
  border-bottom: 2px solid #e5e9f0;
}
.ac-table thead th {
  padding: 10px 12px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  color: #1e2a32;
  white-space: nowrap;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border-color: #e5e9f0;
}
.ac-table thead th.ac-th-center {
  text-align: center;
}
.ac-table thead th.ac-th-right {
  text-align: right;
}
.ac-table thead th.ac-th-shrink {
  width: 1%;
  white-space: nowrap;
}
.ac-table tbody tr {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) ease;
  border-bottom: 1px solid #e5e9f0;
}
.ac-table tbody tr:last-child {
  border-bottom: none;
}
.ac-table tbody tr:hover td {
  background: #f0f6f3;
}
.ac-table tbody tr.ac-row--success td {
  background: rgba(240, 253, 244, 0.7);
}
.ac-table tbody tr.ac-row--warning td {
  background: rgba(254, 243, 199, 0.7);
}
.ac-table tbody tr.ac-row--danger td {
  background: rgba(253, 242, 242, 0.7);
}
.ac-table tbody tr.ac-row--muted td {
  opacity: 0.55;
}
.ac-table tbody td {
  padding: 9px 12px !important;
  vertical-align: middle;
  color: #3a4a55;
  border-color: #e5e9f0;
}
.ac-table tfoot td {
  padding: 10px 12px !important;
  font-weight: 700;
  border-top: 2px solid #b2d6b2;
  background: #eaf3de;
}
.ac-table .ac-th-center,
.ac-table .ac-td-center {
  text-align: center !important;
}
.ac-table .ac-th-right,
.ac-table .ac-td-right {
  text-align: right !important;
}
.ac-table .ac-td-muted {
  color: #aaa;
}
.ac-table .ac-td-mono {
  font-family: "Courier New", monospace;
  font-size: 11px;
}
.ac-table .ac-td-bold {
  font-weight: 600;
}
.ac-table .ac-td-link {
  font-weight: 600;
  color: #2e89ff;
  text-decoration: none;
  white-space: nowrap;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}
.ac-table .ac-td-link:hover {
  color: #006dfa;
  text-decoration: underline;
}
.ac-table .ac-td-amount {
  font-weight: 600;
  color: #36b39c;
  white-space: nowrap;
  text-align: right;
}
.ac-table .ac-td-actions {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: nowrap;
}
.ac-table .ac-td-num {
  color: #bbb;
  font-size: 11px;
  width: 32px;
}
.ac-table .ac-td-empty {
  text-align: center !important;
  color: #bbb;
  padding: 32px 16px !important;
  font-size: 13px;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #e5e9f0;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  padding: 4px 10px;
  font-size: 12px;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}
.dataTables_wrapper .dataTables_filter input:focus {
  outline: none;
  border-color: #36b39c;
  box-shadow: 0 0 0 3px rgba(54, 179, 156, 0.35);
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #e5e9f0;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  padding: 4px 8px;
  font-size: 12px;
}
.dataTables_wrapper .dataTables_info {
  font-size: 11px;
  color: #6b7a85;
  padding-top: 10px;
}
.dataTables_wrapper .dataTables_paginate {
  padding-top: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  font-size: 12px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  color: #fff !important !important;
  border-color: #36b39c !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
  background: #f5f7fa !important;
  color: #1e2a32 !important;
  border-color: #e5e9f0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.4;
}

.ac-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) ease;
  line-height: 1.4;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ac-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(54, 179, 156, 0.35);
}
.ac-btn:active {
  transform: translateY(1px);
}
.ac-btn--primary {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  color: #fff !important;
  border-color: #36b39c;
  box-shadow: 0 4px 10px rgba(54, 179, 156, 0.3);
}
.ac-btn--primary:hover, .ac-btn--primary:focus {
  background: linear-gradient(135deg, #0c5445 0%, #309f8b 100%);
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(54, 179, 156, 0.35);
  opacity: 1;
}
.ac-btn--secondary {
  background: #f5f7fa;
  color: #1e2a32;
  border-color: #e5e9f0;
}
.ac-btn--secondary:hover {
  background: #e7ecf3;
}
.ac-btn--danger {
  background: linear-gradient(135deg, #e6534b 0%, #d6453d 100%);
  color: #fff !important;
  border: none;
  box-shadow: 0 4px 10px rgba(230, 83, 75, 0.3);
}
.ac-btn--danger:hover {
  box-shadow: 0 6px 14px rgba(230, 83, 75, 0.4);
  color: #fff !important;
  opacity: 1;
}
.ac-btn--warning {
  background: rgba(233, 178, 0, 0.12);
  color: #b68b00;
  border-color: rgba(233, 178, 0, 0.35);
}
.ac-btn--warning:hover {
  background: rgba(233, 178, 0, 0.2);
}
.ac-btn--info {
  background: #f0f9ff;
  color: #2e89ff;
  border-color: #b5d4f4;
}
.ac-btn--info:hover {
  background: #dcf1ff;
}
.ac-btn--success {
  background: linear-gradient(135deg, #16a05f 0%, #36b39c 100%);
  color: #fff !important;
  border: none;
  box-shadow: 0 4px 10px rgba(22, 160, 95, 0.3);
}
.ac-btn--success:hover {
  box-shadow: 0 6px 14px rgba(22, 160, 95, 0.35);
  color: #fff !important;
  opacity: 1;
}
.ac-btn--ghost {
  background: transparent;
  color: #3a4a55;
  border-color: #e5e9f0;
}
.ac-btn--ghost:hover {
  background: #f5f7fa;
  color: #1e2a32;
}
.ac-btn--link {
  background: none;
  border-color: transparent;
  color: #36b39c;
  padding-left: 2px;
  padding-right: 2px;
}
.ac-btn--link:hover {
  text-decoration: underline;
  color: #2a8c7a;
}
.ac-btn--xs {
  padding: 3px 8px;
  font-size: 10px;
  gap: 4px;
}
.ac-btn--sm {
  padding: 5px 12px;
  font-size: 11px;
  gap: 5px;
}
.ac-btn--lg {
  padding: 11px 24px;
  font-size: 14px;
}
.ac-btn--icon-only {
  padding: 0;
  width: 32px;
  height: 32px;
}
.ac-btn--icon-only.ac-btn--sm {
  width: 28px;
  height: 28px;
}
.ac-btn--icon-only.ac-btn--xs {
  width: 24px;
  height: 24px;
}
.ac-btn--icon-only.ac-btn--lg {
  width: 40px;
  height: 40px;
}
.ac-btn--block {
  width: 100%;
  display: flex;
}
.ac-btn--loading {
  pointer-events: none;
  opacity: 0.75;
}
.ac-btn--loading::after {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff !important;
  border-radius: 100%;
  animation: ac-spin 0.6s linear infinite;
}
.ac-btn:disabled, .ac-btn[disabled], .ac-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
  transform: none !important;
  box-shadow: none !important;
}

@keyframes ac-spin {
  to {
    transform: rotate(360deg);
  }
}
.ac-act-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border: 1px solid #e5e9f0;
  background: transparent;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) ease;
  font-size: 12px;
  color: #6b7a85;
  padding: 0;
}
.ac-act-btn:hover {
  background: #f5f7fa;
}
.ac-act-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(54, 179, 156, 0.35);
}
.ac-act-btn--view {
  background: #f0f9ff;
  color: #2e89ff;
  border-color: #b5d4f4;
}
.ac-act-btn--edit {
  background: rgba(233, 178, 0, 0.1);
  color: #d09f00;
  border-color: rgba(233, 178, 0, 0.3);
}
.ac-act-btn--delete, .ac-act-btn--cancel {
  background: #e6534b;
  color: #fff !important;
  border-color: #e33e35;
  box-shadow: 0 2px 6px rgba(230, 83, 75, 0.25);
}
.ac-act-btn--delete:hover, .ac-act-btn--cancel:hover {
  background: #e13127;
  box-shadow: 0 4px 10px rgba(230, 83, 75, 0.4);
}
.ac-act-btn--pay, .ac-act-btn--approve {
  background: #f0fdf4;
  color: #36b39c;
  border-color: #86efac;
}
.ac-act-btn--refund {
  background: #f5f7fa;
  color: #6b7a85;
  border-color: #e5e9f0;
}
.ac-act-btn--print {
  background: rgba(233, 178, 0, 0.1);
  color: #d09f00;
  border-color: rgba(233, 178, 0, 0.3);
}
.ac-act-btn:disabled, .ac-act-btn[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.ac-badge, .ac-coupon-status--inactive, .ac-coupon-status--used, .ac-coupon-status--expired, .ac-coupon-status--active, .ac-stock-status--out-stock, .ac-stock-status--low-stock, .ac-stock-status--in-stock, .ac-room-status--reserved, .ac-room-status--maintenance, .ac-room-status--occupied, .ac-room-status--available, .ac-leave-status--cancelled, .ac-leave-status--rejected, .ac-leave-status--approved, .ac-leave-status--pending, .ac-payroll-status--cancelled, .ac-payroll-status--released, .ac-payroll-status--approved, .ac-payroll-status--computed, .ac-payroll-status--draft, .ac-attendance-status--rejected, .ac-attendance-status--approved, .ac-attendance-status--pending, .ac-attendance-status--holiday, .ac-attendance-status--leave, .ac-attendance-status--halfday, .ac-attendance-status--late, .ac-attendance-status--absent, .ac-attendance-status--present {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.3px;
  white-space: nowrap;
  border: 1px solid transparent;
  line-height: 1.5;
}
.ac-badge--sale, .ac-badge--paid, .ac-badge--success, .ac-coupon-status--active, .ac-stock-status--in-stock, .ac-room-status--available, .ac-leave-status--approved, .ac-payroll-status--approved, .ac-attendance-status--approved, .ac-attendance-status--present, .ac-badge--active {
  background: #f0fdf4;
  color: #166534;
  border-color: #86efac;
}
.ac-badge--credit, .ac-badge--partial, .ac-badge--warn, .ac-stock-status--low-stock, .ac-room-status--maintenance, .ac-leave-status--pending, .ac-attendance-status--pending, .ac-attendance-status--late, .ac-badge--pending {
  background: #fef3c7;
  color: #92400e;
  border-color: #fcd34d;
}
.ac-badge--unpaid, .ac-badge--danger, .ac-stock-status--out-stock, .ac-room-status--occupied, .ac-leave-status--rejected, .ac-attendance-status--rejected, .ac-attendance-status--absent, .ac-badge--error, .ac-badge--rejected {
  background: #e6534b;
  color: #fff !important;
  border-color: #e33e35;
  box-shadow: 0 2px 6px rgba(230, 83, 75, 0.25);
}
.ac-badge--cancelled, .ac-coupon-status--expired, .ac-leave-status--cancelled, .ac-payroll-status--cancelled, .ac-badge--refunded, .ac-badge--inactive, .ac-badge--draft, .ac-coupon-status--inactive, .ac-payroll-status--draft {
  background: #ebebeb;
  color: #666;
  border-color: #d5d5d5;
}
.ac-badge--info, .ac-coupon-status--used, .ac-room-status--reserved, .ac-payroll-status--computed, .ac-attendance-status--halfday, .ac-badge--blue, .ac-attendance-status--holiday {
  background: #f0f9ff;
  color: #2e89ff;
  border-color: #b5d4f4;
}
.ac-badge--brand, .ac-payroll-status--released {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  color: #fff !important;
  border-color: #36b39c;
}
.ac-badge--purple, .ac-attendance-status--leave {
  background: #f3f0ff;
  color: #5b21b6;
  border-color: #c4b5fd;
}
.ac-badge--round {
  border-radius: 20px !important;
  -moz-border-radius: 20px !important;
}
.ac-badge--outline {
  background: transparent !important;
  box-shadow: none !important;
}
.ac-badge--dot::before, .ac-room-status--reserved::before, .ac-room-status--maintenance::before, .ac-room-status--occupied::before, .ac-room-status--available::before, .ac-leave-status--rejected::before, .ac-leave-status--approved::before, .ac-leave-status--pending::before, .ac-attendance-status--rejected::before, .ac-attendance-status--approved::before, .ac-attendance-status--pending::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: currentColor;
  flex-shrink: 0;
}
.ac-badge--sm {
  font-size: 9px;
  padding: 1px 6px;
}
.ac-badge--lg {
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
}

.ac-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 700;
  background: #f5f7fa;
  color: #6b7a85;
}
.ac-count-badge--brand {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  color: #fff !important;
}
.ac-count-badge--danger {
  background: #e6534b;
  color: #fff !important;
}

.ac-modal.in {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.ac-modal .modal-dialog {
  margin: 0 auto;
  top: 0 !important;
  transform: none !important;
}

.ac-modal-dialog {
  width: 95%;
  max-width: 560px;
}
.ac-modal-dialog--sm {
  max-width: 400px;
}
.ac-modal-dialog--lg {
  max-width: 800px;
}
.ac-modal-dialog--xl {
  max-width: 1060px;
}

.ac-modal-content {
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border: 1px solid #e5e9f0;
  overflow: hidden;
  box-shadow: 0 10px 32px rgba(15, 31, 45, 0.16);
}

.ac-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 20px;
}
.ac-modal-header--brand {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
}
.ac-modal-header--brand .ac-modal-title {
  color: #e6f1fb;
}
.ac-modal-header--brand .ac-modal-sub {
  color: rgba(230, 241, 251, 0.7);
}
.ac-modal-header--brand .ac-modal-close {
  color: rgba(255, 255, 255, 0.7);
}
.ac-modal-header--brand .ac-modal-close:hover {
  color: #fff !important;
}
.ac-modal-header--blue {
  background: linear-gradient(135deg, #0c4a6e 0%, #2e89ff 100%);
}
.ac-modal-header--blue .ac-modal-title {
  color: #e6f1fb;
}
.ac-modal-header--blue .ac-modal-close {
  color: rgba(255, 255, 255, 0.7);
}
.ac-modal-header--blue .ac-modal-close:hover {
  color: #fff !important;
}
.ac-modal-header--danger {
  background: linear-gradient(135deg, #d6271e 0%, #e6534b 100%);
}
.ac-modal-header--danger .ac-modal-title {
  color: #fff !important;
}
.ac-modal-header--danger .ac-modal-close {
  color: rgba(255, 255, 255, 0.7);
}
.ac-modal-header--danger .ac-modal-close:hover {
  color: #fff !important;
}
.ac-modal-header--plain {
  background: #fafafa;
  border-bottom: 1px solid #e5e9f0;
}
.ac-modal-header--plain .ac-modal-title {
  color: #1e2a32;
}
.ac-modal-header--plain .ac-modal-close {
  color: #999;
}
.ac-modal-header--plain .ac-modal-close:hover {
  color: #1e2a32;
}

.ac-modal-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

.ac-modal-sub {
  font-size: 11px;
  margin-top: 3px;
}

.ac-modal-close {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  margin-top: -2px;
  flex-shrink: 0;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}

.ac-modal-body {
  padding: 20px;
  max-height: 65vh;
  overflow-y: auto;
}
.ac-modal-body--scroll-lg {
  max-height: 75vh;
}
.ac-modal-body--no-scroll {
  max-height: none;
  overflow: visible;
}

.ac-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid #e5e9f0;
  background: #f5f7fa;
}
.ac-modal-footer--space-between {
  justify-content: space-between;
}

.ac-modal-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px 16px;
  margin-bottom: 16px;
}

.ac-modal-info-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #bbb;
  margin-bottom: 3px;
}

.ac-modal-info-val {
  font-size: 13px;
  font-weight: 600;
  color: #1e2a32;
  word-break: break-word;
}
.ac-modal-info-val a {
  color: #2e89ff;
  text-decoration: none;
}
.ac-modal-info-val a:hover {
  text-decoration: underline;
}

.ac-panel {
  background: #fff !important;
  border: 1px solid #e5e9f0;
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(15, 31, 45, 0.08);
}
.ac-panel + .ac-panel {
  margin-top: 16px;
}
.ac-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e9f0;
  background: #f5f7fa;
}
.ac-panel__heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ac-panel__icon {
  width: 28px;
  height: 28px;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ac-panel__icon--brand {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  color: #fff !important;
}
.ac-panel__icon--blue {
  background: #f0f9ff;
  color: #2e89ff;
}
.ac-panel__icon--amber {
  background: #fef3c7;
  color: #92400e;
}
.ac-panel__icon--red {
  background: #fdf2f2;
  color: #e6534b;
}
.ac-panel__title {
  font-size: 14px;
  font-weight: 600;
  color: #1e2a32;
  margin: 0;
}
.ac-panel__actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.ac-panel__body {
  padding: 16px;
}
.ac-panel__footer {
  padding: 12px 16px;
  border-top: 1px solid #e5e9f0;
  background: #f5f7fa;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ac-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.ac-page-title {
  font-size: 22px;
  font-weight: 700;
  color: #1e2a32;
  margin: 0;
}

.ac-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6b7a85;
  margin-bottom: 14px;
}
.ac-breadcrumb a {
  color: #2e89ff;
  text-decoration: none;
}
.ac-breadcrumb a:hover {
  text-decoration: underline;
}
.ac-breadcrumb .sep {
  opacity: 0.4;
}

.ac-stat-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.ac-stat-card {
  background: #fff !important;
  border: 1px solid #e5e9f0;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  padding: 14px 16px;
  box-shadow: 0 2px 8px rgba(15, 31, 45, 0.08);
}
.ac-stat-card__label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #6b7a85;
  margin-bottom: 4px;
}
.ac-stat-card__value {
  font-size: 22px;
  font-weight: 700;
  color: #1e2a32;
  line-height: 1.2;
}
.ac-stat-card__sub {
  font-size: 11px;
  color: #6b7a85;
  margin-top: 3px;
}
.ac-stat-card--brand {
  border-left: 3px solid #36b39c;
}
.ac-stat-card--blue {
  border-left: 3px solid #2e89ff;
}
.ac-stat-card--green {
  border-left: 3px solid #36b39c;
}
.ac-stat-card--amber {
  border-left: 3px solid #fcd34d;
}
.ac-stat-card--red {
  border-left: 3px solid #e6534b;
}
.ac-stat-card--red .ac-stat-card__value {
  color: #e6534b;
}

.ac-filter-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 16px;
  background: #f5f7fa;
  border-bottom: 1px solid #e5e9f0;
}

.ac-filter-label {
  font-size: 11px;
  font-weight: 600;
  color: #6b7a85;
  white-space: nowrap;
}

.ac-filter-input,
.ac-select {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #e5e9f0;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  font-size: 12px;
  color: #3a4a55;
  background: #fff !important;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}
.ac-filter-input:focus,
.ac-select:focus {
  outline: none;
  border-color: #36b39c;
  box-shadow: 0 0 0 3px rgba(54, 179, 156, 0.35);
}

.ac-pbar {
  height: 5px;
  background: #f5f7fa;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  overflow: hidden;
}
.ac-pbar__fill {
  height: 100%;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  background: #36b39c;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}
.ac-pbar__fill--warn {
  background: #fcd34d;
}
.ac-pbar__fill--danger {
  background: #e6534b;
}

.ac-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #bbb;
  font-size: 13px;
  text-align: center;
  gap: 10px;
}
.ac-empty svg {
  opacity: 0.3;
}
.ac-empty__title {
  font-size: 15px;
  font-weight: 600;
  color: #ccc;
}
.ac-empty__sub {
  font-size: 12px;
  color: #ddd;
}

.ac-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  gap: 12px;
  color: #6b7a85;
  font-size: 12px;
}

.ac-spinner {
  width: 24px;
  height: 24px;
  border: 2px solid #f5f7fa;
  border-top-color: #36b39c;
  border-radius: 100%;
  animation: ac-spin 0.6s linear infinite;
}
.ac-spinner--sm {
  width: 16px;
  height: 16px;
}
.ac-spinner--lg {
  width: 36px;
  height: 36px;
  border-width: 3px;
}

.ac-tab-bar {
  display: flex;
  border-bottom: 2px solid #e5e9f0;
  background: #f5f7fa;
  padding: 0 16px;
  overflow-x: auto;
  gap: 2px;
}

.ac-tab {
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #6b7a85;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) ease;
}
.ac-tab:hover {
  color: #1e2a32;
}
.ac-tab.active, .ac-tab--active {
  color: #0f6a58;
  border-bottom-color: #36b39c;
}

.ac-toggle-group {
  display: flex;
  border: 1px solid #e5e9f0;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  overflow: hidden;
  background: #f5f7fa;
}

.ac-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  border-right: 1px solid #e5e9f0;
  background: transparent;
  color: #6b7a85;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) ease;
  white-space: nowrap;
}
.ac-toggle-btn:last-child {
  border-right: none;
}
.ac-toggle-btn.active, .ac-toggle-btn--active {
  background: linear-gradient(135deg, #0f6a58 0%, #36b39c 100%);
  color: #fff !important;
  border-color: #36b39c;
}
.ac-toggle-btn:not(.active):hover {
  background: #ebeff5;
  color: #1e2a32;
}

.ac-note {
  display: flex;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 14px;
}
.ac-note--info {
  background: #f0f9ff;
  border-left: 3px solid #2e89ff;
  color: #157bff;
}
.ac-note--success {
  background: #f0fdf4;
  border-left: 3px solid #36b39c;
  color: #166534;
}
.ac-note--warning {
  background: #fef3c7;
  border-left: 3px solid #fcd34d;
  color: #92400e;
}
.ac-note--danger {
  background: #fdf2f2;
  border-left: 3px solid #e6534b;
  color: #e6534b;
}

.ac-divider {
  border: none;
  border-top: 1px solid #e5e9f0;
  margin: 16px 0;
}

@media (max-width: 768px) {
  .ac-page-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .ac-stat-row {
    grid-template-columns: 1fr 1fr;
  }
  .ac-filter-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .ac-panel__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .ac-modal-dialog {
    max-width: 100% !important;
    margin: 8px;
  }
  .ac-modal-body {
    max-height: 70vh;
  }
  .ac-tab-bar {
    padding: 0 8px;
  }
  .ac-tab {
    padding: 10px;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .ac-stat-row {
    grid-template-columns: 1fr;
  }
  .ac-toggle-btn {
    padding: 6px 10px;
    font-size: 11px;
  }
}