body { font-family: 'IBM Plex Sans', sans-serif; background-color: #F0F0F5; }
.wrapper .content-wrapper { margin-left: 75px !important; margin-right: 25px; }
/*.wrapper { padding-top: 102px; }*/
.user-panel .image { padding: 0; width: 60px; height: 60px; margin: 0 auto 5px; }
.user-panel .image img { width: 100%; height: 100%; }
.user-panel { flex-flow: column; margin-bottom: 0 !important; border-bottom: 0 !important; }
.user-panel .info h4 { font-size: 16px; color: #fff; margin-bottom: 4px; }
.user-panel .info { text-align: center; }
.user-panel .info h6 { color: #fff; font-size: 10px; font-weight: 400; }
.layout-fixed .main-sidebar { overflow: visible !important; width: auto; position:fixed;left:0; top:0; z-index:9999;  }
nav.main-header {
    padding:23px 20px 16px;
    align-items:self-start;
    top:0;
    width:calc(100% - 60px);
    margin-left:60px !important;
}
nav.main-header h5 { margin-bottom:0; }
.form-group label { font-size:14px; font-weight:500 !important; color:#525252; margin-bottom:0; }
.main-header .nav-link img { width:25px; }
.main-header .nav-link { padding:0 8px !important; }
.nav-link-btn { font-size:14px; line-height: 16px; font-weight:400; padding:6px 16px; min-width:94px; border: 1px solid #1A4DB0; display: block; text-align: center; border-radius: 16px; color: #1A4DB0; transition: all .3s ease-in; margin-left: 14px; }
.nav-link-btn:hover { background-color:#1A4DB0; color:#fff; }

/******* sidenav start **************/
.nav-sidebar .nav-treeview { position: absolute; top: 0; left: 200px; display: block; width: 200px; opacity: 0; transition: .3s ease-in; visibility: hidden; max-height: calc(100vh - 200px); overflow: auto; margin-top: 0 !important; }
.nav-sidebar>.nav-item:hover .nav-treeview { opacity: 1; visibility: visible; border: 1px solid #9acdff; }
.nav-sidebar .nav-treeview::-webkit-scrollbar-track { border-radius: 0px; background-color: #ccc; }
.nav-sidebar .nav-treeview::-webkit-scrollbar { width: 6px; background-color: #ccc; border-radius: 10px; }
.nav-sidebar .nav-treeview::-webkit-scrollbar-thumb { background-color: #0fb3b0; }
.nav-sidebar>.nav-item { position: relative; }
.nav-sidebar>.nav-item .nav-link { width: 100% !important; margin: 0 !important; border-radius: 0; }
.nav-sidebar>.nav-item .nav-link::before { content: ''; position: absolute; height: calc(100% + 10px); transform: translateY(-50%); transition: all .3s ease-in; width: 6px; top: 50%; background-color: #007876; right: -6px; z-index: 99; clip-path: polygon(0 0, 100% 9%, 100% 91%, 0 100%, 0% 60%, 0 0); opacity: 0; }
.nav-sidebar>.nav-item:hover .nav-link::before, .nav-sidebar>.nav-item .nav-link.active::before { opacity: 1; }
.nav-sidebar>.nav-item:hover .nav-link, .nav-sidebar>.nav-item .nav-link.active { background-image: linear-gradient(45deg, #0fb3b0, #007876); }
.sidebar .os-resize-observer-host.observed, .sidebar { padding: 0; overflow: visible !important; }
.sidebar .os-content { padding: 0 !important; }
.nav-sidebar>.nav-item + .nav-item { border-top: 1px solid rgb(255 255 255 / 25%) !important; }
.sidebar .os-viewport { overflow: visible !important; }
.sidebar .os-padding { overflow: visible !important; }
.sidebar .os-resize-observer-host.observed { overflow: visible; }
.sidebar .os-host-overflow, .sidebar .observed, .sidebar .os-size-auto-observer, .os-host-overflow { overflow: visible !important; }
.nav-sidebar ul .nav-item>.nav-link { background: #E5F2FF !important; padding: 10px 22px; line-height: 20px; font-size: 13px; color: #001141 !important; padding-right: 24px; font-weight: 500; }
.nav-sidebar ul .nav-item .nav-link::before { display: none; }
.nav-sidebar ul .nav-item>.nav-link i { position: absolute; right: 9px !important; top: 13px; }
.nav-sidebar ul .nav-item>.nav-link:hover, .nav-sidebar ul .nav-item>.nav-link.active { background: #A7F0BA !important; }
.nav-sidebar ul .nav-item + li { border-top: 1px solid #9acdff; }
.right_bar-wrapper { position: fixed; right: 0; top: 102px; width: 200px; min-height: 100vh; border-left: 1px solid #D0E2FF; }
.right_bar_list { list-style: none; margin: 0; border: 1px solid #D0E2FF; border-left: 0; padding: 6px 0; }
.right_bar_list li { font-size: 14px; line-height: 16px; padding: 5px 10px; }
.right_bar_list li a { color: #000 !important; display: block; padding: 8px 10px; transition: all .3s ease-in; }
.right_bar h5 { font-size: 16px; padding: 12px 14px; margin: 0; font-weight: 500; color: #000; }
.right_bar_list li a:hover, .right_bar_list li a.active { background-color: #A7F0BA !important; }
.right_bar_list.type-1 li { background-color: #A6C8FF; }
.right_bar_list.type-1 li + li { border-top: 1px solid #fff; }
.right_bar_list.type-1, .right_bar_list.type-1 li { padding: 0; }

/******* sidenav end **************/
.form-control { border: none; border-bottom: 1px solid #bbd5ff; border-radius: 0; font-size: 14px; }
.form-group label { color: #525252; }
.form-control::placeholder { color: #A8A8A8; }
.custom-control-label::after { background-image: none !important; width: 10px; height: 10px; border-radius: 5px; left: -21px; background-color: #491D8B !important; top: 5px; transform: scale(0); transition: all .3s ease-in; }
.custom-control-label::before { background-color: transparent !important; border-radius: 10px !important; border-color: #A6C8FF !important; top: 2px; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { transform: scale(1); }
.custom-control-input:checked~.custom-control-label::before { border-color: #491D8B !important; }
.btn { background-color: #491D8B; color: #fff; transition: all .3s ease-in; border-radius: 0; min-width: 124px; font-size: 14px; text-align: start; padding: 7px 16px; display: inline-flex; align-items: center; justify-content: space-between; border: none; font-weight: 500 !important; }
.btn-add-remove{ min-width: auto !important; }
.btn img { width: 12px; margin-left: 4px; }
.action_btn img { width: 11px; margin-left: 4px; }
.btn:hover { background-color: #00b3af; color: #fff; }
.btn.style-1 { background-color: #6929C4;}
.btn.style-2 { background-color: #0F62FE; color: #fff; }
.btn.style-3 { background-color: #42BE65; color: #fff; }
.btn.outline { background-color: transparent; border: 1px solid #00b3af; color: #00b3af; padding: 7px 16px; }
.btn.outline-2 { background-color: transparent; border: 1px solid #0F62FE; color: #0F62FE; padding: 7px 16px; }
.btn + .btn { margin-left: 15px; }
.btn.no-icon { display: inline-block; text-align: center; }
.btn.style-1:hover { background-color: #16a6ff; }
.table thead { background-color: #D0E2FF; }
.table thead tr th { vertical-align: top !important; }
.table table thead tr th { vertical-align: top !important; }
.table thead tr, thead tr th { border-top: none !important; border-bottom: none !important; font-size: 13px; }
.table.table-md thead tr, .table.table-md thead tr th { font-size: 12px; }
.table.table-md tbody, .table.table-md tbody tr td { font-size: 12px; }
.table.table-md tbody tr td small { display: block; line-height: 13px; }
.table.table-sml thead tr, .table.table-sml thead tr th { font-size: 11px; }
.table.table-sml tbody, .table.table-sml tbody tr td { font-size: 11px; line-height: 14px; }
.table.table-sml tbody tr td small { display: block; line-height: 12px; }
.table tbody tr td { font-size: 13px; line-height: 16px; }
.custom-switch .custom-control-label { font-weight: 500 !important; line-height: 20px; }
.custom-switch { min-height: 22px !important; }
.custom-switch .custom-control-label::after { top: 5px; width: 10px !important; height: 10px !important; left: -32px; right: 0; background-color: #cbd0d5 !important; transform: none; }
.custom-control-label::before { border-color: #cbd0d5 !important; }
.custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff !important; }
.custom-switch .custom-control-input:checked~.custom-control-label::before { border-color: #198038 !important; background-color: #198038 !important; }
.color-red, .text-red { color: #DA1E28 !important; }
.color-blue, .text-blue { color: #0F62FE !important; }
.color-syan, .text-syan { color: #0072C3 !important; }
.color-green, .text-green { color: #24A148 !important; }
.color-blue-50, .text-blue-50 { color: #1192E8 !important; }
.card-header { align-items: center; }
.card-header h3, .card-header h4, .card-header h2 { font-weight: 600; }
.page-item .page-link { padding: 4px 10px; color: #000; font-size: 16px; }
.page-item.active .page-link { background-color: #6929c4; border-color: #6929c4; height: 30px; }
.dataTables_wrapper .pagination { padding-top: 6px; }
.page-item.disabled .page-link { font-size: 14px; padding: 5px 10px; height: 30px; }
.dataTables_wrapper .dataTables_info { font-size: 14px; }
.form-control:disabled, .form-control[readonly] { background-color: transparent !important; opacity: .4; }
.select2-container--default.select2-container--disabled .select2-selection--single { background-color: transparent; opacity: .54; }
.select2-results__option { font-size: 14px; }
.select2-results__option + .select2-results__option { border-top: 1px solid #f5f5f5; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #009d9a !important; }
.dataTables_wrapper .row:nth-child(2) .col-sm-12 { overflow-y: hidden; overflow-x: auto; padding: 0; padding-bottom: 6px; }


.dataTables_wrapper .row:nth-child(2) { 
    width: calc(100% + 2.5rem) !important; margin-left: -1.22rem; max-width: inherit !important; margin-right: 1.22rem; 
}

.dataTables_wrapper .row:nth-child(2) {
    width: calc(100% + 1.98rem) !important;
    margin-left: -0.98rem;
    max-width: inherit !important;
    margin-right: 1.22rem;
}


.dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-track { border-radius: 0px; background-color: #D9D9D9; }
.dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar { height: 6px; background-color: #D9D9D9; border-radius: 10px; }
.dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb { background-color: #0fb3b0; }

/*****************************/
.dashboard-hieght { min-height: calc(100vh - 185px); }
.dashboard-empty-content { color: #4589FF; text-align: center; }
.dashboard-empty-img { max-width: 350px; margin: 0 auto 20px; }
.dashboard-empty-img img { width: 100%; height: auto; object-fit: contain; }
.dashboard-empty-content h1 { font-size: 34px; margin-bottom: 10px; }
.dashboard-empty-content h1 span { color: #0043CE; }
.dashboard-empty-content h6 { font-size: 16px; margin-bottom: 0; }
.dashboard-empty-content h6 a { color: #08BDBA; }

/***********************/
.upload-group h6 { font-size: 14px; margin-bottom: 6px; line-height: 18px; }
.upload-group p { font-size: 11px; color: #00000080; }

/***********************************/
.dashboard_card_list { padding: 0; list-style: none; width: calc(100% + 20px); margin-left: -10px; margin-bottom: 0; }
.dashboard_card_list li { width: 33.33%; padding: 0 12px; margin-bottom: 20px; }
.dashboard_card_box { background-color: #D9FBFB; border-radius: 10px; padding: 14px 10px; font-size: 10px; color: #002D9C; height: 100%; }
.bg_purple_light { background-color: #F6F2FF !important; }
.bg_teal_light { background-color: #D9FBFB !important; }
.dashboard_card_box h6 { font-size: 14px; font-weight: 500; color: #001141; line-height: 20px; }
.dashboard_card_box h4 { font-size: 18px; font-weight: 500; color: #002D9C; }
.dashboard_card_box p:last-child { margin-bottom: 0; }
.dashboard_chart { padding: 0px; background-color: #fff; border-radius: 10px; margin-bottom: 24px; }
.dashboard_chart h6 { margin-left: 3%; }
.apply_loan_btn { padding: 13px 20px; background-color: #BAE6FF; width: 100%; display: block; border-radius: 10px; text-align: center; color: #0F62FE; font-size: 14px; font-weight: 500; transition: all .3s ease-in; }
.apply_loan_btn i { margin-left: 4px; vertical-align: middle; }
.apply_loan_btn:hover { background-color: #95d6fb; }
.d_member_box { margin-top: 17px; background-color: #D9FBFB; border-radius: 10px; padding: 10px; color: #001141; }
.d_member_box h5 { font-size: 15px; font-weight: 500; margin-bottom: 10px; }
.d_member_list { padding: 0; margin: 0; list-style: none; }
.d_member_list li + li { border-top: 1px solid #697077; margin-top: 6px; padding-top: 6px; }
.d_member_list li h6 { font-size: 13px; }
.d_member_list li h6 small { display: block; font-size: 11px; color: #697077; margin-top: 2px; }
.d_member_btn { color: #000; font-size: 12px; text-align: center; margin: 0 auto; display: block; }
.d_member_btn i { margin-left: 4px; vertical-align: middle; }

/***********************************/
.card-sub-header { padding: .5rem 1.25rem; background-color: #F6F2FF; }
.card-sub-title { font-size: 16px; font-weight: 500; margin-bottom: 0; }
.card-sub-text { font-size: 13px; margin-bottom: 0; color: #525252; margin-top: 3px; }
.upload_img_dragable { border: 1px dashed #8D8D8D; cursor: pointer; padding: 10px 20px; max-width: 200px; min-height: 80px; color: #0F62FE !important; }
.doc_upload_list { padding: 0; margin: 0; list-style: none; }
.doc_upload-item { padding: 10px 24px 10px 16px; border: 1px dashed #8D8D8D; border-radius: 10px; align-items: center; }
.doc_upload-item + .doc_upload-item { margin-top: 14px; }
.doc_upload_left { width: 25%; padding-right: 14px; }
.doc_upload_left h5 { font-size: 16px; font-weight: 500; color: #000; margin-bottom: 13px; }
.doc_upload_right { width: calc(100% - 25%); }
.doc_uploaded_area { background-color: #F4F4F4; padding: 9px 20px; padding-right: 44px; position: relative; }
.uploaded_img_area { width: 200px; padding: 10px; display: block; }
.uploaded_img_area img {width: 140px;object-fit: cover;}
.doc_uploaded_caption { font-size: 14px; font-weight: 400; display: inline-block; margin-right: 12px; }
.doc_uploaded_area .doc_uploaded { position: absolute; color: #0F62FE; right: 15px; top: 50%; font-size: 18px; transform: translateY(-50%); display: none; }
.uploaded .doc_uploaded_area .doc_uploaded { display: block; }
.doc_uploaded_area .doc_progress { position: absolute; position: absolute; color: #0F62FE; right: 15px; top: 50%; font-size: 18px; transform: translateY(-48%); display: none; }
.progressing .doc_uploaded_area .doc_progress { display: block; }
.doc_uploaded_area .doc_progress .spinner-border { width: 18px; height: 18px; color: #0F62FE !important; border-width: 3px; }
.doc_uploaded_area .doc_remove { cursor: pointer; position: absolute; color: #0F62FE; right: 12px; top: 50%; font-size: 18px; transform: translateY(-48%); width: 24px; height: 24px; background-color: #F4F4F4; padding: 5px; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; }
.doc_uploaded_area .doc_remove img { width: 100%; height: 100%; object-fit: contain; vertical-align: baseline; }
.doc_uploaded_area:hover .doc_remove { opacity: 1; visibility: visible; }
.doc_upload-item[disabled] { border: 1px dashed #dbdbdb; position: relative; }
.doc_upload-item[disabled]::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; opacity: .5; z-index: 9; }
.doc_uploaded_area .doc_error_warning { position: absolute; color: #f00; right: 15px; top: 50%; font-size: 18px; transform: translateY(-50%); display: none; }
.error_warning .doc_uploaded_area .doc_error_warning { display: block; }
.error_warning .doc_uploaded_area .doc_remove { display: none; }
.doc_upload_side { width: 100px; padding: 10px; padding-right: 0; }
.doc_uploaded_img { border: none; padding: 0; overflow: hidden; }
.doc_uploaded_img img { width: 100%; height: 100%; object-fit: contain; transition: all .3s ease-in; max-height: 80px; }
.doc_uploaded_img:hover img { transform: scale(1.1); }
.uploaded_img_modal img { width: 100%; height: 100%; object-fit: contain; }
#view_uploaded_img .close { position: absolute; width: 30px; height: 30px; background-color: #fff; opacity: 1; border-radius: 20px; right: -10px; top: -10px; line-height: 25px; }

/********************************/
.dropdown .dropdown-menu { border: 1px solid #D0E2FF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 4px 0; }
.dropdown .dropdown-link { padding: 7px 10px; font-size: 11px; display: block; line-height: 13px; color: #000; }
.dropdown .dropdown-link + .dropdown-link { border-top: 1px solid #D0E2FF; }
.dropdown .action-setting-btn { padding: 1px; border: none; background-color: transparent; width: 20px; height: 24px; }
.dropdown .action-setting-btn img { width: 100%; height: 100%; object-fit: contain; }

/*******************************/
.form-group-inline label { font-size: 14px; font-weight: 500 !important; margin-right: 10px; margin-bottom: 0 !important; }
.form-group-inline input { height: 35px; border: none; border-radius: 0; border-bottom: 1px solid #80bdff !important; margin-bottom: -2px; margin-right: 10px; width: 130px; outline: none !important; box-shadow: none !important; }
.form-group-inline { display: flex; align-items: end; }
.inline-checkbox { width: 14px; height: 14px; vertical-align: bottom; margin-right: 4px; }

/*************************************/
.my_tabs .nav-tabs { border-bottom: 6px solid #D0E2FF; }
.my_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #D0E2FF; border: 1px solid #b8d3ff; border-bottom: 0; }
.my_tabs .nav-tabs .nav-link { font-size: 14px; font-weight: 500; color: #000000; margin-bottom: -2px; }

/*********************************/
.modal-header { background-color: #4589FF; color: #fff; text-align: center; display: block !important; padding: 12px 20px; }
.modal-content { box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.25); border: none; }
.modal-header .close { position: absolute; right: -14px; top: -14px; background-color: #fff; width: 30px; height: 30px; padding: 0; border-radius: 50%; padding: 0; opacity: 1; font-size: 16px; color: #888; }
.load_modal-content { padding: 24px 30px 40px; color: #000; }
.load_modal-content h6 { font-size: 16px; }
.loan_approve_btn { font-size: 14px; background-color: #A7F0BA; padding: 7px 24px; font-weight: 400; color: #198038; border-radius: 3px; transition: all .3s ease-in; }
.loan_approve_btn img { width: 14px; margin-left: 10px; }
.loan_approve_btn:hover { background-color: #006a20; color: #A7F0BA; }
.loan_reject_btn { font-size: 14px; background-color: #FFD7D9; padding: 7px 24px; font-weight: 400; color: #DA1E28; border-radius: 3px; transition: all .3s ease-in; }
.loan_reject_btn img { width: 14px; margin-left: 10px; }
.loan_reject_btn:hover { background-color: #ffafb3; color: #DA1E28; }

/*************************/
.loan_id_left { padding: 16px 12px 24px; border-radius: 10px; width: 208px; margin-right: 10px; }
.loan_id { align-items: start; }
.loan_id_left p, .loan_id_right h6 { font-size: 13px; font-weight: 500; margin-bottom: 5px; }
.loan_id_left p:last-child { margin-bottom: 0; }
.loan_id_left p strong { font-weight: 500; margin-right: 5px; }
.loan_id_right { padding: 16px 12px; border-radius: 10px; width: calc(100% - 218px); }
.loan_id_listing ul { padding: 0; list-style: none; margin-bottom: 14px; font-size: 12px; line-height: 19px; }
.loan_id_list_left, .loan_id_list_mid { padding-right: 10px; }
.loan_id_listing ul li strong { font-weight: 500; margin-right: 6px; }
.loan_id_listing { justify-content: space-between; }
.loan_id_right h6 { margin-bottom: 9px; font-weight: 600; font-size: 14px; }
.step_card { width: 108px; }
.step_cards { list-style: none; padding: 0; margin: 0; }
.step_card_box { background-color: #EDF5FF; border-radius: 4px; height: 100%; padding: 12px 7px; text-align: center; position: relative; }
.step_card_icon { width: 14px; height: 14px; margin: 0 auto 10px; }
.step_card_icon img { width: 100%; vertical-align: super; }
.step_card_box h6 { font-size: 11px; font-weight: 600; margin-bottom: 0; }
.step_card + .step_card { margin-left: 48px; }
.step_card + .step_card .step_card_box::before { content: ''; position: absolute; width: 36px; height: 8px; background-image: url(../img/step-arrow.png); left: -42px; top: 50%; transform: translateY(-50%); background-size: contain; }
.check_details .table tr td span { width: 50%; text-align: right; padding: 0 10px; color: #6F6F6F; font-weight: 600; }
.check_details .table tr td span + span { text-align: left; font-weight: 500; }
.cheque_issue_sug { margin-top: 4px; font-size: 9px; line-height: 13px; color: #6F6F6F; }
.cheque_issue_sug p strong { font-weight: 500; color: #000; margin-right: 4px; text-align: right; min-width: 70px; display: inline-block; }
.cheque_issue_sug p { margin-bottom: 0; }
.loan_cheque_issue .doc_upload_left { width: 174px; }
.loan_cheque_issue .doc_upload_left h5 { font-size: 12px; color: #8D8D8D; margin-bottom: 8px; }
.loan_cheque_issue .doc_upload-item { padding: 0; border: none; }
.loan_cheque_issue .doc_upload_right { width: calc(100% - 174px); }
.loan_cheque_issue .doc_uploaded_area .doc_uploaded { font-size: 14px; }
a.disabled { pointer-events: none; cursor: default; }
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; }
.loanLimit_text { font-size: 13px; color: #000; margin-bottom: 0; }
.loanLimit_text span { color: #6F6F6F; margin-left: 4px; }

/***********************************/
.search_bar { position: relative; padding-right: 120px; }
.search_bar .btn { min-width: 120px; position: absolute; right: 0; top: 0; height: 34px; }
.search_bar .search_input { height: 34px; width: 100%; border: none; box-shadow: none; outline: none; background-color: #F4F4F4; padding: 8px 16px; padding-left: 36px; font-size: 14px; }
.search_bar .search-icon { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 16px; }
.edits_passbook_content { margin-top: 16px; border: 1px solid #A6C8FF; }
.edits_passbook_left, .edits_passbook_right { width: 50%; padding: 11px 14px; }
.edits_passbook_right { border-left: 1px solid #A6C8FF; }
.edits_passbook_area .form-group { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.edits_passbook_area .form-group label { min-width: 124px; font-size: 14px; color: #000; }
.edits_passbook_area .form-group .form-control { display: inline-block; width: 130px; height: 30px; padding: 0; text-align: end; line-height: 22px; }
.bank_modal_cheque img { width: 100%; height: auto; object-fit: contain; }

/**********************************/
.table tbody tr td .form-control { height: 20px; margin-bottom: 4px; padding: 0; font-size: 12px; }
.associated_modal_area table tr { border-bottom: 1px solid #999; }
.associated_modal_area button { border: none; background: transparent; }
.associated_modal_area button.close { position: absolute; right: -20px; top: -20px; opacity: .7; width: 28px; height: 28px; background-color: #fff; border-radius: 50%; font-size: 18px; }

/*****************/
.form-control:disabled, .form-control[readonly]{opacity: .8;}
/*********************/

/***********************************/
@media (max-width:991.98px) {
	.wrapper { padding-top: 60px; }
	nav.main-header { margin: 0 !important; flex-flow: column; width: 100%; padding: 15px; }
	.main-header .nav-link { height: 29px; }
	nav.main-header h5 { margin-top: 0; font-size: 16px; display: none; }
	.main-header .navbar-nav { width: 100%; margin: 0 !important; padding: 0 !important; flex-wrap: wrap; justify-content: end !important; }
	.nav-sidebar .nav-treeview { position: relative; left: 0; display: none; }
	.layout-fixed .wrapper .sidebar nav { overflow-x: hidden; overflow-y: auto; height: calc(100vh - 130px); }
	.user-panel .image { width: 50px; height: 50px; }
	.user-panel .info h4 { font-size: 14px; line-height: 16px; }
	.user-panel .info h6 { margin-bottom: 0; }
	.user-panel { margin: 0 !important; padding: 14px 0; }
	.main-header .navbar-nav .nav-item:first-child { width: 100%; order: 1; display: none; }
	.wrapper .content-wrapper { margin: 0 !important; }
	.content-header { padding: 10px; }
	.content-header .breadcrumb { font-size: 12px; }
	.right_bar-wrapper { right: -200px; transition: all .3s ease-in; background-color: #fff; top: 60px; }
	.mob-humberger { position: absolute; width: 40px; height: 40px; color: #001141; font-size: 21px; }
	.dashboard_card_list li { width: 100%; }
	.dashboard_chart #barChart { height: 200px !important; min-height: 200px !important; max-height: 200px !important; }
	.main-header .dropdown-item { font-size: 14px; }
	.main-header .dropdown-divider { margin: 4px 0; }
	.dashboard-empty-img { max-width: 240px; }
	.dashboard-empty-content h1 { font-size: 24px; }
	.dashboard-empty-content h6 { font-size: 14px; }
	.dashboard-hieght { min-height: calc(100vh - 140px); }
	.doc_upload_left { width: 100%; padding-right: 0; margin-bottom: 14px; }
	.doc_upload_right { width: 100%; }
	.doc_upload-item { padding: 14px 16px; }
	.edits_passbook_left, .edits_passbook_right { width: 100%; }
	.loan_id_left { width: 100%; margin-right: 0; margin-bottom: 10px; }
	.loan_id_right { width: 100%; }
	.step_card { width: 100%; }
	.step_card + .step_card { margin-left: 0; margin-top: 50px; }
	.step_card + .step_card .step_card_box::before { transform: rotate(90deg) translate(0, 0); left: calc(50% - 18px); top: -29px; }
	.my_tabs .nav-tabs .nav-link { padding: 10px 12px; font-size: 12px; }
	.check_details .table tr td div { flex-wrap: wrap; }
	.check_details .table tr td span { width: 100%; text-align: start !important; }
	.modal-content { margin-top:50px; }
	.modal-header .close { right:17px; top: -22px; }
	.doc_upload_side { padding: 0; margin-top: 12px; width: 80px; }
}
.w90 { width: 90% !important; }
.rejection_frm .form-check label { font-size:15px; margin-top:10px; margin-left:4px; }
.rejection_frm .form-check input { position:relative; top:1px; right:-2px; }
.rejection_frm .btn-group { width:100%; }
.rejection_frm .btn-group .btn { background-color:#eee; color:#000; }
h5.prnt_rcpt span { font-style:italic; font-weight:500; font-size:18px; line-height:18px;
 letter-spacing: 0.16px; color:#697077; display:inline-block; }
h5.prnt_rcpt { font-size: 18px; text-align: center; }
span.select2.select2-container { width: auto !important; }

.logo-separator.d-none + .list-group-item {
    margin-top: 60px;
}
.logo-separator img {
    width:45px;
}

.logo-separator { background: #E8DAFF; }

table th i {
    margin-left: 6px;
    font-size: 15px !important;
}
table th {
    background: #DDE1E6 !important;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 16px;
    padding: 15px !important;
    letter-spacing: 0.32px;
}
a.actions i {
    color: #6929c4;
    font-size: 16px;
}
table td {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 16px;
    letter-spacing: 0.32px;
    color: #21272A;
    padding: 15px !important;
}
.ftrbtn_row {
    position: fixed;
    bottom: 20px;
    right: 40px;
}



.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    padding: 0px !important;
}
span#current-time {
    margin-left: 3px;
}


img.mr-3 {
    max-width: 50px;
}