.error {
    display: none;
    color: var(--danger, #D0021B);
}

.input-container {
    position: relative;
}

.input-container--error {
    border: 1px solid var(--danger, #D0021B);
    border-radius: 4px;
}

.input-container--error > .form-control,
.input-container--error > .form-select,
.input-container--error > .iti > .form-control {
    border: none;
}

.input-container--error > .form-control:focus,
.input-container--error > .form-select:focus,
.input-container--error > .iti > .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.input-container__icon-error {
    visibility: hidden;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    max-width: 1.5rem;
}

.input-container > select ~ .input-container__icon-error {
    right: 2.5rem;
}

.input-container > #password ~ .input-container__icon-error,
.input-container > #password-confirm ~ .input-container__icon-error {
    right: 3rem;
}

.input-container--error > .input-container__icon-error {
    visibility: visible !important;
}

.input-container--error .input-group-text {
    border: none;
}