:root {
    --rz-base-100: #f3f6f9 !important;
    --rz-border-radius: 4px !important;
    --rz-primary: #053a94 !important;
    --rz-primary-light: #003b95 !important;
    --rz-icon-size: 1.2rem !important;
    --rz-primary-lighter: rgba(67, 64, 210, 0.12) !important;
    --rz-sidebar-background-color: var(--rz-base-100) !important;
    --rz-base-background-color: var(--rz-base-100) !important;
    --rz-layout-body-border-radius: calc(var(--rz-border-radius)* 4) !important;
    --rz-layout-body-background-color: transparent !important;
    --rz-card-background-color: var(--rz-white) !important;
    --rz-grid-header-background-color: var(--rz-white) !important;
    --rz-grid-data-border-shadow: none !important;
    --rz-grid-cell-border: var(--rz-border-base-300) !important;
    --rz-grid-right-cell-border: none !important;
    --rz-grid-bottom-cell-border: var(--rz-border-base-300) !important;
    --rz-grid-cell-padding: 0.625rem 1rem !important;
    --rz-grid-cell-color: var(--rz-text-color) !important;
    --rz-grid-cell-font-size: 0.875rem !important;
    --rz-grid-cell-line-height: var(--rz-body-line-height) !important;
    --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter) !important;
    --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter) !important;
    --rz-grid-cell-focus-outline: var(--rz-outline-focus) !important;
    --rz-grid-cell-focus-outline-offset: calc(-1* var(--rz-outline-width)) !important;
    --rz-grid-hover-background-color: var(--rz-base-200) !important;
    --rz-grid-hover-color: var(--rz-text-title-color) !important;
    --rz-grid-focus-outline: var(--rz-outline-focus) !important;
    --rz-grid-focus-outline-offset: var(--rz-outline-offset) !important;
    --rz-grid-selected-background-color: var(--rz-secondary-lighter) !important;
    --rz-grid-selected-color: var(--rz-on-secondary-lighter) !important;
    --rz-grid-toolbar-background-color: var(--rz-base-background-color) !important;
    --rz-grid-header-cell-border: none !important;
    --rz-grid-header-cell-border-bottom: var(--rz-border-base-400) !important;
    --rz-grid-header-background-color: var(--rz-base-background-color) !important;
    --rz-grid-header-font-size: 0.875rem !important;
    --rz-grid-header-line-height: 1.5rem !important;
    --rz-grid-header-font-weight: 500 !important;
    --rz-grid-header-text-transform: none !important;
    --rz-grid-header-color: var(--rz-text-title-color) !important;
    --rz-grid-header-cell-padding: 0.75rem 0 !important;
    --rz-grid-header-title-padding-inline: 1rem 0 !important;
    --rz-grid-header-sorted-background-color: var(--rz-base-200) !important;
    --rz-grid-header-padding: 1rem !important;
    --rz-grid-foot-cell-color: var(--rz-text-color) !important;
    --rz-grid-foot-background-color: var(--rz-base-100) !important;
    --rz-grid-filter-background-color: var(--rz-base-100) !important;
    --rz-grid-filter-padding: 0.5rem !important;
    --rz-grid-filter-margin: 0 !important;
    --rz-grid-filter-border: none !important;
    --rz-grid-filter-font-size: 0.875rem !important;
    --rz-grid-filter-icon-width: var(--rz-icon-size) !important;
    --rz-grid-filter-icon-height: var(--rz-icon-size) !important;
    --rz-grid-filter-icon-margin-inline: 0 0.25rem !important;
    --rz-grid-filter-icon-font-size: 0.875rem !important;
    --rz-grid-filter-color: var(--rz-text-tertiary-color) !important;
    --rz-grid-filter-focus-color: var(--rz-secondary) !important;
    --rz-grid-filter-gap: 1rem !important;
    --rz-grid-filter-buttons-padding: 0 1rem 1rem !important;
    --rz-grid-filter-buttons-border: none !important;
    --rz-grid-filter-buttons-background-color: var(--rz-base-100) !important;
    --rz-grid-filter-button-padding-inline: 1rem !important;
    --rz-grid-clear-filter-button-background-color: var(--rz-base-100) !important;
    --rz-grid-clear-filter-button-color: var(--rz-text-color) !important;
    --rz-grid-clear-filter-button-shadow: none !important;
    --rz-grid-apply-filter-button-background-color: var(--rz-base-100) !important;
    --rz-grid-apply-filter-button-color: var(--rz-primary) !important;
    --rz-grid-apply-filter-button-shadow: none !important;
    --rz-grid-header-filter-icon-margin-inline: auto 1rem !important;
    --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color) !important;
    --rz-grid-header-filter-icon-active-color: var(--rz-primary) !important;
    --rz-grid-header-filter-icon-font-size: 1.25rem !important;
    --rz-grid-border: var(--rz-border-base-300) !important;
    --rz-grid-border-radius: calc(var(--rz-border-radius)* 3) !important;
    --rz-grid-sort-icon-width: 1.25rem !important;
    --rz-grid-sort-icon-height: 1.25rem !important;
    --rz-grid-sort-icon-color: var(--rz-text-tertiary-color) !important;
    --rz-grid-shadow: none !important;
    --rz-grid-background-color: var(--rz-white) !important;
    --rz-grid-stripe-background-color: var(--rz-base-50) !important;
    --rz-grid-stripe-odd-background-color: var(--rz-white) !important;
    --rz-grid-column-resizer-width: 0.25rem !important;
    --rz-grid-column-resizer-helper-width: 0.125rem !important;
    --rz-grid-column-resizer-helper-background-color: var(--rz-secondary) !important;
    --rz-grid-column-icon-width: 2rem !important;
    --rz-grid-column-icon-padding: 0 !important;
    --rz-grid-detail-template-border: none !important;
    --rz-grid-detail-template-border-radius: 0 !important;
    --rz-grid-detail-template-padding: 0 !important;
    --rz-grid-detail-template-background-color: var(--rz-base-100) !important;
    --rz-grid-loading-indicator-color: currentColor !important;
    --rz-grid-loading-indicator-background-color: rgba(#c6cbd2, 0.5) !important;
    --rz-grid-frozen-cell-border: var(--rz-border-base-300) !important;
    --rz-grid-frozen-cell-background-color: var(--rz-base-100) !important;
    --rz-grid-state-transition: var(--rz-transition-all) !important;
    --rz-grid-group-header-padding: 1rem !important;
    --rz-grid-group-header-gap: 0.5rem !important;
    --rz-grid-group-header-item-color: var(--rz-text-color) !important;
    --rz-grid-group-header-item-background-color: var(--rz-base-200) !important;
    --rz-grid-group-header-item-padding-block: 0.25rem !important;
    --rz-grid-group-header-item-padding-inline: 0.75rem 0.5rem !important;
    --rz-grid-group-header-item-border: var(--rz-border-base-200) !important;
    --rz-grid-group-header-item-border-radius: calc(4* var(--rz-border-radius)) !important;
    --rz-grid-group-header-item-title-margin-inline: 0 0.5rem !important;
    --rz-column-drag-handle-color: var(--rz-text-disabled-color) !important;
    --rz-column-drag-handle-hover-color: var(--rz-text-title-color) !important;
    --rz-column-drag-handle-margin-inline: 0 !important;
    --rz-column-draggable-shadow: var(--rz-shadow-4) !important;
    --rz-layout-body-margin: 0.75rem 0.75rem 0.75rem !important;
    --rz-layout-body-padding: 0 !important;
    --rz-layout-body-border-radius: calc(var(--rz-border-radius)* 4) !important;
    --rz-panel-menu-item-border: none !important;
    --rz-panel-menu-item-border-radius: 10px !important;
    --rz-panel-menu-item-padding-block: 0.7rem !important;
    --rz-panel-menu-item-padding-inline: 1rem !important;
    --rz-card-border-radius: 12px !important;
    --rz-panel-menu-item-active-color: var(--rz-primary) !important;
    --rz-panel-menu-item-active-background-color: var(--rz-white) !important;
    --rz-input-background-color: var(--rz-white) !important;
    --rz-form-field-label-floating-background-color: var(--rz-white) !important;
    --rz-card-heading-margin-bottom: 0.7rem !important;
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300) !important;
    --rz-input-border-radius: 6px !important;
    --rz-border-hover: var(--rz-border-width) solid var(--rz-primary) !important;
    --rz-button-border-radius: 10px !important;
    --rz-dialog-background-color: var(--rz-white) !important;
    --rz-panel-menu-item-2nd-level-active-color: var(--rz-primary) !important;
    --rz-datalist-item-background-color: var(--rz-white) !important;
    --rz-steps-title-selected-color: var(--rz-info) !important;
    --rz-steps-number-selected-background: var(--rz-info) !important;
    --rz-dialog-title-background-color: var(--rz-white) !important;
}

