/* [project]/myroom24-admin-next/src/styles/main.scss.css [client] (css) */
:root {
  --theme-layout-sider-width: 25.6rem;
  --primary: #7367f0;
  --secondary: #82868b;
  --danger: #ea5354;
  --danger-60: #ea535499;
  --success: #28c76f;
  --warning: #ff9e43;
  --info: #03cfe7;
  --dark-1: #171d30;
  --dark-2: #2a3044;
  --dark-3: #2a304480;
  --gray-1: #636363;
  --gray-2: #6e6c7b;
  --gray-3: #83868a;
  --light-1: #f8f8f8;
  --light-2: #ebe9f1;
  --light-3: #f7fafc;
  --light-4: #fff;
  --body-bg-color: var(--light-1);
  --body-text-color: var(--gray-2);
  --transition-time: .15s;
  --card-shadow: 0 4px 10px #0000001a;
  font-size: 10px;
}

html {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  min-height: 100vh;
  font-size: 10px !important;
}

html[data-theme="dark"] {
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

body {
  background: var(--body-bg-color);
  color: var(--body-text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.4rem;
}

*, *, :before, :after {
  box-sizing: border-box;
}

dl, ol, ul {
  margin: 0;
  padding-inline-start: 1em;
}

a.ant-btn {
  padding-top: 4px !important;
}

.app-layout {
  padding: 1.6rem 3.2rem;
}

.ant-layout-content .ant-row + .ant-row {
  margin-top: 3.2rem;
}

.full-width {
  width: 100%;
}

.container {
  border: 1px solid var(--layout-container-border-color);
  background-color: var(--layout-container-bg-color);
  width: 100%;
  transition: var(--transition-time);
  border-radius: .8rem;
  padding: 2.4rem;
  overflow: hidden;
}

.container .ant-row + .ant-row {
  margin-top: 2.4rem;
}

.container.active {
  box-shadow: 0 0 0 2px var(--primary);
}

.page {
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.page-title {
  flex-shrink: 0;
  margin-top: .5rem !important;
  margin-bottom: .75rem !important;
}

.page-title h1.ant-typography {
  margin-bottom: 0 !important;
  font-size: 24px !important;
  line-height: 32px !important;
}

.page.error .ant-row {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.page.error .ant-row .ant-col {
  text-align: center;
}

.page.error .ant-row .ant-col .page-title {
  margin-bottom: 1rem !important;
}

.page.error .ant-row .ant-col .back-to-home {
  max-width: 14rem;
  margin: 2rem auto 4rem;
}

.page.error .ant-row .ant-col .image-404 {
  max-width: 100%;
}

.profile-picture {
  border: 2px solid gray;
  transition: all .3s;
}

.profile-picture.with-initials {
  border: none;
  box-shadow: 0 2px 8px #00000026;
}

.profile-picture.with-initials .initials-text {
  letter-spacing: .5px;
  color: #fff;
  text-shadow: 0 1px 2px #0003;
  -webkit-user-select: none;
  user-select: none;
  font-size: 18px;
  font-weight: 600;
}

.profile-picture.with-initials:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px #0003;
}

.profile-picture.active {
  border-color: #28c76f;
}

.profile-picture.active.with-initials {
  box-shadow: 0 2px 8px #52c41a4d;
}

.profile-picture.active.with-initials:hover {
  box-shadow: 0 4px 12px #52c41a66;
}

.profile-picture.inactive {
  opacity: .7;
  border-color: #ea5354;
}

.profile-picture.inactive.with-initials {
  box-shadow: 0 2px 8px #f5222d4d;
}

.profile-picture.inactive.with-initials:hover {
  box-shadow: 0 4px 12px #f5222d66;
}

.profile-picture.deleted {
  opacity: .5;
  filter: grayscale();
}

.profile-picture.lead.with-initials {
  box-shadow: 0 2px 8px #faad144d;
}

.profile-picture.lead.with-initials:hover {
  box-shadow: 0 4px 12px #faad1466;
}

.status {
  font-weight: 600;
}

.status.new, .status.featured, .status.paid, .status.accepted, .status.approved, .status.completed, .status.listed, .status.active, .status.verified, .status.sent, .status.in-future, .status.billing, .status.used {
  color: #28c76f !important;
}

.status.pending, .status.not-verified, .status.in-a-week, .status.ready-to-list, .status.pending-approval {
  color: #ff9e43 !important;
}

.status.rejected, .status.cancelled, .status.canceled, .status.inactive, .status.declined, .status.unpaid, .status.deleted, .status.cancellation, .status.overdue {
  color: #ea5354 !important;
}

.status.draft, .status.unlisted {
  color: var(--dark-theme-status-color) !important;
}

.status.expired {
  color: var(--gray-3) !important;
}

.status.pink {
  color: #ed5edd !important;
}

.status.orange {
  color: #f76e11 !important;
}

.small-tag {
  padding: 0 .5rem 0 .44rem !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

.small-tag.unsaved {
  color: #f76e11 !important;
}

.payout-status {
  text-transform: capitalize !important;
  font-weight: 600 !important;
}

.payout-status.canceled {
  color: #878787 !important;
}

.payout-status.scheduled {
  color: #6687e3 !important;
}

.payout-status.pending {
  color: #50d4c8 !important;
}

.payout-status.paid {
  color: #28c76f !important;
}

.payment-status {
  font-weight: 600;
}

.payment-status.failed {
  color: #994040;
}

.payment-status.succeeded {
  color: #28c76f !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 !important;
  font-weight: 600 !important;
}

h1.ant-typography {
  font-size: 4.2rem;
}

h2.ant-typography {
  font-size: 2.8rem;
}

h3.ant-typography {
  font-size: 2.4rem;
}

h4.ant-typography {
  font-size: 2rem;
}

h5.ant-typography {
  font-size: 1.6rem;
}

.ant-typography {
  transition: var(--transition-time);
  color: var(--body-text-color) !important;
}

.ant-typography.primary {
  color: var(--primary) !important;
}

.table-row {
  margin-top: 2.4rem !important;
}

.justified-cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.justified-cell.right {
  justify-content: flex-end;
}

.ant-form-vertical.splitted {
  flex-wrap: wrap;
  min-width: 0;
  min-height: 0;
  margin: -1.2rem;
  display: flex;
}

.ant-form-vertical.splitted .ant-row + .ant-row {
  margin: 0 !important;
}

.ant-form-vertical.splitted .half-width {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
}

@media screen and (max-width: 992px) {
  .ant-form-vertical.splitted .half-width {
    flex-basis: 100%;
    width: 100%;
  }
}

.ant-form-vertical.splitted .quarter-width {
  box-sizing: border-box;
  flex: 0 0 25%;
  width: 25%;
}

@media screen and (max-width: 992px) {
  .ant-form-vertical.splitted .quarter-width {
    flex-basis: 50%;
    width: 50%;
  }
}

.ant-form-vertical.splitted .full-width {
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
}

.ant-form-vertical.splitted .ant-row {
  box-sizing: border-box;
  padding: 1.2rem;
}

.ant-form-vertical.splitted .ant-form-item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
}

.ant-form-item.with-switch .ant-form-item-row {
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  display: flex !important;
}

.ant-form-item.with-switch .ant-form-item-label {
  flex: none !important;
  order: 2 !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  margin-left: 1rem !important;
  padding: 0 !important;
  display: flex !important;
}

.ant-form-item.with-switch .ant-form-item-label label {
  margin-bottom: 0 !important;
}

.ant-form-item.with-switch .ant-form-item-control {
  flex: none !important;
  order: 1 !important;
  max-width: none !important;
  margin-bottom: 0 !important;
}

.ant-form-item.with-switch-padded {
  padding-top: 3.5rem !important;
}

.ant-form-item.with-switch-padded .ant-form-item-row {
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  display: flex !important;
}

.ant-form-item.with-switch-padded .ant-form-item-label {
  flex: none !important;
  order: 2 !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  margin-left: 1rem !important;
  padding: 0 !important;
  display: flex !important;
}

.ant-form-item.with-switch-padded .ant-form-item-label label {
  margin-bottom: 0 !important;
}

.ant-form-item.with-switch-padded .ant-form-item-control {
  flex: none !important;
  order: 1 !important;
  max-width: none !important;
  margin-bottom: 0 !important;
}

.ant-form-item .bed-type-selector-container {
  width: 100%;
  margin-bottom: 1rem;
}

.ant-form-item .bed-type-selector-container .ant-space-item:first-child {
  flex: 1;
}

.verified-text {
  border: 1px solid #28c76f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-flex;
  color: #28c76f !important;
}

:root {
  --body-bg-color: var(--light-1);
  --body-text-color: #000;
  --layout-bg-color: var(--light-1);
  --layout-sider-bg: var(--light-1);
  --layout-sider-border: var(--light-2);
  --layout-container-bg-color: var(--light-4);
  --layout-container-border-color: var(--light-2);
  --app-menu-text-color: var(--body-text-color);
  --app-menu-selected-bg-color: var(--primary);
  --app-menu-selected-text-color: var(--light-1);
  --app-menu-item-active-bg-color: var(--ant-primary-1);
  --app-menu-item-active-text-color: var(--primary);
  --side-header-button-text-color: var(--body-text-color);
  --header-bg-color: var(--light-1);
  --header-border-color: var(--light-1);
  --header-text-color: var(--body-text-color);
  --header-time-label-color: var(--body-text-color);
  --header-time-value-color: var(--body-text-color);
  --statistics-card-bg-color: var(--light-4);
  --statistics-card-text-color: var(--body-text-color);
  --statistics-card-shadow-color: var(--light-2);
  --statistics-card-icon-bg-color: #0003;
  --statistics-card-icon-text-color: var(--light-4);
  --statistics-card-selected-text-color: var(--body-text-color);
  --statistics-card-selected-icon-color: var(--primary);
  --ant-statistic-content-value: var(--body-text-color);
  --table-filter-button-bg-color: var(--light-4);
  --table-filter-button-text-color: var(--body-text-color);
  --table-filter-button-selected-text-color: var(--light-4);
  --table-filter-button-border-color: var(--light-2);
  --table-bg-color: var(--light-4);
  --table-text-color: var(--body-text-color);
  --table-border-color: var(--light-2);
  --table-row-hover-bg-color: #d8d6de4d;
  --table-header-bg-color: #f3f2f7;
  --table-header-text-color: var(--body-text-color);
  --table-header-sorter-color: var(--body-text-color);
  --table-no-data-icon-fill-color: #d8d6d3;
  --table-no-data-icon-stroke-color: #b9b9c3;
  --table-no-data-text-color: var(--gray-3);
  --table-no-data-hover-color: var(--light-3);
  --table-quick-actions-icon-color: var(--body-text-color);
  --table-selected-row-bg-color: var(--ant-primary-3);
  --table-selected-row-hover-bg-color: var(--ant-primary-2);
  --ant-spin-bg-color: var(--light-4);
  --input-bg-color: var(--light-4);
  --input-border-color: #d8d6d3;
  --input-placeholder-color: #b9b9c3;
  --dropdown-bg-color: var(--light-4);
  --dropdown-text-color: var(--body-text-color);
  --dropdown-item-hover-bg-color: var(--light-2);
  --dropdown-item-selected-bg-color: var(--ant-primary-5);
  --dropdown-item-selected-text-color: var(--light-4);
  --dropdown-button-bg-color: transparent;
  --dropdown-button-text-color: var(--body-text-color);
  --dropdown-button-border-color: #d8d6d3;
  --date-picker-panel-cell-in-range-bg-color: var(--ant-primary-2);
  --date-picker-bg-color: var(--light-4);
  --date-picker-label-color: var(--body-text-color);
  --date-picker-border-color: #d8d6d3;
  --date-picker-icon-color: #d8d6d3;
  --date-picker-header-border-color: #d8d6d3;
  --date-picker-panel-bg-color: var(--light-4);
  --date-picker-panel-text-color: #b9b9c3;
  --date-picker-panel-in-view-text-color: var(--body-text-color);
  --date-picker-panel-cell-hover-bg-color: var(--ant-primary-3);
  --date-picker-panel-cell-in-range-hover-bg-color: var(--ant-primary-3);
  --date-picker-panel-cell-in-range-hover-bg-color2: var(--ant-primary-4);
  --date-picker-time-selected-bg-color: var(--primary);
  --date-picker-time-selected-text-color: var(--light-4);
  --date-picker-time-hover-bg-color: var(--ant-primary-3);
  --pagination-text-color: var(--body-text-color);
  --pagination-border-color: #d8d6d3;
  --pagination-input-bg-color: var(--light-4);
  --pagination-input-text-color: var(--body-text-color);
  --detailed-cell-id-color: var(--gray-1);
  --detailed-cell-label-color: var(--body-text-color);
  --two-line-cell-first-color: var(--gray-1);
  --two-line-cell-second-color: var(--body-text-color);
  --detailed-popover-bg-color: var(--light-4);
  --detailed-popover-title-color: #63636399;
  --detailed-popover-label-color: var(--body-text-color);
  --detailed-popover-info-color: var(--info);
  --detailed-popover-list-item-color: var(--body-text-color);
  --detailed-popover-list-item-icon-color: var(--primary);
  --detailed-popover-list-item-id-color: #63636380;
  --detailed-popover-inner-bg-color: #f3f3f5;
  --quick-payment-details-text-color: var(--body-text-color);
  --quick-payment-details-secondary-color: #686d7c;
  --quick-payment-details-separator-color: #f3f3f5;
  --guests-list-text-color: var(--body-text-color);
  --menu-bg-color: var(--light-4);
  --menu-text-color: var(--body-text-color);
  --menu-popup-bg-color: var(--light-4);
  --notification-title-color: var(--body-text-color);
  --notification-hover-bg-color: var(--light-1);
  --notification-message-color: var(--gray-1);
  --notification-separator-color: #6363631a;
  --card-bg-color: var(--light-4);
  --card-text-color: var(--body-text-color);
  --auth-description-color: var(--body-text-color);
  --auth-bg-pattern-line-color: #0000000a;
  --filter-dropdown-bg-color: var(--light-3);
  --filter-dropdown-separater-color: var(--light-1);
  --filter-dropdown-reset-disabled-color: var(--gray-3);
  --filter-dropdown-item-hover-bg-color: var(--light-1);
  --filter-dropdown-selected-bg-color: var(--ant-primary-3);
  --filter-dropdown-selected-hover-bg-color: var(--ant-primary-2);
  --filter-dropdown-selected-text-color: var(--body-text-color);
  --actions-menu-text-color: var(--body-text-color);
  --actions-menu-hover-text-color: var(--primary);
  --actions-menu-active-bg-color: #7267f01a;
  --action-details-bg-color: var(--light-4);
  --descriptions-label-bg-color: var(--light-1);
  --descriptions-border-color: var(--light-2);
  --profile-details-sider-profile-information-primary-color: #d0d2d6;
  --profile-details-sider-profile-information-secondary-color: #686d7c;
  --divider-background-color: #d0d2d6;
  --inner-layout-bg-color: var(--light-2);
  --popup-bg-color: var(--light-4);
  --popup-title-color: var(--body-text-color);
  --popup-label-color: #0000000a;
  --popup-row-color: var(--light-4);
  --calendar-blocked-text-color: var(--danger);
  --calendar-blocked-background-color: var(--light-1);
}

html[data-theme="dark"] {
  --body-bg-color: var(--dark-1);
  --body-text-color: var(--light-3);
  --status-draft-text-color: #686d7c;
  --layout-bg-color: var(--dark-1);
  --layout-sider-bg: var(--dark-2);
  --layout-sider-border: var(--dark-3);
  --layout-container-bg-color: var(--dark-2);
  --layout-container-border-color: #394151;
  --app-menu-text-color: #d0d2d6;
  --app-menu-selected-bg-color: var(--primary);
  --app-menu-selected-text-color: var(--light-1);
  --app-menu-item-active-bg-color: #7267f04d;
  --app-menu-item-active-text-color: var(--light-4);
  --side-header-button-text-color: #d0d2d6;
  --header-bg-color: var(--dark-2);
  --header-border-color: var(--dark-2);
  --header-text-color: var(--light-1);
  --header-time-label-color: var(--light-1);
  --header-time-value-color: var(--light-1);
  --statistics-card-bg-color: var(--dark-2);
  --statistics-card-text-color: #d0d2d6;
  --statistics-card-selected-text-color: var(--light-4);
  --statistics-card-selected-icon-color: var(--light-4);
  --statistics-card-shadow-color: var(--dark-2);
  --statistics-card-icon-bg-color: #0003;
  --statistics-card-icon-text-color: var(--light-4);
  --ant-statistic-content-value: #d0d2d6;
  --table-filter-button-bg-color: #242b3d;
  --table-filter-button-text-color: #d0d2d6;
  --table-filter-button-selected-text-color: var(--light-4);
  --table-filter-button-border-color: transparent;
  --table-bg-color: var(--dark-2);
  --table-text-color: #d0d2d6;
  --table-border-color: #394151;
  --table-row-bg-color: var(--table-bg-color);
  --table-row-hover-bg-color: #242b3d;
  --table-header-bg-color: #353e54;
  --table-header-text-color: var(--light-4);
  --table-header-sorter-color: var(--light-4);
  --table-no-data-icon-fill-color: var(--gray-3);
  --table-no-data-icon-stroke-color: var(--gray-1);
  --table-no-data-text-color: var(--gray-3);
  --table-no-data-hover-color: #394151;
  --table-quick-actions-icon-color: #d0d2d6;
  --table-selected-row-bg-color: #7267f033;
  --table-selected-row-hover-bg-color: #7267f04d;
  --ant-spin-bg-color: var(--dark-1);
  --input-bg-color: #242b3d;
  --input-border-color: #3b4353;
  --input-placeholder-color: #b2bec3;
  --dropdown-bg-color: #242b3d;
  --dropdown-text-color: #d0d2d6;
  --dropdown-item-hover-bg-color: #242b3d;
  --dropdown-item-selected-bg-color: var(--ant-primary-6);
  --dropdown-item-selected-text-color: var(--light-4);
  --dropdown-button-bg-color: #242b3d;
  --dropdown-button-text-color: var(--light-4);
  --dropdown-button-border-color: #3b4353;
  --date-picker-bg-color: #242b3d;
  --date-picker-label-color: var(--light-4);
  --date-picker-border-color: #3b4353;
  --date-picker-icon-color: #3b4353;
  --date-picker-header-border-color: #3b4353;
  --date-picker-panel-bg-color: var(--dark-2);
  --date-picker-panel-text-color: #d0d2d6bf;
  --date-picker-panel-in-view-text-color: var(--light-4);
  --date-picker-panel-cell-hover-bg-color: var(--ant-primary-7);
  --date-picker-panel-cell-in-range-bg-color: var(--ant-primary-9);
  --date-picker-panel-cell-in-range-hover-bg-color: var(--ant-primary-8);
  --date-picker-panel-cell-in-range-hover-bg-color2: var(--ant-primary-7);
  --date-picker-time-selected-bg-color: var(--primary);
  --date-picker-time-selected-text-color: var(--light-4);
  --date-picker-time-hover-bg-color: var(--ant-primary-8);
  --pagination-text-color: #d0d2d6;
  --pagination-border-color: #3b4353;
  --pagination-input-bg-color: #242b3d;
  --pagination-input-text-color: var(--light-4);
  --button-text-color: var(--light-4);
  --button-border-color: var(--pagination-border-color);
  --button-bg-color: #242b3d;
  --detailed-cell-id-color: #686d7c;
  --detailed-cell-label-color: #d0d2d6;
  --two-line-cell-first-color: #686d7c;
  --two-line-cell-second-color: #d0d2d6;
  --detailed-popover-bg-color: var(--dark-1);
  --detailed-popover-title-color: #686d7c;
  --detailed-popover-label-color: #d0d2d6;
  --detailed-popover-info-color: var(--info);
  --detailed-popover-list-item-color: var(--gray-3);
  --detailed-popover-list-item-icon-color: var(--primary);
  --detailed-popover-list-item-id-color: var(--gray-3);
  --detailed-popover-inner-bg-color: #00000026;
  --quick-payment-details-text-color: #d0d2d6;
  --quick-payment-details-secondary-color: #686d7c;
  --quick-payment-details-separator-color: #2a3044;
  --guests-list-text-color: #d0d2d6;
  --menu-bg-color: var(--dark-1);
  --menu-text-color: #d0d2d6;
  --menu-popup-bg-color: var(--dark-1);
  --notification-title-color: var(--light-1);
  --notification-hover-bg-color: var(--dark-2);
  --notification-message-color: #d0d2d6;
  --notification-separator-color: #2a3044;
  --card-bg-color: var(--dark-2);
  --card-text-color: #d0d2d6;
  --auth-description-color: var(--gray-2);
  --auth-bg-pattern-line-color: #ffffff0a;
  --filter-dropdown-bg-color: var(--dark-1);
  --filter-dropdown-separater-color: var(--dark-2);
  --filter-dropdown-reset-disabled-color: var(--gray-3);
  --filter-dropdown-item-hover-bg-color: var(--dark-2);
  --filter-dropdown-selected-bg-color: #7267f04d;
  --filter-dropdown-selected-hover-bg-color: #7267f066;
  --filter-dropdown-selected-text-color: var(--light-1);
  --actions-menu-text-color: #d0d2d6;
  --actions-menu-hover-text-color: var(--primary);
  --actions-menu-active-bg-color: #7267f033;
  --action-details-bg-color: var(--dark-1);
  --descriptions-label-bg-color: #171d3080;
  --descriptions-border-color: #171d30cc;
  --profile-details-sider-profile-information-primary-color: #d0d2d6;
  --profile-details-sider-profile-information-secondary-color: #686d7c;
  --divider-background-color: #394151;
  --popup-bg-color: var(--dark-1);
  --popup-title-color: #d0d2d6;
  --popup-label-color: #2a3044;
  --popup-row-color: #2a3042;
  --calendar-blocked-text-color: var(--light-2);
  --calendar-blocked-background-color: #5e1919d9;
  --dark-theme-status-color: #d0d2d6;
}

.ant-avatar {
  flex-shrink: 0;
}

.ant-avatar-icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ant-btn {
  transition: var(--transition-time);
  justify-content: center;
  align-items: center;
  line-height: 1em;
  display: flex;
  border-radius: .8rem !important;
}

.ant-btn > * {
  margin-right: 1.2rem;
}

.ant-btn > :last-child {
  margin-right: 0;
}

.ant-btn-lg {
  font-weight: 500;
}

.ant-btn-ghost {
  color: var(--body-text-color);
}

.ant-btn-ghost:disabled, .ant-btn-ghost:disabled:hover {
  background-color: #0000;
}

.ant-btn-text {
  color: var(--body-text-color);
}

.ant-btn-primary:disabled {
  background-color: var(--primary);
  color: var(--body-text-color);
  opacity: .5;
  cursor: not-allowed;
  border-color: #0000;
}

.ant-btn-primary:disabled:hover {
  background-color: var(--primary);
  color: var(--body-text-color);
  border-color: #0000;
}

.ant-btn-danger:disabled {
  background-color: var(--danger);
  color: var(--body-text-color);
  opacity: .5;
  cursor: not-allowed;
  border-color: #0000;
}

.ant-btn-danger:disabled:hover {
  background-color: var(--danger);
  color: var(--body-text-color);
  border-color: #0000;
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 0 .8rem .8rem 0 !important;
}

.ant-card {
  background-color: var(--card-bg-color);
  border: none;
  border-radius: 1.6rem;
}

.ant-card-body {
  padding: 2.4rem;
}

.ant-picker {
  background-color: var(--date-picker-bg-color);
  border-color: var(--date-picker-border-color);
  transition: var(--transition-time);
  border-radius: .8rem;
  height: 4rem;
  padding: .8rem 1.2rem;
}

.ant-picker input {
  font-weight: 600;
}

.ant-picker input::placeholder {
  font-weight: 400;
}

.ant-picker-range-separator svg, .ant-picker-suffix {
  color: var(--date-picker-icon-color);
  transition: var(--transition-time);
}

.ant-picker-clear {
  background: var(--date-picker-bg-color);
  color: var(--date-picker-label-color);
  transition: var(--transition-time);
}

.ant-picker-clear:hover {
  color: var(--date-picker-label-color);
}

.ant-picker-header {
  border-color: var(--date-picker-header-border-color);
}

.ant-picker-header-view, .ant-picker-header-prev-btn, .ant-picker-header-next-btn, .ant-picker-header-super-prev-btn, .ant-picker-header-super-next-btn {
  color: var(--date-picker-label-color) !important;
}

.ant-picker-time-panel-cell-inner {
  color: var(--date-picker-panel-text-color) !important;
}

.ant-picker-time-panel-cell-inner:hover {
  background-color: var(--date-picker-time-hover-bg-color) !important;
}

.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: var(--date-picker-time-selected-bg-color) !important;
  color: var(--date-picker-time-selected-text-color) !important;
}

.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner:hover {
  background-color: var(--date-picker-time-selected-bg-color) !important;
}

.ant-picker-panel-container {
  background-color: var(--date-picker-panel-bg-color);
  border-radius: .8rem !important;
}

.ant-picker-panel-container tr > th {
  color: var(--date-picker-label-color);
  font-weight: 600;
}

.ant-picker-time-panel, .ant-picker-time-panel-column, .ant-picker-panel {
  border-color: var(--date-picker-header-border-color) !important;
}

.ant-picker-cell {
  color: var(--date-picker-panel-text-color);
}

.ant-picker-cell-inner:after {
  content: none;
}

.ant-picker-cell-in-view {
  color: var(--date-picker-panel-in-view-text-color);
}

.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background-color: var(--date-picker-panel-cell-hover-bg-color);
}

.ant-picker-cell.ant-picker-cell-in-range:before {
  background-color: var(--date-picker-panel-cell-in-range-bg-color);
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before {
  background-color: #0000;
}

.ant-picker-cell-inner {
  width: 4rem;
  height: 4rem;
  min-height: 4rem;
  line-height: 4rem !important;
}

.ant-picker-cell-inner:before {
  height: 4rem;
}

.ant-picker-cell:before {
  width: 4rem;
  height: 4rem;
}

.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single) .ant-picker-cell-inner {
  border-top-left-radius: .8rem !important;
  border-bottom-left-radius: .8rem !important;
}

.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single) .ant-picker-cell-inner {
  border-top-right-radius: .8rem !important;
  border-bottom-right-radius: .8rem !important;
}

