/*
 * Jquery Validator 1.0 plugin
 * jQuery Form Validation Plugin
 * Styles page
 */

.validate.uppercase {
    text-transform: uppercase;
}
.validate.capitalize {
    text-transform: capitalize;
}
.validate.lowercase {
    text-transform: lowercase;
}
.validate.center {
    text-align: center;
}
input.validate,
select.validate:hover,
textarea.validate:focus {
    -webkit-transition: border-color, background-image .4s linear;
    -moz-transition: border-color, background-image .4s linear;
    -o-transition: border-color, background-image .4s linear;
    transition: border-color, background-image .4s linear;
}
.validate.is-valid,
.validate.is-valid:hover,
.validate.is-valid:focus {
    border-color: #00A645;
    outline: none;
}
.validate.is-invalid,
.validate.is-invalid:hover,
.validate.is-invalid:focus {
    border-color: #dc3545;
    outline: none;
}
.validate.imer,
.validate.imer:hover,
.validate.imer:focus {
    background-image: url('./img/error.png');
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 96% 45%;
    padding-right: 22px !important;
}
.validate.imco,
.validate.imco:hover,
.validate.imco:focus {
    background-image: url('./img/check.png');
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 96% 45%;
    padding-right: 22px !important;
}
.process-form .bootstrap-select.validate.v-required button:not(.v-disabled,:disabled, .disabled) .filter-option-inner-inner {
    background-image: radial-gradient(#e73d4a 30%, transparent 35%) !important;
    background-size: 10px 10px !important;
    background-position: 100% 0 !important;
    background-repeat: no-repeat !important;
}
.process-form .validate.v-required:not(.v-disabled, :disabled, .bootstrap-select) {
    background-image: radial-gradient(#e73d4a 30%, transparent 35%) !important;
    background-size: 10px 10px !important;
    background-position: 99% 2px !important;
    background-repeat: no-repeat !important;
}
.process-form .bootstrap-select.validate .filter-option-inner-inner {
    padding-right: 12px;
}
.process-form .validate:not(.bootstrap-select) {
    padding-right: 20px;
}
select.validate.imer,
select.validate.imer:hover,
select.validate.imer:focus,
select.validate.imco,
select.validate.imco:hover,
select.validate.imco:focus {
    background-position: 88% 45%;
}
label.c-error {
    color: #D22500;
    font-size: 11px;
    position: absolute;
    font-family: helvetica;
    font-weight: 600;
    font-style: italic;
    display: none;
    white-space: nowrap;
    z-index: 0;
    padding: 1px 2px;
    line-height: 11px;
    pointer-events: none;
}
label.c-error.c-compact {
    z-index: 5;
    display: none !important;
    width: auto !important;
    min-width: 100%;
    padding: .15rem .5rem;
    margin-top: .1rem;
    line-height: 1.2;
    color: #fff;
    background-color: rgba(210,35,70,.9);
    border-radius: .25rem;
}
label.c-error.c-compact.c-focus {
    display: inline-block !important;
}
label.c-error.c-tooltip {
    background-color: #333;
    color: #eee;
    font-size: 12;
    line-height: 15px;
    font-weight: 400;
    min-width: 120px;
    z-index: 1;
    padding: 6px 10px 7px 10px;
    white-space: normal;
    text-align: center;
    margin-top: 8px;
    border-radius: 3px;
    box-shadow: 0 0 3px #888;
    visibility: hidden;
    opacity: 0;
    display: block;
    font-style: normal;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: visibility, opacity .2s linear;
    -moz-transition: visibility, opacity .2s linear;
    -ms-transition: visibility, opacity .2s linear;
    -o-transition: visibility, opacity .2s linear;
    transition: visibility, opacity .2s linear;
}
label.c-error.c-tooltip:after {
    content: "";
    border-style: solid;
    border-color: #333 transparent;
    border-width: 0 8px 8px 8px;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
}
label.c-error.c-tooltip.c-focus {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: visibility, opacity, transform .2s linear;
    -moz-transition: visibility, opacity, transform .2s linear;
    -ms-transition: visibility, opacity, transform .2s linear;
    -o-transition: visibility, opacity, transform .2s linear;
    transition: visibility, opacity, transform .2s linear;
}