/*form-falcon start*/
.form-falcon.form-falcon-inline {
    width: auto;
    display: inline-block;
}

    .form-falcon.form-falcon-inline > input {
        display: inline-block;
        width: auto;
    }

.form-falcon {
    display: block;
    position: relative;
    width: 100%;
}
    /*.form-falcon > select,*/
    .form-falcon > label {
        pointer-events: none;
        position: absolute;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 400 !important;
        max-width: calc(100% - (1rem));
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        white-space: nowrap;
        width: auto;
        z-index: 1;
        bottom: 0.5rem;
        color: #5f6368;
        font-size: 1rem;
        left: 0.25rem;
        line-height: 1.3;
        padding: 0 0.375rem;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
        margin-bottom: 0;
    }

    .form-falcon:has(span.icon) > label {
        padding-left: 2rem;
    }

    .form-falcon > select:hover ~ label,
    .form-falcon > select:not(:placeholder-shown) ~ label,
    .form-falcon > select:focus ~ label,
    .form-falcon > input[type*="number"]:hover ~ label,
    .form-falcon > input:not(:placeholder-shown) ~ label,
    .form-falcon > input:focus ~ label {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        left: 0.75rem;
        font-size: 0.75rem;
        top: -0.6rem;
        font-weight: normal !important;
        line-height: 1.8;
        height: 1.2rem;
        max-width: calc(100% - (2rem));
        padding-left: 0.375rem;
    }

    .form-falcon > select:focus ~ label,
    .form-falcon > input:focus ~ label {
        color: #1a73e8;
    }

    .form-falcon > select,
    .form-falcon > input {
        display: block;
        width: 100%;
        padding: 0.4286rem 1rem;
        font-size: 1rem;
        font-weight: 400 !important;
        line-height: 1.5;
        color: #344050;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #d8e2ef;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0.25rem;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    }

        .form-falcon > input:-internal-autofill-selected {
            background-color: #fff;
        }

    .form-falcon > select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234d5969' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 16px 12px;
        padding: 0.4286rem 3rem 0.4286rem 1rem;
    }

    .form-falcon:has(span.icon) > select,
    .form-falcon:has(span.icon) > input {
        padding-left: 2rem;
    }

    .form-falcon > input:focus {
        color: #344050;
        background-color: #fff;
        border-color: #1a73e8;
        outline: 0;
        border-width: 2px;
        padding: calc(0.4286rem - 1px) calc(1rem - 1px);
    }

    .form-falcon > select:focus {
        color: #344050;
        background-color: #fff;
        border-color: #1a73e8;
        outline: 0;
        border-width: 2px;
        padding: calc(0.4286rem - 1px) calc(3rem - 1px) calc(0.4286rem - 1px) calc(1rem - 1px);
    }

    /*.form-falcon > input[type*="text"]:not([data-typeold*="password"]):hover,*/
    /*.form-falcon > input[type*="text"]:not([data-typeold*="password"]):focus,*/
    .form-falcon > input[data-typeold*="password"],
    .form-falcon > input[type*="password"] {
        padding: 0.4286rem 2rem 0.4286rem 1rem;
        width: 100%;
        margin-right: -1rem;
    }

    .form-falcon:not(:has(span.icon-clear)) > input[data-typeold*="password"]:focus,
    .form-falcon:not(:has(span.icon-clear)) > input[type*=password]:focus {
        padding: calc(0.4286rem - 1px) calc(2rem - 1px) calc(0.4286rem - 1px) calc(1rem - 1px);
    }

    .form-falcon > input[type*="text"]:not([data-typeold*="password"]):hover {
        padding: 0.4286rem 2rem 0.4286rem 1rem;
        width: 100%;
        margin-right: -1rem;
    }

    .form-falcon > input[type*="email"]:focus,
    .form-falcon > input[type*="text"]:not([data-typeold*="password"]):focus {
        /*padding: calc(0.4286rem - 1px) calc(2rem - 1px) calc(0.4286rem - 1px) calc(1rem - 1px);*/
        padding: calc(0.4286rem - 1px) calc(2rem - 1px) calc(0.4286rem - 1px) calc(1rem - 1px);
        width: 100%;
        margin-right: -1rem;
    }

    .form-falcon:has(span.icon) > input[type*="email"]:hover,
    .form-falcon:has(span.icon) > input[type*="email"]:focus,
    .form-falcon:has(span.icon) > input[type*="text"]:not([data-typeold*="password"]):hover,
    .form-falcon:has(span.icon) > input[type*="text"]:not([data-typeold*="password"]):focus {
        padding: calc(0.4286rem - 1px) calc(2rem - 1px) calc(0.4286rem - 1px) calc(2rem - 1px);
    }

    .form-falcon:has(span.icon-clear:focus) > input[type*="email"]:not(:hover),
    .form-falcon:has(span.icon-clear:hover) > input[type*="email"]:not(:focus),
    .form-falcon:has(span.icon-clear:focus) > input[type*="text"]:not([data-typeold*="password"]):not(:hover),
    .form-falcon:has(span.icon-clear:hover) > input[type*="text"]:not([data-typeold*="password"]):not(:focus) {
        padding: 0.4286rem 2rem 0.4286rem 1rem;
        width: 100%;
        margin-right: -1rem;
    }

    .form-falcon:has(span.icon-see:hover):has(input[data-typeold*="password"]:placeholder-shown) > label,
    .form-falcon:has(span.icon-see:focus):has(input[data-typeold*="password"]:placeholder-shown) > label,
    .form-falcon:has(span.icon-see:hover):has(input[type*="password"]:placeholder-shown) > label,
    .form-falcon:has(span.icon-see:focus):has(input[type*="password"]:placeholder-shown) > label,
    .form-falcon:has(span.icon-clear:hover):has(input[data-typeold*="password"]:placeholder-shown) > label,
    .form-falcon:has(span.icon-clear:focus):has(input[data-typeold*="password"]:placeholder-shown) > label,
    .form-falcon:has(span.icon-clear:hover):has(input[type*="password"]:placeholder-shown) > label,
    .form-falcon:has(span.icon-clear:focus):has(input[type*="password"]:placeholder-shown) > label,
    .form-falcon:has(input[type*="email"]:placeholder-shown):has(span.icon-clear:focus) > label,
    .form-falcon:has(input[type*="email"]:placeholder-shown):has(span.icon-clear:hover) > label,
    .form-falcon:has(input[type*="text"]:not([data-typeold*="password"]):placeholder-shown):has(span.icon-clear:focus) > label,
    .form-falcon:has(input[type*="text"]:not([data-typeold*="password"]):placeholder-shown):has(span.icon-clear:hover) > label {
        max-width: calc(100% - 4rem);
    }

    .form-falcon > input[type*="email"]:hover ~ label,
    .form-falcon > input[type*="email"]:focus ~ label,
    .form-falcon > input[type*="text"]:not([data-typeold*="password"]):hover ~ label,
    .form-falcon > input[type*="text"]:not([data-typeold*="password"]):focus ~ label,
    .form-falcon > input[data-typeold*="password"] ~ label,
    .form-falcon > input[type*="password"] ~ label {
        max-width: calc(100% - 2rem);
    }

    .form-falcon > input[type*="email"] ~ span.icon-clear,
    .form-falcon > input[type*="text"] ~ span.icon-clear,
    .form-falcon > input[data-typeold*="password"] ~ span.icon-clear,
    .form-falcon > input[type*="password"] ~ span.icon-clear,
    .form-falcon > input[data-typeold*="password"] ~ span.icon-see,
    .form-falcon > input[type*="password"] ~ span.icon-see {
        position: absolute;
        top: 0.75rem;
        bottom: 0;
        right: 0.5rem;
        z-index: 1;
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        color: #d7d7d7;
        width: 1.4rem;
        height: 1.4rem;
        cursor: pointer;
        text-align: center;
    }

        .form-falcon > input[type*="password"] ~ span.icon-see:after {
            content: "\f06e";
        }

        .form-falcon > input[data-typeold*="password"] ~ span.icon-see:after {
            content: "\f070";
        }

    .form-falcon > input[data-typeold*="password"] ~ span.icon-clear,
    .form-falcon > input[type*="password"] ~ span.icon-clear {
        right: 2rem;
        display: none;
    }

    .form-falcon > input[type*="email"] ~ span.icon-clear,
    .form-falcon > input[type*="text"]:not([data-typeold*="password"]) ~ span.icon-clear {
        display: none;
    }


        .form-falcon > input[type*="email"] ~ span.icon-clear:after,
        .form-falcon > input[type*="text"]:not([data-typeold*="password"]) ~ span.icon-clear:after,
        .form-falcon > input[type*="password"] ~ span.icon-clear:after,
        .form-falcon > input[data-typeold*="password"] ~ span.icon-clear:after {
            content: "\f00d";
        }

        .form-falcon > input[type*="email"] ~ span.icon-clear:focus,
        .form-falcon > input[type*="email"] ~ span.icon-clear:hover,
        .form-falcon > input[type*="email"]:hover ~ span.icon-clear,
        .form-falcon > input[type*="email"]:focus ~ span.icon-clear,
        .form-falcon > input[type*="text"]:not([data-typeold*="password"]) ~ span.icon-clear:focus,
        .form-falcon > input[type*="text"]:not([data-typeold*="password"]) ~ span.icon-clear:hover,
        .form-falcon > input[type*="text"]:not([data-typeold*="password"]):hover ~ span.icon-clear,
        .form-falcon > input[type*="text"]:not([data-typeold*="password"]):focus ~ span.icon-clear,
        /*.form-falcon > input[type*="text"]:not([data-typeold*="password"]):hover ~ span.icon-clear,
        .form-falcon > input[type*="text"]:not([data-typeold*="password"]):focus ~ span.icon-clear,*/
        .form-falcon > span.icon-see:hover ~ span.icon-clear,
        .form-falcon > span.icon-see:focus ~ span.icon-clear,
        .form-falcon > input[data-typeold*="password"] ~ span.icon-clear:hover,
        .form-falcon > input[data-typeold*="password"] ~ span.icon-clear:focus,
        .form-falcon > input[type*="password"] ~ span.icon-clear:hover,
        .form-falcon > input[type*="password"] ~ span.icon-clear:focus,
        .form-falcon > input[data-typeold*="password"]:hover ~ span.icon-clear,
        .form-falcon > input[data-typeold*="password"]:focus ~ span.icon-clear,
        .form-falcon > input[type*="password"]:hover ~ span.icon-clear,
        .form-falcon > input[type*="password"]:focus ~ span.icon-clear {
            display: inline-block;
        }

    .form-falcon:has(span.icon-see:hover) > input[data-typeold*="password"],
    .form-falcon:has(span.icon-see:focus) > input[data-typeold*="password"],
    .form-falcon:has(span.icon-see:hover) > input[type*="password"],
    .form-falcon:has(span.icon-see:focus) > input[type*="password"],
    .form-falcon:has(span.icon-clear:hover) > input[data-typeold*="password"],
    .form-falcon:has(span.icon-clear:focus) > input[data-typeold*="password"],
    .form-falcon:has(span.icon-clear:hover) > input[type*="password"],
    .form-falcon:has(span.icon-clear:focus) > input[type*="password"],
    .form-falcon:has(span.icon-clear) > input[data-typeold*="password"]:hover,
    .form-falcon:has(span.icon-clear) > input[type*="password"]:hover {
        padding: 0.4286rem 3.5rem 0.4286rem 1rem;
        margin-right: -2.5rem;
    }

    .form-falcon:has(span.icon-clear) > input[data-typeold*="password"]:focus,
    .form-falcon:has(span.icon-clear) > input[type*="password"]:focus {
        padding: calc(0.4286rem - 1px) calc(3.5rem - 1px) calc(0.4286rem - 1px) calc(1rem - 1px);
        /*padding: calc(0.4286rem) calc(3.5rem - 1px) calc(0.4286rem) calc(1rem - 1px);*/
        margin-right: -2.5rem;
    }

    .form-falcon > input[type*="email"] ~ span.icon-clear,
    .form-falcon > input[type*="text"]:not([data-typeold*="password"]) ~ span.icon-clear,
    .form-falcon > input[data-typeold*="password"] ~ span.icon-clear:hover,
    .form-falcon > input[type*="password"] ~ span.icon-clear:hover,
    .form-falcon > input[data-typeold*="password"] ~ span.icon-see:hover,
    .form-falcon > input[type*="password"] ~ span.icon-see:hover {
        background: linear-gradient(44deg, #0235d7 33%, #22d7d9, #e1f4f1);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: aitf 80s linear infinite;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
    }

    .form-falcon > span.icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0.5rem;
        z-index: 2;
        color: #5f6368;
    }

