form#upload_pdf_file_form,
form#upload_pdf_if_nu {
    position: relative;
}

.fallback-svfa {
    position: absolute;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 70%;
    left: 0px;
    bottom: 0px;
}

input#irs_pdf_file,
input#irs_pdf_file_if_nu {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
}

.pdf_upload_loader,
.pdf_upload_loader_if_nu {
    backdrop-filter: blur(2px);
    text-align: center;
    /* padding: 40px; */
    display: none;
}

span.pdf_upload_loader_text,
span.pdf_upload_loader_if_nu_text {
    text-align: center;
}

.pdf_upload_loader p,
.pdf_upload_loader_if_nu p {
    font-size: 12px;
    margin-top: 40px;
    margin-bottom: -20px;
    color: #aaa;
}

select#itr_tax_year,
select#itr_tax_year_if_nu {
    max-width: 150px;
    margin-bottom: 10px;
}

p.field-error,
.password_error_notice {
    font-size: 12px;
    margin-top: 6px;
    font-weight: 800;
}

.profile_pic_wrap {
    width: 120px;
    height: 120px;
    /* background: #727cf5; */
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 32px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgb(0 0 0 / 13%);
}

.prev_pro_pic {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 30px 0px;
}

.nav-user span.account-user-avatar {
    width: 32px;
    height: 32px;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.card-body.profile-user-box .avatar-lg {
    width: 96px;
    height: 96px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    font-size: 32px;
    color: #fff;
}

.card-body.profile-user-box .avatar-lg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no_pro_pic_div {
    position: absolute;
    background: #727cf5;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.prev_pro_pic_hover {
    background: rgb(0 0 0 / 72%);
    position: absolute;
    width: 100%;
    height: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 99;
    opacity: 0.6;
    transition: all 0.2s;
    cursor: pointer;
    bottom: 0px;
    left: 0px;
    font-size: 24px;
}

.profile_pic_wrap:hover .prev_pro_pic_hover {
    opacity: 1;
}

input#profile_pic {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.prev_pro_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user_title img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.user_title span.account-user-avatar,
.dashboard_user_widget img,
.dashboard_user_widget .no_pro_pic_div {
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

span.single-profile-avatar {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    color: #fff;
}

.single-profile-avatar img,
.single-profile-avatar .no_pro_pic_div {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

span.dtr-data {
    white-space: break-spaces;
}

.all_user_table div#basic-datatable_filter {
    display: none;
}

.field_name_filter_select_to_option {
    position: absolute;
    z-index: 999;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 8%);
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    overflow-y: scroll;
    max-height: 206px;
}

.field_name_filter_select_to_option ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.field_name_filter_select_to_option ul li {
    padding: 14px;
    background: #fff;
    border: 1px solid #eee;
    cursor: pointer;
}

.field_name_filter_select_to_option ul li:hover {
    background: #f5f4f4;
}

.field_name_filter_select_to_option ul li input[type="radio"] {
    display: none;
}

.field_name_filter_select_to_option ul li a {
    color: #76818f;
}