* FormValidation (https://formvalidation.io)
* The best validation library for JavaScript
* (c) 2013 - 2023 Nguyen Huu Phuoc <me@phuoc.ng >
*/
.fv-sr-only {
    display: none;
}

.fv-plugins-framework input::-ms-clear,
.fv-plugins-framework textarea::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}

.fv-plugins-icon-container {
    position: relative;
}

.fv-plugins-icon {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.fv-plugins-icon--enabled {
    visibility: visible;
}

.fv-plugins-icon--disabled {
    visibility: hidden;
}

.fv-plugins-message-container--enabled {
    display: block;
}

.fv-plugins-message-container--disabled {
    display: none;
}

.fv-plugins-tooltip {
    max-width: 256px;
    position: absolute;
    text-align: center;
    z-index: 10000;
}

    .fv-plugins-tooltip .fv-plugins-tooltip__content {
        background: #000;
        border-radius: 3px;
        color: #eee;
        padding: 8px;
        position: relative;
    }

        .fv-plugins-tooltip .fv-plugins-tooltip__content:before {
            border: 8px solid transparent;
            content: "";
            position: absolute;
        }

.fv-plugins-tooltip--hide {
    display: none;
}

.fv-plugins-tooltip--top-left {
    transform: translateY(-8px);
}

    .fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        left: 8px;
        top: 100%;
    }

.fv-plugins-tooltip--top {
    transform: translateY(-8px);
}

    .fv-plugins-tooltip--top .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        left: 50%;
        margin-left: -8px;
        top: 100%;
    }

.fv-plugins-tooltip--top-right {
    transform: translateY(-8px);
}

    .fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        right: 8px;
        top: 100%;
    }

.fv-plugins-tooltip--right {
    transform: translateX(8px);
}

    .fv-plugins-tooltip--right .fv-plugins-tooltip__content:before {
        border-right-color: #000;
        margin-top: -8px;
        right: 100%;
        top: 50%;
    }

.fv-plugins-tooltip--bottom-right {
    transform: translateY(8px);
}

    .fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        right: 8px;
    }

.fv-plugins-tooltip--bottom {
    transform: translateY(8px);
}

    .fv-plugins-tooltip--bottom .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        left: 50%;
        margin-left: -8px;
    }

.fv-plugins-tooltip--bottom-left {
    transform: translateY(8px);
}

    .fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        left: 8px;
    }

.fv-plugins-tooltip--left {
    transform: translateX(-8px);
}

    .fv-plugins-tooltip--left .fv-plugins-tooltip__content:before {
        border-left-color: #000;
        left: 100%;
        margin-top: -8px;
        top: 50%;
    }

.fv-plugins-tooltip-icon {
    cursor: pointer;
    pointer-events: inherit;
}

.fv-plugins-bootstrap {
    /* For horizontal form */
    /* Stacked form */
    /* Inline form */
    /* Remove the icons generated by Bootstrap 4.2+ */
}

    .fv-plugins-bootstrap .fv-help-block {
        color: #dc3545;
        font-size: 80%;
        margin-top: 0.25rem;
    }

    .fv-plugins-bootstrap .is-invalid ~ .form-check-label,
    .fv-plugins-bootstrap .is-valid ~ .form-check-label {
        color: inherit;
    }

    .fv-plugins-bootstrap .has-danger .fv-plugins-icon {
        color: #dc3545;
    }

    .fv-plugins-bootstrap .has-success .fv-plugins-icon {
        color: #28a745;
    }

    .fv-plugins-bootstrap .fv-plugins-icon {
        height: 38px;
        line-height: 38px;
        width: 38px;
    }

    .fv-plugins-bootstrap .input-group ~ .fv-plugins-icon {
        z-index: 3;
    }

    .fv-plugins-bootstrap .form-group.row .fv-plugins-icon {
        right: 15px;
    }

    .fv-plugins-bootstrap .form-group.row .fv-plugins-icon-check {
        top: -7px; /* labelHeight/2 - iconHeight/2 */
    }

    .fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon {
        top: 32px;
    }

    .fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon-check {
        top: 25px;
    }

    .fv-plugins-bootstrap:not(.form-inline) label.sr-only ~ .fv-plugins-icon-check {
        top: -7px;
    }

    .fv-plugins-bootstrap.form-inline .form-group {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: auto;
    }

    .fv-plugins-bootstrap .form-control.is-valid,
    .fv-plugins-bootstrap .form-control.is-invalid {
        background-image: none;
    }

.fv-plugins-bootstrap3 .help-block {
    margin-bottom: 0;
}

.fv-plugins-bootstrap3 .input-group ~ .form-control-feedback {
    z-index: 4;
}

