/*Custom styles for Dialog*/
.btn-submit:disabled {
    background: #E4E4E4;
    color: #8D8D8D;
    border-color: #E4E4E4;
}

@media only screen and (max-width:768px){
    .btn-submit {
        width: 90% !important;
    }

    .btn-cancel {
        width: 89.5% !important;
    }
}

.form-fields input[type='text'],
.form-fields input[type='email'],
.form-fields input[type='password'],
.form-fields input[type="tel"],
.form-fields input[type='number'],
.form-fields select {
    width: 100%
}

.float-input-outer-container {
    display: block;
    justify-content: unset;
}

.parsley-success-list {
    margin-top: 12px;
    text-align: center;
}

.parsley-err {
    width: 100%;
}
.parsley-errors-list {
    background-color: #FFF !important;
    color: var(--dialog-error-text) !important;
    margin: 4px 0 0 15px !important;
    text-align: left;
    width: 90%;
}

#otp-err-msg {
    margin: 12px auto 0 auto !important;
    text-align: center;
}

input.parsley-error ~ .txt-form-label {
    color: var(--dialog-error-text) !important;
}

input.parsley-error,
input.parsley-error[type='text']:focus,
input.parsley-error[type='tel']:focus {
    border: 1px solid var(--dialog-error-text) !important;
}

.resend-otp:disabled,
.resend-otp:disabled:hover {
    color: var(--dialog-disabled-state);
    opacity: 0.38;
}

.form-fields > li {
    margin-bottom: 5px !important;
    padding-top: 10px;
    position: relative;
}

.viu-error-image {
    display: none !important;
}

.viu-error-header {
    display: none !important;
}