.clickable {
    cursor: pointer;
}

#duo_iframe {
    height: 330px;
    border: none;
}

.duo-width {
    width: 100%;
    min-width: 304px;
    max-width: 620px;
}

.toggle_square {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.toggle_square input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.toggle_square__label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    top: 31%;
}

.toggle_sqaure__label:after, .toggle_square__label:before {
    content: "";
    display: -ms-inline-flexbox;
    display: inline-flex
}

.toggle_square__label-after:before {
    width: 5em;
    height: 1.75em;
    margin-right: .5em;
    border-radius: .1em;

}

.toggle_square__label-after:after {
    position: absolute;
    top: .125em;
    bottom: .125em;
    left: .125em;
    width: 2.25em;
    opacity: .5;
    border-radius: .1em;

}

.toggle_square__label-before:before {
    position: absolute;
    top: .125em;
    right: 1.875em;
    bottom: .125em;
    width: 2.25em;
    opactiy: .5;
    border-radius: .1em;

}

.toggle_square__label-before:after {
    width: 5em;
    height: 1.75em;
    margin-left: .5em;
    border-radius: .1em;
}

.toggle_square__label_no {
    margin-left: -75px;
    font-size: 10px;
}

.toggle_square__label_yes {
    margin-left: 28px;
    margin-right: 20px;
    font-size: 10px;

}

input[type=checkbox]:checked + .toggle_square__label-after:after {
    left: 2.6em
}

input[type=checkbox]:checked + .toggle_square__label-before:before {
    right: .125em
}

ul.form-fields input[type=checkbox]:checked + label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 13px;
    height: 13px;
    color: #fff;
    font-family: Font Awesome\ 5 Free;
    font-size: 9px;
    font-weight: 900;
    text-align: center
}
/* react-select v1 overrides */
/* equivalent to the commonUI select-input--large */
.select-input--large > .react-select__control {
    height: 47px;
    border-radius: 0px;
}ton
.select-input--large > .react-select__input {
    height: 50px;
    min-height: 50px;
    font-size: 15px;
    line-height: 16px;
}
.select-input--large > .react-select__control .react-select__value, .react-select__placeholder {
    line-height: 50px;
    font-size: 15px;
}
/* END of react-select v1 overrides */
ul.list--not-decorated {
    list-style-type: none;
}
.uno-password-check .password-check--fail:before,
.uno-password-check .passwordCheckFail:before {
    display: inline-block;
    font: normal normal normal 14px/1 Font Awesome\ 5 Free;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0 0.2em 0 -17px;
    color: red;
    content: "\f057";
}
.uno-password-check .password-check--pass:before,
.uno-password-check .passwordCheckPass:before {
    display: inline-block;
    font: normal normal normal 14px/1 Font Awesome\ 5 Free;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0 0.2em 0 -17px;
    color: green;
    content: "\f058";
}

.password-input-with-eye{
    padding-right: 10%;
}

.fa-eye-password-input:before {
    content: "\f06e";
    float: right;
    margin-right: 8px;
    margin-top: -33px;
}

.fa-eye-slash-password-input:before {
    content: "\f070";
    float: right;
    margin-right: 8px;
    margin-top: -33px;
}
[data-theme=dark] ul.form-fields input[type=checkbox]:checked+label:before {
    background-color: #25a9e0;
}

.form-fields .error {
    color: #ff003d
}