.field-validation-error > * {
    margin-top: 0.5rem;
    display: inline-block;
    max-width: 100%;
    padding: .25rem .5rem;
    font-size: 0.8333333333rem;
    color: #fff;
    background-color: rgba(230, 55, 87, .9);
    border-radius: .25rem;
    position: relative;
}

    .field-validation-error > *:first-child:after {
        position: absolute;
        content: '';
        top: -.75rem;
        left: 1rem;
        border-top: .375rem solid transparent;
        border-bottom: .375rem solid #e84b67;
        border-left: .375rem solid transparent;
        border-right: .375rem solid transparent;
    }

/* was-validated start */
.was-validated .form-control:valid, .form-control.is-valid {
    /*border-color: #00d27a;*/
    border-color: #2c7be5;
    padding-right: calc(1.5em + 0.625rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300d27a' d='M2.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'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.15625rem) center;
    background-size: calc(0.75em + 0.3125rem) calc(0.75em + 0.3125rem);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #e63757;
    padding-right: calc(1.5em + 0.625rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e63757'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e63757' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.15625rem) center;
    background-size: calc(0.75em + 0.3125rem) calc(0.75em + 0.3125rem);
}

.was-validated .form-falcon > input[type*="text"]:not([data-typeold*="password"]):hover {
    padding: calc(0.4286rem - 1px) calc(3.5rem - 1px) calc(0.4286rem - 1px) calc(1rem - 1px);
}

.was-validated .form-falcon > input[type*="email"] ~ span.icon-clear,
.was-validated .form-falcon > input[type*="text"] ~ span.icon-clear,
.was-validated .form-falcon > input[data-typeold*="password"] ~ span.icon-clear,
.was-validated .form-falcon > input[type*="password"] ~ span.icon-clear,
.was-validated .form-falcon > input[data-typeold*="password"] ~ span.icon-see,
.was-validated .form-falcon > input[type*="password"] ~ span.icon-see {
    right: 2rem;
    top: 0.5rem;
}

.was-validated .form-falcon:has(span.icon-clear):has(span.icon-see) > input[type*="email"] ~ span.icon-clear,
.was-validated .form-falcon:has(span.icon-clear):has(span.icon-see) > input[type*="text"] ~ span.icon-clear,
.was-validated .form-falcon:has(span.icon-clear):has(span.icon-see) > input[data-typeold*="password"] ~ span.icon-clear,
.was-validated .form-falcon:has(span.icon-clear):has(span.icon-see) > input[type*="password"] ~ span.icon-clear {
    right: 3.5rem;
}

.validation-summary-errors {
    margin: 0.5rem 0;
}

    .validation-summary-errors li {
        margin: 0.25rem 0;
    }

.was-validated .form-falcon select:invalid:not([multiple]):not([size]), .was-validated .form-falcon select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

.was-validated .form-falcon select:valid:not([multiple]):not([size]), .was-validated .form-falcon select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.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'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-select.is-valid, .was-validated .form-falcon select:valid,
.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #198754;
}

.form-select.is-invalid, .was-validated .form-falcon select:invalid,
.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #dc3545;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #198754;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #198754;
}

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: #198754;
    }

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #dc3545;
}

    .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #dc3545;
    }

/*was-validated end */

/*form-falcon end*/