.fv-plugins-bootstrap3.form-inline .form-group {
    vertical-align: top;
}

.fv-plugins-bootstrap5 {
    /* Support floating label */
    /* For horizontal form */
    /* Stacked form */
    /* Inline form */
}

    .fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-invalid .fv-plugins-icon {
        color: #dc3545;
    }

    .fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-valid .fv-plugins-icon {
        color: #198754;
    }

    .fv-plugins-bootstrap5 .fv-plugins-icon {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 38px;
        width: 38px;
    }

    .fv-plugins-bootstrap5 .input-group ~ .fv-plugins-icon {
        z-index: 3;
    }

    .fv-plugins-bootstrap5 .fv-plugins-icon-input-group {
        right: -38px;
    }

    .fv-plugins-bootstrap5 .form-floating .fv-plugins-icon {
        height: 58px;
    }

    .fv-plugins-bootstrap5 .row .fv-plugins-icon {
        right: 12px;
    }

    .fv-plugins-bootstrap5 .row .fv-plugins-icon-check {
        top: -7px; /* labelHeight/2 - iconHeight/2 */
    }

    .fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon {
        top: 32px;
    }

    .fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon-check {
        top: 25px;
    }

    .fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label.sr-only ~ .fv-plugins-icon-check {
        top: -7px;
    }

    .fv-plugins-bootstrap5.fv-plugins-bootstrap5-form-inline .fv-plugins-icon {
        right: calc(var(--bs-gutter-x, 1.5rem) / 2);
    }

    .fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-valid,
    .fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-invalid,
    .fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-valid,
    .fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-invalid {
        background-image: none;
    }

.fv-plugins-bulma {
    /* Support add ons inside field */
}

    .fv-plugins-bulma .field.has-addons {
        flex-wrap: wrap;
    }

        .fv-plugins-bulma .field.has-addons::after {
            content: "";
            width: 100%;
        }

        .fv-plugins-bulma .field.has-addons .fv-plugins-message-container {
            order: 1;
        }

    .fv-plugins-bulma .icon.fv-plugins-icon-check {
        top: -4px;
    }

    .fv-plugins-bulma .fv-has-error .select select,
    .fv-plugins-bulma .fv-has-error .input,
    .fv-plugins-bulma .fv-has-error .textarea {
        border: 1px solid #ff3860; /* Same as .input.is-danger */
    }

    .fv-plugins-bulma .fv-has-success .select select,
    .fv-plugins-bulma .fv-has-success .input,
    .fv-plugins-bulma .fv-has-success .textarea {
        border: 1px solid #23d160; /* Same as .input.is-success */
    }

.fv-plugins-foundation {
    /* Stacked form */
}

    .fv-plugins-foundation .fv-plugins-icon {
        height: 39px;
        line-height: 39px;
        right: 0;
        width: 39px; /* Same as height of input */
    }

    .fv-plugins-foundation .grid-padding-x .fv-plugins-icon {
        right: 15px;
    }

    .fv-plugins-foundation .fv-plugins-icon-container .cell {
        position: relative;
    }

    .fv-plugins-foundation [type=checkbox] ~ .fv-plugins-icon,
    .fv-plugins-foundation [type=checkbox] ~ .fv-plugins-icon {
        top: -7px; /* labelHeight/2 - iconHeight/2 */
    }

    .fv-plugins-foundation.fv-stacked-form .fv-plugins-message-container {
        width: 100%;
    }

    .fv-plugins-foundation.fv-stacked-form label .fv-plugins-icon,
    .fv-plugins-foundation.fv-stacked-form fieldset [type=checkbox] ~ .fv-plugins-icon,
    .fv-plugins-foundation.fv-stacked-form fieldset [type=radio] ~ .fv-plugins-icon {
        top: 25px; /* Same as height of label */
    }

    .fv-plugins-foundation .form-error {
        display: block;
    }

    .fv-plugins-foundation .fv-row__success .fv-plugins-icon {
        color: #3adb76; /* Same as .success */
    }

    .fv-plugins-foundation .fv-row__error label,
    .fv-plugins-foundation .fv-row__error fieldset legend,
    .fv-plugins-foundation .fv-row__error .fv-plugins-icon {
        color: #cc4b37; /* Same as .is-invalid-label and .form-error */
    }

.fv-plugins-materialize .fv-plugins-icon {
    height: 42px; /* Same as height of input */
    line-height: 42px;
    width: 42px;
}

.fv-plugins-materialize .fv-plugins-icon-check {
    top: -10px;
}

.fv-plugins-materialize .fv-invalid-row .helper-text,
.fv-plugins-materialize .fv-invalid-row .fv-plugins-icon {
    color: #f44336;
}

