/*for jQuery validate plugin*/
.form-group {
    position: relative;
}
label.error {
    display: inline-block;
    position: absolute;
    right: 9px;
    z-index: 99;
    font-size: 1rem;
    color: var(--danger);
    background: #ffd865;
    border-radius: 5px;
    padding: 1px 5px;
}
#sms-otp-form label.error {
    top: 5px;
}
#basic-info-form label.error, #kyc-1-form label.error, #account-auth-form label.error {
    bottom: -2px;
}
#id_date-error, #birth_date-error, #legal_agent_birth_1-error, #legal_agent_birth_2-error {
    right: 50px;
}
@media screen and (max-width: 767px){
    #id_date-error, #birth_date-error, #legal_agent_birth_1-error, #legal_agent_birth_2-error {
        right: 8px;
        left: 8px;
    }
}
#id_location-error, #id_type-error {
    right: 19px;
}
#basic-info-form #tel_office_area-error,
#basic-info-form #tel_office-error,
#basic-info-form #tel_office_ext-error,
#basic-info-form #tel_home_area-error,
#basic-info-form #tel_home-error,
#basic-info-form #contact-error,
#basic-info-form #relationship-error {
    bottom: 4px;
}
@media screen and (max-width: 767px) {
    #basic-info-form #tel_office_area-error,
    #basic-info-form #tel_office-error,
    #basic-info-form #tel_office_ext-error,
    #basic-info-form #tel_home_area-error,
    #basic-info-form #tel_home-error,
    #basic-info-form #contact-error,
    #basic-info-form #relationship-error {
        bottom: -1px;
    }
}
#basic-info-form #address_1-error,
#basic-info-form #address_2-error {
    bottom: -2px;
}
#kyc-1-form #Q2-error {
    bottom: 10px;
}
#kyc-1-form #kyc_legal_agent-error {
    width: max-content;
    left: 200px;
    bottom: -4px;
}
@media screen and (max-width: 767px){
    #kyc-1-form #kyc_legal_agent-error {
        width: max-content;
        left: 40px;
        bottom: -35px;
    }
}