/* ========================================================================
   Component: Override Themes
 ========================================================================== */

.error-message {
    color: red;
    font-weight: bold;
}

.input-textbox-error {
    border: 2px solid red !important;
}

.input-textbox-no-error {
    border: 2px solid lightgreen !important;
}

.state-error input {
    background: #fff0f0 !important;
    border-color: #a90329 !important;
    box-shadow: 0 0 1px 1px red !important;
}

.state-error > .k-dropdown-wrap > .k-input {
    background: #fff0f0 !important;
    border-color: #a90329 !important;
    box-shadow: 0 0 1px 1px red !important;
}

.state-success input {
    background: #f0fff0 !important;
    border-color: #7dc27d;
    box-shadow: 0 0 1px 1px green !important;
}

.state-success > .k-dropdown-wrap > .k-input {
    background: #f0fff0 !important;
    border-color: #7dc27d;
    box-shadow: 0 0 1px 1px green !important;
}

em.invalid {
    display: block;
    margin-top: 2px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    color: #D56161;
    background: white;
}