body { font-family: 'IBM Plex Sans', sans-serif; background-color: #f5f5f5; }
.wrapper .content-wrapper { margin-left:200px !important; }
.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 { background:#001141 !important; overflow: visible !important; width: 200px; }
nav.main-header { padding:23px 20px 16px; align-items:self-start; position: fixed; top: 0; width: calc(100% - 200px); margin-left: 200px !important; }
nav.main-header h5 { margin-bottom: 0; margin-top:15px; }
.form-group label { font-size:12px; 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; }
nav.main-header h5 {
    color: #949494;
}

nav.main-header h5 span {
    color: #000;
}
/******* 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: #009D9A !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: #009D9A !important; }
.btn { background-color: #009D9A; 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 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: #33B1FF }
.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: #0daeab; border-color: #0daeab; 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) .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: 16px; background-color: #F6F2FF; 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: none; }
.uploaded_img_area img { width: 100%; }
.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, input[type="time"]::-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; }



.sitecard {
    border-radius: 10px;
    border: 1px solid #297EB2;
    background: #EDF5FF;
    margin-bottom: 15px;
    padding: 15px;
}

h4.cardhdng {
    color: rgba(3, 2, 41,0.7);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.crdvalue p {
    color: rgba(3, 2, 41,0.7);
    font-size: 12px;
    margin-bottom: 4px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.homcarddata.d-flex {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:0 25px;
}

.crdvalue p span {
    font-size: 10px;
}

.crdvalue h3 {
    color:rgba(3, 2, 41,0.7);
    /*font-size: 35px;*/
    /*font-weight: 600;*/
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}
.crdvalue h3 a {
    color:rgba(3, 2, 41,0.7);
}
.dflxbt { display:flex; justify-content:space-between; align-items:center; }

.sitehdng {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}
a.adbtn {
    border-radius: 9px;
    background: #1192E8;
    color: #fff;
    display: inline-block;
    padding: 5px 18px;
}

.leadfilter {
    display: flex;
    margin-top: 15px;
    gap: 20px;
}

a.filtrbtn {
    display: flex;
    /*width: 120px;*/
    height: 30px;
    padding: 5px 5px;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
    border-radius: 5px 0px 0px 5px;
    background: #EDF5FF;
    color: #000;
    font-size: 13px;
    transition: all 0.5s;
    position: relative;
    font-weight: 400;
    line-height: normal;
}

a.filtrbtn:after{
	content: '';
	background: url('../../assets/images/icons/arrw.svg');
    position: absolute;
    width: 15px;
    height: 45px;
    right: -14px;
    top: -8px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bgw { background-color:#fff; padding:10px; }

a.filtrbtn:last-child::after{
  display: none;
}
a.filtrbtn:hover {
    background: #007D79;
    color: #fff;
}
.holdsort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}

a.twbtn {
    border-radius: 5px;
    border: 1px solid #DDE1E6;
    padding: 5px 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #4D5358;
}

a.twbtn img {
    position: relative;
    left: -3px;
    top: -1px;
}
.sortbtn select {
    border-radius: 5px;
    border: 1px solid #DDE1E6;
    padding: 5px 10px;
    font-size: 14px;
    background: transparent;
}

.leadwrpr {
    background: #DEFBE6;
    padding: 7px;
}

.leadboxmain {
	position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--cool-gray-50, #878D96);
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.ledprfl {
    display: flex;
    align-items: flex-start;
}
.ledprfl img {
    max-width: 100px;
}



.ldprfdtls h4 {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.ldprfdtls  h4 span {
    color:  #4D5358;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ldprfdtls {
    padding-left: 12px;
}

.ldbxtxt h5 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.ldbxtxt p {
    color: #21272A;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.98px;
    margin-bottom: 5px;
}

.intrsfor.ldbxtxt span {
    color: #0072C3;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.84px;
}

.cstmrreps h6 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.cstmrreps p {
    color: #736F6F;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.shwlesmore {
    position: absolute;
    bottom: 5px;
    left: 105px;
}

.shwlesmore button {
    border: 0;
    background: transparent;
    color: #1192E8;
    font-size: 15px;
}

.shwlesmore span {
    color: #4D5358;
    font-size: 14px;
}
.shwlesmore button i {
    padding-left: 5px;
}
button.btn.svbtn {
    display: block;
    text-align: center;
    min-width: 100px;
    background:#0F62FE;
    margin-top: 10px;
}

.leadboxmore {
    padding: 10px 0;
    border-top: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
}

label.custom-control-label {
    color: #4D5358;
    font-family: IBM Plex Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}
.intrstfor.d-flex {
    align-items: center;
    flex-wrap: wrap;
    margin-bottom:8px;
}

.intrstfor label {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-right: 15px;
}
a.twbtn.smpbtn {
    border: 0;
    padding: 5px 5px;
}

.logoptns.d-flex {
    border-radius: 5px;
    background: var(--White, #FFF);
    box-shadow: 0px 2px 5.5px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 10px 5px;
    gap: 10px;
    margin-top: 10px;
}

.d-flexbtwn { justify-content:space-between; display:flex; align-items:center; }

.d-flex.actvtss {
    gap: 6px;
}
.leadselts {
    margin-top: 15px;
}

.leadselts select.form-select {
    width: 150px;
    border-radius: 5px;
    border: 1px solid var(--cool-gray-40, #A2A9B0);
    background: var(--blue-10, #EDF5FF);
}
.leadselts label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.leadbox {
    background: #fff;
    padding: 10px;
}
.modal-content label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.load_modal-content select.form-select {
    width: 100%;
    margin: 5px 0 10px 0;
}

a { text-decoration:none; }

.leaddtlwrap {
    border-radius: 2px;
    border: 1px solid var(--blue-50, #4589FF);
    background: #FFF;
    padding: 12px;
}

.leaddtlwrap .cstmrreps {
    border-radius: 5px;
    background: var(--blue-10, #EDF5FF);
    padding: 5px 10px;
}

.leaddtlwrap .cstmrreps h6 {
    margin-bottom: 0;
    margin-right: 20px;
}

a.backbtn i {
    color: #4a4a4a;
}

.bkcstmreps {
    margin-bottom: 15px;
}
.intrtxt .intrsfor.ldbxtxt {
    margin-right: 20px;
}
.leaddtlprf {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--blue-50, #4589FF);
}

.d-flexbtwn.ldstagewrp {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 50px;
}

.status_date h6 {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.status_date span {
    color: #8F8B8B;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.leadstgs {
    padding: 12px 0;
}

.action-tabs { margin-bottom: 12px; }
.action-tab { flex: auto; text-align: center; background-color: #F6F2FF; color: #6929C4; font-size: 14px; padding: 8px 12px; transition: all .3s ease-in; }
.action-tab:hover { background-color: rgb(105 41 196 / 20%); color: #6929C4; }
.action-tab + .action-tab { border-left: 1px solid rgb(105 41 196 / 10%); }
.action-tab:first-child { border-radius: 5px 0 0 5px; }
.action-tab:last-child { border-radius: 0 5px 5px 0; }
.lead-detail-left { padding: 16px; }
.lead-detail-left-heading { width: calc(100% + 32px); margin-left: -16px; background-color: #F6F2FF; padding: 10px 16px; font-size: 14px; color: #161616; font-weight: 600; }
ul.admin-intro {
    list-style: none;
    padding-left: 0;
}

ul.admin-intro li {
    padding-bottom: 5px;
}

.lead-detail-left  h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.leaddtlss .leadselts {
    display: flex;
    flex-direction: column;
}

.leaddtlss {
    gap: 20px;
    margin-bottom: 20px;
}

.card {
    border-radius: 5px;
    border: 1px solid var(--blue-30, #A6C8FF);
}

.leaddtlss .leadselts select.form-select {
    width: 250px;
}

.history-list { padding: 0; list-style: none; margin: 20px 0; }
.history-item + .history-item { padding-top: 20px; margin-top: 20px; border-top: 1px solid #C1C7CD; }
.history-item + .history-item .history-icon { top: 20px; }
.history-item { position: relative; padding-left:10px; }
.history-box { min-height: 44px; padding-left: 40px; display: flex; flex-flow: column; justify-content: center; }
.history-icon { width: 44px; height: 44px; position: absolute; left: 0; top: 0; }
.history-icon img { width: 100%; }
.history-box h3 { font-size: 16px; color: #000; font-weight: 500; margin-bottom: 4px; }
.history-box h6 { color: #525252; font-size: 12px; font-weight: 400; margin-bottom: 0; }
.child-history-list { padding-top: 10px; padding-left: 0; margin: 0; list-style: none; margin-top: 4px; }
.child-history-item + .child-history-item { margin-top: 4px; }
.child-history-item { position: relative; padding-left: 30px; min-height: 34px; display: flex; flex-flow: column; justify-content: center; }
.child-history-icon { position: absolute; width: 20px; height: 20px; top: 3px; left: 0; }
.child-history-icon img { vertical-align: baseline; width: 100%; }
.child-history-item span { font-size: 13px; color: #525252; }
.child-history-item span { padding-right: 12px; }
.child-history-item span a + a { margin-left: 12px; }
.child-history-box .child-history-input { width: 100%; padding: 5px 10px; line-height: 16px; resize: none; border: 1px solid #C1C7CD !important; border-radius: 6px; font-size: 13px; color: #525252; outline: none !important; box-shadow: none !important; }
.child-history-item::before { content: ''; position: absolute; width: 1px; height: 100%; border-left: 1px dotted rgb(141 141 141 / 50%); left: 10px; top: 10px; }
.child-history-item:last-child::before { display: none; }
.custom-scroll::-webkit-scrollbar-track { border-radius: 0px; background-color: #D4BBFF; }
.custom-scroll::-webkit-scrollbar { width: 5px; background-color: #D4BBFF; border-radius: 0px; }
.custom-scroll::-webkit-scrollbar-thumb { background-color: #6929C4; }
.custom-scroll { max-height: 650px; }
.custom-scroll { overflow-x: hidden; }

#imagePreview {
    width: 120px;
    height: 120px;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    background-image: url(../img/photo.png);
    cursor: pointer;
}
#uploadFile{
  display: none
}
.siteforms label { display:block; }
.siteforms select.form-select {
    background: transparent;
    border-bottom: 1px solid #bbd5ff;
    width: 100%;
}
.siteforms textarea {
    width: 100%;
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #bbd5ff;
}

.siteforms .form-check {
    padding-right: 12px;
}

.siteforms label.form-check-label {
    position: relative;
    top: 3px;
}
.actv_optns .rdowrp {
    padding-right: 15px;
}

.cstmupload .upload_img_dragable {
    width: 100%;
    display: block !important;
    max-width: 100%;
    background: #f6f6f6;
    max-height: 44px;
    min-height: 44px;
    font-weight: 400;
    line-height:25px;
    border:0;
    font-size: 14px;
    color:#000 !important;
    letter-spacing:0.16px;
}
.sbmtbtn button {
    width: 260px;
    border-radius: 6px;
    margin-top: 0 !important;
    height: 44px;
}

.bulkforms .form-group label {
    font-size: 18px;
}
.hometble tr td:first-child, .hometble tr td:last-child {
    background: #fff;
}

.hometble tr td:nth-child(2) {
    background: #f1f1f1;
}

.schmbox {
    border-radius: 5px;
    border: 1px solid var(--Cool-Gray-40, #A2A9B0);
    background: var(--Cool-Gray-10, #F2F4F8);
    padding: 15px;
}

.schmbox h4 {
    color: var(--Cool-Gray-50, #878D96);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: normal;
}

.schmbox p {
    color: var(--Cool-Gray-50, #878D96);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

.site-modal input,.site-modal select {
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--Cool-Gray-40, #A2A9B0);
    background: var(--Blue-10, #EDF5FF);
    height: 35px;
    padding: 0 10px;
    margin-bottom: 12px;
}

.site-modal label {
    margin-bottom: 9px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #000;
}

.site-modal-content form {
    padding: 5px 35px;
}

.mdlbtn {
    text-align: center;
    margin-bottom: 15px;
}

button.trnsbtn {
    border-radius: 6px;
    border: 1px solid var(--Blue-60, #0F62FE);
    background: var(--White, #FFF);
    padding: 5px 25px;
    color: var(--Blue-60, #0F62FE);
    font-size: 14px;
}

.modlbtnrow {
    text-align: center;
}

button.mdlbtn {
    border-radius: 5px;
    background: var(--Blue-60, #0F62FE);
    border: 0;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.form-group.copy {
    position: relative;
}

i.far.fa-copy {
    position: absolute;
    right: 8px;
    top: 35px;
}

label.custmupload {
    border-radius: 5px;
    border: 1px solid var(--Cool-Gray-40, #A2A9B0);
    background: var(--Blue-10, #EDF5FF);
    width: 100%;
    display: block;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    color: #878D96;
    font-size: 15px;
}

input.fileupload {
    position: absolute;
    bottom: -12px;
    opacity: 0;
}

form-group .custmupload_wrap {
    position: relative;
}
ul.tablikes {
    padding: 0;
    display: flex;
    gap: 20px;
    list-style: none;
    margin-bottom: 30px;
    margin-top: 12px;
}

li.tablink {
    border-radius: 5px;
    background: #F6F2FF;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 18px;
    line-height: normal;
}

li.tablink a {
    color: #A2A9B0;
}

li.tablink.active a {
    color: #0072C3;
}


.fieldflex label {
    color: #000;
    font-size: 20px;
    font-weight: 500 !important;
    line-height: normal;
    width: 170px;
}

.fieldflex {
    gap: 15px;
    display: flex;
    margin-bottom: 17px;
}

.fieldflex input {
    border-radius: 6px;
    border: 1px solid var(--Cool-Gray-40, #A2A9B0);
    width: 400px;
    padding: 0 8px;
    height: 42px;
}
.tab-content {
    padding: 25px 15px;
}
.frmbtnrow button.mdlbtn {
    border-radius: 5px;
    background: var(--Blue-60, #0F62FE);
    width: 150px;
    margin-bottom: 15px;
    margin-top: 50px;
}
.leadstage_box span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 5px 5px;
    color:#000;
    display: inline-block;
}
.leadstage_box {
     position:relative;
     min-width: 110px; 
}

.leadstage_box:after {
    content: '';
    width: 15px;
    height: 30px;
    border-left: solid 15px;
    border-bottom: solid 15px transparent;
    border-top: solid 15px transparent;
    position: absolute;
    right: -15px;
}



.ls1 {
     color:#a7f0ba; 
     background-color:#a7f0ba;
}
.ls2 {
     color:#ffd6e8; 
     background-color:#ffd6e8; 
}
.ls3 {
     color:#e8daff; 
     background-color:#e8daff; 
}
.ls4 {
     color:#fddc69; 
     background-color:#fddc69;
}
.ls5 {
     color:#ffd9be; 
     background-color:#ffd9be; 
}
.ls6 {
     color:#08bdba; 
     background-color:#08bdba;
}
.ls7 {
     color:#ff832b; 
     background-color:#ff832b;
}
 
.ld_datetm {
    position: relative;
    min-width: 155px;
}

@media(max-width:1350px){
    .crdvalue h3 { font-size:28px;  }

	.leadfilter { gap:10px;	}
	a.filtrbtn { width:auto; font-size:13px; }
	a.filtrbtn:after {
	    width:15px;
	    height:30px;
	    right:-15px;
	    top:0px;
	}
	a.filtrbtn img {
	    width:15px;
	}
    .sortbtn select {
	    height:32px;
	    padding:5px 10px;
	}

  .logoptns.d-flex { flex-wrap:wrap; }
  .ldstage img {
	    width:110px;
   }

  .d-flexbtwn.ldstagewrp {
	    justify-content:flex-start;
	    gap:20px;
   }
  .leaddtlss .leadselts select.form-select {
     width: 160px;
   }
  .leaddtlss .ld_datetm {
    min-width: 160px;
   }
   
   .leadselts select.form-select {
        width:135px;
   }

.ld_datetm {
    min-width: 135px;
}

}

/* My */
.fieldflex textarea {
    border-radius: 6px;
    border: 1px solid var(--Cool-Gray-40, #A2A9B0);
    width: 400px;
    padding: 0 8px;
    height: 186px;
}

a.close {
    right: -17px;
    top: -20px;
    color: #000;
}
.alert.alert-danger.alert-dismissible {
    width: 100%;
    padding: 3px;
}
.alert.alert-success.alert-dismissible {
    width: 100%;
    padding: 3px;
}
.alert.alert-warning.alert-dismissible {
    width: 100%;
    padding: 3px;
}
.alert.alert-info.alert-dismissible {
    width: 100%;
    padding: 3px;
}


table#example1 {
    min-height: 250px;
}
.cstm_selctall  {
    position: absolute;
    z-index: 99999;
    left: 225px;
    top: 24px;
}
.cstm_selctall  label {
    font-size: 16px;
    font-weight: 400 !important;
    color: #000;
}
.crdvalue h3 a:hover {
    color: #297EB2;
}
@media(max-width:640px){
    .ldstagewrp {
        flex-wrap: wrap;
    }
    div#responseData_filter {
        text-align: left;
    }
    .leadstage_box {
        min-width: 80px;
    }
    
    .leadstage_box span {
        font-size: 12px;
    }
    .leadfilter {
        flex-wrap: wrap;
    }
    .holdbtns {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
    }
    
    .leadboxmain {
        gap:5px;
        flex-wrap: wrap;
        padding-bottom: 35px;
    }
    
    .cstmrreps p {
        margin-bottom: 5px;
    }
    .shwlesmore {
        left: -5px;
    }
    .leaddtlss .leadselts select.form-select {
        width: auto;
    }
    
    .d-flex.leaddtlss {
        flex-wrap: wrap;
    }
    
    .leaddtlprf {
        flex-wrap: wrap;
        gap: 6px;
    }
    
    .ledprfl img {
        max-width: 70px;
    }
    ul.admin-intro li {
        font-size: 14px;
    }
    .btnflex {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
    }
   
    .cstm_selctall {
        position: absolute;
        z-index: 99999;
        left: auto;
        right: 15px;
        top: 20px;
    }
    div#responseData_length, div#responseData_filter label {
        font-size: 12px;
    }
    
    #responseData_length select.form-select.form-select-sm {
        height: auto;
    }
    .cstm_selctall label {
      font-size: 12px;  
    }
    
    
}
 
.socialmeadia span {
    background: #eee;
    padding: 5px;
    font-size: 12px;
    border-radius: 7px;
    font-weight: 500;
}

span#facebook {
    background: #52a4fb;
    color: #fff;
}

.socialmeadia {
    margin-bottom: 10px;
}

span#instagram {
    background: #ff3b7e;
    color: #fff;
}

span#gmb {
    background: #ffbb48;
}

span#goldtotal {
    background: #ffbb48;
}

span#silvertotal {
    background: #3e42fa;
    color: #fff;
}

span#diamondtotal {
    background: #ff3a3e;
    color: #fff;
}

span#paidtotal {
    background:#ffbb48;
}

span#duetotal {
    background:#3e42fa;
    color: #fff;
}

span#hearstotal {
    background: #fcb24c;
}

span#newleadsale {
    background:#ffbb48;
}

span#oldleadsale {
    background:#3e42fa;
    color: #fff;
}

span#new_leads {
    background: #52a4fb;
    color: #fff;
}

span#converted_leads {
    background: #00ec4b;
}

span#totalcollections {
    background: #fcc464;
}

span#new_visitor {
    background: #fcc464;
}

span#revisitor {
    background: #1ac453;
}

.lschecked {
    background: #007D79 !important;
    color: #fff !important;
}
.min-heighttbale {
    min-height: 180px;
}


span#For_Purchase {
    background: #fd353d;
    color: #fff;
}

span#Non_Purchase {
    background: #fbfd5c;
    color: #000;
}

span#Other_Query {
    background: #3b34fa;
    color: #fff;
}

span#Scheme_Purchase {
    background: #fcb24c;
    color: #000;
}

span#Repair_Query {
    background: #800080;
    color: #fff;
}

.graphpgbox {
    flex-direction: column;
}

.graphpgbox .crdvalue {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 2px;
}

.graphpgbox .crdvalue p {
    margin: 0;
    font-size: 14px;
    min-width: 180px;
}

.graphpgbox .crdvalue h3 {
    margin: 0;
}

.bgwhite{ background:#fff; }
.apexcharts-menu-icon {
    display: none;
}

#customerchart, #visitschart { min-height:auto !important;  
    position: relative;
    margin-top: -20px;
    left: -12px;
}
.w38 {
    width: 38%;
    position:relative;
}
.w25 {
    width:25%;
    position:relative;
}
.w24 {
    width: 24%;
    position:relative;
}

.memb_table th {
    font-size: 10px;
    padding: 3px;
}

.memb_table td {
    font-size: 10px;
    padding: 3px;
}

.jwlrytypes {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jwlsbx {
    display: flex;
    align-items: center;
    gap: 10px;
}

.namecount span {
    line-height: normal;
    font-size: 12px;
    font-weight: 500;
    color: rgba(3, 2, 41, 0.7);
    display: inline-block;
}

.threebx_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new_anayliticdash .cardhdng {
    font-size: 14px;
    font-weight: 600;
}

.new_anayliticdash .sitecard {
    padding: 10px;
}
.new_anayliticdash .cardhdng i {
    font-size: 10px;
}
.threebx_wrap .sitecard {
    width: 48%;
}

.jwlsbx img {
    width: 30px;
}

div#frequency_visitchart {
    position: relative;
    margin-top: -20px;
    left: -12px;
    min-height:auto !important;
}
.total_tablebottm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0px 0px 7px 7px;
    background: #104D99;
    padding: 4px 6px;
    position: absolute;
    width: -webkit-fill-available;
    bottom: 0px;
}

.total_tablebottm p, .total_tablebottm a {
    margin: 0;
    font-size: 11px;
    color: #fff;
}

.btmtotal {
    min-height: 170px !important;
}

.mh_135 {
    min-height: 135px !important;
}
.mh_115 {
    min-height: 115px !important;
}



@media(min-width:1370px) and (max-width:1500px) {

    .new_anayliticdash .sitecard {
        padding: 5px;
    }
    .namecount span {
        font-size: 11px;
        font-weight: 600;
    }
    .new_anayliticdash .cardhdng {
      font-size: 14px;
    }
    
    .crdvalue h3 {
        font-size: 17px;
    }
    
}






@media(max-width:1366px){
    
    .new_anayliticdash .cardhdng {
        font-size: 12px;
    }
    .crdvalue h3 {
        font-size: 15px;
    }
    .crdvalue p { font-size:9px; }
    
    .homcarddata.d-flex { gap:0 12px; }
    
    .new_anayliticdash .sitecard {
        padding: 5px;
        min-height: 100px;
    }
    
    .namecount span {
        font-size: 9px;
    }
        

    
}




@media(max-width:767px){
    
    .w25, .w38, .w24  { width: 100%; }
    .w38.pe-0,  .w24.pe-0,  .w25.pe-0 {padding-right: 12px !important;}
    .w38.ps-0,  .w24.ps-0,  .w25.ps-0 {padding-left: 12px !important;}
    
    .btmtotal {
        margin-bottom:15px !important;
    }
    
    .jwlsbx img {
        width: 20px;
    }
    .jwlsbx { gap:5px; }

}