.fixed-table-height {
    max-height: 25rem;
}

.btn-fixed-min-width {
    min-width: 8rem;
}

.sticky-top {
    z-index: 500 !important;
}

.warning-badge {
    position: absolute;
    top: 0;
    right: 0;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.white-space-pre {
    white-space: pre-wrap !important;
}

.nav-link {
    cursor: pointer;
}

.border-dashed {
    border-style: dashed !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.form-control[disabled],
.form-select[disabled] {
    background: #edf2f9 !important;
}

.print-only {
    display: none !important;
}


@media print {
    .print-container {
        display: block;
    }

    .print-only {
        display: block !important;
    }

    button {
        display: none !important;
    }

    .no-print {
        display: none;
    }
}

.Toastify__toast-container {
    max-width: 50%;
    width: auto !important;
}

.sidebar-calendar {
    zoom: 0.65;

}


.treatment-row {


    &:hover {
        cursor: pointer;
        color: white;
        background: #2c7be5;
    }

    &.active {
        color: white;
        background: #2c7be5;
    }
}


.add-service-category-modal {
    min-width: 50% !important;
}

.circle-badge {
    width: 8px;
    height: 8px;
    border-radius: 100%;
}


/* Container for scrollable content */
.work-schedule-container {
    display: flex;
    overflow-x: auto; /* Enable horizontal scrolling */
    max-width: 100%; /* Ensure it doesn't exceed screen width */

    /* Table styles */

    table {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 0;
    }

    thead th {
        position: sticky;
        top: 0; /* Fix header row at the top */
        z-index: 10;
        background-color: #f8f9fa; /* Light gray background for better visibility */
        text-align: center;
        white-space: nowrap; /* Prevent date wrapping */
    }

    /* Fixed first column */

    .fixed-column {
        position: sticky;
        left: 0; /* Fix column to the left */
        z-index: 11; /* Ensure it's above other table elements */
        background-color: #ffffff; /* White background to match table */
    }

    /* Scrollable header styles */

    .scrollable-header {
        white-space: nowrap;
        text-align: center;
    }

    /* Scroll container styles */

    tbody td {
        text-align: left;
        white-space: nowrap;
    }

    .day-selector-cell {
        &.active {
            &:hover {
                background-color: var(--bs-primary-bg-subtle) !important;
            }

            background-color: var(--bs-primary-bg-subtle) !important;
        }

        &:hover {
            cursor: pointer;
            background-color: var(--bs-white) !important;
        }
    }
}

.time-input {
    min-width: 100px !important;
}


.logo-login-page {
    background: #262624;
    border-radius: 100%;
    padding: 0.4rem;
}


.main-content {
    height: 100vh;
}

@media (max-width: 767px) {
    .main-content {
        height: calc(100vh - 63px) !important;
    }
}


.animate-expand {
    animation: expand 0.2s ease-in-out;
}

.animate-collapse {
    animation: collapse 0.2s ease-in-out;
}

@keyframes expand {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes collapse {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-5px);
    }
}


.outline-dashed-2 {
    outline: 2px dashed var(--bs-dark)
}

.w-60 {
    min-width: 60% !important;
    max-width: 100% !important;
}

.w-70 {
    min-width: 70% !important;
    max-width: 100% !important;
}

.w-50 {
    min-width: 50% !important;
    max-width: 50% !important;
}

.w-40 {
    min-width: 40% !important;
    max-width: 40% !important;
}

.calendar-custom {
    border-radius: 0.375rem;
    height: calc(100vh - 24px) !important;


    .rbc-time-gutter.rbc-time-column {
        background: white !important;
    }

    .rbc-day-slot {
        background: var(--bs-gray-500);

        .rbc-timeslot-group {
            .rbc-time-slot {
                border: 0.1px solid var(--bs-gray-400);
            }


        }

    }

    .rbc-time-content {
        .rbc-time-gutter {
            background: var(--bs-gray-800-dark);

            .rbc-timeslot-group {
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }

    .rbc-room {
        background: var(--bs-light-bg-subtle);
        padding: .4rem;
        font-size: 10px;
        font-weight: 600;

        &:hover {
            opacity: 0.7;
            cursor: pointer;
        }
    }

    .rbc-current-time-indicator {
        height: 2px;
        opacity: .8;
    }


    .rbc-header {
        color: var(--bs-body-color);
        font-weight: 500;
        border: none !important;
        height: auto !important;
        padding: 0 !important;
    }


    .rbc-event {
        position: absolute;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;

        .rbc-addons-dnd-resize-ns-anchor {
            z-index: 2 !important;
        }

        .rbc-event-wrapper {
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border-top: 2px solid black;
            border-left: 2px solid black;

            &.accepted {
                .rbc-event-label {
                    background: #94A684 !important;
                }
            }

            .rbc-event-label {
                font-size: 0.6rem;
                font-weight: 500;
                padding: 0.3rem 0.5rem;
                background: rgba(0, 0, 0, .4);
                color: white !important;
                display: inline-block;
            }

            .rbc-event-accepted {
                height: 100%;
                width: 15px;
                background: #00d97e;
                position: absolute;
                right: 0;
                top: 0;
            }
        }
    }

    .rbc-agenda-event-cell {
        padding: 0 !important;

        .rbc-event-wrapper {
            width: 100%;
            height: 100%;

            &:hover {
                cursor: pointer;
            }

            .rbc-event-label {
                font-size: 0.8rem;
                font-weight: 500;
                padding: 0.3rem 0.5rem;
                background: rgba(255, 255, 255, .3);
                color: black !important;
            }

        }
    }


    .rbc-time-content {
        border-top: 1px solid var(--bs-gray-300);
    }

    .rbc-slot-selecting,
    .rbc-selected-cell {
        background-color: var(--bs-light);
    }

    .rbc-addons-dnd-resize-handle {
        background-color: var(--bs-primary);
        border-radius: 0.375rem;
    }

    .rbc-addons-dnd-drag-preview {
        opacity: 0.8;
        border: 2px solid var(--bs-primary);
    }

}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--bs-dark) !important;
}


/* Table Viewports: START */
.doctor-pricing-table-viewport {
    max-height: calc(100vh - 200px) !important;
}
/* Table Viewports: END */

.width-170 {
    width: 170px;
}

.width-240 {
    width: 240px;
}

.editable-table-cell {
    &:hover {
        background-color: var(--bs-dark-bg-subtle) !important;
        cursor: pointer;
    }
}