﻿/**
 * FormValidation (https://formvalidation.io)
 * The best validation library for JavaScript
 * (c) 2013 - 2020 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-tooltip {
    position: absolute;
    z-index: 10000;
}

    .fv-plugins-tooltip .fv-plugins-tooltip__content {
        background: #000;
        border-radius: 3px;
        color: #eee;
        padding: 10px;
        position: relative;
    }

        .fv-plugins-tooltip .fv-plugins-tooltip__content:before {
            border: 8px solid transparent;
            content: "";
            position: absolute;
        }

.fv-plugins-tooltip--hide {
    opacity: 0;
}

.fv-plugins-tooltip--top-left {
    margin-top: 8px;
}

    .fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        left: 8px;
        top: 100%;
    }

.fv-plugins-tooltip--top {
    margin-top: 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 {
    margin-top: 8px;
}

    .fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        right: 8px;
        top: 100%;
    }

.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 {
    margin-top: 8px;
}

    .fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        right: 8px;
    }

.fv-plugins-tooltip--bottom {
    margin-top: 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 {
    margin-top: 8px;
}

    .fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        left: 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 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        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-bulma {
    /* Support add ons inside field */
}

    .fv-plugins-bulma .field.has-addons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .fv-plugins-bulma .field.has-addons::after {
            content: "";
            width: 100%;
        }

        .fv-plugins-bulma .field.has-addons .fv-plugins-message-container {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    .fv-plugins-bulma .icon.fv-plugins-icon-check {
        top: -4px;
    }

    .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 .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;
}
