*{box-sizing: border-box}
body{max-width: 2000px;background-color: #1C69B1;margin: 0 auto;font-family: 'Roboto', sans-serif;}
p{font-size: 14px;}
img {width: 100%;display: block;}
.logo_img img{width: 140px;}
.oraltech_ai {font-size: 15px;letter-spacing: 0.8px;font-weight: 800;color: #FFFFFF;}
.logo_img {padding: 35px 0px 15px 0%;display: flex;justify-content: center;}
.logo_img a {font-size: 20px;color: #ffffff;text-decoration: none;}
.signin_section{padding: 30px;}
.signin_section_practice{display: flex;flex-direction: column;justify-content: center;min-height: calc(100vh - 150px);padding: 30px;}
.signin_section_admin_login {display: flex;flex-direction: column;justify-content: center;min-height: 100vh;padding: 30px;}
.signin_form_section, .forgot_password_section, .reset_password_section{max-width: 450px;margin: 0 auto;padding: 35px;border-radius: 15px;background: #ffffff;height: 445px;}
.form-group{margin-bottom: 26px;}
.forgot_password_section, .reset_password_section{display: none;}
.heading h3{font-size: 26px;color: #337CE5;font-weight: normal;margin-bottom: 5px;}
input[name="first_name"], input[name="last_name"], input[type="email"], input[type="password"] {border: 0;border-bottom: 1px solid #D3D3D3;border-radius: 0 !important;font-size: 14px;}
.label{font-size: 13px;margin-top: 5px;color: #808080;}
label.error{font-size: 12px !important;color: #f00 !important;position: absolute;margin: 0;bottom: -20px;left: 0;}
.toggle_button {border-bottom: 1px solid #523434;font-size: 13px;}
a.toggle_button {text-decoration: none;color: #808080;display: inline-block;}
.custom_button{padding: 10px 15px;font-weight: 300;background-color: #3d83e2;color: #ffffff;outline: none !important;border-radius: 5px;cursor: pointer;border: none;}
.image_section{max-width: 500px;margin: 0 auto;}
.register_mail{padding: 11px 0px;}
#login_validation_msgs span, #login_validation_msgs{color: #f00000;font-size: 13px;vertical-align: middle;}
.reset_password_info p{font-size: 14px;}
.reset_password_hint{margin-top: 5px; padding-bottom: 5px;}
.password_hint{font-size: 12px;font-style: italic;}
.grey_text{color: #A1A1A1;}
.back_to_sign_in{color: #0000ff;}
.back_to_sign_in a{text-decoration: underline !important;}
.branch_details_span, .practice_details_span{cursor: pointer;padding: 10px;width: 100%;}
#choose_practice_branch_sec .modal-header, #choose_practice_sec .modal-header{border-bottom: none !important;}
#choose_practice_branch_sec .icon_close_empty, #choose_practice_sec .icon_close_empty{position: absolute;right: 8px;top: 8px;border: 0 !important;font-size: 18px;-webkit-appearance: none !important;background: none !important;color: #9f9f9f;}
#choose_practice_branch_sec .modal-content, #choose_practice_sec .modal-content{border-radius: 15px;width: 400px;display: table !important;}
.practice_details_li{border: 1px solid #dadada;border-radius: 10px;margin-bottom: 15px;}
.practice_details_ul{padding: 16px !important;}
.vertical-alignment-helper{display: table;height: 100%;margin: 0 auto;}
.vertical_align_center{display: table-cell;vertical-align: middle;}

/* Admin side inline styles update  */
.admin_signin_body{ 
    background-image: url('../images/super_admin_bg.png'); background-size: cover;  background-repeat:   no-repeat;background-position: center center;background-color: #d6ebf5;
 }

 .admin_reset_password_validation_msg_div{
    height: 100px;width: 450px;display: table-cell;vertical-align: middle;   
 }

 .admin_mobile_msg_parent_div{
    max-width: 450px;text-align: center;margin: 0 auto;
 }

 .admin_mobile_msg_div{
    background-color: #ffc107;color: #000 !important;padding: 10px;font-size: 15px;
 }

 .admin_signin_form_section_parent_div {
    margin: 0 auto;
 }

 .admin_signin_form_section_image_parent_div {
    text-align: -webkit-center;
 }

 .admin_signin_form_section_image{
    width: 140px;
 }

 .super_admin_sign_in_text{
    font-size: 20px; padding:30px 0px 30px 0px;font-weight:bold;
 }

 .admin_reset_password_header{
    text-align: center;
 }

 .admin_signin_form_section{
    height:auto !important;box-shadow: 1px 1px 1px 1px gainsboro;
 }

 .admin_forgot_password_section{
    box-shadow: 1px 1px 1px 1px gainsboro;
 }

 .admin_reset_password_section{
    box-shadow: 1px 1px 1px 1px gainsboro; height:auto;
 }

 /* Practice admin login css starts here */
.p_main_col{margin: 0 auto;}
.p_sigin_form_section{max-width: initial;}
.display_block{display: block !important;}
.display_none{display: none !important;}
.p_signin_col_7{float: left;top: 20%;}
.p_signin_img_block{width: 85%;margin: 0 auto;}
.p_signin_col_5{float: right;top: 6%;}
.p_signin_heading{color: #000;margin-bottom: 20px;}
#login_validation_msgs{visibility:hidden;}
.p_forgot_pwd_section{max-width: initial;display: none;}
.p_forgot_pwd_col_7,.otp_section_col_7{float: left;top: 20%;}
.p_forgot_pwd_img_block,.otp_section_img_block{width: 85%;margin: 0 auto;}
.p_forgot_pwd_col_5,.otp_section_col_5{float: left;top: 6%;}
.p_forgot_pwd_heading,.otp_section_heading{color: #000;}
#forgot_password_validation_msgs{visibility:hidden;}
.p_mobile_msg_main{max-width: 450px;text-align: center;margin: 0 auto;}
.p_mobile_msg_inner{background-color: #ffc107;color: #000 !important;padding: 10px;font-size: 15px;}
/* Practice admin login css ends here */
.otp{
   display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #dadada;

}

.otp_section{
   margin: 0 auto;padding: 35px;border-radius: 15px;background: #ffffff;height: 445px;
}

.otp-btn-grp
{
   align-items: center;
   padding: 15px;
}

.resend_verification_code
{
   margin-bottom: 20px;
}

.admin_otp_section,.view_report_otp_section {
   max-width: 66.66%;
}
 

/* .view_report_otp_section{max-width: calc(100% - 30px) } */

.otp_empty_msg_validation label.error {

   color: #f00 !important; 
   position: absolute;
   bottom: 25px;
   /* left: 105px;
   width:fit-content; */
   width: 100%;

}

.resend_two_factor_code {
   color: #808080;
   border-bottom: 1px solid #523434;
   font-size: 13px;
   text-decoration: none;
}

.resend_two_factor_code:hover{
   text-decoration: none;
   color: inherit;
}

/* .ap-otp-input{
   border: 3px solid #ebebeb;
   border-radius: 18px;
   width: 10%;
   height: 100px;
   margin: 4px;
   text-align: center;
   font-size: 35px;
} */ 

.ap-otp-inputs{

padding-bottom: 15px;

}

.ap-otp-input:focus{
   outline: none !important;
   border: 3px solid #1f6feb;
   transition: 0.12s ease-in;
}

@media(max-width: 991px) { 
   .admin_otp_section { width: 100%; max-width: 100%; }

   .otp_section{ height: 475px; }

   .otp { height: 40px; width: 35px; }

   .view_report_otp_section{max-width: calc(100% - 30px) }

}
@media (max-width: 575px) {
   .p_signin_col_7{ top: 0%; }
   .p_sigin_form_section,.forgot_password_section { height: 525px;}
   .otp_section { height: 575px;}
   .p_forgot_pwd_col_7, .otp_section_col_7 { top: 0%; }

   .otp { height: 30px; width: 29px; }

   .admin_otp_section { width: 100%; max-width: 100%; }

   .admin_otp_section .otp { height: 34px; width: 34px; }

   .view_report_otp_section{max-width: calc(100% - 30px) }

}