/* 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 url("datepicker.css");
@import url("fonts.css");
@import url("colors.css");
@import url("PopUpModal.css");
@import url("Toast.css");
@import url("Modal.css");
@import url("dropdown.css");
@import url("icons.css");
@import url("daterangepicker.css");
@import url("grid.css");
@import url("tooltip.css");
@import url("SessionTimeoutModal.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);
}