.ant-picker-content td, .ant-picker-content th {
  width: 4rem !important;
}

.ant-picker-date-panel {
  width: auto;
}

.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end:before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start:before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before {
  background-color: var(--date-picker-panel-cell-in-range-hover-bg-color);
}

.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background-color: var(--date-picker-panel-cell-hover-bg-color);
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before {
  background-color: var(--date-picker-panel-cell-in-range-bg-color);
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
  background-color: var(--date-picker-panel-cell-in-range-hover-bg-color2);
}

.ant-picker-cell-inner:after {
  left: 0 !important;
  right: 0 !important;
}

.ant-dropdown {
  color: var(--body-text-color);
}

.ant-dropdown-menu {
  background-color: var(--dropdown-bg-color);
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu {
  color: var(--dropdown-text-color);
}

.ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu:hover {
  background-color: var(--dropdown-item-hover-bg-color);
}

.ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-selected {
  background-color: var(--dropdown-item-selected-bg-color);
  color: var(--dropdown-item-selected-text-color);
}

.ant-dropdown-menu-item-selected *, .ant-dropdown-menu-submenu-selected * {
  color: var(--dropdown-item-selected-text-color);
}

.ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-submenu-selected:hover {
  background-color: var(--dropdown-item-selected-bg-color) !important;
}

.ant-dropdown-menu-submenu-selected {
  background-color: #0000;
}

.ant-dropdown-menu-submenu-selected * {
  color: var(--dropdown-text-color) !important;
}

.ant-dropdown-menu-submenu-selected:hover {
  background-color: var(--dropdown-item-hover-bg-color) !important;
}

.ant-dropdown-menu {
  border-radius: .8rem;
  padding: .4rem;
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu {
  border-radius: .6rem;
  margin-bottom: .2rem;
  padding: .8rem 1.2rem;
}

.ant-dropdown-menu-item-title, .ant-dropdown-menu-submenu-title {
  color: var(--dropdown-text-color);
  padding: .8rem 1.2rem;
}

.ant-dropdown-menu-item-title svg, .ant-dropdown-menu-submenu-title svg {
  color: var(--dropdown-text-color);
}

.ant-dropdown-menu-item-title:hover, .ant-dropdown-menu-submenu-title:hover {
  background-color: #0000;
}

.ant-dropdown-menu-submenu {
  padding: 0;
}

.ant-dropdown-trigger {
  background-color: var(--dropdown-button-bg-color);
  font-weight: 600;
  color: var(--dropdown-button-text-color) !important;
  border-color: var(--dropdown-button-border-color) !important;
  transition: var(--transition-time) !important;
}

.ant-dropdown-trigger:hover {
  border-color: var(--ant-primary-5) !important;
}

.ant-dropdown-trigger:active {
  border-color: var(--ant-primary-7) !important;
}

.ant-dropdown-menu-submenu-popup ul {
  margin: 0;
}

.ant-input, .ant-input-affix-wrapper, .ant-select-selector {
  border-color: var(--input-border-color);
  transition: var(--transition-time);
  border-radius: .8rem;
}

.ant-input-search, .ant-input-affix-wrapper-search, .ant-select-selector-search {
  transition: var(--transition-time);
}

.ant-input-search input, .ant-input-affix-wrapper-search input, .ant-select-selector-search input {
  background-color: var(--input-bg-color) !important;
}

.ant-input-search input::placeholder, .ant-input-affix-wrapper-search input::placeholder, .ant-select-selector-search input::placeholder {
  color: var(--input-placeholder-color);
}

.ant-input-group-addon, .ant-input-affix-wrapper-group-addon, .ant-select-selector-group-addon {
  background-color: #0000;
}

.ant-input-group-addon button, .ant-input-affix-wrapper-group-addon button, .ant-select-selector-group-addon button {
  background-color: var(--input-bg-color);
  border-color: var(--input-border-color);
  transition: var(--transition-time);
  border-left: 1px solid #0000;
  color: var(--body-text-color) !important;
}

.ant-input-group-addon button:hover, .ant-input-group-addon button:focus, .ant-input-group-addon button:active, .ant-input-affix-wrapper-group-addon button:hover, .ant-input-affix-wrapper-group-addon button:focus, .ant-input-affix-wrapper-group-addon button:active, .ant-select-selector-group-addon button:hover, .ant-select-selector-group-addon button:focus, .ant-select-selector-group-addon button:active {
  background-color: var(--input-bg-color);
  border-left: 1px solid var(--primary) !important;
}

.ant-input-prefix, .ant-input-affix-wrapper-prefix, .ant-select-selector-prefix {
  color: var(--input-placeholder-color);
  margin-right: .8rem;
}

input, .ant-input, .ant-select-selector, .ant-input-affix-wrapper {
  transition: var(--transition-time);
  color: var(--body-text-color) !important;
  background-color: var(--input-bg-color) !important;
}

input::placeholder, .ant-input::placeholder, .ant-select-selector::placeholder, .ant-input-affix-wrapper::placeholder {
  color: var(--input-placeholder-color) !important;
}

.ant-input-affix-wrapper input {
  border-radius: 0 !important;
}

.ant-form-item-label > label {
  color: var(--body-text-color);
}

.ant-input-number-handler-wrap {
  display: none;
}

.ant-input-number {
  border-radius: .8rem;
  height: 4rem;
  overflow: hidden;
  width: 100% !important;
}

.ant-input-number-input-wrap, .ant-input-number-input {
  height: 100% !important;
}

.ant-input-number-input {
  padding: .8rem 1.2rem;
}

.ant-picker {
  width: 100%;
}

.ant-layout {
  background-color: var(--layout-bg-color);
  transition: var(--transition-time);
}

.ant-layout-header {
  background-color: #0000;
  height: auto;
  padding: 0;
  line-height: 1;
}

.ant-layout-sider {
  background-color: var(--layout-sider-bg);
  border-right: 1px solid var(--layout-sider-bg);
  transition: var(--transition-time);
  min-height: 100vh;
}

.ant-row {
  width: 100%;
}

.ant-row .ant-col {
  padding: 0 1.6rem;
}

.ant-row .ant-col:first-of-type {
  padding-left: 0;
}

.ant-row .ant-col:last-of-type {
  padding-right: 0;
}

.ant-space-align-center .ant-space-item {
  display: inline-flex;
}

.ant-table {
  background-color: var(--table-bg-color);
  color: var(--table-text-color) !important;
  transition: var(--transition-time) !important;
}

.ant-table tr > td {
  color: var(--table-text-color) !important;
  transition: var(--transition-time) !important;
}

.ant-table-footer {
  color: var(--table-text-color);
  background-color: var(--table-bg-color);
}

.ant-table-thead > tr > th {
  background-color: var(--table-header-bg-color);
  color: var(--table-header-text-color);
  font-weight: 400;
  border-color: var(--table-border-color) !important;
  transition: var(--transition-time) !important;
}

.ant-table-thead > tr > th.ant-table-column-sort {
  background-color: var(--table-row-hover-bg-color) !important;
}

html[data-theme="dark"] .ant-table .ant-table-thead > tr > th {
  background-color: var(--table-header-bg-color) !important;
  color: var(--table-header-text-color) !important;
}

.ant-table-cell-scrollbar {
  box-shadow: 0 1px 0 1px var(--table-border-color);
}

.ant-table-summary {
  background-color: var(--table-header-bg-color);
  transition: var(--transition-time);
  box-shadow: 0 -1px 0 var(--table-border-color) !important;
}

.ant-table-summary > tr > td {
  border-color: var(--table-border-color);
  transition: var(--transition-time);
}

.ant-table-tbody .ant-table-row:hover td {
  background-color: var(--table-row-hover-bg-color);
}

.ant-table-tbody .ant-table-row td.ant-table-column-sort {
  background-color: var(--table-row-hover-bg-color) !important;
}

.ant-table-tbody .ant-table-row-selected td {
  transition: var(--transition-time);
  background-color: var(--table-selected-row-bg-color) !important;
}

.ant-table-tbody .ant-table-row-selected:hover > td {
  background-color: var(--table-selected-row-hover-bg-color) !important;
}

.ant-table-tbody > tr > td {
  transition: var(--transition-time);
  background-color: var(--table-bg-color);
  color: var(--table-text-color);
  border-color: var(--table-border-color) !important;
}

.ant-table-column-sorter {
  color: var(--table-header-sorter-color);
  transition: var(--transition-time);
}

.ant-table-column-sorter-up, .ant-table-column-sorter-down {
  opacity: .5;
}

.ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active {
  opacity: 1;
}

.ant-table .wrapper {
  width: 100%;
}

.ant-table-container * {
  font-size: 1.2rem;
}

.ant-table-title {
  background-color: var(--table-bg-color);
  color: var(--table-text-color);
  margin-bottom: 0;
  padding: 0 0 1.6rem;
}

.ant-table-placeholder:hover td {
  background-color: var(--table-no-data-hover-color) !important;
}

.ant-empty-description {
  color: var(--table-no-data-text-color);
}

.ant-empty-img-simple-g {
  stroke: var(--table-no-data-icon-stroke-color);
}

.ant-empty-img-simple-path, .ant-empty-img-simple-ellipse {
  fill: var(--table-no-data-icon-fill-color);
}

.ant-popover {
  font-size: 1.4rem;
}

.ant-popover-inner {
  background-color: var(--detailed-popover-bg-color);
  border-radius: .8rem;
  overflow: hidden;
}

.ant-popover-inner-content {
  padding: 0 !important;
}

.ant-popover-arrow-content {
  background-color: var(--detailed-popover-bg-color);
}

.ant-popover.ant-popconfirm {
  min-width: 200px;
}

.ant-popover.ant-popconfirm .ant-popover-message {
  color: var(--actions-menu-text-color);
  font-weight: bold;
}

.ant-popover.ant-popconfirm .ant-popover-inner-content {
  padding: 12px 16px !important;
}

.ant-popover.ant-popconfirm .MuiSvgIcon-root {
  height: 23px;
  position: absolute;
}

.ant-popover.ant-popconfirm .ant-btn {
  display: inline-flex;
}

.ant-rate {
  flex-wrap: nowrap;
  display: flex;
}

.ant-rate .ant-rate-star {
  color: #ff9e43;
}

.ant-rate .ant-rate-star-zero .ant-rate-star-second {
  color: #83868a;
  opacity: .5;
}

.ant-spin-container:after {
  background-color: var(--ant-spin-bg-color);
}

.ant-pagination, .ant-pagination svg {
  color: var(--pagination-text-color);
  transition: var(--transition-time) !important;
}

.ant-pagination input {
  background-color: var(--pagination-input-bg-color) !important;
  color: var(--pagination-input-text-color) !important;
  border-color: var(--pagination-border-color) !important;
  transition: var(--transition-time) !important;
  border-radius: .4rem !important;
}

.ant-pagination input:focus {
  border-color: var(--primary) !important;
}

.ant-menu {
  background-color: var(--menu-bg-color);
}

.ant-menu-vertical {
  border: none;
}

.ant-menu-item:not(.ant-menu-item-selected) {
  color: var(--menu-text-color);
}

.ant-menu-item-disabled {
  opacity: .5 !important;
}

.ant-menu-item-disabled a {
  color: var(--menu-text-color) !important;
}

.ant-menu-item-disabled a:active {
  background-color: #0000 !important;
}

.ant-menu-item:active {
  background-color: #0000;
}

.ant-menu-submenu-disabled a {
  opacity: .5 !important;
  color: var(--menu-text-color) !important;
}

.ant-menu-submenu-popup {
  background-color: var(--menu-popup-bg-color) !important;
  border-radius: .8rem !important;
}

.ant-menu-submenu-popup ul {
  border-radius: .8rem !important;
  padding: .8rem !important;
}

.ant-menu-submenu-popup .ant-menu-item {
  border-radius: .8rem;
}

.ant-menu-submenu-popup .ant-menu-item-selected {
  background-color: var(--primary) !important;
}

.ant-menu-submenu-popup .ant-menu-item-selected a {
  color: var(--light-4) !important;
}

.ant-menu-submenu-popup .ant-menu-item:not(.ant-menu-submenu-popup .ant-menu-item-disabled):hover a {
  color: var(--primary);
}

.ant-menu-submenu-popup .ant-menu-item a {
  color: var(--menu-text-color);
}

.ant-menu-submenu-popup > .ant-menu {
  background-color: #0000 !important;
}

.ant-tag {
  border-radius: 1.6rem;
  margin: 0;
  padding: 0 1rem;
  font-size: 1.2rem;
  position: relative;
  background-color: #0000 !important;
  border-color: currentColor !important;
}

.ant-tag:before {
  content: "";
  opacity: .1;
  z-index: 0;
  background-color: currentColor;
  border-radius: 1.6rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ant-tag-red {
  color: var(--danger);
}

.ant-form-item {
  margin: 0;
}

.ant-form-item-label {
  margin-bottom: .8rem;
  padding: 0;
}

.ant-form-item-label > label {
  height: auto;
}

.ant-form-item .ant-input, .ant-form-item .ant-select-selector, .ant-form-item .ant-input-affix-wrapper {
  padding: .8rem 1.2rem;
}

.ant-form-item .ant-input-suffix span, .ant-form-item .ant-select-selector-suffix span, .ant-form-item .ant-input-affix-wrapper-suffix span {
  color: var(--body-text-color);
  opacity: .7;
}

.ant-form-item-explain-error {
  margin-top: .4rem;
  font-size: 1.2rem;
}

.ant-form-item-explain {
  color: var(--body-text-color);
  padding-top: .4rem;
  font-size: 1.2rem;
  line-height: 1.6;
  opacity: .8 !important;
}

.ant-form .ant-col:not(.action) {
  padding: 0;
}

.ant-form .ant-col.action {
  margin-left: 1.2rem;
}

.ant-form .ant-col.action:first-child {
  margin-left: 0;
}

.ant-form .ant-row + .ant-row {
  margin-top: 2.4rem !important;
}

.ant-form textarea.ant-input {
  padding: .8rem 1.2rem;
}

.container .ant-form .ant-form-item {
  margin-bottom: 0;
}

.ant-form .ant-row.full-width {
  margin-top: 3.2rem !important;
}

.ant-checkbox-wrapper span:not(.ant-checkbox) {
  color: var(--body-text-color) !important;
}

.ant-checkbox-inner {
  background-color: #0000;
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
  border-color: var(--primary);
  background-color: #0000;
}

.ant-result {
  padding: 3.2rem 2.4rem;
}

.ant-result-title {
  color: var(--body-text-color);
  font-size: 1.8rem;
}

.ant-table-filter-dropdown {
  background-color: var(--filter-dropdown-bg-color);
  border-radius: .8rem;
  overflow: hidden;
}

.ant-table-filter-dropdown-btns {
  border-color: var(--filter-dropdown-separater-color);
}

.ant-table-filter-dropdown-btns .ant-btn-link:disabled {
  color: var(--filter-dropdown-reset-disabled-color);
}

.ant-table-filter-dropdown .ant-dropdown-menu-item {
  transition: var(--transition-time);
}

.ant-table-filter-dropdown .ant-dropdown-menu-item:hover {
  background-color: var(--filter-dropdown-item-hover-bg-color) !important;
}

.ant-table-filter-dropdown .ant-dropdown-menu-item-selected {
  background-color: var(--filter-dropdown-selected-bg-color);
  transition: var(--transition-time);
}

.ant-table-filter-dropdown .ant-dropdown-menu-item-selected * {
  color: var(--filter-dropdown-selected-text-color) !important;
}

.ant-table-filter-dropdown .ant-dropdown-menu-item-selected:hover {
  background-color: var(--filter-dropdown-selected-hover-bg-color) !important;
}

.ant-table-filter-dropdown .ant-dropdown-menu-item-selected .ant-typography {
  color: var(--filter-dropdown-selected-text-color) !important;
}

.ant-descriptions * {
  transition: var(--transition-time);
  border-color: var(--descriptions-border-color) !important;
}

.ant-descriptions-view {
  overflow: hidden;
  border-radius: .8rem !important;
}

.ant-descriptions-title {
  color: var(--body-text-color);
  transition: var(--transition-time);
}

.ant-descriptions-item-label {
  color: var(--body-text-color);
  transition: var(--transition-time);
  background-color: var(--descriptions-label-bg-color) !important;
}

.ant-descriptions-item-content {
  color: var(--body-text-color);
  transition: var(--transition-time);
}

.ant-descriptions-item-content span {
  transition: var(--transition-time);
  display: flex;
}

.ant-divider {
  margin: 2.4rem 0;
  background-color: var(--divider-background-color) !important;
}

.ant-divider.half {
  width: 50%;
  min-width: 50%;
}

.ant-form .ant-divider {
  margin: 3.2rem 0;
}

.ant-upload-select-picture-card {
  background-color: #0000 !important;
}

.ant-upload-select-picture-card span {
  color: var(--body-text-color);
}

.img-crop-modal .ant-modal-content, .img-crop-modal .ant-modal-header {
  background-color: var(--body-bg-color) !important;
}

.img-crop-modal .ant-modal-title, .img-crop-modal .ant-modal-close, .img-crop-modal .ant-modal-body .img-crop-control {
  color: var(--body-text-color);
}

.img-crop-modal .ant-modal-header, .img-crop-modal .ant-modal-footer {
  border-color: var(--layout-container-border-color);
}

.img-crop-modal .ant-modal-footer {
  justify-content: flex-end;
  display: flex;
}

.img-crop-modal .ant-modal-footer .ant-btn:not(.ant-btn-primary) {
  color: var(--body-text-color);
  background-color: #0000;
}

.img-crop-modal .ant-modal .ant-slider-track {
  background-color: var(--primary);
}

.img-crop-modal .ant-modal .ant-slider-rail {
  opacity: .3;
  background-color: var(--body-text-color);
}

.ant-select-selector {
  background-color: var(--input-bg-color) !important;
  border-color: var(--dropdown-button-border-color) !important;
  border-radius: .8rem !important;
  height: 4rem !important;
  padding: .8rem 1.2rem !important;
}

.ant-select-selector .ant-select-selection-placeholder {
  line-height: 2rem !important;
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: var(--ant-primary-color-hover) !important;
}

.ant-select-arrow {
  color: var(--body-text-color) !important;
}

.ant-select-selection-search-input, .ant-select-selection-item {
  font-size: 1.4rem;
  color: var(--body-text-color) !important;
}

.ant-select-selection-search-input {
  padding: .8rem 1.2rem;
}

.ant-select-selection-item {
  line-height: unset !important;
}

.ant-select-selection-search-input {
  height: 100% !important;
}

.ant-select-dropdown {
  padding: .4rem;
  background-color: var(--dropdown-bg-color) !important;
  border-radius: .8rem !important;
}

.ant-select-item {
  border-radius: .4rem;
  margin-bottom: .4rem;
  padding: .8rem 1.2rem;
  color: var(--body-text-color) !important;
}

.ant-select-item:last-of-type {
  margin-bottom: 0;
}

.ant-select-item-group, .ant-select-item-group:hover {
  background-color: #0000 !important;
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled), .ant-select-item-option-active:not(.ant-select-item-option-disabled):hover {
  background-color: var(--dropdown-item-hover-bg-color) !important;
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled).ant-select-item-option-selected, .ant-select-item-option-active:not(.ant-select-item-option-disabled).ant-select-item-option-selected:hover, .ant-select-item-option-selected, .ant-select-item-option-selected:hover {
  background-color: var(--dropdown-item-selected-bg-color) !important;
  color: #fff !important;
}

.ant-select-item:not(.ant-select-item-option-selected):not(.ant-select-item-group):hover {
  background-color: var(--dropdown-item-hover-bg-color) !important;
}

.ant-tabs-tab-btn {
  font-weight: 600;
  color: var(--body-text-color) !important;
}

.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--primary) !important;
}

.ant-tabs-nav {
  margin-bottom: 3.2rem !important;
}

.ant-modal-content {
  background-color: var(--popup-bg-color);
  overflow: hidden;
}

.ant-modal-confirm-body .ant-modal-confirm-content {
  color: var(--body-text-color);
}

.ant-modal-confirm-body .ant-modal-confirm-title, .ant-modal-close-icon {
  color: var(--popup-title-color);
}

.ant-select-selection-item-remove {
  color: var(--popup-title-color) !important;
}

.ant-form-item-required {
  color: var(--popup-title-color);
}

.ant-select.ant-select-multiple .ant-select-selection-item {
  background-color: var(--popup-label-color) !important;
  border: none !important;
}

.ant-modal-body {
  padding-bottom: 0;
}

.ant-modal-footer {
  background-color: var(--popup-bg-color);
  border-top: 1px solid var(--layout-container-border-color);
  justify-content: flex-end;
  margin: 0;
  padding: 12px 16px;
  display: flex;
}

.ant-alert {
  border-radius: 1rem;
  margin-bottom: 1rem;
}

.calendar {
  font-size: .8em;
}

.calendar-wrapper {
  flex-direction: row;
  display: flex;
}

.calendar-sider {
  flex-direction: column;
  flex-shrink: 0;
  width: 200px;
  margin-right: 2rem;
  padding-top: 80px;
  font-size: 1rem;
  display: flex;
}

.calendar-sider-item {
  height: 80px;
}

.calendar-sider-item .ant-image {
  border-radius: .5rem;
  overflow: hidden;
}

.calendar-sider-item-img {
  object-fit: cover;
  border-radius: .5rem;
}

.ReactVirtualized__Wrapper {
  flex: 1;
  overflow: hidden;
}

.ReactVirtualized__Wrapper .TopRightGrid_ScrollWrapper .ReactVirtualized__Grid__innerScrollContainer {
  border-radius: .5rem;
  margin: 0 .1rem;
}

.ReactVirtualized__Cell {
  padding: .2rem;
}

.ReactVirtualized__Cell__header {
  background-color: var(--primary);
  width: 100%;
  color: var(--light-1);
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.ReactVirtualized__Cell__inner {
  background-color: var(--layout-bg-color);
  width: 100%;
  height: 100%;
  color: var(--body-text-color);
  cursor: pointer;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .2rem;
  font-size: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ReactVirtualized__Cell__inner.weekend:after {
  content: "";
  z-index: 1;
  background-color: #0000000d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ReactVirtualized__Cell__inner.blocked {
  font-weight: bold;
  background-color: var(--calendar-blocked-background-color) !important;
  border: 1px solid var(--danger) !important;
  color: var(--calendar-blocked-text-color) !important;
}

.ReactVirtualized__Cell__inner.blocked:after {
  content: none;
  background-color: var(--calendar-blocked-text-color) !important;
}

.ReactVirtualized__Cell__inner.blocked.selected-row {
  background-color: var(--calendar-blocked-background-color) !important;
}

.ReactVirtualized__Cell__inner.blocked.selection-range {
  border-color: var(--calendar-blocked-background-color) !important;
  color: var(--light-1) !important;
  background-color: var(--danger-60) !important;
}

.ReactVirtualized__Cell__inner.blocked.selection-start, .ReactVirtualized__Cell__inner.blocked.selection-end {
  background-color: var(--danger) !important;
  border-color: var(--calendar-blocked-background-color) !important;
  color: var(--light-1) !important;
}

.ReactVirtualized__Cell__inner.with-custom-price {
  background-color: #7367f033;
  flex-direction: column;
}

.ReactVirtualized__Cell__inner.selection-start, .ReactVirtualized__Cell__inner.selection-end {
  color: var(--light-1);
  background-color: var(--ant-primary-7) !important;
}

.ReactVirtualized__Cell__inner.selection-range {
  color: var(--light-1);
  background-color: #7367f0cc;
}

.ReactVirtualized__Cell__inner.selected-row {
  border: 1px solid var(--primary);
}

.ReactVirtualized__Cell__inner.disabled {
  opacity: .3;
  cursor: not-allowed;
}

.custom-price-popover {
  color: var(--actions-menu-text-color);
  padding: 2rem;
}

.ant-drawer-header, .ant-drawer-content {
  background-color: var(--popup-row-color);
  border: none;
}

.ant-drawer-close, .ant-drawer-title, .ant-drawer-content, .ant-form {
  color: var(--actions-menu-text-color);
}

.ant-input-number-group-addon {
  background-color: var(--popup-row-color);
  color: var(--actions-menu-text-color);
}

.app-menu {
  color: var(--app-menu-text-color);
  background-color: #0000;
  border: none;
  width: calc(100% - 2rem);
  margin: 0 1rem;
}

.app-menu .ant-menu-item {
  transition-duration: var(--transition-time);
  border-radius: .8rem;
  height: 4.8rem !important;
  margin: 0 !important;
  padding-left: 1rem !important;
}

.app-menu .ant-menu-item .MuiSvgIcon-root {
  font-size: 24px;
}

.app-menu .ant-menu-item:active, .app-menu .ant-menu-item:focus {
  background-color: var(--app-menu-item-active-bg-color);
}

.app-menu .ant-menu-item:active a, .app-menu .ant-menu-item:active svg, .app-menu .ant-menu-item:focus a, .app-menu .ant-menu-item:focus svg, .app-menu .ant-menu-item:hover a, .app-menu .ant-menu-item:hover svg {
  color: var(--app-menu-item-active-text-color);
}

.app-menu .ant-menu-item a {
  color: var(--app-menu-text-color);
}

.app-menu .ant-menu-item-selected {
  color: var(--app-menu-selected-text-color);
  transition: var(--transition-time);
  background-color: var(--app-menu-selected-bg-color) !important;
}

.app-menu .ant-menu-item-selected a, .app-menu .ant-menu-item-selected:hover a, .app-menu .ant-menu-item-selected:hover svg {
  color: var(--app-menu-selected-text-color);
}

.app-menu .ant-menu-item .ant-menu-title-content {
  margin-left: .8rem;
  letter-spacing: .2px !important;
}

.app-menu .ant-menu-item:after {
  background-color: var(--app-menu-selected-text-color);
  border: none;
  border-radius: .8rem;
  width: .2rem;
  height: 3.2rem;
  top: 50%;
  right: .3rem;
  transform: translate(0, -50%);
}

.app-menu .ant-menu-submenu {
  border-radius: .8rem;
  margin-bottom: .2rem;
  padding-bottom: 0;
}

.app-menu .ant-menu-submenu .MuiSvgIcon-root {
  font-size: 24px;
}

.app-menu .ant-menu-submenu:hover .ant-menu-submenu-arrow {
  transition: var(--transition-time);
  color: var(--app-menu-item-active-text-color) !important;
}

.app-menu .ant-menu-submenu-title {
  transition: var(--transition-time);
  color: var(--app-menu-text-color);
  border-radius: .8rem;
  height: 4.8rem !important;
  padding-left: 1rem !important;
  padding-right: 0 !important;
}

.app-menu .ant-menu-submenu-title:hover * {
  color: var(--app-menu-item-active-text-color);
}

.app-menu .ant-menu-submenu-title a {
  color: var(--app-menu-text-color);
}

.app-menu .ant-menu-submenu-title:active {
  background-color: var(--app-menu-item-active-bg-color);
}

.app-menu .ant-menu-submenu-title:active * {
  color: var(--app-menu-item-active-text-color);
}

.app-menu .ant-menu-submenu-title:active .ant-menu-submenu-arrow {
  color: var(--app-menu-item-active-text-color) !important;
}

.app-menu .ant-menu-submenu-arrow {
  right: 1rem;
  color: var(--app-menu-text-color) !important;
}

.app-menu .ant-menu-submenu-selected, .app-menu .ant-menu-submenu-selected .ant-menu-title, .app-menu .ant-menu-submenu-selected .ant-menu-submenu-arrow {
  color: var(--app-menu-text-color) !important;
}

.app-menu .ant-menu-sub.ant-menu-inline {
  background-color: #0000;
  border-radius: .8rem;
}

.app-menu.ant-menu-inline-collapsed .ant-menu-item, .app-menu.ant-menu-inline-collapsed .ant-menu-submenu-title {
  margin: 0 !important;
  padding: 1.1rem 1.6rem !important;
}

.app-menu .ant-menu-item-disabled * {
  color: var(--app-menu-text-color) !important;
}

.app-menu .ant-menu-item-disabled:active {
  background-color: #0000 !important;
}

.header {
  background-color: var(--header-bg-color);
  width: 100%;
  transition: var(--transition-time);
  z-index: 1000;
  border-radius: .8rem;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem;
  display: flex;
  position: relative;
  box-shadow: 0 4px 10px #0000001a;
}

.header-links {
  padding: 0 .8rem;
}

.header-links a {
  transition: var(--transition-time);
  color: var(--header-text-color) !important;
}

.header-links a svg {
  fill: var(--header-text-color) !important;
}

.header-search {
  width: 3.2rem;
  transition: var(--transition-time);
  border: 1px solid #0000;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  padding: .4rem;
  display: flex;
  height: 3.2rem !important;
}

.header-search.open, .header-search:hover, .header-search:focus-within {
  border-color: var(--input-border-color);
  width: 27.2rem;
  padding: .4rem .4rem .4rem 1.2rem;
}

.header-search.open.ant-input-affix-wrapper, .header-search:hover.ant-input-affix-wrapper, .header-search:focus-within.ant-input-affix-wrapper {
  background-color: var(--input-bg-color) !important;
}

.header-search.open input, .header-search:hover input, .header-search:focus-within input {
  width: 100%;
  margin-right: .4rem;
}

.header-search.ant-input-affix-wrapper {
  background-color: #0000 !important;
}

.header-search .ant-input-suffix {
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0;
  display: flex;
}

.header-search input {
  letter-spacing: .03px;
  width: 0;
  height: auto;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
}

.header-menu {
  align-items: center;
  display: flex;
}

.header-menu > * {
  color: var(--header-text-color);
  transition: var(--transition-time);
  margin-left: 1.2rem;
}

.header-menu > :hover, .header-menu > :focus {
  color: var(--header-text-color);
}

.header-menu > :first-child {
  margin-left: 0;
}

.header-menu .global-add {
  color: var(--light-4);
  margin-left: 2rem;
}

.header-search-selector .ant-select-selector {
  padding: .4rem 0 !important;
}

.header-time {
  flex-direction: column;
  align-items: flex-start;
  margin-left: .8rem;
  display: flex;
}

.header-time-label {
  transition: var(--transition-time);
  font-size: 1.2rem;
  color: var(--header-time-label-color) !important;
}

.header-time-value {
  transition: var(--transition-time);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1em;
  color: var(--header-time-value-color) !important;
}

.header-user {
  z-index: 101;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.header-user:before {
  content: "";
  z-index: 10;
  pointer-events: none;
  border: 2px solid #28c76f;
  border-radius: 100%;
  width: calc(100% + .8rem);
  height: calc(100% + .8rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.search-payment-method {
  height: 24px;
  margin-left: 1em;
}

.side-header {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 3.2rem;
  padding: 2.4rem 1rem 2.4rem 2.4rem;
  display: flex;
}

.side-header.collapsed {
  flex-direction: column;
  align-items: center;
  padding: 1.6rem;
}

.side-header.collapsed > :first-child {
  margin-bottom: 1.6rem;
}

.side-header button, .side-header button:hover, .side-header button:focus, .side-header button:active {
  color: var(--side-header-button-text-color);
}

.statistics-card {
  background-color: var(--statistics-card-bg-color);
  width: 100%;
  box-shadow: 0 0 1px 1px var(--statistics-card-shadow-color);
  cursor: pointer;
  transition: var(--transition-time);
  border: 2px solid #0000;
  border-radius: 1.6rem;
  padding: 2.4rem;
  display: flex;
}

.statistics-card .MuiSvgIcon-root {
  font-size: 24px;
}

.statistics-card.selected {
  background-color: var(--statistics-card-bg-color);
  transition: var(--transition-time);
  border: 2px solid #7367f0;
  box-shadow: 0 4px 10px #0000001a;
}

.statistics-card.selected .ant-avatar {
  background-color: #0000001a;
}

.statistics-card.selected .ant-avatar svg {
  color: var(--statistics-card-selected-icon-color) !important;
}

.statistics-card.selected .statistics-card-title, .statistics-card.selected .statistics-card-value, .statistics-card.selected .statistics-card-description {
  color: var(--statistics-card-selected-text-color) !important;
}

.statistics-card .ant-avatar {
  background-color: var(--statistics-card-icon-bg-color);
  width: 4.4rem;
  height: 4.4rem;
  transition: var(--transition-time);
  flex-shrink: 0;
  margin-right: 1.6rem;
  color: var(--statistics-card-icon-text-color) !important;
}

.statistics-card .ant-avatar svg {
  color: var(--statistics-card-icon-text-color) !important;
}

.statistics-card-content {
  flex-direction: column;
  display: flex;
}

.statistics-card-content > * + * {
  display: inline-block;
  margin-top: .4rem !important;
}

.statistics-card-title {
  transition: var(--transition-time);
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--statistics-card-text-color) !important;
}

.statistics-card-value {
  letter-spacing: -.2px;
  transition: var(--transition-time);
  font-size: 2.8rem;
  color: var(--statistics-card-text-color) !important;
  line-height: 4.2rem !important;
}

.statistics-card-middle {
  align-items: flex-end;
  display: flex;
}

.statistics-card-diff {
  align-items: flex-end;
  padding: .8rem;
  line-height: 1em;
  display: inline-flex;
}

.statistics-card-diff.rising {
  color: #28c76f !important;
}

.statistics-card-diff.falling {
  color: #ea5354 !important;
}

.statistics-card-description {
  transition: var(--transition-time);
  font-size: 1.2rem;
  line-height: 1em;
  color: var(--statistics-card-text-color) !important;
}

.ant-statistic-content-value {
  font-size: 1.4rem;
  color: var(--ant-statistic-content-value) !important;
}

.ant-table-wrapper .detailed-cell {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  color: #636363 !important;
}

.ant-table-wrapper .detailed-cell-id {
  transition: var(--transition-time);
  align-items: center;
  display: flex;
  color: var(--detailed-cell-id-color) !important;
}

.ant-table-wrapper .detailed-cell-id > svg {
  transition: var(--transition-time);
  margin-right: .4rem;
  color: var(--detailed-cell-id-color) !important;
  font-size: 1.6rem !important;
}

.ant-table-wrapper .detailed-cell-label {
  transition: var(--transition-time);
  text-align: inherit;
  width: 100%;
  color: var(--detailed-cell-label-color) !important;
}

.ant-table-wrapper .user-count {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ant-table-wrapper .user-count svg {
  color: #7367f0;
  margin-right: .2rem;
  font-size: 1.6rem;
}

.ant-table-wrapper .user-count-label {
  line-height: 1em;
}

.ant-table-wrapper .payment-method {
  width: 4rem;
}

.ant-table-wrapper .payment-method-small {
  width: 3rem;
}

.ant-table-wrapper .actions-more {
  color: #d8d6de;
}

.ant-table-wrapper .full-paid {
  color: #28c76f !important;
}

.base-table-summary {
  background-color: red;
}

.base-table-summary-title {
  opacity: .75;
  font-size: 1.4rem;
  font-weight: 500;
}

.base-table-summary-label {
  font-weight: 500;
}

.base-table .status {
  font-weight: 600;
}

.base-table .status-cell {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.base-table .status-actions {
  justify-content: flex-end;
  display: none;
}

.base-table .status-actions svg {
  color: var(--table-quick-actions-icon-color);
  transition: var(--transition-time);
  font-size: 24px;
}

.base-table .status-actions svg:hover {
  color: var(--primary);
}

.base-table .status-actions svg:active {
  opacity: .75;
}

.ant-table-row:hover .status-cell {
  display: none;
}

.ant-table-row:hover .status-actions {
  display: flex;
}

.ant-table-cell.fit-content {
  width: 0;
}

.export-data {
  font-size: 16px;
}

.table-filters-button {
  height: auto;
  color: var(--table-filter-button-text-color);
  border-color: var(--table-filter-button-border-color);
  transition: var(--transition-time) !important;
  padding: 1.2rem 2.4rem !important;
}

.table-filters-button:not(.ant-btn-primary) {
  background-color: var(--table-filter-button-bg-color) !important;
}

.table-filters-button.ant-btn-primary {
  color: var(--table-filter-button-selected-text-color);
}

.table-filters-button.highlighted {
  border: 1px solid #ff9e43 !important;
}

.table-filters-button.highlighted.ant-btn-primary {
  color: var(--table-filter-button-selected-text-color) !important;
  background-color: #ff9e43 !important;
}

.table-filters-button.highlighted.ant-btn-primary:hover {
  color: #fff !important;
}

.table-filters-button.highlighted:hover {
  color: #ff9e43 !important;
}

.details-popover {
  background: var(--detailed-popover-bg-color);
  width: 100%;
  min-width: 29rem;
  max-width: 32rem;
}

.details-popover-title {
  color: var(--detailed-popover-title-color);
  padding: 1.6rem 1.6rem .8rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.details-popover .ant-row, .details-popover .ant-row .ant-col {
  width: 100%;
}

.details-popover-inner {
  width: 100%;
  padding: 1.6rem;
  display: flex;
}

.details-popover-inner > * + * {
  margin-left: 1.6rem;
}

.details-popover-avatar {
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.details-popover-label {
  color: var(--detailed-popover-label-color);
  font-weight: 600;
}

.details-popover-time {
  color: var(--detailed-popover-info-color);
  font-size: 1.2rem;
  font-weight: 300;
}

.details-popover-list-item {
  align-items: center;
  display: flex;
  color: var(--detailed-popover-list-item-color) !important;
}

.details-popover-list-item > svg {
  color: var(--detailed-popover-list-item-icon-color);
  margin-right: .4rem;
  font-size: 1.6rem !important;
}

.details-popover-list-item._id {
  color: var(--detailed-popover-list-item-id-color) !important;
}

.details-popover-list-item._id svg {
  color: var(--detailed-popover-list-item-id-color);
}

.details-popover-button {
  height: auto;
  margin-top: 1.6rem;
  padding: 1.2rem 2.4rem !important;
}

.guests-list {
  min-width: 20rem;
}

.guests-list .guests-item {
  align-items: center;
  display: flex;
}

.guests-list .guests-item svg {
  color: #7367f0;
  font-size: 1.6rem;
}

.guests-list .guests-item-label {
  color: var(--guests-list-text-color);
  margin-left: .4rem;
}

.quick-payment-details {
  min-width: 60rem;
}

.quick-payment-details-inner {
  margin-top: 2.4rem;
}

.quick-payment-details .payment-process {
  width: 100%;
  display: flex;
}

.quick-payment-details .payment-process > div {
  border-bottom: .4rem solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: .2rem;
  padding-bottom: .8rem;
  padding-right: .8rem;
  display: flex;
}

.quick-payment-details .payment-process > div:first-of-type {
  margin-left: 0;
}

.quick-payment-details .payment-process > div.paid {
  border-color: #28c76f;
  color: #28c76f !important;
}

.quick-payment-details .payment-process > div.next-payment {
  color: #ff9e43;
  border-color: #ff9e43;
}

.quick-payment-details .payment-process > div.remaining {
  border-color: var(--quick-payment-details-secondary-color);
  color: var(--quick-payment-details-secondary-color);
}

.quick-payment-details .payment-process > div .label {
  color: var(--quick-payment-details-text-color);
  margin-bottom: .4rem;
  font-size: 1.2rem;
  line-height: 1em;
}

.quick-payment-details .payment-process > div .value {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1em;
}

.quick-payment-details .payment-summary {
  display: flex;
}

.quick-payment-details .payment-summary > div {
  border-left: 1px solid var(--quick-payment-details-separator-color);
  color: var(--quick-payment-details-text-color);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 1.6rem;
  display: flex;
}

.quick-payment-details .payment-summary > div:first-of-type {
  border-left: none;
}

.quick-payment-details .payment-summary .label {
  color: var(--quick-payment-details-text-color);
  margin-bottom: .8rem;
  font-size: 1.2rem;
  line-height: 1em;
}

.quick-payment-details .payment-summary .value {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1em;
}

.quick-payment-details .payment-summary .value.paid {
  color: #28c76f;
}

.quick-payment-details .payment-summary .value.remaining {
  color: #6e6c7b;
}

.quick-payment-details .payment-details {
  background-color: var(--detailed-popover-inner-bg-color);
  flex-direction: column;
  align-items: flex-start;
  padding: 2.4rem 1.6rem;
  display: flex;
}

.quick-payment-details .payment-details-title {
  color: var(--quick-payment-details-text-color);
  font-size: 1.4rem;
  font-weight: 600;
}

.quick-payment-details .payment-details-table {
  width: 100%;
  margin-top: 1.6rem;
}

.quick-payment-details .payment-details-table td {
  padding: .4rem !important;
}

.quick-payment-details .payment-details-table th, .quick-payment-details .payment-details-table td {
  padding-left: 0 !important;
}

.quick-payment-details .payment-details-table th:before {
  display: none;
}

.quick-payment-details .payment-details-table *, .quick-payment-details .payment-details-table :hover {
  color: var(--quick-payment-details-text-color);
  font-weight: 400;
  background-color: #0000 !important;
  border: none !important;
}

.quick-payment-details .payment-details-table .info-description {
  margin-top: .2rem;
  line-height: 1em;
}

.quick-payment-details .payment-details-table .paid {
  font-weight: 600;
  color: #28c76f !important;
}

.quick-payment-details .payment-details-table .pending {
  font-weight: 600;
}

.quick-payment-details .payment-details-table .canceled, .quick-payment-details .payment-details-table .declined, .quick-payment-details .payment-details-table .expired {
  font-weight: 600;
  color: #ea5354 !important;
}

.quick-payment-details .payment-details-table .next-payment {
  color: #ff9e43 !important;
}

.quick-payment-details .payment-details-table .info-cell {
  min-height: 2rem;
}

.actions-menu {
  padding: .8rem;
}

.actions-menu-item {
  align-items: center;
  display: flex;
  color: #636363 !important;
  border-radius: .8rem !important;
  height: 3.6rem !important;
  margin: .4rem 0 !important;
}

.actions-menu-item .MuiSvgIcon-root {
  font-size: 16px;
}

.actions-menu-item a, .actions-menu-item span {
  color: var(--actions-menu-text-color) !important;
}

.actions-menu-item:hover a {
  color: var(--actions-menu-hover-text-color) !important;
}

.actions-menu-item:active {
  background-color: var(--actions-menu-active-bg-color);
}

.actions-menu-item.success span {
  color: #28c76f !important;
}

.actions-menu-item.success:active {
  background-color: #28c76f33;
}

.actions-menu-item.danger span {
  align-items: center;
  display: flex;
  color: #ea5354 !important;
}

.actions-menu-item.danger:active {
  background-color: #ea535433;
}

.two-line-cell {
  flex-direction: column;
  display: flex;
}

.two-line-cell > :first-of-type {
  color: var(--two-line-cell-first-color) !important;
}

.two-line-cell > :last-of-type {
  color: var(--two-line-cell-second-color) !important;
  font-weight: 700 !important;
}

.notification {
  width: 100%;
  transition: var(--transition-time);
  align-items: flex-start;
  padding: 1.6rem;
  display: flex;
}

.notification:hover {
  background-color: var(--notification-hover-bg-color);
  cursor: pointer;
}

.notification > * + * {
  margin-left: 1.6rem;
}

.notification-list {
  width: 36rem;
  max-height: 40rem;
  overflow: auto;
}

.notification-list .ant-list-item {
  width: 100%;
  padding: 0;
  border-color: var(--notification-separator-color) !important;
}

.notification-image {
  width: 4rem;
  height: 4rem;
}

.notification-image.success {
  background-color: var(--success) !important;
}

.notification-image.warning {
  background-color: var(--warning) !important;
}

.notification-image.danger {
  background-color: var(--danger) !important;
}

.notification-image.info {
  background-color: var(--info) !important;
}

.notification-title {
  color: var(--notification-title-color);
  font-size: 1.4rem;
  font-weight: 600;
}

.notification-message {
  color: var(--notification-message-color);
}

.notification-body {
  flex-grow: 1;
}

.notification-actions {
  opacity: .3;
  display: flex;
}

.notification-actions * {
  color: var(--notification-title-color);
}

.progress-container.danger * {
  color: #ea5354;
}

.progress-container.warning * {
  color: #ff9e43;
}

.progress-container.success * {
  color: #28c76f;
}

.progress-container .progress-title {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3rem;
}

.progress-container .progress {
  min-width: 6rem;
  height: .8rem;
}

.progress-container .progress .ant-progress-inner {
  background: none;
  height: .8rem;
  box-shadow: 0 .4rem 1rem #0000001a;
}

.progress-container .progress .ant-progress-inner:before {
  content: "";
  opacity: .3;
  background-color: currentColor;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.progress-container .progress .ant-progress-inner .ant-progress-bg {
  background-color: currentColor;
  height: .8rem !important;
}

.full-page-loading {
  background-color: var(--body-bg-color);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0;
}

.full-page-loading-image {
  height: 6rem;
  animation: 1.5s infinite forwards breath;
}

@keyframes breath {
  0% {
    opacity: .25;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: .25;
  }
}

.rating-label {
  font-weight: 600;
  color: #ff9e43 !important;
}

.user-action-details {
  max-width: 50rem;
}

.user-action-details .user-actions-table .ant-table-tbody .ant-table-cell {
  background-color: var(--action-details-bg-color);
  border: none;
}

.user-action-details .user-actions-table .ant-table-thead .ant-table-cell {
  background-color: var(--action-details-bg-color);
  border-bottom-width: .5px;
}

.inner-layout-sider {
  background-color: var(--layout-container-bg-color);
  min-height: unset;
  flex: 0 0 26rem !important;
  width: 26rem !important;
  min-width: 26rem !important;
  max-width: 26rem !important;
}

.inner-layout-sider .detailed-information {
  text-align: center;
  width: 100%;
  padding: 4rem 4.8rem;
}

.inner-layout-sider .detailed-information .profile-picture {
  margin-bottom: 1.2rem;
  width: 8rem !important;
  height: 8rem !important;
}

.inner-layout-sider .detailed-information .primary-text {
  font-weight: 600;
  color: var(--profile-details-sider-profile-information-primary-color) !important;
}

.inner-layout-sider .detailed-information .secondary-text {
  color: var(--profile-details-sider-profile-information-secondary-color) !important;
}

.inner-layout-sider-menu {
  width: 100%;
  margin: 0;
  padding: 0;
}

.inner-layout-sider-menu .ant-menu-item {
  transition-duration: var(--transition-time);
  border-radius: 0;
}

.inner-layout-sider-menu .ant-menu-item .ant-menu-title-content, .inner-layout-sider-menu .ant-menu-item a {
  color: var(--app-menu-text-color);
  transition: var(--transition-time);
}

.inner-layout-sider-menu .ant-menu-item:hover .ant-menu-title-content {
  color: var(--app-menu-item-active-text-color);
}

.inner-layout-sider-menu .ant-menu-item-selected .ant-menu-title-content, .inner-layout-sider-menu .ant-menu-item-selected:focus .ant-menu-title-content, .inner-layout-sider-menu .ant-menu-item-selected:hover .ant-menu-title-content {
  color: var(--app-menu-selected-text-color);
}

.inner-layout-sider .ant-menu-item-selected:hover {
  color: var(--body-text-color);
}

.inner-layout .inner-layout-content {
  background-color: var(--layout-container-bg-color);
  padding: 3.2rem;
  overflow: visible;
}

.inner-layout .inner-layout-content .ant-tabs {
  overflow: unset;
  height: 100%;
}

.inner-layout .inner-layout-content .ant-tabs-content {
  height: 100%;
}

.inner-layout .inner-layout-content .ant-tabs-tabpane {
  padding-top: .8rem;
}

.inner-layout .inner-layout-content .ant-tabs-nav {
  margin-bottom: 0;
}

.inner-layout .inner-layout-content .tab-container {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.inner-layout .inner-layout-content .tab-container .buttons {
  margin-top: auto;
}

.basic-table {
  border-radius: .8rem;
  width: 100%;
  overflow: hidden;
}

.basic-table th, .basic-table td {
  font-size: 1.4rem;
}

.basic-table th, .basic-table th:hover {
  background-color: var(--table-header-bg-color) !important;
}

.basic-table th:before {
  display: none;
}

.basic-table *, .basic-table :hover {
  color: var(--body-text-color);
  font-weight: 400;
  border-color: var(--table-border-color) !important;
}

.basic-table a.ant-btn {
  border: none;
  color: #fff !important;
}

.basic-table a.ant-btn span {
  color: #fff !important;
}

.emails-list {
  min-width: 20rem;
}

.emails-list-scrollable {
  max-height: 25rem;
  overflow-y: auto;
}

.emails-list .emails-item {
  align-items: center;
  display: flex;
}

.emails-list .emails-item svg {
  color: #7367f0;
  font-size: 1.6rem;
}

.emails-list .emails-item-label {
  color: var(--guests-list-text-color);
  margin-left: .4rem;
}

.auto-complete-item {
  padding: .5rem;
  display: flex;
}

.auto-complete-item-description {
  opacity: .6;
  flex: 1;
}

.auto-complete-item-title {
  flex: 1;
}

.auto-complete-item-content {
  flex: 1;
  margin-left: 1rem;
  display: flex;
}

.auto-complete-item-id {
  text-align: right;
  opacity: .6;
  min-width: 9rem;
  margin-left: auto;
  font-weight: 600;
}

.ant-select-auto-complete .ant-select-selector {
  height: auto !important;
}

.phone-input {
  display: flex;
}

.phone-input .ant-select, .phone-input .ant-select.ant-select-single .ant-select-selector {
  flex: 1;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.phone-input .ant-select .ant-select-selection-search-input, .phone-input .ant-select.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  height: 100% !important;
}

.phone-input .ant-input.number-input {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: 4;
}

.version-history-card {
  margin-bottom: 24px;
}

.version-history-card .ant-timeline {
  margin-top: 16px;
}

.version-history-card .version-entry .version-header {
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.version-history-card .version-entry .version-content {
  margin-bottom: 8px;
}

.version-history-card .version-entry .version-content .version-description {
  color: var(--card-text-color);
  margin-top: 8px;
}

.accommodation-details .details-popover-inner {
  background: var(--detailed-popover-inner-bg-color);
}

.accommodation-details-header {
  padding: 1.6rem;
}

.accommodation-details-header img {
  object-fit: cover;
  border-radius: .4rem;
  width: 6rem;
  height: 6rem;
  max-height: 6rem;
}

.accommodation-details-header ._id {
  opacity: 1;
}

.reservation-payments-table .ant-table-row.paid {
  background-color: #28c76f66 !important;
}

.reservation-payments-table .ant-table-row.pending {
  background-color: #f76e1166 !important;
}

.reservation-payments-table .ant-table-row.scheduled {
  background-color: #6687e480 !important;
}

.reservation-payments-table .ant-table-row.investment {
  background-color: #cf31a266 !important;
}

.reservation-payments-table * {
  font-size: 1.4rem !important;
}

.reservation-payments-table strong {
  font-weight: 700 !important;
}

.purge-reservation-modal .ant-modal-content {
  border: 1px solid var(--layout-container-border-color, #e5e7eb);
}

.purge-reservation-modal .purge-result {
  margin-top: 12px;
}

.purge-reservation-modal .purge-result .purge-result-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
  margin-top: 8px;
  display: grid;
}

.purge-reservation-modal .purge-result .purge-result-grid .label {
  color: var(--detailed-cell-id-color, #6b7280);
  font-size: 12px;
}

.purge-reservation-modal .purge-result .purge-result-grid .value {
  color: var(--body-text-color, #111827);
  word-break: break-all;
  font-weight: 600;
}

.purge-reservation-modal .purge-result .deleted-section {
  margin-top: 8px;
}

.purge-reservation-modal .purge-result .deleted-section ul {
  margin: 6px 0 0 18px;
  padding: 0;
}

.purge-reservation-modal .purge-result .deleted-section li {
  color: var(--body-text-color, #111827);
}

.purge-reservation-modal .purge-result .deleted-section .key {
  color: var(--detailed-cell-label-color, #374151);
}

.purge-reservation-modal .purge-result .deleted-section .value {
  font-weight: 600;
}

html[data-theme="dark"] .purge-reservation-modal .collections-to-purge, html[data-theme="dark"] .purge-reservation-modal .collections-to-purge .ant-typography, html[data-theme="dark"] .purge-reservation-modal .collections-to-purge ul, html[data-theme="dark"] .purge-reservation-modal .collections-to-purge li {
  color: var(--light-4);
}

html[data-theme="dark"] .purge-reservation-modal .purge-result .purge-result-grid .label {
  color: var(--detailed-cell-id-color, #9ca3af);
}

html[data-theme="dark"] .purge-reservation-modal .purge-result .purge-result-grid .value, html[data-theme="dark"] .purge-reservation-modal .purge-result .deleted-section li {
  color: var(--light-4);
}

html[data-theme="dark"] .purge-reservation-modal .purge-result .deleted-section .key {
  color: var(--detailed-popover-label-color, #d0d2d6);
}

.reservations-table.compact-rows .ant-table-tbody > tr > td {
  padding: 8px 16px !important;
}

.reservations-table.compact-rows .ant-table-thead > tr > th {
  padding: 12px 16px !important;
}

.reservations-table .ant-table-cell:nth-child(3) {
  min-width: 280px;
  max-width: 320px;
}

.reservations-table .ant-table-cell:nth-child(4), .reservations-table .ant-table-cell:nth-child(5) {
  text-align: center;
  min-width: 140px;
  max-width: 160px;
}

.reservations-table .ant-table-cell:nth-child(3) .detailed-cell .detailed-cell-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.reservations-table .ant-table-cell:nth-child(3) > div[title] {
  cursor: help;
}

.reservations-table .ant-table-cell:nth-child(3) > div[title]:hover .detailed-cell .detailed-cell-label {
  color: var(--primary-color);
  transition: color .2s;
}

.page.auth {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 1.6rem;
  display: flex;
}

.auth-header {
  margin-bottom: 3.2rem;
}

.auth-header .ant-col {
  flex-direction: column;
  display: flex;
}

.auth-title {
  text-align: center;
  white-space: nowrap;
  margin-bottom: .8rem !important;
}

.auth-description {
  display: inline-block;
  text-align: center !important;
  color: var(--auth-description-color) !important;
}

.form-card {
  flex-shrink: 0;
  width: 100%;
  max-width: 40rem;
}

.form-card .form-link {
  margin-top: 1.2rem;
  margin-bottom: 2.4rem;
  display: inline-block;
}

.guest-billing-info .details-popover-inner {
  padding: 1.6rem 1.6rem 1.2rem;
}

.guest-billing-info-cc-item {
  align-items: center;
  display: flex;
}

.guest-billing-info-cc-item img {
  max-height: 2rem;
}

.guest-billing-info .guests-item-label {
  margin-left: 1rem;
}

.guest-billing-info .ant-divider-horizontal {
  border-color: #fff;
  margin: 0;
}

.guest-billing-info-history {
  border-top: 1px solid var(--layout-container-bg-color);
  padding: 1.2rem 1.6rem 1.6rem;
}

.transaction-summary-preview {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  padding: 4px 8px;
  transition: background-color .3s;
  display: flex;
}

.transaction-summary-preview:hover {
  background-color: #f0f0f0;
}

.transaction-summary-preview span {
  color: #1890ff;
}

.transaction-summary-preview .mini-summary {
  flex-flow: row;
  gap: 8px;
  display: flex;
}

.transaction-summary-preview .mini-summary span {
  white-space: nowrap;
  margin-bottom: 2px;
}

.transaction-summary-preview .mini-summary span.highlight {
  color: #eb2f96;
  font-weight: 600;
}

.guest-transaction-history {
  min-width: 800px;
  max-width: 800px;
}

.guest-transaction-history .details-popover-title {
  margin-bottom: 8px;
  padding: 0 24px;
  font-size: 18px;
  font-weight: 600;
}

.guest-transaction-history .guest-transaction-history-inner {
  padding: 0;
}

.guest-transaction-history .guest-info {
  margin-bottom: 16px;
  padding: 0 24px;
}

.guest-transaction-history .guest-info .guest-name {
  color: #52c41a;
  font-size: 16px;
  font-weight: 500;
}

.guest-transaction-history .guest-info .guest-email {
  color: #666;
  margin-bottom: 12px;
  font-size: 14px;
}

.guest-transaction-history .transaction-summary {
  margin-bottom: 16px;
  padding: 0 4px;
}

.guest-transaction-history .transaction-summary .summary-header {
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-weight: 500;
  display: flex;
}

.guest-transaction-history .transaction-summary .summary-header .total-count {
  color: #888;
  font-size: 14px;
}

.guest-transaction-history .transaction-summary .last-updated {
  color: #888;
  text-align: right;
  padding: 4px 0;
  font-size: 12px;
}

.guest-transaction-history .transaction-summary .summary-content {
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px 0;
  display: flex;
}

.guest-transaction-history .transaction-summary .summary-item {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  align-items: center;
  min-width: 120px;
  padding: 8px 12px;
  display: flex;
}

.guest-transaction-history .transaction-summary .summary-item .item-details {
  flex-direction: column;
  margin-left: 12px;
  display: flex;
}

.guest-transaction-history .transaction-summary .summary-item .item-details .item-count {
  font-size: 16px;
  font-weight: 600;
}

.guest-transaction-history .transaction-summary .summary-item .item-details .item-label {
  color: #888;
  font-size: 12px;
}

.guest-transaction-history .transaction-summary .summary-item.date-changes {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}

.guest-transaction-history .transaction-summary .summary-item.date-changes .item-count {
  color: #d48806;
}

.guest-transaction-history .guest-transaction-history-content {
  padding: 16px 0;
}

.guest-transaction-history .guest-transaction-history-content .ant-tabs-nav {
  padding: 0 24px;
}

.guest-transaction-history .guest-transaction-history-content .ant-tabs-ink-bar {
  left: 24px;
  right: 24px;
  width: calc(100% - 48px) !important;
}

.guest-transaction-history .transaction-list {
  max-height: 400px;
  padding: 0 24px;
  overflow-y: auto;
}

.guest-transaction-history .transaction-list .transaction-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0;
  display: flex;
}

.guest-transaction-history .transaction-list .transaction-item:last-child {
  border-bottom: none;
}

.guest-transaction-history .transaction-list .transaction-item .transaction-date {
  color: #888;
  width: 150px;
  font-size: 14px;
}

.guest-transaction-history .transaction-list .transaction-item .transaction-details {
  flex: 1;
}

.guest-transaction-history .transaction-list .transaction-item .transaction-details .transaction-type {
  margin-bottom: 4px;
  font-weight: 500;
}

.guest-transaction-history .transaction-list .transaction-item .transaction-details .transaction-url, .guest-transaction-history .transaction-list .transaction-item .transaction-details .transaction-description {
  color: #666;
  word-break: break-all;
  font-size: 14px;
}

.guest-transaction-history .no-data {
  text-align: center;
  color: #888;
  padding: 32px 0;
}

.guest-transaction-history .ant-timeline {
  margin-top: 16px;
}

.guest-transaction-history .ant-timeline .ant-timeline-item {
  padding-bottom: 16px;
}

.guest-transaction-history .ant-timeline .ant-timeline-item-tail {
  border-left: 2px solid #e8e8e8;
}

.guest-transaction-history .ant-timeline .ant-timeline-item-head {
  background-color: #fff;
  border-radius: 100px;
  width: 20px;
  height: 20px;
}

.guest-transaction-history .timeline-item {
  padding: 0 0 0 12px;
}

.guest-transaction-history .timeline-item .timeline-title {
  color: #52c41a;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 600;
}

.guest-transaction-history .timeline-item .timeline-date {
  color: #888;
  margin-top: 2px;
  font-size: 12px;
}

.guest-transaction-history .timeline-item .timeline-content {
  color: #f0f0f0;
  word-break: break-word;
  margin-bottom: 2px;
  font-size: 14px;
}

.guest-transaction-history .timeline-item .timeline-content .room-category-details {
  margin-top: 10px;
  display: flex;
}

.guest-transaction-history .timeline-item .timeline-content .room-category-details .room-image {
  border-radius: 4px;
  width: 120px;
  height: 80px;
  margin-right: 15px;
  overflow: hidden;
}

.guest-transaction-history .timeline-item .timeline-content .room-category-details .room-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.guest-transaction-history .timeline-item .timeline-content .room-category-details .room-info {
  flex: 1;
}

.guest-transaction-history .timeline-item .timeline-content .room-category-details .room-info div {
  margin-bottom: 5px;
}

.guest-transaction-history .timeline-item .timeline-content .room-category-details .room-info div strong {
  font-weight: 600;
}

.coupon-table .description-cell {
  min-width: 20rem;
}

.base-settings-table .ant-table {
  background-color: #0000;
}

.page.invoice-details .myroom24-info {
  text-align: right;
  flex-direction: column;
  display: flex;
}

.page.invoice-details .myroom24-info .ant-space.ant-space-vertical:first-child {
  margin-bottom: 2rem;
}

.page.invoice-details .payment-details-row {
  padding: 6rem 0;
}

.page.invoice-details .payment-details-row .payment-details {
  width: 100%;
  padding: 2rem 0;
}

.page.invoice-details .payment-details-row .payment-details-item {
  justify-content: space-between;
  width: 100%;
  padding: 0 8rem;
}

.page.invoice-details .invoice-description-row {
  text-align: center;
  padding: 6rem 0;
}

.invoice {
  max-width: 21cm;
  max-height: 29.7cm;
  margin: 0 auto;
  padding: 4rem;
  font-size: .8rem;
  font-family: Lexend, sans-serif !important;
}

.invoice .detail-item {
  justify-content: space-between;
  width: 100%;
  min-width: 200px;
}

.invoice .detail-item.total {
  margin-top: 1cm;
  font-weight: bold;
}

.invoice .ant-typography {
  color: #000c;
  font-size: 1.6em;
  line-height: 1.8rem;
}

.invoice .payment-breakdown-title {
  font-size: 2em;
  line-height: 2.4rem;
  color: #726be5 !important;
  font-weight: 400 !important;
}

.invoice .thank-you-text {
  font-size: 2.4em;
  font-weight: 700;
  line-height: 2.8rem;
}

.invoice .legal-text {
  padding: 4rem 0;
  font-size: 1em;
  line-height: 1.1rem;
}

.invoice .company-info {
  font-size: .6rem;
}

@page {
  size: A4;
  margin: 0;
  padding: 0;
}

@media print {
  html, body {
    margin: 0;
    padding: 0;
  }

  .invoice {
    background-color: #fff;
    border: none;
    height: 285mm;
    margin: 0;
    padding: 0;
    font-size: .7em;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .ant-layout-sider, .page-title, .invoice-header, .ant-divider, .ant-layout-header {
    display: none;
  }
}

.images-tab .ant-upload {
  background-color: #0000;
  padding: 4rem 0;
}

.images-tab .ant-upload .primary-text {
  margin-bottom: .6rem;
  font-size: 1.6rem;
  font-weight: 500;
  display: block;
}

.images-tab .ant-upload .secondary-text {
  opacity: .8;
  font-size: 1.2rem;
}

.images-tab .ant-upload-list-picture-card {
  flex-wrap: wrap;
  gap: 0;
  padding: 2rem 0;
  display: flex;
}

.images-tab .ant-upload-list-picture-card-container {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.images-tab .ant-upload-list-picture-card-container .ant-space-item {
  max-width: 14rem;
}

.images-tab .ant-upload-list-picture-card-container .ant-space-item .photo {
  object-fit: cover;
  border-radius: .8rem;
  width: 100%;
  height: 14rem;
}

.images-tab .ant-upload-list-picture-card-container .ant-space-item .ant-image-mask {
  border-radius: .8rem;
}

.ant-image-preview-img {
  max-height: 80rem;
}

.ant-card-actions {
  background-color: #0000;
}

.ant-card-actions li {
  background-color: #0000;
  margin: 0;
}

.ant-card-actions li button {
  background-color: #0000;
  width: 100%;
}

.ant-card-actions li button:hover {
  color: var(--primary);
}

.drop-photo-card.drop-over-left {
  padding-left: 2rem;
  border-left: .6rem dashed #1890ff29 !important;
}

.drop-photo-card.drop-over-right {
  padding-right: 2rem;
  border-right: .6rem dashed #1890ff29 !important;
}

.ant-modal-confirm-btns {
  display: flex;
}

html[data-theme="dark"] .seasonal-booking-type-modal .ant-radio-wrapper, html[data-theme="dark"] .seasonal-booking-type-modal .ant-radio-wrapper .ant-radio + span {
  color: var(--light-4);
}

.seasonal-booking-type-section .ant-table-thead > tr > th {
  background-color: var(--table-header-bg-color);
  color: var(--table-header-text-color);
  border-color: var(--table-border-color) !important;
}

.seasonal-booking-type-section .ant-table-tbody > tr > td {
  border-color: var(--table-border-color) !important;
}

html[data-theme="dark"] .seasonal-booking-type-section .ant-divider .ant-divider-inner-text {
  color: var(--light-4) !important;
}

/*# sourceMappingURL=myroom24-admin-next_src_styles_main_scss_3a94538b.css.map*/