.rz-sidebar {
    border-inline-end: none !important;
    padding: 0.7rem;
}

.rz-button-md {
    padding: 0.6rem 1.2rem !important;
}

hr {
    opacity: 0.2;
}

.db-box {
    margin-bottom: 20px;
}

    .db-box .rz-card .rz-text-h6 {
        margin-bottom: 0;
    }

    .db-box .db-card .rz-text-h6 {
        font-size: 13px;
        color: #6f7583;
        margin-bottom: 0;
    }

    .db-box .db-card .rz-text-h4 {
        margin-bottom: 0 !important;
    }

.in-house {
    background-color: #f7fff9 !important;
}

    .in-house h4 {
        color: #28a745 !important;
    }

.dirty-rooms {
    background-color: #fffdf7 !important;
}

    .dirty-rooms h4 {
        color: #ffc107 !important;
    }

.pending-check-out {
    background-color: #f4f9ff !important;
}

    .pending-check-out h4 {
        color: #007bff !important;
    }

.checked-out {
    background-color: #fff6f7 !important;
}

    .checked-out h4 {
        color: #dc3545 !important;
    }

.arrivals {
    background-color: #f4f9ff !important;
}

    .arrivals h4 {
        color: #007bff !important;
    }

.cancel {
    background-color: #fff8f9 !important;
}

    .cancel h4 {
        color: #dc3545 !important;
    }