.fv-plugins-materialize .fv-valid-row .helper-text,
.fv-plugins-materialize .fv-valid-row .fv-plugins-icon {
    color: #4caf50;
}

.fv-plugins-milligram .fv-plugins-icon {
    height: 38px; /* Same as height of input */
    line-height: 38px;
    width: 38px;
}

.fv-plugins-milligram .column {
    position: relative;
}

    .fv-plugins-milligram .column .fv-plugins-icon {
        right: 10px;
    }

.fv-plugins-milligram .fv-plugins-icon-check {
    top: -6px;
}

.fv-plugins-milligram .fv-plugins-message-container {
    margin-bottom: 15px;
}

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon {
    top: 30px;
}

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon-check {
    top: 24px;
}

.fv-plugins-milligram .fv-invalid-row .fv-help-block,
.fv-plugins-milligram .fv-invalid-row .fv-plugins-icon {
    color: red;
}

.fv-plugins-milligram .fv-valid-row .fv-help-block,
.fv-plugins-milligram .fv-valid-row .fv-plugins-icon {
    color: green;
}

.fv-plugins-mini .fv-plugins-icon {
    height: 42px; /* Same as height of input */
    line-height: 42px;
    width: 42px;
    top: 4px; /* Same as input's margin top */
}

.fv-plugins-mini .fv-plugins-icon-check {
    top: -8px;
}

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon {
    top: 28px;
}

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon-check {
    top: 20px;
}

.fv-plugins-mini .fv-plugins-message-container {
    margin: calc(var(--universal-margin) / 2);
}

.fv-plugins-mini .fv-invalid-row .fv-help-block,
.fv-plugins-mini .fv-invalid-row .fv-plugins-icon {
    color: var(--input-invalid-color);
}

.fv-plugins-mini .fv-valid-row .fv-help-block,
.fv-plugins-mini .fv-valid-row .fv-plugins-icon {
    color: #308732; /* Same as tertiary color */
}

.fv-plugins-mui .fv-plugins-icon {
    height: 32px; /* Same as height of input */
    line-height: 32px;
    width: 32px;
    top: 15px;
    right: 4px;
}

.fv-plugins-mui .fv-plugins-icon-check {
    top: -6px;
    right: -10px;
}

.fv-plugins-mui .fv-plugins-message-container {
    margin: 8px 0;
}

.fv-plugins-mui .fv-invalid-row .fv-help-block,
.fv-plugins-mui .fv-invalid-row .fv-plugins-icon {
    color: #f44336;
}

.fv-plugins-mui .fv-valid-row .fv-help-block,
.fv-plugins-mui .fv-valid-row .fv-plugins-icon {
    color: #4caf50;
}

.fv-plugins-pure {
    /* Horizontal form */
    /* Stacked form */
}

    .fv-plugins-pure .fv-plugins-icon {
        height: 36px;
        line-height: 36px;
        width: 36px; /* Height of Pure input */
    }

    .fv-plugins-pure .fv-has-error label,
    .fv-plugins-pure .fv-has-error .fv-help-block,
    .fv-plugins-pure .fv-has-error .fv-plugins-icon {
        color: #ca3c3c; /* Same as .button-error */
    }

    .fv-plugins-pure .fv-has-success label,
    .fv-plugins-pure .fv-has-success .fv-help-block,
    .fv-plugins-pure .fv-has-success .fv-plugins-icon {
        color: #1cb841; /* Same as .button-success */
    }

    .fv-plugins-pure.pure-form-aligned .fv-help-block {
        margin-top: 5px;
        margin-left: 180px;
    }

    .fv-plugins-pure.pure-form-aligned .fv-plugins-icon-check {
        top: -9px; /* labelHeight/2 - iconHeight/2 */
    }

    .fv-plugins-pure.pure-form-stacked .pure-control-group {
        margin-bottom: 8px;
    }

    .fv-plugins-pure.pure-form-stacked .fv-plugins-icon {
        top: 22px; /* Same as height of label */
    }

    .fv-plugins-pure.pure-form-stacked .fv-plugins-icon-check {
        top: 13px;
    }

    .fv-plugins-pure.pure-form-stacked .fv-sr-only ~ .fv-plugins-icon {
        top: -9px;
    }

.fv-plugins-semantic.ui.form .fields.error label,
.fv-plugins-semantic .error .fv-plugins-icon {
    color: #9f3a38; /* Same as .ui.form .field.error .input */
}

.fv-plugins-semantic .fv-plugins-icon-check {
    right: 7px;
}

.fv-plugins-shoelace .input-group {
    margin-bottom: 0;
}

