@import url('../../css/nc-lib.css');

.err-rtl {
    direction: rtl;
    text-align:right;
}

[data-type='validator-error-lbl'] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*margin-top: 2px;*/
    color: red;
    /*padding: 4px 10px;*/
    border-radius: 1px;
    pointer-events: none;
}

[data-type='validator-error-lbl']:before {
    font-family: Arial, Helvetica, sans-serif;
    content: '';
    width: 0;
    height: 0;
    top: -5px;
}


[data-type='validator-error'] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    position: absolute;
    z-index: 10;
    margin-top:5px; /*20px;*/
    color: #ffffff;
    background: rgb(200, 53, 53);
    box-shadow: 0 6px 2px -2px rgba(211, 77, 77, 0.47);
    padding: 4px 10px;
    border-radius: 1px;
    pointer-events: none;
}

[data-type='validator-error']:before {
    font-family: Arial, Helvetica, sans-serif;
    content: '';
    width: 0;
    height: 0;
    top: -5px;
    position: absolute;
    left: 6px;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #c83535;
}


form input[type='text'].error, input[type='number'].error, input[type='date'].error, form input[type='password'].error, form textarea.error {
    border: 1px solid #fa4531;
}