:root
 { --primary-color:#642ACD;
   --primary-dark-color:#f55b1e;
   --secondary-color:#005d92;
   --text-color:#0b132b; 
   --white-color:#ffffff; 
   --black-color:#000000; 
   --gray-text:#333333; 
   --border-color:#D1D5DB; 
   --light-bg:#F8F4FF; 
   --dark-bg:#F2EAFF;}


   
.forgot-password-link-container a { color:var(--primary-color);}
.login-title h2 { font-size:36px; font-weight:700; color:var(--black-color);}
.login-title h4 { font-size:18px; color:var(--gray-text); font-weight:normal;}
.input-group.custom { position:relative; flex-direction:column;}
.input-group.custom>.custom-select, .input-group.custom>.form-control { min-height:56px !important; padding-left:20px !important;}
/* .login-fm { display:flex; align-items:center; position:relative;}
*/ .input-group-append.custom { top:10px !important; right:0; position:absolute;}
/* .login-box { position:relative;}
*/ .login-box .alert { position:absolute; top:5px; left:0; right:0; width:50%; margin:0 auto;}
.login-box form { width:100%; gap:5px; display:flex; flex-direction:column;}
.login-box .login-title { width:100%;}
.table thead th { background-color:var(--primary-color); border-right:1px solid var(--white-color); color:var(--white-color);}
.card-box table.table thead tr th:first-child { border-radius:5px 0 0 0;}
.card-box table.table thead tr th:last-child { border-radius:0 5px 0 0;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { opacity:1 !important; font-size:20px !important; top:6px !important;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination { gap:5px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a { border-radius:5px;}
.btn.btn-danger { background:inherit !important; color:var(--primary-color) !important; border:1px solid var(--primary-color) !important;}
.status-inactive { background-color:#c23e3e66; color:#c23e3e; height:40px; width:70px; border:1px solid #c23e3e;}
.login-txt { width:514px;}
.login-txt h1 { font-size:58px; font-weight:600; background:linear-gradient(90deg, #150d54, var(--primary-color), var(--primary-color)); /* adjust colors */ -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; /* for Firefox */ color:transparent;}
.login-txt p { font-size:18px; color:var(--gray-text); margin:30px 0; font-family:'Poppins', sans-serif}
.login-txt .solution-bx { display:flex; align-items:center; justify-content:start; gap:20px; background-color:var(--white-color); border-radius:10px; padding:20px; box-shadow:0px 11px 10px -1px #642ACD33; margin:30px 0;}
.login-txt .solution-bx h2 { font-size:20px; font-weight:600; color:var(--black-color);}
.login-txt .solution-bx h2 span { display:block; font-size:16px; line-height:26px; font-weight:400; color:var(--gray-text); margin-top:10px;}
.login-compliance { margin-top:50px;}
.add-bg h5 { color:var(--primary-color); font-size:24px !important; font-weight:500 !important;}
.add-bg p { color:var(--gray-text) !important; font-size:16px !important;}
.page-header { background-color:inherit !important; box-shadow:inherit; padding:20px 0 0 0 !important;}
.login-page.login-wrap.d-flex .login-box { height:auto; margin:0 auto; width:590px;}
.form-group .form-label { display:inline-flex !important; margin-bottom:15px !important; position:relative; width:auto;}
.sidebar-light .sidebar-menu .submenu li.active a { background-color:var(--white-color) !important; color:var(--black-color);}
.sidebar-light .sidebar-menu .submenu li:hover a { background-color:var(--white-color) !important; color:var(--black-color);}
.card-box-inner .card-box-inner { padding-left:0 !important; padding-right:0 !important;}
span.badge.bg-dark.text-white { background-color:#D2FFD8 !important; color:#00A216 !important; border:1px solid #00A216; width:70px; height:40px; line-height:33px;}
ul li.dropdown.show ul.submenu li { background-color:var(--white-color) !important; color:var(--black-color) !important;}
ul li.dropdown ul.submenu li a { margin-left:45px; padding:0 15px; min-height:50px; line-height:16px; display:flex; align-items:center; gap:10px;}
ul li.dropdown.show ul.submenu li a { background-color:var(--white-color) !important; color:var(--black-color) !important;}
ul li.dropdown.show ul.submenu li a i { margin-top:5px;}
ul li.dropdown.show ul.submenu li a.active { color:var(--primary-color) !important; background-color:inherit !important;}
li.dropdown.show a.dropdown-toggle { color:var(--white-color) !important;}
.system-input .input-group-append.custom { top:8px !important; right:0; position:absolute;}
.card-ic { max-width:46px; height:46px; display:flex; width:46px;}
.card-ic img { max-width:20px; height:20px;}
b { font-weight:500 !important;}
.btn-secondary { background-color:var(--primary-color) !important; border:1px solid var(--primary-color);}
a.task-btn { height:40px; width:110px; line-height:15px;}
.add-bg.task { background-color:var(--dark-bg); padding:30px 20px; display:flex; gap:20px; width:100%; justify-content:space-between; align-items:center;}
.card-box.entities_profile i { border-radius:50%; min-width:104px; width:104px; height:104px; display:flex; align-items:center; justify-content:center; border:2px solid var(--primary-color); background-size:cover; object-fit:cover; position:relative;}
.card-box.entities_profile i img { object-fit:fill; overflow:hidden; width:100%; height:100%; background-size:cover; border-radius:50%;}
.card-box.entities_profile span.edit-img { position:absolute; right:-6px; bottom:10px; background:var(--primary-color); width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.card-box.entities_profile span.edit-img img { width:20px; height:20px;}
.pro-img { display:flex; align-items:center; justify-content:start; gap:30px;}
.pro-img h2 { font-size:36px; font-weight:600; color:var(--primary-color); text-align:left; line-height:36px;}
.pro-img h2 span { font-size:16px; font-weight:400; color:var(--gray-text); display:flex;}
.edt-btn { display:flex; flex-direction:column; align-items:flex-end; gap:50px;}
.profile-box .edt-btn { gap:0;}
.edt-btn p { font-size:14px; font-weight:normal; color:var(--primary-color); opacity:0;}
.edt-btn button { background-color:var(--white-color); border:1px solid var(--primary-color); border-radius:5px; font-size:14px; color:var(--primary-color); width:120px; height:40px;}
.profile-box { display:flex; align-items:self-start; justify-content:space-between; width:100%; padding:15px 20px;}
ul.nav-tabs.custom-tabs { background-color:var(--light-bg); padding:5px; gap:20px; margin:20px 0; border-radius:5px; border:0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-radius:5px; color:var(--primary-color); border-color:inherit; border:0;}
.nav-tabs .nav-link { color:var(--black-color); display:flex; align-items:center; gap:10px;}
.nav-link.active img.normal-ic, .nav-link.active svg.normal-ic { display:none !important;}
.nav-link.active img.active-ic, .nav-link.active svg.active-ic { display:block !important;}
.nav-tabs .nav-link svg { color:var(--black-color);}
.nav-tabs .nav-link.active svg path { fill:var(--primary-color);}
.card-box.profile-detail h6 { font-size:24px; font-weight:600; color:var(--primary-color);}
.card-box.profile-detail p { border-radius:5px; border:1px solid var(--border-color); height:45px; background-color:var(--light-bg); display:flex; align-items:center; padding:0 15px; justify-content:space-between;}
.card-box.entity-Tabs { background:var(--white-color); border-radius:5px;}
.card-box.entities_profile.pd-ltr-20 { border-radius:5px;}
.set-password .login-title { width:100%;}
.set-password .login-box { height:auto;}
.set-email { position:relative; display:flex;}
.set-email img { position:absolute; right:20px; top:15px;}
.set-email input { background-color:var(--light-bg) !important;}
.cnt-brd { border:1px solid var(--border-color); border-radius:5px; height:45px; padding:10px 20px; display:flex; align-items:center; font-size:14px;}
.form-group p.cnt-brd { background-color:var(--light-bg);}
.questions-tag span { display:block !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:var(--light-bg); border:1px solid var(--border-color); height:44px; padding:10px; border-radius:5px}
a.followup { background-color:var(--light-bg); border-radius:5px; height:44px; display:flex; align-items:center; justify-content:center; width:140px; color:var(--black-color);}
.card-box-inner h6.fw-bold { font-size:24px; font-weight:600 !important; line-height:32px;}
.card-box-inner p.text-muted.small { font-size:16px; line-height:22px;}
.edit-btn-card { border:1px solid var(--border-color) !important; border-radius:5px !important; height:40px !important; width:40px; display:flex; align-items:center; justify-content:center;}
.card-box a.btn.edit_btn { border:1px solid var(--border-color);}
.login-box .form-group { margin-bottom:0;}
.login-box.reset .form-group { margin-bottom:20px;}
.setup_school h6 { font-size:30px; font-weight:700; color:var(--black-color);}
.setup_school h2 { font-size:18px; font-weight:700; color:var(--black-color);}
.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#88888800 transparent transparent !important; background-image:url(../../vendors/images/down-arrow.png); width:30px; height:30px; top:6px !important; left:-15px !important;}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { top:11px !important;}
.setup_school .card-box, .setup_entity .card-box { border:1px solid var(--primary-color);}
.custom-file-input, .custom-file-label, .custom-select, .form-control { background-color:var(--light-bg);}
.main-container { background-color:#F9F9F9;}
.app-btn-tab { padding:10px; background-color:var(--light-bg); margin:5px; border-radius:5px; max-width:fit-content !important;}
.app-btn-tab button { background-color:inherit; color:var(--black-color); font-size:16px; font-weight:400; display:flex; align-items:center; justify-content:center; gap:20px; padding:10px 40px; width:200px; border:1px solid transparent;}
.app-btn-tab button.btn.active { background-color:var(--white-color) !important; color:var(--black-color) !important; font-size:16px; line-height:32px; font-weight:400; display:flex; align-items:center; justify-content:center; border-color:var(--border-color) !important;}
button.add_button { text-transform:capitalize !important; background-color:var(--light-bg); font-size:18px; font-weight:500; padding:15px 20px; border-color:var(--border-color); border-radius:6px;}
button.add_button i { margin-right:10px;}
button.add_button:hover { border-color:var(--border-color); background-color:var(--light-bg);}
.reminder-channels .form-check { height:45px; border:1px solid var(--border-color); border-radius:6px; width:100%; padding:0 20px; gap:10px; display:flex; align-items:center; background-color:var(--light-bg);}
.form-check-input:checked { background-color:var(--primary-color) !important; border-color:var(--primary-color);}
.delete_button { border:1px solid var(--border-color) !important; padding:10px !important; border-radius:6px !important; background-color:var(--light-bg) !important;}
.delete_button:hover i { color:var(--primary-color);}
.select2-container--default .select2-selection--multiple { background-color:var(--light-bg) !important;}
.select2-container .select2-selection--single { background-color:var(--light-bg);}
.app-btn-tab .btn.active { background-color:var(--white-color) !important; color:var(--black-color) !important; font-size:14px; font-weight:400; border-color:var(--border-color) !important; padding:10px 30px; display:flex; align-items:center; justify-content:center; gap:20px; width:200px;}
.form-group input { background-color:var(--light-bg) !important;}
.remainder_before_dropdown { background-color:var(--light-bg) !important; height:45px;}
.reminder-channel-group button { width:100%; display:flex; align-items:center; justify-content:flex-start; border:1px solid var(--border-color); border-radius:6px; background-color:var(--white-color);}
.reminder-channel-group .form-switch { width:100%; display:flex; align-items:center; justify-content:flex-start; border:1px solid var(--border-color); border-radius:6px; height:45px; padding:0 20px; background-color:var(--light-bg);}
.reminder-channel-group .form-switch span { font-size:14px; color:var(--gray-text);}
.form-check.form-check-inline label.form-check-label { font-size:14px; color:var(--gray-text);}
.mandatory { background-color:var(--light-bg) !important; height:45px; border:1px solid var(--border-color); border-radius:6px; padding:0 20px;}
.mandatory .form-check { height:45px; display:flex; align-items:center; justify-content:center;}
.mandatory .form-switch .form-check-input { margin-left:-5.5em;}
.mandatory label.form-label { margin-bottom:0 !important; display:flex !important; align-items:center;}
.manage-sts .manage-input { background-color:var(--light-bg); height:45px; border:1px solid var(--border-color); border-radius:6px; display:flex; align-items:center; padding:0 20px;}
.add-onetime-date { border:1px solid var(--border-color); border-radius:6px;}
.add-onetime-date:hover { border:1px solid var(--border-color);}
.gender-input { width:100%; border:1px solid var(--border-color); border-radius:6px; background-color:var(--light-bg);}
.gender-input label { background-color:inherit !important; border:none !important; width:100% !important; color:var(--black-color) !important; margin:0; display:flex; align-items:center; justify-content:space-between;}
.gender-input .btn-group { width:100%; padding:0;}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border-radius:6px;}
.custom-file-input, .custom-file-label, .custom-select, .form-control { border-radius:6px;}
.form-group input.form-control { line-height:32px;}
div.dataTables_scrollHead table.dataTable { margin-top:0 !important;}
.datatable-bottom { padding:10px 20px !important;}
.card-box .widget-icon .icon i { color:var(--primary-color);}
.dash-tl { color:var(--primary-color) !important;}
.status-value { color:var(--primary-color) !important;}
.status-label { color:var(--primary-color) !important;}
.card-box i { color:var(--primary-color) !important;}
.input-border p { border:1px solid var(--border-color); border-radius:6px; background-color:var(--light-bg); padding:10px; width:auto;}
.input-border.active p { background-color:#D2FFD8; border:1px solid #00A216; color:#00A216; width:80px; display:flex; align-items:center; justify-content:center;}
.time-edit span { background:var(--light-bg) !important; color:var(--black-color) !important; border:1px solid var(--border-color); padding:10px 30px; background-color:var(--light-bg);}
.time-edit a { border:1px solid var(--border-color); border-radius:6px;}
.card-box.manage-sts { height:45px; background-color:var(--light-bg); border:1px solid var(--border-color); padding:0 20px;}
#dynamic-field button { height:45px !important; border-radius:6px; border-color:var(--border-color);}
.app-btn-tab .app-tab { width:100%; height:45px; display:flex; align-items:center; justify-content:center;}
.app-btn-tab .app-tab.active { background-color:var(--white-color) !important; color:var(--black-color) !important; font-size:14px; font-weight:400; border-color:var(--border-color) !important; border:1px solid var(--border-color); border-radius:6px;}
.app-btn-tab.configure button { width:250px;}
.app-btn-tab.configure button.active { width:250px;}
.app-btn-tab .app-tab label { display:flex; align-items:center; gap:30px;}
.page-header span { font-weight:normal;}
.file-input-box .wrapper-file-input { border:1px solid var(--primary-color); border-style:dashed; padding:10px; border-radius:6px;}
.page-header h4 { font-size:30px; line-height:36px; display:inline-block; padding-bottom:0;}
.card-box .card-header { border-bottom:1px solid var(--primary-color);}
.card-box .card-header b { color:var(--primary-color);}
.card-link:hover { color:var(--primary-color);}
.global-search-input { background-color:var(--white-color); border-color:var(--border-color); border-radius:6px; height:45px;}
.datatable-action button { background-color:var(--white-color) !important; border:1px solid var(--border-color) !important; border-radius:6px !important; height:45px; width:50px;}
.page-header a.add_button { background-color:var(--white-color) !important; border-color:var(--border-color) !important; border-radius:6px !important; height:45px; width:50px; display:flex; align-items:center; justify-content:center;}
.form-check { height:45px; border:1px solid var(--border-color); border-radius:6px; width:100%; padding:0 20px; gap:10px; display:flex; align-items:center;}
.comp-sub-category .form-check { height:45px; border:1px solid var(--border-color); border-radius:6px; width:100%; padding:0 20px; gap:10px; display:flex; align-items:center;}
.card.announcement-details .card-body h3 { font-size:24px; font-weight:600;}
.card.announcement-details .card-body span { font-size:16px;}
.card.announcement-details .card-body p { color:var(--gray-text); font-size:16px;}
.swal2-popup button.swal2-confirm.swal2-styled { background-color:var(--primary-color) !important; border:1px solid var(--primary-color) !important;}
.swal2-popup button.swal2-cancel.swal2-styled { background-color:var(--white-color) !important; color:var(--primary-color); border:1px solid var(--primary-color);}
.swal2-actions { justify-content:end !important;}
.swal2-content { padding:0 !important; text-align:left !important;}
.login-box button.btn { height:45px; border-radius:6px; font-weight:500; font-size:16px;}
.social-login { font-size:16px; font-weight:500; color:var(--black-color); position:relative; text-align:center; margin:30px 0;}
.social-login::after { content:''; position:absolute; width:40%; height:1px; background-color:var(--border-color); right:0; top:11px;}
.social-login::before { content:''; position:absolute; width:40%; height:1px; background-color:var(--border-color); left:0; top:11px;}
.dataTables_scroll tr td:last-child a { border:1px solid var(--border-color) !important; width:45px; height:45px; display:flex; align-items:center; justify-content:center; border-radius:6px; padding:5px;}
.dataTables_scroll tr td:last-child a i { display:flex; align-items:center; justify-content:center;}
.form-group.cmn-dropdown { min-width:200px; text-align:left;}
.form-group.language .select2-container--classic .select2-selection--single .select2-selection__arrow b, .form-group.language .select2-container--default .select2-selection--single .select2-selection__arrow b { left:-3px !important;}
.dataTables_scroll tr td:last-child a i img { width:15px; height:15px;}
a.edit-btn.float-right i img { width:15px; height:15px;}
a.edit-btn.float-right i { width:15px; height:15px; display:flex;}
.gender-input.active .btn-group { border:1px solid var(--primary-color);}
span.status-badge.status-invited { background-color:rgba(255, 240, 192, 0.8); color:rgba(180, 120, 56, 1); border:1px solid rgba(180, 120, 56, 1); width:85px; height:40px;}
.reminder-channels.view-entity .form-check { width:45px; height:45px; display:flex; align-items:center; justify-content:center;}
a.edit-btn { width:48px;height:45px; display:flex; align-items:center; justify-content:center; border:1px solid var(--border-color); border-radius:6px;}
.btn.edit_btn { border:1px solid var(--border-color) !important; width:45px; height:45px; display:flex; align-items:center; justify-content:center; border-radius:6px;}
.login-box input { background-color:var(--white-color) !important;}
.ql-toolbar.ql-snow { border-radius:6px 6px 0 0 !important;}
.ql-toolbar.ql-snow+.ql-container.ql-snow { border-radius:0 0 6px 6px;}
.form-control.choose-file { line-height:30px !important; border:1px solid var(--primary-color) !important; border-style:dashed !important;}
.choose-input input { position:relative;}
.choose-input img { position:absolute; right:20px; top:10px;}
label { font-weight:500 !important;}
.page-header h4 span { position:absolute; right:-70px; top:0; color:var(--primary-color);}
.page-header h4 span::after { content:''; position:absolute; width:6px; height:6px; border-radius:50%; background-color:var(--primary-color); left:-15px; top:15px;}
.primary-color .form-control-color { position:absolute; width:30px; height:30px; padding:0; right:0;}
.primary-color { position:relative;}
i.fa-solid.fa-arrow-right-to-bracket { color:var(--white-color) !important;}
i.fa-solid.fa-envelope { color:var(--white-color) !important;}
.edt-btn a.btn { background:inherit; border-color:var(--primary-color); color:var(--primary-color); border-radius:6px;}
a.btn.btn-primary i { color:var(--white-color) !important;}
.login-box .form-group label { font-size:16px; font-weight:500px; color:var(--black-color);}
.page-header .title { position:relative;}
.page-header .title h4 span.sub-count { position:absolute; font-size:36px;}
.form-group label span { position:absolute; right:-10px; top:0;}
.form-group label { position:relative;}
.data-card .card-footer { background-color:inherit; border:none;}
.card-view-common .badge-published { background-color:inherit !important; color:#00A216; border-color:#00A216;}
.data-card .card-footer span.badge-custom { height:45px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:16px;}
.card-view-common .badge-warning { border:1px solid #d5b230;}
.card-view-common .badge-critical { border:1px solid #c33;}
.data-card .data-card-header .data-title { font-size:24px !important; font-weight:600; color:var(--black-color); margin-bottom:0;}
.card-view-common .data-card-header { margin-bottom:0;}
/* .announcement-box { border-bottom:1px solid var(--border-color);}
*/ a.btn-read-report { height:45px; background-color:inherit !important; border:1px solid var(--primary-color) !important; color:var(--primary-color) !important; font-size:16px !important; width:180px; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:6px !important;}
button.dw-btn { height:45px; background-color:inherit !important; border:1px solid var(--primary-color) !important; color:var(--primary-color) !important; font-size:16px !important; width:auto; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:6px !important; padding-right:8px; padding-left:8px;}
.card-description a { color:var(--primary-color);}
.select2-container--default .select2-selection--multiple .select2-selection__choice { border-color:var(--primary-color); background-color:var(--primary-color); color:var(--white-color);}
.header-right { padding-right:30px; display:flex; align-items:center; gap:30px;}
.breadcrumb li.breadcrumb-item.active { text-decoration:none !important;}
.breadcrumb li.breadcrumb-item { text-decoration:underline !important;}
.select2-container .select2-selection--single .select2-selection__rendered { padding-left:15px !important;}
.select2-container .select2-selection--multiple .select2-selection__rendered { padding-left:15px !important;}
.custom-file-input, .custom-file-label, .custom-select, .form-control { padding-left:15px !important;}
.primary-color .form-control { padding-left:10px !important;}
.closeSidebarBtn.flt-side { background:inherit !important; color:var(--primary-color) !important; font-size:24px !important; padding:.719rem 1rem;}
#filterFieldsContainer { border-color:var(--border-color) !important;}
input#primary_color { padding-left:0 !important;}
/* Header Section Styles */ .header-section { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; flex-wrap:wrap; gap:1rem;}
.header-content { flex:1; min-width:300px;}
.header-title { display:flex; align-items:center; margin:0; font-size:1.5rem; font-weight:600; color:#1a1a1a;}
.header-description { margin:0.5rem 0 0 0; color:#6c757d; font-size:0.95rem;}
/* School Selector Styles */ .school-selector .form-select { border:1px solid var(--primary-color); color:var(--primary-color); padding:12px; background-size:16px 12px; cursor:pointer;}
.school-selector .form-select:focus { border-color:var(--primary-color); box-shadow:0 0 0 0.25rem rgba(100, 42, 205, 0.25);}
.preview_img { width:35px !important; height:35px !important;}
/* .upload-img .preview-container { position:absolute; right:40px; top:28px; gap:0;}
*/ .upload-img { position:relative;}
.upload-img .remove_img { margin-top:-25px;}
.widget-style3 .widget-data { border-bottom:4px solid #642ACD;}
.widget-style3 .icon i { color:var(--white-color) !important; font-size:18px;}
.widget-style3 .icon { background-color:var(--primary-color) !important; padding:15px; border-radius:50%; position:relative; top:-16px; right:-10px; box-shadow:-10px 10px 240px 40px var(--primary-color); height:56px; width:56px;}
.tooltip-arrow, .red-tooltip+.tooltip>.tooltip-inner { background-color:#f00;}
.data-meta span { line-height:25px; gap:10px; display:flex; font-size:16px; font-weight:400;}
.address-scroll p { overflow-x:hidden; overflow-y:scroll;}
.back-to-your-session-div { margin:0;}
.back-to-your-session-div a { width:200px; margin:0; border-radius:6px;}
.global-search-container { margin:0 !important;}
.dashboard-setting.user-notification { margin:0 !important; padding:0 !important;}
li.nav-item button.nav-link { height:50px;}
.title-add-bg { background-color:var(--dark-bg); border-radius:5px 5px 0 0; margin-bottom:20px;}
.title-add-bg .h5 { color:var(--primary-color) !important; display:flex; align-items:center; gap:15px;}
.h5.title-add-bg { color:var(--primary-color) !important; display:flex; align-items:center; gap:15px; border-radius:5px 5px 0 0; margin-bottom:20px;}
.text-purple { color:var(--primary-color) !important;}
.text-black { color:#274754 !important;}
.text-yellow { color:#EAB62F !important;}
.text-red { color:#F44336 !important;}
.text-green { color:#00A848 !important;}
.status-card .status-value { position:relative; padding-left:20px;}
.status-card .status-value::after { content:''; position:absolute; width:10px; height:10px; border-radius:50%; left:0; top:6px;}
.text-purple::after { background-color:var(--primary-color) !important;}
.text-black::after { background-color:#274754 !important;}
.text-yellow::after { background-color:#EAB62F !important;}
.text-red::after { background-color:#F44336 !important;}
.text-green::after { background-color:#00A848 !important;}
.top-list-item .badge-count { border-radius:10px; font-weight:normal; font-size:20px; padding:20px;}
.top-list .top-list-item { border:inherit;}
.bg-green .h5.title-add-bg { background-color:#DBFFEB !important; color:#00A848 !important; margin-bottom:20px !important;}
.bg-green .top-list .top-list-item { background-color:#DBFFEB; margin:5px 20px; padding:10px 10px; border-radius:8px;}
.bg-red .h5.title-add-bg { background-color:#FFF0EF !important; color:#F44336 !important; margin-bottom:20px !important;}
.bg-red .top-list .top-list-item { background-color:#FFF0EF; margin:5px 20px; padding:10px 10px; border-radius:8px;}
.blue-bg .h5.title-add-bg { background-color:#E5F8FF !important; color:#274754 !important; margin-bottom:20px !important;}
.blue-bg .top-list .top-list-item { background-color:#E5F8FF; margin:5px 20px; padding:10px 10px; border-radius:8px;}
.blue-bg .top-list .top-list-item .badge { padding:10px 20px; font-weight:normal; background-color:#274754;}
.blue-bg .h5.title-add-bg span { font-weight:normal; font-size:18px; display:block;}

.orange-bg .top-list .top-list-item { background-color:#FFEFE8; margin:5px 20px; padding:10px 10px; border-radius:8px;}
.orange-bg .top-list .top-list-item .badge { padding:10px 20px; font-weight:normal; background-color:#F9641E;}
.orange-bg .h5.title-add-bg span { font-weight:normal; font-size:18px; display:block;}
.content-stat { gap:20px; padding: 20px; margin: 0;}
.form-control.form-control-sm { height:38px; border:1px solid var(--primary-color); border-radius:5px;}
.content-stat .content-box { padding:30px !important; border:1px solid #d1d5db57; border-radius:5px; height:125px; margin: 0;}
.content-stat .content-box:hover { box-shadow:0px 0px 10px 0px #00000042; padding:30px !important; border-radius:5px; border-bottom:5px solid var(--primary-color);}
/* Timeline Styles */ .timeline { position:relative; padding-left:15px;}
.timeline-item { position:relative; padding-bottom:20px; padding-left:20px;}
.timeline-item:last-child { padding-bottom:0; border-left:1px solid transparent;}
.timeline-badge { position:absolute; left:-10px; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:1; background-color:var(--primary-color);}
.timeline-badge i { font-size:12px;}
.timeline-connector { position:absolute; left:0; top:20px; bottom:0; width:1px; background-color:#e9ecef; z-index:0;}
.timeline-item:last-child .timeline-connector { display:none;}
.left-side-bar.open { left:0 !important; width:100px;}
.left-side-bar.open .menu-block .sidebar-menu ul li span.mtext { display:none;}
.left-side-bar.open .sidebar-menu .submenu li>a:before { display:none;}
.left-side-bar.open .menu-block .sidebar-menu ul li ul.submenu { display:none !important;}
.left-side-bar.open .menu-block .sidebar-menu ul li { width:90px; display:flex; align-items:center; justify-content:center;}
.left-side-bar.open .sidebar-menu .dropdown-toggle:after { display:none;}
.left-side-bar.open .menu-block .sidebar-menu ul li a { display:flex; align-items:center; justify-content:center; border-radius:5px;}
.left-side-bar.open .brand-logo a img.dark-logo { display:none !important;}
.left-side-bar.open .brand-logo a img.light-logo-open { display:flex !important; max-width:50px;}
.sidebar-shrink .main-container { padding-left:120px;}
.sidebar-shrink .header-left { padding-left:90px;}
.dash-tag .badge { height:45px; border-radius:6px; border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; flex-direction:row; padding:0 20px;}
.dash-tag { display:flex; align-items:end; justify-content:end; flex-direction:row; gap:10px;}
span.badge.bg-info.badge-sm { background-color:#F8F4FF !important; color:var(--black-color);}
span.badge.bg-warning.badge-sm { background-color:#FFF9E5 !important; color:var(--primary-dark-color); border-color:var(--primary-dark-color);}
.checklist-item .checklist-title { font-size:18px; color:var(--black-color) !important; font-weight:500 !important;}
.top-list .item-title { font-size:18px; color:var(--black-color) !important; font-weight:500 !important;}
.checklist-item .checklist-due { display:flex; gap:10px; color:var(--primary-dark-color) !important;}
.cat-title { display:flex; flex-direction:column;}
.cat-title span { border:1px solid var(--border-color); padding:10px; border-radius:5px; background-color:var(--light-bg);}
body { overflow-x:hidden;}
.left-side-bar.open .brand-logo { width:90px;}
.input-group-text { background-color:var(--light-bg); border:1px solid var(--border-color);}
.app-checklist .accordion-item { border:none; border-bottom:1px solid var(--border-color); border-radius:0;}
.app-checklist .accordion-item button.accordion-button.collapsed { color:var(--black-color);}
.app-checklist .accordion-item button.accordion-button { color:var(--primary-color); font-size:18px; background-color:inherit !important; padding:20px 0;}
.sidebar-container.app-checklist h6 { font-size:24px; font-weight:500; border-bottom:1px solid var(--border-color); margin-bottom:20px !important; padding-bottom:20px;}
.app-checklist .accordion-item .accordion-body { font-size:14px; line-height:22px; color:var(--black-color) !important; padding:0 0 20px 0;}
.submission-card h5 { font-size:24px; color:var(--black-color); font-weight:600;}
.submission-card p.submission-meta { font-size:16px; color:var(--gray-text);}
.submission-meta span { font-size:16px; color:var(--gray-text); font-weight:normal;}
.submission-meta strong { font-size:16px; color:var(--black-color) !important; font-weight:600;}
strong.title.mb-3 { font-size:24px; font-weight:500; margin-bottom:10px !important; display:block;}
.submission-card button.btn-monthly { border:1px solid var(--border-color); border-radius:6px; color:var(--gray-text); font-size:16px;}
a.btn.btn-view { background-color:var(--primary-color); color:var(--white-color); font-size:16px; border:1px solid var(--primary-color); height:44px !important; padding:0 10px !important; display:flex; align-items:center; justify-content:center;}
span.submission-status { background-color:#D2FFD8; color:#00A216; font-size:16px; border:1px solid #00A216; height:44px !important; padding:0 10px !important; display:flex; align-items:center; justify-content:center;}
.submission-card { background:var(--white-color); border:1px solid #e5e7eb; border-radius:6px; padding:20px; margin-bottom:30px !important;}
h5.title { font-size:24px; color:var(--black-color); font-weight:600;}
.submission-card .form-check label.form-check-label { font-size:20px; color:var(--black-color);}
.submission-card p.muted { font-size:16px; color:var(--gray-text); padding-left:20px; margin-bottom:30px; display:block;}
.submission-card .small.remark { font-size:18px; color:var(--black-color); font-weight:500 !important; margin-top:20px !important;}
.download-label { border:1px solid var(--primary-color) !important; width:50%;}
.download-label span { color:var(--primary-color) !important;}
.registr-btn { border:1px solid var(--primary-color); border-radius:6px; width:350px; display:flex; align-items:center; justify-content:space-between; padding:10px; background-color:var(--primary-color);}
.registr-btn button.btn.btn-sm i { color:var(--white-color);}
.registr-btn button.btn.btn-sm { color:var(--white-color);}
.submission-card textarea { border:none !important; background-color:var(--light-bg) !important;}
.status-tag .labour-txt { border:1px solid var(--border-color); border-radius:6px !important; font-size:16px; color:var(--gray-text); padding:10px !important;}
.status-tag .pending { border:1px solid var(--primary-dark-color); border-radius:6px !important; font-size:16px; color:var(--primary-dark-color); padding:10px !important; background-color:#FFFCF2;}
.status-tag .approved { border:1px solid #00A848; border-radius:6px !important; font-size:16px; color:#00A848; padding:10px !important; background-color:#D2FFD8;}
.status-tag .rejected { border:1px solid #F44336; border-radius:6px !important; font-size:16px; color:#F44336; padding:10px !important; background-color:#FFEBEE;}
.compliance_bar h3 { font-size:48px; font-weight:700;}
.bk-txt { color:var(--black-color);}
.red-txt { color:#F44336;}
.org-txt { color:#F9641E;}
.blue-txt { color:#2196F3;}
.grn-txt { color:#00A848;}
.compliance_bar { border-bottom:1px solid var(--border-color);}
.approval_btn button { border:1px solid var(--border-color); border-radius:6px; padding:10px; background-color:inherit;}
.approval_btn button.active { color:#00A216; border-color:#00A216; background-color:#D2FFD8;}
a.btn-outline-dark { border-color:var(--primary-color); color:var(--primary-color);}
.custom .input-group-text { background-color:inherit !important; border:none !important;}
a#resend-otp { font-weight:normal !important;}
.table thead th { font-weight:normal !important;}
/* .sidebar-menu .submenu li>a:before { content:'' !important; background-image:url(../images/menu-icon.png); width:20px; height:80px; background-size:cover; left:25px; top:-15px;}
*/ .sidebar-menu .submenu li:hover>a:before { left:23px !important;}
.title a.btn.btn-link.back-link { padding:0;}
.title a.btn.btn-link.back-link:hover { text-decoration:none !important;}
.title i { display:flex; width:46px; height:46px; background-color:var(--primary-color); border-radius:50%; align-items:center; justify-content:center;}
.title i img { width:20px; height:20px;}
/* a.btn.btn-link.back-link { border:1px solid var(--gray-text); border-radius:50%; padding:.719rem 1rem !important; background-color:var(--white-color); width:36px; height:36px; display:flex; align-items:center; justify-content:center;}
*/ a.btn.btn-link.back-link i { background-color:var(--white-color); border:1px solid var(--border-color);}
.add-bg i { width:46px; height:46px; background-color:var(--primary-color); display:flex; align-items:center; justify-content:center; border-radius:50%;}
i.card-ic { display:flex; width:46px; height:46px; background-color:var(--primary-color); border:1px solid var(--border-color); border-radius:50%; align-items:center; justify-content:center;}
h1.title.h4 { font-size:24px; font-weight:600;}
.questions-tag label { font-size:18px; text-transform:uppercase;}
.questions-tag.questions-card span { background-color:var(--white-color);}
ul.pagination li.paginate_button a i.fa-solid.fa-arrow-left { margin-right:10px;}
ul.pagination li.paginate_button a i.fa-solid.fa-arrow-right { margin-left:10px;}
/* .user-info-dropdown .dropdown-toggle .user-icon { width:39px; height:39px;}
*/ .user-info-dropdown .dropdown-toggle .user-icon { box-shadow:inherit !important; background-color:var(--white-color) !important; width:40px !important; height:40px !important;}
.card-box .add-bg .title a.edit-btn i { background-color:inherit;}
.card-box .title i img { width:25px; height:25px;}
.form-check.form-switch { border:0;}
.form-check.form-switch .form-check-input { position:inherit !important;}
.title.time-edit i { background-color:inherit;}
.requirement-box { padding:0 20px !important;}
.requirement-box h5 { font-size:24px; font-weight:600;}
.select2 input { background-color:inherit !important;}
.card-box { box-shadow:none !important;}
.section-header.add-bg .section-title { color:var(--primary-color); font-size:24px; font-weight:600;}
.section-header.add-bg .score-badge { background-color:var(--primary-color) !important;}
.stats-container .stat-box { padding:20px 15px;}
.stats-container .stat-box.blue { border-bottom:4px solid var(--primary-color);}
.stats-container .stat-box.green { border-bottom:4px solid #00A848; background:linear-gradient(87deg, #ffffff, #c6ffd9);}
.stats-container .stat-box.orange { border-bottom:4px solid var(--primary-dark-color); background:linear-gradient(87deg, #ffffff, #FFEAE9);}
.stats-container .stat-box.purple { border-bottom:4px solid #274754; background:linear-gradient(87deg, #ffffff, #E5F8FF);}
.stats-container .stat-box .stat-label { text-align:left; font-size:16px; color:var(--gray-text);}
.stats-container .stat-box .stat-value { text-align:left; font-size:46px; font-weight:600; color:(--black-color);}
.stat-box { border-radius:10px;}
.add-bg .custom-control-label::before { height:24px; width:40px !important; border:1px solid var(--border-color) !important; border-radius:50px !important; background-color:var(--white-color);}
.add-bg .custom-switch .custom-control-label::after { width:calc(1rem - 0px); height:calc(1rem - 0px);}
.add-bg .custom-switch .custom-control-label::after { top:calc(.25rem + 2px); left:calc(-2.25rem + 6px);}
span.grid-norec-msg { display:flex; align-items:center; justify-content:center; flex-direction:column; padding:20px;}
.page-header .title span { display:block;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { background-color:var(--primary-color) !important; border-color:var(--primary-color) !important;}
.status-draf { background:#F7EFFF; color:var(--primary-color) !important; border:1px solid var(--primary-color) !important;}
.submission-card .info-sec i { width:46px; height:46px; background-color:var(--white-color); border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; border-radius:50%;}
.timeline-item i { width:46px; height:46px; background-color:var(--white-color); border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; border-radius:50%;}
.reminder-channels .form-switch { border:1px solid var(--border-color);}
.sub-plan h5 { font-size:28px; font-weight:600 !important; margin-bottom:30px !important;}
.sub-plan a.btn { height:45px; display:flex; align-items:center; justify-content:center;}
td span.badge-custom.status-draft { border:0; background-color:inherit;}
.submission-card .submission-meta i { width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:1px solid var(--border-color); border-radius:50%;}
.submission-card .submission-date i { width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:1px solid var(--border-color); border-radius:50%;}
.popup-footer button { height:45px; color:var(--white-color);}
.trigger-question-div button { height:45px;}
.edit-delet-btn button { padding:0; width:46px; height:46px; border:1px solid var(--border-color) !important; border-radius:6px;}
.comp-question p.text-muted small { border-bottom:1px solid var(--border-color);}
.comp-question { width:100%; border-bottom:1px solid var(--border-color); margin-bottom:20px;}
.trigger-question-data-div p { display:flex; align-items:center; gap:20px;}
.trigger-question-data-div p span { border:1px solid var(--border-color); width:40px; height:40px; text-align:center; margin:0; display:flex; align-items:center; justify-content:center; border-radius:6px; background-color:var(--light-bg);}
.trigger-question-data-div p strong { font-weight:600 !important;}
.trigger-certificate-div button { height:45px;}
.one_time_config button { height:45px;}
.add-btn-icon { margin-left:7px; font-size:20px; border:1px solid var(--border-color); padding:0; border-radius:6px; background:none; width:45px; height:45px;}
.yearly_config button { height:45px;}
.quick-ant span { font-size:16px; min-width:80px; padding:0 20px; height:45px; display:flex; align-items:center; justify-content:center; border:1px solid var(--border-color); border-radius:6px;}
.brand-logo a .svg, .brand-logo a img { max-width:180px; display:block; height:60px; object-fit:contain;}
.plan-card .card-body h4 { font-size:18px; color:var(--black-color); overflow:hidden; max-width:210px; text-overflow:ellipsis; width:fit-content; white-space:nowrap; ;}
.plan-card .card-body h3 { font-size:16px; color:var(--primary-color);}
.plan-card .card-body .list-unstyled li { font-size:16px;}
.plan-card .card-body button.add-plan { background-color:var(--primary-color) !important; font-size:16px;}
.duration { font-weight:normal !important;}
.plan-card .price { font-weight:normal !important;}
.rt-side-btn i { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border:1px solid var(--border-color); border-radius:6px;}
.border-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border:1px solid var(--border-color); border-radius:50%;}
.card.purchase-sub-plan { border:1px solid var(--border-color); padding:20px;}
.card.purchase-sub-plan .card-header { background-color:var(--white-color) !important;}
.card.purchase-sub-plan .card-header h5 { font-size:24px; font-weight:600;}
.card.purchase-sub-plan .plan-duration { background-color:var(--primary-color); padding:0; height:45px; border-radius:6px;}
.card.purchase-sub-plan .plan-duration h6 { font-size:18px; color:var(--white-color);}
.card.purchase-sub-plan .plan-duration p { font-size:18px; color:var(--white-color);}
.card.purchase-sub-plan button.btn-dark { background-color:var(--primary-color); padding:0; height:45px; border-radius:6px; font-size:18px;}
ul.list-unstyled.plan-features li p { font-size:16px;}
.light-bg { background-color:var(--light-bg);}
.app-btn-tab.configure-tab button { width:auto;}
.card-box .form-group.custom i { background-color:var(--primary-color);}
.card-box .form-group.custom { padding:20px 20px 0 20px; display:flex; gap:30px;}
.permission-card-body .form-check-input { left:35px;}
.sitemap-items .card-box { border:1px solid var(--border-color);}
.sitemap-items .card-box .card-header { background-color:var(--white-color); border-radius:10px 10px 0 0;}
a.add_button i.bi.bi-plus { color:var(--black-color); font-size:30px;}
.user-info-dropdown .dropdown-toggle .user-icon img { display:block;}
button.add-variable.add_button { padding:0; width:45px; height:45px;}
button.add-variable.add_button i { margin:0; font-size:20px; color:var(--black-color);}
button.remove-variable.delete_button { padding:0 !important; width:45px; height:45px;}
.btn-grp { display:flex; gap:20px;}
.btn-grp a { padding:0; height:45px; width:45px; display:flex; align-items:center; justify-content:center; margin:0;}
button.delete-btn.delete-checklist-task { padding:0; height:45px; width:45px; display:flex; align-items:center; justify-content:center; margin:0;}
.cmn-title p { font-size:24px; font-weight:600; margin:0;}
.cmn-title span { font-size:16px; font-weight:500; margin:0;}
.left-side-bar li.dropdown a span.micon { width:24px; height:24px; position:static; transform:none;}
.left-side-bar li.dropdown a i { width:24px; height:24px;}
.left-side-bar li.dropdown a { display:flex; align-items:flex-start; padding:15px; gap:15px;}
ul li.dropdown.show ul.submenu li.active a.active { background-color:var(--primary-color) !important; color:var(--white-color) !important; margin-left:45px; padding-left:10px;}
.sidebar-menu .submenu li { position:relative;}
.sidebar-menu .submenu li:before { content:""; position:absolute; left:16px; top:-38px; height:54px; border-left:2px solid var(--primary-color); z-index:9;}
.sidebar-menu .submenu li:after { content:""; position:absolute; width:42px; height:35px; border:solid 2px var(--primary-color); border-color:var(--primary-color) transparent transparent transparent; border-radius:50% / 50% 90% 0 0; transform:rotate(206deg); left:11px; top:-8px;}
.sidebar-menu .submenu li>a:before { display:none !important;}
ul li.dropdown.show ul.submenu li a:hover { background-color:var(--dark-bg) !important; color:var(--black-color);}
.sidebar-light .sidebar-menu .show>.dropdown-toggle .micon, .sidebar-light .sidebar-menu>ul>li>.dropdown-toggle.active .micon, .sidebar-light .sidebar-menu .submenu li a:focus span.micon { filter:brightness(0) invert(1); transition:filter 0.3s ease;}
.sidebar-light .sidebar-menu .show>.dropdown-toggle .micon, .sidebar-menu .dropdown-toggle.active, .sidebar-menu .dropdown-toggle.active .micon { color:var(--white-color) !important;}
.page-header .title span { position:relative; color:var(--primary-color);}
.page-header .title span.sub-count::after { content:''; position:absolute; width:6px; height:6px; border-radius:50%; background-color:var(--primary-color); left:-18px; top:18px;}
.page-header .title span.sub-count { font-size:25px;}
.page-header .title h4 { font-size:25px; line-height:42px; display:inline-block; margin-right:30px;}
.page-header .title { position:relative; display:flex; align-items:center;}
.sidebar-light .left-side-bar.open .sidebar-menu .dropdown-toggle:hover, .sidebar-light .left-side-bar.open .sidebar-menu .submenu li a:hover { background-color:var(--dark-bg) !important;}
.sidebar-light .sidebar-menu .dropdown-toggle:hover, .sidebar-light .sidebar-menu .submenu li a:hover { color:var(--black-color);}
.sidebar-light .sidebar-menu .dropdown-toggle:hover, .sidebar-light .sidebar-menu .submenu li a:hover { background:var(--dark-bg) !important;}
.sidebar-light .sidebar-menu .submenu li a.active { background-color:var(--primary-color) !important;}
.sidebar-light .sidebar-menu .show>.dropdown-toggle { background-color:var(--primary-color) !important; border-radius: 8px;}
.sidebar-light .left-side-bar.open .sidebar-menu .dropdown-toggle:hover .micon, .sidebar-light .left-side-bar.open .sidebar-menu .submenu li a:focus span.micon { filter:none; transition:none;}
.card-box.orange-bg .title-add-bg button { border:1px solid #F9641E; border-radius:6px; color:#F9641E;}
.card-box .title-add-bg .h6 { font-size:24px; font-weight:600;}
.card-box .title-add-bg .h6 span { color:#F9641E !important;}
.title-add-bg i { width:46px; height:46px; background-color:var(--primary-color); display:flex; align-items:center; justify-content:center; border-radius:50%;}
.orange-bg .title-add-bg i { background-color:#F9641E !important;}
.bg-green .title-add-bg i { background-color:#00A848 !important;}
.bg-red .title-add-bg i { background-color:#F44336 !important;}
.blue-bg .title-add-bg i { background-color:#274754 !important;}
.reminder-redio .list__item { margin:0 0 0.5rem 0; padding:0;}
.reminder-redio .label--checkbox, .label--radio { position:relative; margin:0.5rem; font-family:Arial, sans-serif; line-height:135%; cursor:pointer; display:flex; align-items:center;}
.reminder-redio .checkbox { position:relative; top:0; margin:0 1rem 0 0; cursor:pointer; appearance:none; width:1rem; height:1rem; border:2px solid var(--primary-color); background:var(--white-color); display:inline-block; vertical-align:middle;}
.reminder-redio .checkbox::before { content:""; position:absolute; left:3px; top:2px; width:12px; height:6px; border:2px solid var(--primary-color); border-top:none; border-right:none; transform:rotate(-45deg) scale(0); transition:transform 0.4s cubic-bezier(.45, 1.8, .5, .75);}
.reminder-redio .checkbox:checked::before { transform:rotate(-45deg) scale(1); left:0;}
.radio { position:relative; margin:0 1rem 0 0; cursor:pointer; appearance:none; width:1rem; height:1rem; border:2px solid var(--primary-color-color); border-radius:50%; background:var(--white-color); display:inline-block; vertical-align:middle;}
.reminder-redio .radio::before { content:""; position:absolute; top:1px; left:1px; width:10px; height:10px; background:var(--primary-color); border-radius:50%; transform:scale(0); transition:transform 0.4s cubic-bezier(.45, 1.8, .5, .75);}
.reminder-redio .radio:checked::before { transform:scale(1);}
.reminder-redio ul.list li.list__item label.label--radio input { border:2px solid var(--primary-color);}
.checklist-page { background:var(--white-color); border-radius:10px; padding:25px;}
.submission-status { background:#D2FFD8; color:#00A216; border-radius:5px; padding:11px 13px !important; font-weight:500; font-size:16px; border:1px solid #00A216;}
.submission-date { display:flex; align-items:flex-start; gap:8px;}
.submission-date i { font-size:16px; color:#7e57c2; margin-top:2px;}
.submission-date strong { display:block; font-size:15px; font-weight:600; color:var(--black-color);}
.card-box h4 { font-size:24px; font-weight:600;}
.card-box h5 { font-size:18px; font-weight:500;}
.card-box p { font-size:14px; font-weight:500;}
.card-box .status-tag .labour-txt { border:0; padding:0 0 20px 0 !important;}
.card-box .status-tag .labour-txt a { color:var(--primary-color); font-size:16px;}
.checklist-attachment { border:1px solid var(--primary-color); border-style:dashed;}
.form-group-div .reminder-redio label.label--radio { margin:0 20px 0 10px;}
.form-group-div .reminder-redio label.label--radio input { margin-top:-3px;}
.add-bg { background-color:var(--dark-bg); padding:30px; display:flex; gap:20px; width:100%; border-bottom:1px solid var(--border-color); border-radius:8px 8px 0 0; margin-bottom:0 !important;}
.list-card-data { height:100vh; overflow-y:scroll;}
.summary-box .select2-container .select2-selection--single { background-color:var(--white-color);}
.ticket-container { display:flex; flex-wrap:wrap; gap:2%; width:100%; height:calc(100vh - 30vh); overflow:hidden;}
.ticket-container .ticket-details { background:var(--white-color); border-radius:8px; border:1px solid var(--border-color); padding:20px; width:30%; height:calc(100vh - 30vh); overflow-y:scroll;}
.ticket-container .chat-screen { flex:1; overflow-y:auto; overflow-x:hidden; padding:20px; max-height:calc(100vh - 35vh);}
.ticket-container .conversation { background:var(--white-color); border-radius:8px; border:1px solid var(--border-color); width:68%; display:flex; flex-direction:column; height:calc(100vh - 30vh);}
.ticket-container .conversation-header { font-weight:600; font-size:1.1rem; border-bottom:1px solid var(--border-color); padding:10px; margin-bottom:20px;}
.message { display:flex; align-items:flex-start; margin-bottom:15px;}
.message .avatar { width:36px; height:36px; border-radius:50%; background:var(--light-bg); display:flex; align-items:center; justify-content:center; font-weight:600; margin-right:10px;}
.message.you .avatar { margin-right:0; margin-left:10px;}
.message .msg-cnt { display:flex; flex-direction:column; width:calc(100% - 50%); align-items:flex-start;}
.message .text { border-radius:5px 15px 15px 15px; background:var(--light-bg); padding:10px 15px; font-size:14px; line-height:18px; word-break:break-word;}
.message.you .text { background:var(--primary-color); color:var(--white-color); align-self:flex-end;}
.message-time { font-size:0.75rem; color:var(--gray-text); margin-top:3px;}
.message-time b { font-weight:normal; color:var(--black-color);}
.chat-footer { display:flex; align-items:center; border-top:1px solid var(--border-color); padding:10px 20px; min-height:60px;}
.chat-footer input { border:none; flex:1; outline:none; padding:8px 10px;}
.send-btn { background:var(--primary-color); color:var(--white-color); border:none; border-radius:50%; width:38px; height:38px; display:flex; align-items:center; justify-content:center;}
.badge-category { background:var(--light-bg); color:var(--primary-color); font-weight:500; padding:4px 10px; border-radius:20px; font-size:0.8rem;}
.ticket-details h6 { font-size:18px; font-weight:500;}
.ticket-details p span { font-size:14px; color:var(--gray-text); display:block; margin-bottom:10px;}
.lt-txt span { font-size:14px; color:var(--gray-text); display:block; margin-bottom:10px;}
.ticket-details p { font-size:14px; color:var(--black-color);}
.lt-txt { border-bottom:1px solid var(--border-color); margin:20px 0;}
.lt-txt ul { display:flex; align-items:flex-start; gap:10px; flex-wrap:wrap; margin:20px 0;}
li.badge-category { color:var(--black-color) !important; display:inline !important; width:auto;}
span.mtext { display:block; max-width:170px; white-space:normal !important; word-break:break-word; overflow-wrap:anywhere;}
.subscription-info-card .info-item { padding:15px 10px; border-bottom:1px solid var(--border-color);}
.membership-plan h4 { font-size:24px; font-weight:600 !important;}
.membership-plan p { font-size:14px; color:var(--gray-text);}
.subs-plan h1 { font-size:32px; font-weight:600;}
.solution-bx i { width:45px; height:45px; border-radius:50%; background-color:var(--dark-bg); display:flex; align-items:center; justify-content:center;}
.permission-card-grid { grid-template-columns:repeat(auto-fit, minmax(400px, 1fr)) !important;}
.permission-item { min-width:130px !important;}
.permission-card .permission-card-body .form-check label.form-check-label { font-size:14px;}
.form-group.date_picker input { position:relative;}
.form-group.date_picker input::after { content:''; position:absolute; width:17px; height:17px; background:url(../images/calendar_ic.svg) no-repeat; right:5px; top:14px;}
input[type="date"]::-webkit-calendar-picker-indicator { opacity:0; display:none;}
.form-group .reminder-redio.question label { margin:0 20px 0 0 !important;}
.form-group .reminder-redio.question input { margin-top:0 !important;}
/* ul.nav-tabs.custom-tabs.profileTabs { width:710px;}
*/ .dwnld button { height:45px; border-radius:6px;}
.dwnld { border-top:1px solid var(--border-color); padding:30px 0 30px 0;}
.top-list.list-unstyled { height:330px; overflow-y:scroll; overflow-x:hidden;}
.upload-img { width:100%; margin-top:10px;}
.upload-label { display:flex; justify-content:space-between; align-items:center; height:45px; background:#fcf9ff; border:2px dashed var(--primary-color); border-radius:3px; cursor:pointer; padding:0 10px;}
.upload-label p { font-size:16px; color:#999999; font-weight:normal;}
.upload-icon { width:22px; height:22px; opacity:0.9;}
.file-input { display:none;}
.card-view-common.detail-page .data-card:hover { box-shadow:inherit !important;}
.social-ic a { border:1px solid var(--primary-color); height:48px; width:100%; /* display:flex; align-items:center; justify-content:center; */ gap:10px; font-size:16px; color:var(--gray-text); font-weight:400;}
/* .social-ic { width:100%;}
*/ /* .ch-box { display:flex; align-items:center;}
*/ .ch-box input { border:1px solid var(--primary-color);}
.ch-box a { color:var(--primary-color); text-decoration:underline;}
.ch-box label { font-size:16px; line-height: 24px; color:var(--gray-text);}
.form-group input.form-control.form-control-color { border-radius:0 !important; background:var(--primary-color) !important;}
.form-control-color_picker { position:absolute; width:30px; height:30px; padding:0; right:0; border:none;}
.login-box .form-group .text-danger { position:inherit !important;}
.login-box span.input-group-text { right:0; top:-5px;}
.form-group .text-danger { position:absolute; bottom:0px; font-size:14px;}
span.input-group-text { position:absolute; height:45px; border:0; background:transparent;}
span.input-group-text b { font-size:18px; color:var(--gray-text);}
input.pricing_input { padding-left:40px !important; border-radius:6px !important;}
.modal-content .modal-header.add-bg { display:flex !important; align-items:flex-start !important;}
.modal-content .modal-header.add-bg button { position:absolute; background-color:var(--primary-color); border-radius:50%; right:-12px; top:-7px; color:#fff; opacity:1; border:none;}
.modal-content .modal-header.add-bg i { min-width:46px;}
.list-group-item a { font-size:16px; color:var(--black-color); border-radius:5px;}
.app-btn-tab button.btn.active .active-ic { display:block !important;}
.app-btn-tab button.btn.active { font-size:16px; color:var(--primary-color) !important;}
.attachment-img.upload-img { width:80%;}
button.dlt-btn { border:1px solid var(--border-color); border-radius:5px; height:45px; width:45px;}
.list-group.dwl-ans { width:35%;}
.list-group.dwl-ans a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:95%;}
.con-attech-preview .file-item { width:50px; height:50px;}
.con-attech-preview .file-item img { height:100% !important; width:100% !important; max-width:50px !important;}
span.remove-btn { padding:0 !important; width:20px; height:20px; display:flex; align-items:center; justify-content:center; top:-10px !important; right:0 !important;}
.con-attech-preview .file-item span { margin:-4px !important;}
.login-box.reset .input-group .input-group-text i { top:25% !important;}
table.table.table-bordered.table-hover .table-light tr th { background-color:var(--primary-color);}
.card-box.change-password-action .form-group .text-danger { position:absolute; bottom:-30px;}
.card-box.change-password-action .form-group .fa-eye, .card-box.change-password-action .form-group .fa-eye-slash { right:29px;}
.update-profile .input-group-div .input-group .text-danger { bottom:-20px;}
.detail-certificate .form-group .text-danger { position:absolute; bottom:-24px;}
p.sub-title { margin-left:64px; margin-bottom:0; font-weight:400 !important; font-size:16px !important; line-height:normal;}
.app-btn-tab button.btn.active .svg path { fill:var(--primary-color);}


/* Change img icon color to theme color (purple #642ACD) when button is active */ .app-btn-tab button.btn.active img { filter:brightness(0) saturate(100%) invert(24%) sepia(95%) saturate(2119%) hue-rotate(249deg) brightness(89%) contrast(101%);}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li input { padding:0 10px;}
#compliance-required-container button { color:var(--black-color);}
#compliance-required-container button:hover { background-color:var(--light-bg);}
span.close-tkt { width:auto; min-width:200px; background-color:var(--light-bg); height:45px; border-radius:6px; display:flex; align-items:center; justify-content:flex-start; padding:0 20px;}
.dashboard-nm { font-size:46px; color:var(--black-color);}
.dashboard-txt { font-size:16px; color:var(--gray-text);}
.select2-container--default .select2-results>.select2-results__options { max-height:220px;}
table td span.status-badge.status-invited { background-color:#E5F8FF; color:#274754; border:1px solid #274754; width:85px; height:40px;}
.upcoming { background-color:#E5F8FF; color:#274754; border:1px solid #274754; min-width:85px; height:40px; border-radius:5px; display:flex; align-items:center;}
.cert-detail-card span { height:44px; font-size:16px; font-weight:400; line-height:22px;}
.inner-title { font-size:24px; font-weight:600;}
.card-view-common .card-description { font-size:16px; font-weight:400;}
.card-view-common .card-description a { font-weight:600;}
.entity_type_id_div .text-danger { bottom:-20px;}
.education_board_id_div .text-danger { bottom:-20px;}
.quarterly_config .text-danger { bottom:-20px;}
.due_date_interval_div .text-danger { bottom:-20px;}
.form-group label { position:relative;}
.form-group label span.text-danger { right:0; width:1px; top:-5px;}
.monthly-html .text-danger { bottom:-20px;}
.yearly-html .text-danger { bottom:-20px;}
.question .text-danger { bottom:-20px;}
textarea .text-danger { bottom:-20px;}
.yearly-html-input .text-danger { margin-left:16px;}
#frequency-type-button-group .btn { font-size:15px;}
#add-one-time-date { margin-left:30px;}
#add-yearly-date { margin-left:30px;}
.left-side-bar .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:var(--primary-color);}
.sidebar-light .menu-block .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color:var(--dark-bg);}
.questions-tag.title span { display:inline-block !important;}
.remove_img { margin-top:-25px;}
.text-primary { color:var(--primary-color) !important;}
.reminder_for_renewal button.btn-outline-primary.active { background-color:var(--primary-color) !important; border-color:var(--primary-color) !important;}
table.dataTable td .fancybox, table.dataTable .fancybox { cursor:pointer; width:40px; height:40px; border-radius:50%;}
.form-group.questions-tag span { cursor:default;}
.cert-detail-card span.badge { display:block !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:var(--light-bg); border:1px solid var(--border-color); height:44px; padding:10px; border-radius:5px; text-align:left;}
span.input-group-text a i { width:15px; height:15px; display:flex;}
.card-box .questions-tag label { font-size:15px;}
#one_time_due_dates-error {margin-left: 30px; margin-bottom: 50px}
.select2-container--default .select2-selection--single .select2-selection__placeholder {font-size: 14px;}
.school-upload-file {margin-top: 0;}
.school-upload-file .preview-container {position: absolute; bottom: -30px; left: 0;}
button.active .svg {fill: var(--primary-color);}
.login-wrap::-webkit-scrollbar{	width: 6px;	background-color: transparent;}
.login-wrap::-webkit-scrollbar-thumb{	border-radius: 10px;	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);	background-color: var(--primary-color);}
.file-preview-container { padding: 10px 20px;  background-color: #f9f9f9;  border-top: 1px solid var(--border-color);  max-height: 150px; overflow-y: auto;}
#ticket_communication {  display: flex;  flex-direction: column;}
.sub-tlt h5 {font-size: 18px; font-weight: 500; padding-bottom: 10px;}
.update-select2-group ul.select2-selection__rendered {  margin: 0 20px !important; padding: 0 !important;}
.update-select2-group .select2-container--default .select2-selection--multiple .select2-selection__rendered li input {  padding: 0;}
.update-select2-group .select2-container .select2-selection--multiple .select2-selection__rendered {  padding-left: 0 !important; margin-top: 4px !important;}
.update-select2-group .select2-container--default .select2-selection--multiple .select2-selection__clear {margin-right: 30px;}
#anything-llm-chat {height: calc(100% - 20%) !important;}
/*dashboard-chnages*/
.dashboard_page .widget-style3 .icon {background-color: var(--primary-color) !important;     box-shadow: -10px 10px 240px 40px  var(--primary-color);}
.dashboard_page .title-add-bg i {background-color: var(--primary-color);}
.dashboard_page .widget-style3.green .icon {background-color: #00A848 !important;  box-shadow: -10px 10px 240px 40px #00A848;}
.dashboard_page .widget-style3.green .widget-data {border-bottom:4px solid #00A848;}
.dashboard_page .widget-style3.red .icon {background-color: #F44336 !important;  box-shadow: -10px 10px 240px 40px #F44336;}
.dashboard_page .widget-style3.red .widget-data {border-bottom:4px solid #F44336;}
.dashboard_page .widget-style3.dark-blue .icon {background-color: #274754 !important;  box-shadow: -10px 10px 240px 40px #274754;}
.dashboard_page .widget-style3.dark-blue .widget-data {border-bottom:4px solid #274754;}
.dashboard_page .widget-style3.ornage .icon {background-color: #F9641E !important;  box-shadow: -10px 10px 240px 40px #F9641E;}
.dashboard_page .widget-style3.ornage .widget-data {border-bottom:4px solid #F9641E;}
.dashboard_page .widget-style3.yellow .icon {background-color: #EAB62F !important;  box-shadow: -10px 10px 240px 40px #EAB62F;}
.dashboard_page .widget-style3.yellow .widget-data {border-bottom:4px solid #EAB62F;}
.dashboard_page .title-add-bg .h5 {color:  var(--primary-color) !important;}
.dashboard_page .title-add-bg {background-color:#F2EAFF !important ;}
.dashboard_page .h5.title-add-bg {color:  var(--primary-color) !important;}
.card-box.orange-bg.card-box .title-add-bg .h6 {color: #F9641E !important;}
.btn-group.category-wise { background-color: var(--white-color); padding: 5px;}
.btn-group.category-wise button.active {background-color: var(--primary-color) !important; color: var(--white-color); border-radius: 5px !important}
.orange-bg .h5.title-add-bg { background-color:#FFEFE8 !important; color:#F9641E !important; margin-bottom:20px !important;}
.bg-primary { background-color: var(--primary-color) !important;}
.dwld-btn a { width: 40px;height: 40px; display: flex;  align-items: center; justify-content: center; padding: 0;}
.dwld-btn {width: 10%;}
.dwld-img {width: 90%;}
.title.fltr i  {background-color: inherit;}
.user-info-dropdown .dropdown-toggle {display: flex; align-items: center;}
.login-wrap {    height: calc(100% - 0px);}
.dashboard_page .widget-style3 .icon {  background-color: #6d03c9 !important;  box-shadow: -10px 10px 240px 40px #6d03c9;}