.fv-plugins-shoelace .fv-plugins-icon {
    height: 32px;
    line-height: 32px; /* Same as height of input */
    width: 32px;
    top: 28px; /* Same as height of label */
}

.fv-plugins-shoelace .row .fv-plugins-icon {
    right: 16px;
    top: 0;
}

.fv-plugins-shoelace .fv-plugins-icon-check {
    top: 24px;
}

.fv-plugins-shoelace .fv-sr-only ~ .fv-plugins-icon,
.fv-plugins-shoelace .fv-sr-only ~ div .fv-plugins-icon {
    top: -4px;
}

.fv-plugins-shoelace .input-valid .fv-help-block,
.fv-plugins-shoelace .input-valid .fv-plugins-icon {
    color: #2ecc40;
}

.fv-plugins-shoelace .input-invalid .fv-help-block,
.fv-plugins-shoelace .input-invalid .fv-plugins-icon {
    color: #ff4136;
}

.fv-plugins-spectre .input-group .fv-plugins-icon {
    z-index: 2;
}

.fv-plugins-spectre .form-group .fv-plugins-icon-check {
    right: 6px;
    top: 10px;
}

.fv-plugins-spectre:not(.form-horizontal) .form-group .fv-plugins-icon-check {
    right: 6px;
    top: 45px;
}

.fv-plugins-tachyons .fv-plugins-icon {
    height: 36px;
    line-height: 36px;
    width: 36px;
}

.fv-plugins-tachyons .fv-plugins-icon-check {
    top: -7px;
}

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon {
    top: 34px;
}

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon-check {
    top: 24px;
}

.fv-plugins-turret .fv-plugins-icon {
    height: 40px; /* Same as height of input */
    line-height: 40px;
    width: 40px;
}

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon {
    top: 29px;
}

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon-check {
    top: 17px;
}

.fv-plugins-turret .fv-invalid-row .form-message,
.fv-plugins-turret .fv-invalid-row .fv-plugins-icon {
    color: #c00; /* Same as .form-message.error */
}

.fv-plugins-turret .fv-valid-row .form-message,
.fv-plugins-turret .fv-valid-row .fv-plugins-icon {
    color: #00b300; /* Same as .form-message.success */
}

.fv-plugins-uikit {
    /* Horizontal form */
    /* Stacked form */
}

    .fv-plugins-uikit .fv-plugins-icon {
        height: 40px; /* Height of UIKit input */
        line-height: 40px;
        top: 25px; /* Height of UIKit label */
        width: 40px;
    }

    .fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon {
        top: 0;
    }

    .fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon-check {
        top: -11px; /* checkboxLabelHeight/2 - iconHeight/2 = 18/2 - 40/2 */
    }

    .fv-plugins-uikit.uk-form-stacked .fv-plugins-icon-check {
        top: 15px; /* labelHeight + labelMarginBottom + checkboxLabelHeight/2 - iconHeight/2 = 21 + 5 + 18/2 - 40/2 */
    }

    .fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon {
        top: 0;
    }

    .fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon-check {
        top: -11px;
    }

.fv-plugins-wizard--step {
    display: none;
}

.fv-plugins-wizard--active {
    display: block;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + 1.55rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2317C653%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.3875rem) center;
    background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 1.55rem);
    background-position: top calc(0.375em + 0.3875rem) right calc(0.375em + 0.3875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

    .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2317C653%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
        padding-right: 5.5rem;
        background-position: right 1rem center, center right 3rem;
        background-size: 16px 12px, calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
    }

    .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }

.was-validated .form-control-color:valid, .form-control-color.is-valid {
    width: calc(3rem + calc(1.5em + 1.55rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

    .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
        background-color: var(--bs-form-valid-color);
    }

    .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: var(--bs-form-valid-color);
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
    z-index: 3;
}

.invalid-feedback {
    font-family:'Nunito',sans-serif;
    display: none;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    /*color: var(--bs-form-invalid-color);*/
    color:var(--bs-warning);
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.75rem 1rem;
    margin-top: 0.1rem;
    font-size: 1rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: 0.75rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + 1.55rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23F8285A%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23F8285A%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.3875rem) center;
    background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 1.55rem);
    background-position: top calc(0.375em + 0.3875rem) right calc(0.375em + 0.3875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

    .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23F8285A%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23F8285A%27 stroke=%27none%27/%3e%3c/svg%3e");
        padding-right: 5.5rem;
        background-position: right 1rem center, center right 3rem;
        background-size: 16px 12px, calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
    }

    .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: false, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
    width: calc(3rem + calc(1.5em + 1.55rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

    .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
        background-color: var(--bs-form-invalid-color);
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: var(--bs-form-invalid-color);
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
    z-index: 4;
}