/* InfixEdu solid theme — last-loaded design-system overrides for admin + modules */



.primary-btn,

.primary-btn.fix-gr-bg,

.primary-btn.primary-btn-large-2,

.primary-btn.fix-gr-bg-2,

.btn-primary,

.btn.btn-primary,

.form-gr-bg,

.form-gr-bg-2,

.gradient-bg,

.bg-gradient,

.bg-gradient-primary,

.gradient-color,

.gradient-color2,

.primary-school-color,

.submit,

.custome-button,

hr {

  background-image: none !important;

  border-image: none !important;

}



.primary-btn,

.primary-btn.fix-gr-bg,

.primary-btn.primary-btn-large-2,

.primary-btn.fix-gr-bg-2,

.btn-primary,

.btn.btn-primary,

.form-gr-bg,

.form-gr-bg-2,

.gradient-bg,

.bg-gradient,

.bg-gradient-primary,

.gradient-color,

.gradient-color2,

.primary-school-color,

.submit,

.custome-button {

  background-color: var(--primary-color, #0066cc) !important;

  background: var(--primary-color, #0066cc) !important;

  color: var(--text_white, #fff) !important;

  border-radius: 10px !important;

  box-shadow: none !important;

  text-shadow: none !important;

  -webkit-text-fill-color: #fff !important;

  -webkit-background-clip: border-box !important;

  background-clip: border-box !important;

}



.primary-btn:hover,

.primary-btn.fix-gr-bg:hover,

.btn-primary:hover,

.btn.btn-primary:hover,

.submit:hover,

.custome-button:hover {

  background-color: var(--link-hover, #0055aa) !important;

  background: var(--link-hover, #0055aa) !important;

  filter: none;

  box-shadow: none !important;

}



hr {

  background: var(--border_color, #d2d2d7) !important;

  height: 1px !important;

}



.single-summery.cyan { background: var(--card-gradient-cyan) !important; }

.single-summery.cyan:hover { background: var(--card-gradient-cyan-hover) !important; }

.single-summery.violet { background: var(--card-gradient-violet) !important; }

.single-summery.violet:hover { background: var(--card-gradient-violet-hover) !important; }

.single-summery.blue { background: var(--card-gradient-blue) !important; }

.single-summery.blue:hover { background: var(--card-gradient-blue-hover) !important; }

.single-summery.fuchsia { background: var(--card-gradient-fuchsia) !important; }

.single-summery.fuchsia:hover { background: var(--card-gradient-fuchsia-hover) !important; }



body,

body.admin {

  background-color: var(--background, var(--dashboardbackground, #f5f5f7));

  color: var(--text_black, #1d1d1f);

  font-family: var(--base_font, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);

}



:root {

  --box_shadow: none !important;

}



.white-box,

.common-box-shadow,

.card,

.modal-content,

.dropdown-menu,

.primary-btn,

.btn-primary,

.QA_section,

.main-title,

.student-details,

.single-report-admit {

  box-shadow: none !important;

}



.white-box,

.card,

.modal-content,

.QA_section,

.student-details {

  background-color: var(--bg_white, #ffffff);

  border-radius: 12px;

}



h1, h2, h3, h4, h5, h6,

.main-title h3,

.page_title,

.dialog-notice-title,

.modal-content .modal-header .close i {

  text-shadow: none !important;

}



.main-title h3,

.page_title,

.section_title_style,

.common-title {

  color: var(--primary-color, #0066cc) !important;

}



.table thead th,

.school-table thead th,

.dataTables_wrapper table.dataTable thead th,

.table-responsive table thead th {

  background: var(--table_header, #f5f5f7) !important;

  color: var(--text-color, #6e6e73) !important;

  border-color: var(--border_color, #d2d2d7) !important;

}



.table,

.school-table,

.dataTables_wrapper table.dataTable {

  color: var(--text_black, #1d1d1f);

}



.toast-success {

  background-color: var(--success, #34C759) !important;

}



.toast-error {

  background-color: var(--danger, #FF3B30) !important;

}



.toast-warning {

  background-color: var(--warning, #FF9F0A) !important;

}



.toast-info {

  background-color: var(--primary-color, #0066cc) !important;

}



.swal2-confirm.swal2-styled {

  background-color: var(--primary-color, #0066cc) !important;

  border-radius: 10px !important;

  box-shadow: none !important;

}



.swal2-cancel.swal2-styled {

  border-radius: 10px !important;

  box-shadow: none !important;

}



.datepicker table tr td.day:hover,

.datepicker table tr td.active,

.datepicker table tr td.active:hover,

.datepicker table tr td.selected,

.datepicker table tr td span.active,

.bootstrap-datetimepicker-widget td.active,

.bootstrap-datetimepicker-widget td.active:hover {

  background-image: none !important;

  background: var(--primary-color, #0066cc) !important;

  color: #fff !important;

}



.profile-comment .comment {

  background: var(--text-color, #6e6e73) !important;

}



.profile-single-comment.reply .profile-comment .comment {

  background: var(--primary-color, #0066cc) !important;

}



.yearColor {

  color: var(--primary-color, #0066cc) !important;

}



.registration_area .primary-btn,

.registration_area .btn-primary,

.login-area .primary-btn,

.login-area .btn_1 {

  background: var(--primary-color, #0066cc) !important;

  background-image: none !important;

  border-radius: 10px !important;

}



.progress-bar,

.nav-tabs .nav-link.active,

.nav-pills .nav-link.active {

  background-image: none !important;

  background-color: var(--primary-color, #0066cc) !important;

}



.mm-active > a,

.sidebar #sidebar_menu > li.mm-active > a,

.sidebar #sidebar_menu > li > a:hover {

  background-image: none !important;

  background-color: #0055aa !important;

  box-shadow: none !important;

}



/* Admin chrome — solid #0066cc sidebar + topbar, larger logos */

#sidebar,

#sidebar.sidebar,

.sidebar {

  background: #0066cc !important;

  background-color: #0066cc !important;

  background-image: none !important;

  box-shadow: none !important;

}



#sidebar .sidebar-header,

#sidebar .sidebar-header.update_sidebar,

.sidebar .sidebar-header {

  background: #0066cc !important;

  background-image: none !important;

  box-shadow: none !important;

  padding: 14px 16px !important;

}



#sidebar .sidebar-header img,

#sidebar .sidebar-header .logo img,

#sidebar .update_sidebar img,

.sidebar .logo img,

.sidebar-header img {

  height: 64px !important;

  width: auto !important;

  max-width: 220px !important;

  max-height: 64px !important;

  object-fit: contain !important;

}



#sidebar.sidebar.mini_sidebar .sidebar-header img,

#sidebar.sidebar.mini_sidebar .update_sidebar img {

  height: 42px !important;

  width: auto !important;

  max-width: 42px !important;

  max-height: 42px !important;

}



#sidebar ul li a,

.sidebar #sidebar_menu li a,

.sidebar #sidebar_menu li a.has-arrow:after,

.sidebar #sidebar_menu li a .nav_title,

.sidebar #sidebar_menu li a .nav_icon_small,

.sidebar #sidebar_menu li a i,

.menu_seperator,

#close_sidebar i {

  color: #fff !important;

}



#sidebar ul li a.active,

#sidebar ul li a:hover,

#sidebar ul li.mm-active > a,

.sidebar #sidebar_menu > li.mm-active > a,

.sidebar #sidebar_menu > li > a.active,

.sidebar #sidebar_menu > li > a:hover,

.sidebar ul li ul li a.active,

.sidebar ul li ul li a:hover {

  background: #0055aa !important;

  background-color: #0055aa !important;

  background-image: none !important;

  box-shadow: none !important;

  color: #fff !important;

}



.header_iner,

.main-wrapper .header_iner {

  background: #0066cc !important;

  background-color: #0066cc !important;

  background-image: none !important;

  box-shadow: none !important;

  min-height: 72px;

  padding-top: 10px !important;

  padding-bottom: 10px !important;

}



.header_iner .small_logo_crm img,

.small_logo_crm img,

.header_iner .logo img {

  height: 56px !important;

  width: auto !important;

  max-width: 180px !important;

  max-height: 56px !important;

  object-fit: contain !important;

}



.header_iner .collaspe_icon i,

.header_iner .sidebar_icon i,

.header_iner .redirect_links a,

.header_iner .header_notification_warp > li > a,

.header_iner button#mobileSelectorDropdown,

.header_iner button#mobileSelectorDropdown svg {

  color: #fff !important;

}



.header_iner .profile_info_iner,

.header_iner .profile_info_iner a,

.header_iner .Menu_NOtification_Wrap {

  color: #1d1d1f !important;

}



.header_iner .header_notification_warp > li > a > img,

.header_iner .redirect_links a > img {

  filter: brightness(0) invert(1) !important;

}



.header_iner .header_right .header_notification_warp li > a > span.notification_count {

  background: #fff !important;

  color: #0066cc !important;

}



.header_iner .nice-select,

.header_iner .nice_Select,

.header_iner .nice-select .current {

  background: transparent !important;

  color: #fff !important;

}



.header_iner .nice-select .list,

.header_iner .nice-select .option {

  color: #1d1d1f !important;

  background: #fff !important;

}



.header_iner .search_inner input,

.header_iner .serach_field-area .search_inner input {

  background: #fff !important;

  color: #1d1d1f !important;

  border: 1px solid #d2d2d7 !important;

}




/* --------------------------------------------------------------------------
   macOS form controls + search + tables + DataTables Buttons (copy_table)
   Last-word overrides. No gradient, no box-shadow. Brand action #0066cc.
   -------------------------------------------------------------------------- */
:root {
    --ie-field-radius: 8px;
    --ie-placeholder: #86868b;
    --ie-focus-ring: #0066cc33;
    --ie-row-line: #e5e5ea;
    --ie-row-hover: #f5f5f7;
    --ie-row-selected: #f2f2f2;
}

/* ===== Text input / textarea ============================================ */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="hidden"]),
textarea,
.form-control:not(select),
.primary_input_field:not(select),
.inf-field__input,
.message_submit_form,
.form-field input,
.form-field textarea {
    min-height: 36px !important;
    padding: 8px 12px !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #1d1d1f !important;
    font-family: var(--ie-font, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: 14px;
    line-height: 1.4;
    box-shadow: none !important;
    text-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
}

textarea,
.form-control[rows],
textarea.primary_input_field,
textarea.inf-field__input {
    min-height: 88px !important;
    resize: vertical;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.primary_input_field::placeholder,
.inf-field__input::placeholder,
.dataTables_filter input::placeholder,
.header_iner .search_inner input::placeholder {
    color: #86868b !important;
    opacity: 1;
}

input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
.form-control:not(select):focus,
.primary_input_field:not(select):focus,
.inf-field__input:focus,
select:focus,
.primary_select:focus,
.nice-select:focus,
.nice-select.open,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.bootstrap-select .dropdown-toggle:focus,
.dataTables_filter input:focus,
.dataTables_length select:focus {
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px #0066cc33 !important;
    outline: none !important;
}

input:disabled,
textarea:disabled,
select:disabled,
.form-control:disabled,
.primary_input_field:disabled,
.btn:disabled,
.primary-btn:disabled,
.dt-button.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ===== Native select / combobox / list button =========================== */
select,
select.form-control,
select.primary_input_field,
select.primary_select,
.primary_select,
.dataTables_length select,
.dataTables_wrapper .dataTables_length select,
.dt-length select,
.dt-container .dt-length select {
    min-height: 36px !important;
    padding: 8px 32px 8px 12px !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2386868b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    color: #1d1d1f !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

select::-ms-expand {
    display: none;
}

/* nice-select / current / list */
.nice-select,
.niceSelect,
.nice_Select:not(.bgLess):not(.header_iner .nice_Select),
.bootstrap-select > .dropdown-toggle,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.dt-button-collection .dt-button,
.list-button,
.btn-group.bulk-action .dropdown-toggle,
.tableCheck .dropdown-toggle,
.QA_section .dropdown .dropdown-toggle {
    min-height: 36px !important;
    padding: 8px 32px 8px 12px !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #1d1d1f !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 18px;
}

.nice-select .current,
.niceSelect .current {
    color: #1d1d1f !important;
    line-height: 18px;
}

.nice-select:after,
.niceSelect:after,
.bootstrap-select .dropdown-toggle::after,
.dropdown-toggle.list-button::after,
.QA_section .dropdown .dropdown-toggle::after {
    border: 0 !important;
    border-right: 1.5px solid #86868b !important;
    border-bottom: 1.5px solid #86868b !important;
    width: 7px !important;
    height: 7px !important;
    right: 14px !important;
    top: 50% !important;
    margin-top: -5px !important;
    transform: rotate(45deg) !important;
    background: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #86868b transparent transparent transparent !important;
}

.nice-select .list,
.niceSelect .list,
.select2-dropdown,
.select2-container--default .select2-results,
.bootstrap-select .dropdown-menu,
.dt-button-collection,
div.dt-button-collection,
.dt-button-collection.dropdown-menu,
.dropdown-menu,
.menu_popUp_list_wrapper {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.nice-select .option,
.niceSelect .option,
.select2-results__option,
.bootstrap-select .dropdown-item,
.dt-button-collection .dt-button,
.dropdown-menu > li > a,
.dropdown-item {
    background: #ffffff !important;
    color: #1d1d1f !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.niceSelect .option:hover,
.select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.bootstrap-select .dropdown-item:hover,
.dropdown-menu > li > a:hover,
.dropdown-item:hover {
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
}

.nice-select .option.selected,
.niceSelect .option.selected,
.select2-container--default .select2-results__option[aria-selected="true"],
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item.selected,
.dropdown-item.active,
.dropdown-menu > .active > a {
    background: #0066cc !important;
    color: #ffffff !important;
}

/* Header academic-year select stays inverted on #0066cc topbar */
.header_iner .nice-select,
.header_iner .nice_Select,
.header_iner .nice-select.bgLess,
.header_iner .infix_session,
.header_iner .languageChange {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.header_iner .nice-select .current,
.header_iner .nice-select:after {
    color: #fff !important;
    border-color: #fff !important;
}

.header_iner .nice-select .list,
.header_iner .nice-select .option {
    background: #fff !important;
    color: #1d1d1f !important;
}

/* ===== Buttons ========================================================== */
.btn.btn-primary,
.btn-primary,
.primary-btn,
.primary_btn,
.btn_1,
.ie-btn,
button.primary-btn,
a.primary-btn,
.custome-button,
.submit:not(input):not([type="text"]) {
    background: #0066cc !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #0066cc !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    min-height: 36px;
}

.btn.btn-primary:hover,
.primary-btn:hover,
.primary_btn:hover,
.btn_1:hover,
.ie-btn:hover {
    background: #0055aa !important;
    border-color: #0055aa !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn.btn-secondary,
.btn.btn-outline-primary,
.btn.btn-outline-secondary,
.btn.btn-light,
.btn.btn-default,
.ie-btn-secondary,
.btn_2,
.primary-btn.tr-bg,
.btn-ghost {
    background: #ffffff !important;
    background-image: none !important;
    color: #1d1d1f !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.btn.btn-danger,
.btn-danger,
.primary-btn.fix-gr-bg.bg-danger,
.swal2-deny {
    background: #ff3b30 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #ff3b30 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* ===== Switches — fully clickable (Appearance pointer-events) ========== */
.switch_toggle,
label.switch,
.edu_toggle_check,
.lms_checkbox_1,
.primary_checkbox.ie-switch,
.ie-switch-row,
.custom-control.custom-switch,
.form-switch,
.op-switchbtn {
    pointer-events: auto !important;
}

.switch_toggle .slider,
.switch_toggle .slider.round,
label.switch .slider,
.edu_toggle_check .slider,
.lms_checkbox_1 .slider-check,
.primary_checkbox.ie-switch .checkmark,
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
    pointer-events: none !important;
}

.switch_toggle input,
label.switch input,
.edu_toggle_check input,
.lms_checkbox_1 input,
.primary_checkbox.ie-switch input,
.custom-switch .custom-control-input,
.form-switch .form-check-input,
input[type="checkbox"].switch,
input[type="checkbox"].ie-switch {
    pointer-events: auto !important;
    z-index: 3 !important;
}

/* Role permission checkboxes stay square */
.permission_list input[type="checkbox"],
.role_permission input[type="checkbox"],
.module_link input[type="checkbox"],
.primary_checkbox:not(.ie-switch) input[type="checkbox"],
.common-checkbox input[type="checkbox"],
input[type="checkbox"]:not(.switch):not(.ie-switch):not(.custom-control-input) {
    border-radius: 4px;
}

.primary_checkbox:not(.ie-switch) .checkmark {
    border-radius: 4px !important;
    width: 18px !important;
    height: 18px !important;
}

/* ===== Search zones ===================================================== */
.serach_field-area,
.header_iner .serach_field-area,
.search_inner,
.header_iner .search_inner,
.dataTables_filter,
.dt-search,
.dt-container .dt-search,
.up_admin_visitor .dataTables_filter,
.QA_section .dataTables_filter,
.white-box .dataTables_filter,
.inf-toolbar .inf-field,
.inf-filter-row,
.page-search,
.search_field {
    box-shadow: none !important;
}

.serach_field-area .search_inner,
.header_iner .search_inner,
.search_inner {
    position: relative;
}

.serach_field-area .search_inner input,
.header_iner .search_inner input,
.header_iner .serach_field-area .search_inner .form-control,
.header_iner #search,
.header_iner #searchStudent,
.dataTables_filter input,
.dataTables_wrapper .dataTables_filter input,
.dt-search input,
.dt-container .dt-search input,
input[type="search"],
.primary_input_field.input-left-icon,
.page-search input,
.inf-toolbar input[type="search"],
.inf-toolbar .inf-field__input[type="search"],
.inf-filter-row input[type="search"] {
    min-height: 36px !important;
    height: 36px;
    padding: 8px 12px 8px 36px !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #1d1d1f !important;
    box-shadow: none !important;
}

.dataTables_filter input,
.dataTables_wrapper .dataTables_filter input,
.dt-search input,
.dt-container .dt-search input,
input[type="search"],
.page-search input,
.inf-toolbar input[type="search"],
.inf-filter-row input[type="search"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='6' cy='6' r='4.25' fill='none' stroke='%2386868b' stroke-width='1.4'/%3E%3Cpath d='M9.2 9.2L12 12' fill='none' stroke='%2386868b' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 12px 50% !important;
    background-size: 14px !important;
}

.header_iner .search_inner input,
.header_iner #search,
.header_iner #searchStudent,
.serach_field-area .search_inner input,
.primary_input_field.input-left-icon {
    background-image: none !important;
}

.serach_field-area .search_inner input:focus,
.header_iner .search_inner input:focus,
.dataTables_filter input:focus,
input[type="search"]:focus {
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px #0066cc33 !important;
    outline: none !important;
}

.serach_field-area .search_inner button,
.header_iner .search_inner button,
.search_inner button[type="submit"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #86868b !important;
    z-index: 2;
}

.header_iner .search_inner button i,
.serach_field-area .search_inner button i {
    color: #86868b !important;
    font-size: 13px !important;
    padding: 0 !important;
}

.dataTables_filter label,
.dt-search label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1d1d1f !important;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}

/* Header search stays a white field on the #0066cc topbar */
.header_iner .serach_field-area .search_inner input,
.header_iner .search_inner input {
    background-color: #ffffff !important;
    color: #1d1d1f !important;
}

#livesearch,
#liveStudentSearch {
    background: #ffffff !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #1d1d1f;
}

/* ===== Tables =========================================================== */
.table,
table.table,
.QA_section .QA_table,
.QA_section .QA_table .table,
.school-table,
.school-table-style,
.ie-dense-table,
.inf-table,
table.dataTable,
.dataTables_wrapper table.dataTable,
.dt-container table.dataTable,
html.community-admin #main-content table,
html.saas-admin .table,
html.saas-admin .school-table-style {
    width: 100%;
    background: #ffffff !important;
    color: #1d1d1f !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 12px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
}

.QA_section,
.QA_section .QA_table,
.dataTables_wrapper,
.dt-container,
.table-responsive,
.ie-dense-table-wrap,
.inf-table-wrap {
    background: #ffffff;
    box-shadow: none !important;
}

.table thead th,
table.table > thead > tr > th,
.QA_section .QA_table thead th,
.QA_section .QA_table .table thead th,
.school-table thead th,
.school-table-style thead th,
.ie-dense-table thead th,
.inf-table thead th,
table.dataTable thead th,
.dataTables_wrapper table.dataTable thead th,
html.community-admin #main-content table thead th,
html.saas-admin .table th,
html.saas-admin .school-table-style th {
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
    border-bottom: 1px solid #e5e5ea !important;
    border-top: 0 !important;
    padding: 10px 12px !important;
    box-shadow: none !important;
}

.table tbody td,
.QA_section .QA_table tbody td,
.school-table tbody td,
.school-table-style tbody td,
.ie-dense-table tbody td,
.inf-table tbody td,
table.dataTable tbody td,
html.community-admin #main-content table td,
html.saas-admin .table td {
    background: #ffffff !important;
    color: #1d1d1f !important;
    border-bottom: 1px solid #e5e5ea !important;
    padding: 10px 12px !important;
    vertical-align: middle;
    box-shadow: none !important;
}

.table tbody tr:hover td,
.QA_section .QA_table tbody tr:hover td,
table.dataTable tbody tr:hover td,
.ie-dense-table tbody tr:hover td,
.inf-table tbody tr:hover td,
html.community-admin #main-content table tbody tr:hover td {
    background: #f5f5f7 !important;
}

.table tbody tr.selected td,
table.dataTable tbody tr.selected td,
table.dataTable tbody tr.active td,
.table tbody tr.active td {
    background: #f2f2f2 !important;
}

.table tbody tr:last-child td,
table.dataTable tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* Pagination — pills */
.dataTables_wrapper .dataTables_paginate,
.dt-paging,
.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dt-paging .dt-paging-button,
.pagination .page-link,
.pagination a,
.pagination span {
    min-width: 32px;
    min-height: 32px;
    padding: 4px 12px !important;
    border-radius: 980px !important;
    border: 0 !important;
    background: #f2f2f2 !important;
    background-image: none !important;
    color: #1d1d1f !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dt-paging .dt-paging-button.current,
.pagination .active .page-link,
.pagination li.active a,
.pagination .page-item.active .page-link {
    background: #0066cc !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled),
.pagination .page-link:hover {
    background: #e8e8ed !important;
    color: #1d1d1f !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dt-info,
.dt-length,
.dt-search {
    color: #1d1d1f !important;
    font-size: 13px;
}

/* ===== copy_table / DataTables Buttons toolbar ======================== */
div.dt-buttons,
.dataTables_wrapper .dt-buttons,
.dt-container .dt-buttons,
.QA_section .QA_table div.dt-buttons,
.dt-buttons.btn-group {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 0 12px;
}

.dt-button,
a.dt-button,
button.dt-button,
div.dt-buttons .dt-button,
.dt-buttons .btn,
.buttons-html5,
.buttons-print,
.buttons-collection,
.buttons-colvis {
    min-height: 32px !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    border: 1px solid #d2d2d7 !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #1d1d1f !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2;
}

.dt-button:hover,
a.dt-button:hover,
button.dt-button:hover,
.buttons-html5:hover,
.buttons-print:hover,
.buttons-colvis:hover {
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
    box-shadow: none !important;
}

.dt-button.buttons-copy,
a.dt-button.buttons-copy,
button.dt-button.buttons-copy {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
}

.dt-button.buttons-copy:hover {
    background: #0055aa !important;
    border-color: #0055aa !important;
    color: #fff !important;
}

div.dt-button-collection,
.dt-button-collection,
ul.dt-button-collection,
.dt-button-collection.dropdown-menu {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 6px !important;
}

div.dt-button-collection .dt-button,
.dt-button-collection .dt-button {
    width: 100%;
    justify-content: flex-start;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #1d1d1f !important;
}

div.dt-button-collection .dt-button:hover,
.dt-button-collection .dt-button.active {
    background: #f5f5f7 !important;
}

div.dt-button-background {
    background: transparent !important;
}

/* Length / bulk list-button = combobox chrome */
.dataTables_length,
.dt-length,
.bulk-actions,
.table-toolbar,
.QA_section .dataTables_length {
    color: #1d1d1f;
}

.dataTables_length select,
.dt-length select {
    margin: 0 6px;
}

html.community-admin,
html.community-admin body,
html.saas-admin,
html.saas-admin body,
body.platform-page,
.font-nunito,
.font-sans {
    font-family: var(--ie-font, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}