.rz-datepicker-inline {
    border-radius: 10px;
}

.rz-datepicker-group {
    width: 100% !important; /* Ensure the group takes the full width */
}

.rz-datepicker-calendar {
    width: 100% !important; /* Ensure the calendar takes the full width */
    
}

.rz-datepicker .disabled-date {
    background-color: rgba(255, 102, 102,0.4); /* light red background */
    color: #9E9E9E; 
    cursor: not-allowed;
}

.rz-datepicker .disabled-date:hover {
    background-color: #D0D0D0; /* Slightly darker on hover to maintain interactivity feedback */
}

.rz-dropdown-label > span[style*="margin-left"] {
    margin-left: 0 !important;
}

.rz-dropdown-label > div[style*="margin-left"] {
    margin-left: 0 !important;
}

@media (min-width: 769px) {
    .rz-dropdown-panel {
        width: 350px !important;
    }
  /*  .rz-multiselect-label-container, .rz-dropdown-label {
        width: 75% !important;
    }*/
    .rz-dropdown.modified.valid.rz-clear:has(i.rz-dropdown-clear-icon.rzi.rzi-times) .rz-multiselect-label-container,
    .rz-dropdown.modified.valid.rz-clear:has(i.rz-dropdown-clear-icon.rzi.rzi-times) .rz-dropdown-label {
        width: 75% !important;
    }
}

@media (max-width: 760px) {
    .rz-dropdown.modified.valid.rz-clear:has(i.rz-dropdown-clear-icon.rzi.rzi-times) .rz-multiselect-label-container,
    .rz-dropdown.modified.valid.rz-clear:has(i.rz-dropdown-clear-icon.rzi.rzi-times) .rz-dropdown-label {
        width: 90% !important;
    }
}


.rz-calendar td{
    border-radius: 5px;
}

.rz-calendar td .rz-state-default {
    border-radius: 5px !important;
    display: inline-block !important;
    width: 100% !important;
    height: 100% !important;
}

.rz-calendar td .rz-state-disabled {
    border-radius: 5px !important;
}

.rz-calendar td .rz-state-active {
    border-radius: 5px !important;
}

.rz-calendar-other-month .rz-state-default {
    border-radius: 5px !important;
}


.rz-calendar td:not(.rz-calendar-other-month) .rz-state-default:not(.rz-state-disabled):hover {
    border-radius: 5px !important;
}

.rz-calendar td .rz-state-focused {
    border-radius: 5px !important;
}

.light-curved-frame {

}