/* master.css serves as single stylesheet reference to import all component stylesheets 
    just add master.css as a reference in the application head 
    for performance using multiple imports is costly but using this approach for simplicity - Andrew */

@import "./colors.css";
@import "./corner-item.css";
@import "./date-picker.css";
@import "./date-range-picker.css";
@import "./dropdown.css";
@import "./fonts.css";
@import "./grid.css";
@import "./icons.css";
@import "./loader.css";
@import "./modal.css";
@import "./pop-up-modal.css";
@import "./session-timeout-modal.css";
@import "./sidenav.css";
@import "./timepicker.css";
@import "./toast.css";
@import "./tooltip.css";
@import "./multiselect.css";

/*      dropdown error styling                                                   datepicker error styling        */
.dropdown-anchor:has(~.validation-message) .k-textbox,
.custom-datepicker-wrapper:has(~.validation-message) .k-floating-label-container {
    border-color: #cd2c39;
}

.validation-message {
    font-family: ProximaNova, sans-serif;
    font-style: normal;
    font-size: 12px;
    color: var(--colors-content-error);
    line-height: 1.33;
    margin-top: 4px;
}

.k-form-error {
    margin-top: 4px;
    display: block;
    font-size: 12px;
    font-style: normal;
    color: var(--colors-content-error);
}

/* Necessary override after update to Telerik 12.2.0 */
.k-input-solid > .k-input-suffix, .k-input-solid > .k-input-prefix {
    background-color: inherit;
}