/* Restore style of Kendo 2024 Q1 */

/* The smaller the number, the darker the color. */
:root {
    --blue-1-color: #1267fb;
    --blue-2-color: #A7C8FF;
    --blue-3-color: #D6E4FB;
    --red-1-color: #f31700;
}

/* floating label: on top of input box, not below */
.k-floating-label-container > .k-floating-label, .k-floating-label-container.k-focus > .k-floating-label {
    top: var(--kendo-floating-label-focus-offset-y, 0);
    position: absolute;
}

/* readonly textbox: background color */
.k-textbox.k-readonly .k-input-inner {
    background-color: hsl(0, 0%, 90%);
}

/* calendar popup-view: text color of today */
.k-calendar .k-calendar-view .k-today {
    color: var(--blue-1-color);
}
/* calendar popup-view: background color of selected day */
.k-calendar .k-calendar-td.k-selected .k-link {
    background-color: var(--blue-1-color);
}
/* calendar popup-view: background color of hovered day */
.k-calendar .k-calendar-td.k-hover .k-link {
    background-color: var(--blue-2-color);
}
/* calendar popup-view: background color of hovered AND selected day */
.k-calendar .k-calendar-td.k-hover.k-selected .k-link {
    background-color: var(--blue-2-color);
}

/* calendar popup-view: background color of day between two selected days */    
.k-calendar .k-range-mid {
    background-color: var(--blue-3-color);
}

/* radio button group: text color of label when the radio button is invalid */
@supports selector(:has(*)) {
    .k-radio-wrap:has(.k-radio.k-invalid) + .k-radio-label {
        color: var(--red-1-color);
    }
}

/* dropdownlist: background color of the default empty item */
.k-list-optionlabel.k-selected.k-focus {
    background-color: var(--blue-1-color);
}