:root {
    --errorsColor: #DB001A;
    --errorsBg: #fff;
    --errorsTextColor: #333;
}

[type='color'].error,
[type='date'].error,
[type='datetime'].error,
[type='datetime-local'].error,
[type='email'].error,
[type='month'].error,
[type='number'].error,
[type='password'].error,
[type='search'].error,
[type='tel'].error,
[type='text'].error,
[type='time'].error,
[type='url'].error,
[type='week'].error,
select.error,
textarea.error {
    border-color: var(--errorsColor);
}

select.select2-hidden-accessible {
    width: 100% !important;
}

select.error ~ .select2 .select2-selection--single {
    border-color: var(--errorsColor);
}

form:not(.disable-sfe) .form-item--error-message {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

.custom-error {
    /* z-index: 1261 !important; */
    /* height: auto !important; */
}

div.custom-error .tooltipster-box {
    background: var(--errorsBg);
    border-color: var(--errorsColor);
}

div.custom-error.tooltipster-sidetip .tooltipster-content {
    line-height: 1.25;
    font-size: 12px;
    color: var(--errorsTextColor);
    position: relative;
    /* padding: 0 0 0 1.75em; */
    /* margin: 5px 10px; */
    padding: 0.5em 1em 0.5em 2.2em;
}
.custom-error.tooltipster-sidetip .tooltipster-content:before {
    content: '';
    background: url(../img/ico-errors.svg) no-repeat center;
    background-size: contain;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    left: 0.5em;
    top: 0.45em;
}

.custom-error.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-left-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-left-color: var(--errorsBg);
}