.total-rooms {
    background-color: #eaffef !important;
}

    .total-rooms h4 {
        color: #28a745 !important;
    }

.sold {
    background-color: #fff6f7 !important;
}

    .sold h4 {
        color: #dc3545 !important;
    }

.out-of-service {
    background-color: #f1f1f1 !important;
}

    .out-of-service h4 {
        color: #343a40 !important;
    }

.available {
    background-color: #f6fff8 !important;
}

    .available h4 {
        color: #28a745 !important;
    }

.rz-button-md, .rz-button-sm, .rz-button-xs {
    text-transform: capitalize !important;
}

.main-title {
    margin-bottom: 12px;
}

    .main-title .rz-text-h5 {
        margin-bottom: 0 !important;
    }

.sub-title {
    padding-bottom: 10px;
}

    .sub-title .rz-card .rz-text-h6, .sub-title .rz-text-h6 {
        margin-bottom: 0 !important;
    }

.rz-cell-filter {
    height: 44px !important;
}

    .rz-cell-filter .rz-cell-filter-content {
        min-height: 28px !important;
    }

        .rz-cell-filter .rz-cell-filter-content .rz-cell-filter-label {
            height: 28px !important;
        }

    .rz-cell-filter .rz-textbox {
        padding: 0.2rem 0.5rem !important;
        height: 28px !important;
    }

.rz-grid-table thead th > div:not(.rz-cell-filter) {
    padding: 0.5rem !important;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
    background-color: var(--rz-white) !important;
}

.rz-panel-menu .rz-navigation-item-link:not(.rz-state-disabled):active {
    background-color: var(--rz-white) !important;
}

.rz-panel-menu .rz-navigation-item-wrapper {
    border-radius: 10px !important;
}

