.time-slot:active {
        background-color: var(--color-3);
        color: #fff;
    }
    .time-slot-disabled {
        display: inline-block;
        /* background-color: var(--color-4); */
        padding: 5px 10px;
        margin: 5px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        border: 2px solid var(--color-3);
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        background-color: #f0f0f0;
    }
    .time-slot {
        background-color: #ffffff;
    }
    .ui-datepicker {
        z-index: 1050 !important; /* Higher than modal but below the overlay */
    }
    .icon-css {
        position: static;
        transform: translateY(-140%);
        margin-right: 15px;
        float: right;
    }