@media (min-width: 577px) and (max-width: 992px) {
    .rz-card-group.rz-card-group-responsive {
        flex-direction: column;
    }

        .rz-card-group.rz-card-group-responsive > .rz-card {
            flex: 1;
            border-radius: 0;
        }

            .rz-card-group.rz-card-group-responsive > .rz-card:first-of-type {
                border-start-start-radius: var(--rz-card-border-radius);
                border-start-end-radius: var(--rz-card-border-radius);
            }

            .rz-card-group.rz-card-group-responsive > .rz-card:last-of-type {
                border-end-start-radius: var(--rz-card-border-radius);
                border-end-end-radius: var(--rz-card-border-radius);
            }

        .rz-card-group.rz-card-group-responsive > .rz-variant-flat + .rz-variant-flat {
            margin: 0;
            margin-top: var(--rz-border-width);
        }

        .rz-card-group.rz-card-group-responsive > .rz-variant-outlined + .rz-variant-outlined {
            border-top: 0;
            border-inline-start: var(--rz-card-border);
        }

        .rz-card-group.rz-card-group-responsive > .rz-variant-text + .rz-variant-text {
            border: 0;
            border-top: var(--rz-card-border);
        }

    .rz-card-group > .rz-card:last-of-type {
        border-start-end-radius: 0 !important;
    }

    .rz-card-group > .rz-card:first-of-type {
        border-end-start-radius: 0 !important;
    }

    .rz-card-group > .rz-card.cancel:last-of-type {
        border-start-end-radius: var(--rz-card-border-radius) !important;
    }

    .rz-card-group > .rz-card.cancel:first-of-type {
        border-end-start-radius: var(--rz-card-border-radius) !important;
    }
}

.floor-card {
    position: relative;
}

    .floor-card i {
        position: absolute;
        left: -5px;
        top: -5px;
    }

    .floor-card .icon-left {
        left: -5px;
    }

    .floor-card .icon-right {
        right: -5px;
        left: auto;
    }

    .floor-card .rz-button {
        margin-top: 7px;
    }

        .floor-card .rz-button i {
            position: relative;
            left: 0;
            top: 0;
        }

.status-readytocheckin {
    background-color: #13a10e !important;
    color: #ffffff !important;
}

.status-pendingcleaning {
    background-color: #eaa300 !important;
    color: #ffffff !important;
}

.status-outofservice {
    background-color: #707070 !important;
    color: #787878 !important;
}

.status-booked {
    background-color: #0f3a67 !important;
    color: #ffffff !important;
}

.status-overdue {
    background-color: #d13438 !important;
    color: #ffffff !important;
}

.status-default {
    background-color: var(--rz-base-background-color) !important;
    color: #ffffff !important;
}
/*.status-readytocheckin {
    background-color: #28a745 !important;
    color: #ffffff !important;
}
.status-pendingcleaning {
    background-color: #dfac00 !important;
    color: #ffffff !important;
}
.status-outofservice {
    background-color: #7e7e7e !important;
    color: #787878 !important;
}
.status-booked {
    background-color: #053a94 !important;
    color: #ffffff !important;
}
.status-overdue {
    background-color: #e33c2 !important;
    color: #ffffff !important;
}*/
.room-size {
    font-size: 12px !important;
}

.status-card {
    border-radius: 0 !important;
    overflow: hidden;
    flex: 0 0 150px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.rz-cell-data {
    white-space: wrap !important;
}

.rz-accordion-content {
    font-size: var(--rz-accordion-content-font-size) !important;
    background-color: var(--rz-white) !important;
    padding-block: var(--rz-accordion-content-padding-block) !important;
    padding-inline: var(--rz-accordion-content-padding-inline) !important;
}

.rz-accordion .rz-accordion-header {
    background-color: var(--rz-white) !important;
    margin: var(--rz-accordion-item-margin) !important;
}

.rz-cell-filter .rz-datepicker .rz-inputtext {
    padding: 0.2rem 0.5rem !important;
    height: 28px !important;
}