/* Existing report/form classes retained on the Bootstrap 5/AdminLTE 4 shell. */
/* Center labels and sorting arrows together, including rowspan headers. */
table.dataTable:is(.dataTable) > thead > tr > :is(th,td) { vertical-align: middle; }
table.dataTable:is(.dataTable) > thead > tr > :is(th,td):is(.sorting,.sorting_asc,.sorting_desc,.sorting_asc_disabled,.sorting_desc_disabled) { position: relative; padding-inline-start: 8px; padding-inline-end: 24px; }
table.dataTable:is(.dataTable) > thead > tr > :is(th,td):is(.sorting,.sorting_asc,.sorting_desc,.sorting_asc_disabled,.sorting_desc_disabled)::before,
table.dataTable:is(.dataTable) > thead > tr > :is(th,td):is(.sorting,.sorting_asc,.sorting_desc,.sorting_asc_disabled,.sorting_desc_disabled)::after { position: absolute; left: auto; right: auto; inset-inline-end: 7px; width: 10px; height: 9px; line-height: 9px; margin: 0; transform: none; }
table.dataTable:is(.dataTable) > thead > tr > :is(th,td):is(.sorting,.sorting_asc,.sorting_desc,.sorting_asc_disabled,.sorting_desc_disabled)::before { top: calc(50% - 9px); bottom: auto; }
table.dataTable:is(.dataTable) > thead > tr > :is(th,td):is(.sorting,.sorting_asc,.sorting_desc,.sorting_asc_disabled,.sorting_desc_disabled)::after { top: 50%; bottom: auto; }
:root { --bs-primary: #00a65a; --bs-primary-rgb: 0,166,90; --lte-sidebar-width: 230px; --lte-header-height: 50px; }
html, body { min-height: 100%; }
/* Brief entrance for guest forms and report content, without layout shifts. */
@keyframes page-load-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .app-content, .login-page > .login-box, .login-page > .register-box {
    animation: page-load-in 320ms ease-out;
  }
}
/* Dark green text links stay readable on white and pale gray surfaces. */
:root, [data-bs-theme=light] { --bs-link-color: #146c43; --bs-link-color-rgb: 20,108,67; --bs-link-hover-color: #0b4d2e; --bs-link-hover-color-rgb: 11,77,46; }
a[href]:not(.btn):not(.nav-link):not(.page-link):hover { text-decoration: underline; }
a[href]:focus-visible { outline: 2px solid #008d4c; outline-offset: 3px; }
/* Keep wide reports inside the content track, including RTL dashboards. */
.app-wrapper { grid-template-columns: auto minmax(0, 1fr); width: 100%; }
.app-sidebar { width: var(--lte-sidebar-width); max-width: var(--lte-sidebar-width); }
.app-main { width: 100%; min-width: 0; }
@media screen {
  .app-main > .tbl, .app-main > .tbl > .tbl-body, .app-main > .tbl > .tbl-body > .app-content { display: block; width: 100%; min-width: 0; }
  .app-content .box-body { overflow-x: auto; }
}
body { font-family: Tahoma, Arial, sans-serif; font-size: 12px !important; }
html[lang="ar"] body,
html[lang="ar"] :is(h1,h2,h3,h4,h5,h6,input,button,select,textarea,.btn,.form-control,.form-select) {
  font-family: 'Noto Kufi Arabic', Tahoma, Arial, sans-serif !important;
}
.app-header { background: #00a65a !important; color: #fff; min-height: 50px; }
.app-header .nav-link, .app-header .navbar-brand { color: #fff; }
.app-header .nav-link:hover, .app-header .nav-link:focus { color: #fff; background: #ffffff18; }
.app-sidebar { --lte-sidebar-bg: #899092; --lte-sidebar-color: #fff; background: #899092 !important; }
.app-sidebar .brand-link { text-decoration: none; }
.app-sidebar .sidebar-brand { min-height: 50px; height: 50px; background: #fff; }
.app-sidebar .sidebar-brand .brand-image { max-height: 44px; max-width: 205px; width: 100%; object-fit: contain; }
.sidebar-menu .nav-link { gap: .65rem; color: #fff; font-size: 13px; border-radius: 0; }
.sidebar-menu > .nav-item > .nav-link.active,.sidebar-menu > .nav-item > .nav-link:hover { color: #17221d !important; background: #f1c40f !important; }
.sidebar-menu .nav-treeview { background: #bdc3c7; }
.sidebar-menu .nav-treeview .nav-link { color: #243c32; }
.sidebar-menu .nav-treeview .nav-link.active { color: #146c43 !important; background: #ecf0f1 !important; font-weight: 700; }
.sidebar-menu .nav-header { background: #ecf0f1; color: #146c43; padding: .75rem; font-weight: 700; white-space: normal; }
.sidebar-menu .nav-link p { white-space: normal; }
/* Original menu palette; override the dark sidebar's muted link variables. */
.app-sidebar { --lte-sidebar-color: #fff; --lte-sidebar-hover-color: #000; --lte-sidebar-active-color: #000; --lte-sidebar-menu-active-bg: #f1c40f; --lte-sidebar-submenu-color: #243c32; }
.app-sidebar .sidebar-menu > .nav-item > .nav-link { color: #fff; opacity: 1; }
.app-sidebar .sidebar-menu .nav-icon { opacity: 1; }
.app-sidebar .sidebar-wrapper { padding-inline: 0; }
.sidebar-menu .nav-link { margin-inline: 0; padding: .7rem 1rem; }
.sidebar-menu .nav-treeview .nav-link:hover { background: #ecf0f1; color: #008d4c; }
.page-link { color: #008d4c; background: #fff; border-color: #ddd; font-size: 12px; padding: .4rem .7rem; }
.page-link:hover { color: #006b3a; background: #eaf4ee; border-color: #ccc; }
.active > .page-link, .page-link.active { color: #fff; background: #00a65a; border-color: #008d4c; }
.disabled > .page-link, .page-link.disabled { color: #777; background: #f4f4f4; border-color: #ddd; }
.page-link:focus { box-shadow: 0 0 0 .2rem #00a65a33; }
.dashboard-home { width: 100%; min-width: 0; }
.dashboard-home .row { --bs-gutter-x: 1rem; }
.dashboard-home .info-box { border-radius: 3px; min-height: 90px; padding: 0; overflow: hidden; }
.dashboard-home .info-box-icon { border-radius: 0; width: 75px; flex: 0 0 75px; font-size: 30px; }
.dashboard-home .info-box-content { padding: 10px; min-width: 0; overflow-wrap: anywhere; }
.dashboard-home .info-box a { color: #146c43; text-decoration: none; }
.dashboard-home .info-box a:hover { color: #0b4d2e; text-decoration: underline; }
.dashboard-home .box { border: 0; border-top: 3px solid #d2d6de; border-radius: 3px; margin-bottom: 20px; box-shadow: 0 1px 1px #0000001a; }
.dashboard-home .box.box-success { border-top-color: #00a65a; }
.dashboard-home .box.box-warning { border-top-color: #f39c12; }
.dashboard-home .box.box-info { border-top-color: #00c0ef; }
.dashboard-home .box > .box-header { padding: 10px; border-bottom-color: #f4f4f4; color: #444; }
.dashboard-home .box > .box-body { padding: 10px; }
.dashboard-home .box > .box-footer { padding: 10px; border-top-color: #f4f4f4; background: #fff; }
.dashboard-home .dashboard-overview .box-header .box-title { font-size: 14px; }
/* Stretch overview cards together without fixing their content height. */
@media screen and (min-width: 768px) {
  .dashboard-home .dashboard-overview > :is(.dashboard-transactions,.dashboard-sector) { display: flex; flex-direction: column; }
  .dashboard-home .dashboard-overview > :is(.dashboard-transactions,.dashboard-sector) > .box { display: flex; flex-direction: column; flex: 1; width: 100%; }
  .dashboard-home .dashboard-overview > :is(.dashboard-transactions,.dashboard-sector) > .box > .box-body { flex: 1; }
  .dashboard-home .dashboard-overview > :is(.dashboard-transactions,.dashboard-sector) > .box:is(.collapsing-card,.collapsed-card,.expanding-card) { flex: 0 0 auto; }
  .dashboard-home .dashboard-overview > :is(.dashboard-transactions,.dashboard-sector) > .box:is(.collapsing-card,.expanding-card) > .box-body { flex: 0 0 auto; }
}
.dashboard-overview > .dashboard-sector:not(:has(.sector-ownership-card)) { display: none; }
.dashboard-overview:not(:has(.sector-ownership-card)) > .dashboard-transactions { flex: 0 0 100%; width: 100%; }
.dashboard-home .sector-ownership-card .tabs-container .nav-tabs { width: 20%; margin: 0; }
.dashboard-home .sector-ownership-card .tabs-right > .nav-tabs { float: right; }
.dashboard-home .sector-ownership-card .tabs-left > .nav-tabs { float: left; }
.dashboard-home .sector-ownership-card .tabs-container .tab-content { width: 100%; }
.dashboard-home .sector-ownership-card .panel-body { width: 80%; padding: 10px; }
.dashboard-home .sector-ownership-card .tabs-right .panel-body { margin-right: 20%; margin-left: 0; }
.dashboard-home .sector-ownership-card .tabs-left .panel-body { margin-left: 20%; margin-right: 0; }
@media (max-width: 767.98px) {
  .dashboard-home .sector-ownership-card .tabs-container .nav-tabs { float: none; width: 100%; }
  .dashboard-home .sector-ownership-card .tabs-container .panel-body { width: 100%; margin-inline: 0; }
}
.dashboard-home .sector-chart-grid { --bs-gutter-x: .5rem; margin-bottom: .75rem; }
.dashboard-home .sector-chart-grid > div { min-width: 0; }
.dashboard-home .sector-chart-grid label { min-height: 2.8em; margin-bottom: .25rem; font-size: 11px; line-height: 1.4; }
.dashboard-home .sector-chart-grid .chart-responsive { width: 100%; max-width: 150px; height: 130px; margin-inline: auto; }
.dashboard-home .sector-chart-grid canvas { width: 100% !important; height: 130px !important; min-height: 0 !important; }
/* Currency side tabs use one thin outline instead of top-tab accents. */
@media (min-width: 768px) {
  .dashboard-home .tabs-container :is(.tabs-left,.tabs-right) > .nav-tabs { border: 0; gap: 0; padding: 0; margin: 0; }
  .dashboard-home .tabs-container :is(.tabs-left,.tabs-right) > .nav-tabs > li { width: 100%; margin: 0; }
  .dashboard-home .tabs-container :is(.tabs-left,.tabs-right) > .nav-tabs .nav-link { margin: 0 0 3px; border: 1px solid transparent; }
  .dashboard-home .tabs-container :is(.tabs-left,.tabs-right) > .nav-tabs .nav-link.active { border: 1px solid #e7eaec; background: #fff; position: relative; z-index: 1; }
  .dashboard-home .tabs-container .tabs-left > .nav-tabs .nav-link { border-radius: 4px 0 0 4px; }
  .dashboard-home .tabs-container .tabs-right > .nav-tabs .nav-link { border-radius: 0 4px 4px 0; }
  .dashboard-home .tabs-container .tabs-left > .nav-tabs .nav-link.active { border-right-color: #fff; margin-right: -1px; }
  .dashboard-home .tabs-container .tabs-right > .nav-tabs .nav-link.active { border-left-color: #fff; margin-left: -1px; }
}
/* Keep the original plots, with compact surrounding labels and controls. */
.dashboard-home .dashboard-chart .box-header { padding: .4rem .65rem; }
.dashboard-home .dashboard-chart .box-header .box-title { font-size: 13px; line-height: 1.5; }
.dashboard-home .dashboard-chart .box-body { padding: .5rem; }
.dashboard-home .dashboard-chart .nav-tabs .nav-link { font-size: 12px; line-height: 1.4; padding: .3rem .6rem; }
.dashboard-home .dashboard-chart .nav-tabs-custom > .tab-content { padding: .4rem 0 0; }
.dashboard-home .dashboard-chart .tabs-container .panel-body { padding: .5rem; }
.dashboard-home .dashboard-chart .tab-content { margin-bottom: 0; }
.dashboard-home .dashboard-chart .box-footer { padding: .4rem .5rem; }
.dashboard-home .dashboard-chart .description-block { margin: .3rem 0; line-height: 1.4; }
.dashboard-home .dashboard-chart .description-block h5 { font-size: 15px; line-height: 1.4; margin: 0 0 .25rem; }
.dashboard-home .dashboard-chart .description-text { font-size: 11px; }
.dashboard-home .dashboard-chart .flc-bar, .dashboard-home .dashboard-chart .flc-tradesAnalysis { padding: 1px; }
/* Share one currency-tab/content geometry across sector and monthly cards. */
.dashboard-home :is(.dashboard-chart,.sector-ownership-card) .tabs-container > :is(.tabs-left,.tabs-right) { display: grid; grid-template-columns: 20% minmax(0, 1fr); align-items: start; }
.dashboard-home :is(.dashboard-chart,.sector-ownership-card) .tabs-container :is(.tabs-left,.tabs-right) > .nav-tabs { grid-column: 1; grid-row: 1; float: none; width: 100%; margin: 0; }
.dashboard-home :is(.dashboard-chart,.sector-ownership-card) .tabs-container :is(.tabs-left,.tabs-right) > :is(.tab-content,.panel-body) { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; margin: 0; padding: 0; }
.dashboard-home :is(.dashboard-chart,.sector-ownership-card) .tabs-container :is(.tabs-left,.tabs-right) .panel-body { width: 100%; margin: 0; padding: 10px; }
.dashboard-home :is(.dashboard-chart,.sector-ownership-card) .tabs-container .nav-link { font-size: 12px; line-height: 1.4; padding: .3rem .6rem; }
.dashboard-home .dashboard-chart .chartholder { width: 100% !important; max-width: none; height: 230px !important; min-height: 230px !important; }
@media (max-width: 767.98px) {
  .dashboard-home :is(.dashboard-chart,.sector-ownership-card) .tabs-container > :is(.tabs-left,.tabs-right) { grid-template-columns: minmax(0, 1fr); }
  .dashboard-home :is(.dashboard-chart,.sector-ownership-card) .tabs-container :is(.tabs-left,.tabs-right) > :is(.tab-content,.panel-body) { grid-column: 1; grid-row: 2; }
}
.dashboard-home .box-header { display: flex; align-items: center; gap: .5rem; }
.dashboard-home .box-header .box-title { float: none; flex: 1; min-width: 0; font-size: 16px; }
.dashboard-home .box-header .box-tools { float: none !important; margin-inline-start: auto; flex-shrink: 0; }
.dashboard-home .small-box { position: relative; overflow: hidden; border-radius: 3px; margin-bottom: 1rem; }
.dashboard-home .small-box .inner { min-height: 110px; padding: 1rem; padding-inline-end: 4.5rem; }
.dashboard-home .small-box h4 { font-size: 20px; line-height: 1.5; margin: 0 0 .4rem; }
.dashboard-home .small-box p { margin: 0; font-size: 13px; }
.dashboard-home .small-box > .icon { position: absolute; inset-inline-end: 1rem; top: 1rem; font-size: 44px; line-height: 1; opacity: .22; pointer-events: none; }
.dashboard-home .small-box > .small-box-footer { display: block; position: relative; padding: .45rem .75rem; text-align: center; color: inherit; background: #00000012; text-decoration: none; }
.dashboard-home .small-box > .small-box-footer:hover { color: inherit; background: #00000024; text-decoration: underline; }
.dashboard-home #calendar { padding: .75rem; }
.dashboard-home #calendar .datepicker-inline { width: 100%; margin-inline: 0; }
.dashboard-home #calendar .datepicker table { width: 100%; table-layout: fixed; }
.dashboard-home #calendar .datepicker td, .dashboard-home #calendar .datepicker th { width: auto; height: 30px; text-align: center; }
.dashboard-home .box-pane-right { padding: 1rem; height: 100%; text-align: center; color: #fff; }
.dashboard-home .box-pane-right .description-block { margin-block: 0 1.25rem; }
.dashboard-home .box-pane-right .description-block:empty { display: none; }
.dashboard-home .box-pane-right .description-header { font-size: 17px; margin-bottom: .25rem; }
.dashboard-home .box-pane-right .description-text { display: block; color: #fff; font-size: 12px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.dashboard-home #world-map-markers { width: 100%; min-width: 0; }
.app-main.content-wrapper { min-width: 0; background: #ecf0f5; }
.app-content { padding: 0 1rem 1rem; }
.app-content-header { padding: 1rem; }
.app-content-header h1 { font-size: 24px; margin: 0; font-weight: 400; }
.app-footer { font-size: .8rem; }
.app-header .user-menu .dropdown-menu { min-width: 280px; color: var(--bs-body-color); }
.app-header .navbar-nav > .user-menu > .dropdown-menu { width: 280px; min-width: 0; max-width: calc(100vw - 24px); overflow-wrap: anywhere; }
html[dir="rtl"] .app-header .navbar-nav > .user-menu > .dropdown-menu { left: 0; right: auto; }
html:not([dir="rtl"]) .app-header .navbar-nav > .user-menu > .dropdown-menu { right: 0; left: auto; }
.app-header .navbar-nav > .user-menu > .dropdown-menu > .user-header { min-height: 0; padding: 16px; }
.app-header .navbar-nav > .user-menu > .dropdown-menu > .user-header > p { margin: 0; font-size: 13px; line-height: 1.8; }
.app-header .user-menu .user-body { padding: 12px 16px; }
.app-header .user-menu .user-body .container { width: 100%; padding: 0; }
.app-header .user-menu .user-body .row { margin: 0; }
.app-header .user-menu .user-body h5 { width: 100%; margin: 0; padding: 0; font-size: 12px; line-height: 1.8; float: none; }
.app-header .user-menu .user-footer { display: none; }
.user-header { background: #eaf4ee; padding: 1rem; }
.user-header small { display: block; margin-top: .5rem; }
.user-body, .user-footer { padding: .75rem; }
.user-body .container { width: auto; }
.box { margin-bottom: 1rem; background: #fff; border: 1px solid #dee2e6; border-radius: .375rem; }
.box-header { padding: .75rem 1rem; border-bottom: 1px solid #dee2e6; }
.box-header::after, .box-footer::after { content: ''; display: table; clear: both; }
.box-title { font-size: 1.1rem; margin: 0; }
.box-tools { float: inline-end; }
.box-body { padding: 1rem; }
.box-footer { padding: .75rem 1rem; border-top: 1px solid #dee2e6; }
.box-success { border-top: 3px solid #008d4c; }
.box-primary { border-top: 3px solid #00a65a; }
/* Shared investor/report pages: headings grow with their text, not fixed heights. */
.app-content { line-height: 1.65; }
.app-content > .row { --bs-gutter-x: 1rem; row-gap: 1rem; }
.app-content .page-header { clear: both; color: #243c32; font-size: 22px; font-weight: 600; line-height: 1.5; margin: .75rem 0 1rem; padding: .5rem 0 .75rem; border-bottom: 1px solid #dfe7e2; }
.app-content .main_title, .app-content .filter_title, .app-content .divSubTP { height: auto; min-height: 36px; padding: .55rem .85rem; margin-block: .5rem .75rem; background: #e0eee7 !important; color: #24543b; border: 0; border-inline-start: 3px solid #00a65a; border-radius: 3px; text-align: start; }
.app-content .main_title .box-title, .app-content .filter_title .box-title { float: none; display: block; font-size: 16px; line-height: 1.5; }
.app-content .box-header:not(.main_title):not(.filter_title) .box-title { line-height: 1.5; }
.app-content .box-body > .box-solid { margin-bottom: 1rem; }
.app-content .nin-data-table { width: 100%; margin-bottom: .75rem; }
.app-content .nin-data-table > :not(caption) > * > * { padding: .5rem .7rem; vertical-align: middle; overflow-wrap: anywhere; }
.app-content .nin-data-table th { color: #33483c; }
.app-content .tabs-container .nav-tabs, .app-content .nav-tabs-custom > .nav-tabs { gap: .25rem; margin: 0; padding-inline: 0; border-bottom: 1px solid #d6e2da; }
/* Tab wrappers are not cards: only the selected tab gets a green top edge. */
.app-content .nav-tabs-custom.box-success { border-top: 0; border-radius: 0; }
.app-content .nav-tabs-custom > .nav-tabs { padding-top: .25rem; }
.app-content .nav-tabs-custom > .nav-tabs > li { border-top: 0; border-radius: 0; }
.app-content .nav-tabs .nav-link { color: #146c43; padding: .6rem 1rem; line-height: 1.5; text-decoration: none; }
.app-content .nav-tabs .nav-link:hover { color: #0b4d2e; background: #edf5f0; }
.app-content .nav-tabs .nav-link.active { color: #0b4d2e; background: #fff; border-color: #00a65a #d6e2da #fff; }
.app-content .tabs-container .tab-pane > .panel-body, .app-content .nav-tabs-custom > .tab-content { padding: 1rem; }
.app-content .tab-content { margin-bottom: .75rem; }
.app-content .dataTables_wrapper .dataTables_filter, .app-content .dataTables_wrapper .dataTables_length { margin-bottom: .5rem; }
.app-content .dataTables_wrapper label { display: inline-flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.app-content .dataTables_wrapper input, .app-content .dataTables_wrapper select { margin-inline: 0 !important; }
.app-content .dataTables_info { color: #59665e; padding-block: .5rem; }
.app-content .note_div { width: 100%; margin: 1rem 0; padding: .85rem; line-height: 1.8; }
@media (max-width: 767.98px) {
  .app-content .page-header { font-size: 19px; }
  .app-content .box-body { padding: .75rem; }
  .app-content .nav-tabs .nav-link { padding: .5rem .65rem; font-size: 12px; }
  .app-content .nin-data-table > :not(caption) > * > * { padding: .4rem; }
}
.btn-success { --bs-btn-bg: #00a65a; --bs-btn-border-color: #008d4c; --bs-btn-hover-bg: #008d4c; --bs-btn-hover-border-color: #00733e; --bs-btn-disabled-bg: #00a65a; --bs-btn-disabled-border-color: #008d4c; }
.btn-default { --bs-btn-color: #343a40; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #ced4da; --bs-btn-hover-bg: #e9ecef; --bs-btn-hover-border-color: #adb5bd; }
.btn-block { display: block; width: 100%; }
.btn-xs { padding: .15rem .35rem; font-size: .75rem; }
.btn-flat { border-radius: 0; }
.btn-box-tool { padding: .1rem .4rem; color: #6c757d; }
.pull-right { float: inline-end !important; } .pull-left { float: inline-start !important; }
.text-left { text-align: start !important; } .text-right { text-align: end !important; }
.text-justify { text-align: justify; }
.center-block { display: block; margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.hidden { display: none !important; } .show { visibility: visible; }
.label { display: inline-block; padding: .25em .5em; font-size: .8em; line-height: 1.2; border-radius: .25rem; }
.label-default { background: #e9ecef; color: #212529; }
.label-success,.bg-green { background: #008d4c !important; color: #fff; }
.label-danger,.bg-red { background: #dc3545 !important; color: #fff; }
.label-warning,.bg-yellow { background: #ffc107 !important; color: #212529; }
.label-info,.bg-aqua { background: #0dcaf0 !important; color: #212529; }
.bg-blue,.label-primary { background: #0d6efd !important; color: #fff; }
.bg-gray { background: #e9ecef !important; } .text-green { color: #008d4c !important; }
.form-group { margin-bottom: 1rem; }
.form-control,.form-select,.input-group-text { font-size: 14px; }
/* Compact inner-page controls, matching the original report filters. */
.app-content .form-group { margin-bottom: .75rem; }
.app-content .form-group > label, .app-content .control-label { color: #008d4c; font-size: 12px; font-weight: 400; margin-bottom: .25rem; }
.app-content .form-control, .app-content .form-select { min-height: 32px; padding: .3rem .6rem; border: 1px solid #ced4da; border-radius: 4px; background-color: #fff; color: #243c32; font-size: 12px; line-height: 1.5; box-shadow: none; }
.app-content textarea.form-control { min-height: 80px; }
.app-content .form-control::placeholder { color: #858e94; opacity: 1; }
.app-content .form-control:focus, .app-content .form-select:focus { border-color: #00a65a; box-shadow: 0 0 0 2px #00a65a18; }
.app-content .form-control:disabled, .app-content .form-select:disabled, .app-content .form-control[readonly] { background-color: #eee; color: #6c757d; }
/* Reserve room for the longest page-size label and its dropdown arrow. */
.app-content .dataTables_wrapper .dataTables_length label { flex-wrap: nowrap; white-space: nowrap; }
.app-content .dataTables_wrapper .dataTables_length select { box-sizing: border-box; min-width: 6rem; width: auto; flex: 0 0 auto; padding-inline-start: .65rem; padding-inline-end: 2rem; background-position: right .65rem center; }
html[dir="rtl"] .app-content .dataTables_wrapper .dataTables_length select { background-position: left .65rem center; }
.app-content .input-group-text, .app-content .input-group-addon { min-height: 32px; padding: .3rem .65rem; font-size: 12px; background: #e9ecef; border-color: #ced4da; }
.app-content .input-group > .form-control { min-width: 0; }
.app-content .select2-container .select2-selection--single { height: 32px; border: 1px solid #ced4da; border-radius: 4px; background: #fff; }
.app-content .select2-container .select2-selection--single .select2-selection__rendered { line-height: 30px; padding-inline: .6rem 1.5rem; color: #243c32; font-size: 12px; }
.app-content .select2-container .select2-selection__placeholder { color: #858e94; }
.app-content .select2-container .select2-selection--single .select2-selection__arrow { height: 30px; }
.app-content .select2-container--focus .select2-selection, .app-content .select2-container--open .select2-selection { border-color: #00a65a; }
.app-content .select2-container--disabled .select2-selection { background: #eee; }
.app-content .select2-container .select2-selection--multiple { min-height: 32px; border-color: #ced4da; font-size: 12px; }
.app-content form .btn { min-height: 32px; padding: .35rem 1rem; font-size: 12px; border-radius: 4px; }
.app-content .has-error .form-control, .app-content .form-control.is-invalid { border-color: #dc3545; }
.app-content .has-success .form-control, .app-content .form-control.is-valid { border-color: #198754; }
.btn { font-size: 14px; }
.btn-sm { font-size: 12px; }
.nav-tabs .nav-link { font-size: 14px; }
.nav-tabs .nav-link.active { border-top: 3px solid #00a65a; color: #146c43; font-weight: 600; }
.table > :not(caption) > * > * { padding: .4rem .5rem; }
.control-label { font-weight: 600; }
.has-feedback { position: relative; }
.has-feedback .form-control { padding-inline-end: 2.5rem; }
/* Existing lock/user feedback icons occupy Bootstrap's validation-icon slot. */
.has-feedback .form-control:is(.is-invalid, .is-valid),
.was-validated .has-feedback .form-control:is(:invalid, :valid) { background-image: none; }
.form-control-feedback { position: absolute; inset-inline-end: .8rem; top: .75rem; pointer-events: none; }
.app-content .change-password-box .box-body { padding: 1.25rem; }
#chgpwForm .form-group { margin-bottom: 1.15rem; }
#chgpwForm .form-control { min-height: 40px; padding-block: .5rem; }
#chgpwForm .form-control-feedback { top: 0; height: 40px; line-height: 40px; }
#chgpwForm .help-block { margin-top: .35rem; margin-bottom: 0; line-height: 1.65; }
#chgpwForm .help-block ul { margin-bottom: 0; }
.change-password-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: 1.25rem; align-items: start; }
#chgpwForm .change-password-actions .btn { width: 100%; min-height: 38px; margin: 0; }
.change-password-actions #indicator { grid-column: 1 / -1; justify-self: center; }
.has-error .form-control { border-color: #dc3545; } .has-error .help-block { color: #dc3545; }
.has-success .form-control { border-color: #198754; }
.help-block { margin-top: .25rem; font-size: .85em; color: #6c757d; }
.input-group-addon,.input-group-btn { display: flex; align-items: center; padding: .375rem .75rem; background: #e9ecef; border: 1px solid #ced4da; }
.input-group-btn { padding: 0; border: 0; }
.input-group .form-control { min-width: 0; }
.input-sm { min-height: 30px; padding: .25rem .5rem; font-size: .8rem; }
.form-inline { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.checkbox,.radio { margin-block: .5rem; } .checkbox label,.radio label { cursor: pointer; }
.checkbox input,.radio input { margin-inline-end: .35rem; }
.nav-tabs-custom { background: #fff; border-radius: .375rem; }
.nav-tabs-custom > .nav-tabs { padding-inline-start: 0; }
.nav-tabs-custom .tab-content { padding: 1rem; }
.nav-stacked { flex-direction: column; }
.modal-header { gap: .5rem; } .modal-header .close { margin-inline-start: auto; order: 2; }
.close { border: 0; background-color: transparent; font-size: 1.4rem; line-height: 1; }
.close.btn-close { font-size: 0; } .close.btn-close > * { display: none; }
.alert { position: relative; padding: .85rem 1rem; padding-inline-end: 2.75rem; border-radius: 4px; line-height: 1.65; font-size: 12px; }
.alert.fade.in { opacity: 1; }
.alert-danger { color: #842029; background: #fbeaec; border: 1px solid #efc2c7; }
.alert > h4 { color: inherit; font-size: 14px; font-weight: 600; line-height: 1.5; margin: 0 0 .4rem; }
.alert > .close { position: absolute; inset-inline-end: .8rem; top: .9rem; margin: 0; float: none; opacity: .65; }
.alert > .close:hover { opacity: 1; }
.alert > .close.btn-close { width: 16px; height: 16px; padding: 2px; }
.alert #message { line-height: 1.7; overflow-wrap: anywhere; }
.modal-footer { gap: .5rem; }
#logoutModal .modal-dialog { width: 360px; max-width: calc(100% - 2rem); margin-inline: auto; }
#logoutModal .modal-content { border: 0; border-radius: 6px; box-shadow: 0 10px 35px #00000026; }
#logoutModal .modal-header { padding: 1rem; align-items: center; justify-content: space-between; }
#logoutModal .modal-title { font-size: 16px; font-weight: 600; line-height: 1.5; color: #24543b; }
#logoutModal .modal-title i { margin-inline-end: .35rem; }
#logoutModal .btn-close { flex: 0 0 auto; margin: 0; width: 16px; height: 16px; }
#logoutModal .modal-body { padding: 1rem; font-size: 13px; line-height: 1.8; }
#logoutModal .modal-body p { margin: 0; }
#logoutModal .modal-footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: .85rem 1rem 1rem; border-top: 0; }
#logoutModal .modal-footer .btn { width: 100%; min-height: 38px; margin: 0; font-size: 13px; }
.login-page,.register-page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: #d2d6de; padding: 1.5rem 1rem; }
.login-box,.register-box { width: min(100%, 450px); margin: 0 auto !important; background: #fff; border-radius: 3px; box-shadow: 0 2px 8px #16372b12; }
.login-box-body,.register-box-body { background: #fff; padding: 20px; border-radius: 3px; margin: 0 !important; }
.login-box > .box-footer { background: #fff; padding: 12px 20px; }
.login-logo,.register-logo { text-align: center; margin-bottom: 1rem; }
.login-logo img { max-width: 100%; max-height: 140px; }
.login-box-msg { text-align: center; padding-bottom: .75rem; }
.login-page .nav-tabs .nav-link { color: #146c43; text-decoration: none; padding: .65rem 1rem; }
.login-page .nav-tabs .nav-link:hover { color: #0b4d2e; background: #edf5f0; }
.login-page .nav-tabs .nav-link.active { color: #0b4d2e; background: #fff; }
.login-page .form-control { min-height: 42px; }
.login-page .form-control-feedback { top: 14px; }
.login-captcha { display: flex; justify-content: center; height: 80px; margin-block: 1rem; }
.login-page #recaptcha { float: none !important; margin: 0 !important; width: 304px !important; height: 78px !important; flex: 0 0 304px; transform: none; }
.login-actions { display: flex; flex-direction: column; align-items: stretch; gap: .85rem; text-align: center; }
.login-actions .btn { min-height: 42px; }
.login-actions a { color: #146c43; text-decoration: none; }
.login-actions a:hover { color: #0b4d2e; text-decoration: underline; }
.recovery-page .recovery-panel { width: 100%; min-width: 0; }
.recovery-page .recovery-panel > .card { display: block; margin: 0 !important; padding: 0 !important; border: 0; border-radius: 0; box-shadow: none; }
.recovery-page #heading { font-size: 18px; line-height: 1.1; margin: 10px 0; }
.recovery-page #msform { margin-top: 20px; }
.recovery-page #progressbar { display: flex; padding-inline: 1px 0; margin-bottom: 30px; }
.recovery-page #progressbar li { float: none; flex: 1; min-width: 0; font-size: 15px; line-height: 1.45; }
.recovery-page #progressbar li::before { width: 50px; height: 50px; line-height: 45px; font-size: 20px; }
.recovery-page #progressbar li::after { top: 25px; }
.recovery-page #msform .form-card { padding: 0; }
.recovery-page #msform .steps { font-size: 25px; line-height: 1.1; margin: 0 0 10px; }
.recovery-page #msform h5 { font-size: 14px; line-height: 1.6; }
.recovery-page .labelradio { display: block; width: 100%; }
.recovery-page .card-input { margin: 10px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 1px #0000000d; }
.recovery-page .card-input .panel-heading { padding: 10px 15px; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.recovery-page .card-input .panel-body { padding: 15px; overflow-wrap: anywhere; }
.recovery-page #msform .action-button, .recovery-page #msform .action-button-previous { min-height: 0; border-radius: 0; font-size: 16px; }
.recovery-page #msform .form-card > .row { --bs-gutter-x: 1rem; margin-inline: 0; }
.recovery-page #msform .form-card > .row > .col-5,
.recovery-page #confirm_title, .recovery-page #mobile_input,
.recovery-page #msform .final_ele > .col-7 { width: 100%; flex: 0 0 100%; }
.recovery-page #msform .steps { font-size: 20px; text-align: start; }
.recovery-page #confirm_title { margin-bottom: .75rem; }
.recovery-page #mobile_input .iti { display: block; width: 100%; }
.login-page .iti { direction: ltr; text-align: left; }
.login-page .iti__country-list { direction: ltr; text-align: left; max-width: min(320px, calc(100vw - 3rem)); }
.login-page .iti input[type="tel"] { direction: ltr; text-align: left; }
.recovery-page #msform .continer { display: flex; flex-direction: column; align-items: stretch !important; gap: .85rem; width: 100%; }
.recovery-page #msform .continer > .card { width: 100%; padding: .75rem !important; margin: 0; background: #f0f7f3; border: 1px solid #d8e8de; box-shadow: none; }
.recovery-page #otp_sent { width: 100%; max-width: 100%; line-height: 1.8; overflow-wrap: break-word; }
.recovery-page #msform .my-wrap { width: 100%; padding: .5rem 0 !important; }
.recovery-page .custom-form-control, .registration-page .custom-form-control { width: 100%; min-width: 0; max-width: 100%; min-height: 42px; font-size: 18px; text-align: center; }
.recovery-page #timer { display: block; margin-block: .75rem; }
.recovery-page #msform fieldset::after { content: ''; display: block; clear: both; }
.recovery-page #crepwForm .row > div { width: 100%; }
.recovery-page #crepwForm { margin-top: .5rem; }
.registration-page .login-box-body .row { --bs-gutter-x: 1rem; row-gap: .5rem; }
.registration-page .login-box-body .col-md-offset-1 { width: 100%; margin-inline: 0; }
.registration-page .row:has(> .col-md-offset-8) { flex-direction: column-reverse; }
.registration-page .row > .col-md-offset-8,
.registration-page .row > .col-md-offset-4,
.registration-page .row:has(> .col-md-offset-8) > .col-xs-7 { width: 100%; margin-inline: 0; }
.registration-page .row:has(> .col-md-offset-8) a { display: block; text-align: center; float: none !important; margin-top: .5rem; }
.registration-page .login-box-body .btn-block { float: none !important; min-height: 42px; }
.registration-page .col-7 { width: 100%; }
.registration-page .custom-form, .registration-page .my-wrap { width: 100%; }
.registration-page #regForm > .card { padding: .85rem !important; background: #f0f7f3; border: 1px solid #d8e8de; box-shadow: none; }
.registration-page .my-wrap { padding-block: 1rem !important; }
.registration-page .fs-title { line-height: 1.8; margin-bottom: 0; overflow-wrap: break-word; }
.registration-page .profile-info-contact { padding: .75rem !important; }
.registration-page .profile-info-contact table { width: 100%; table-layout: fixed; }
.registration-page .profile-info-contact td { overflow-wrap: anywhere; }
.registration-page .g-recaptcha { float: none !important; margin: 1rem auto !important; width: 304px !important; height: 78px !important; transform: none !important; }
.registration-page .login-captcha #recaptcha { margin: 0 !important; }
@media (max-width: 420px) {
  .registration-page .show_options > .col-xs-6,
  .registration-page .row > .col-xs-6.show_options { width: 100%; }
  .registration-page .g-recaptcha { transform: scale(.85) !important; transform-origin: center top !important; }
}
@media (max-width: 420px) {
  .recovery-page #progressbar li { font-size: 11px; }
  .recovery-page #progressbar li::before { width: 38px; height: 38px; line-height: 38px; }
  .recovery-page #progressbar li::after { top: 19px; }
  .recovery-page #msform .steps { font-size: 20px; }
}
.login-page .login-box > .box-footer { text-align: center; }
.login-page .login-box > .box-footer img { float: none !important; }
@media (max-width: 420px) {
  .login-page .login-box-body { padding: 16px; }
  .login-page .nav-tabs-custom .tab-content { padding: .75rem 0; }
  .login-page #recaptcha { transform: scale(.85); transform-origin: center top; }
  .login-captcha { height: 68px; }
}
.login-page .agreement { width: min(100%, 850px); }
.progress-sm { height: .65rem; } .progress-bar-success { background: #198754; }
.progress-bar.active { animation: progress-bar-stripes 1s linear infinite; }
.well { padding: 1rem; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: .375rem; }
.list-unstyled { padding-inline-start: 0; }
.img-responsive { max-width: 100%; height: auto; } .img-circle { border-radius: 50%; }
.page-header { padding-bottom: .5rem; margin-block: 1rem; border-bottom: 1px solid #e9ecef; }
.table-condensed > :not(caption) > * > * { padding: .3rem; }
.dataTables_wrapper .row { align-items: center; row-gap: .5rem; }
.select2-container { max-width: 100%; } .datepicker { z-index: 1080 !important; }
@media screen {
  .app-content .row > [class*="col-"], .app-content .tab-pane, .app-content .card, .app-content .box { min-width: 0; }
  .app-content .table-responsive, .app-content .report-table-scroll,
  .app-content .dataTables_scrollBody { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .app-content table.table-responsive { display: table; overflow: visible; }
  .app-content .report-table-scroll { margin-bottom: .75rem; }
  .app-content .report-table-scroll:focus-visible { outline: 2px solid #008d4c; outline-offset: 2px; }
  .app-content .nin-list-table { min-width: 640px; }
  .app-content .dataTables_wrapper { width: 100%; min-width: 0; }
  .app-content .dataTables_scroll { max-width: 100%; }
}
@media screen and (max-width: 767.98px) {
  .app-content .row { --bs-gutter-x: 1rem; }
  .app-content .nin-data-table { min-width: 460px; }
  .app-content .dataTables_wrapper > .row > div { flex: 0 0 100%; width: 100%; }
  .app-content .dataTables_filter, .app-content .dataTables_length,
  .app-content .dataTables_info, .app-content .dataTables_paginate { text-align: start !important; }
  .app-content .dataTables_filter label { display: flex; width: 100%; }
  .app-content .dataTables_filter input { flex: 1; min-width: 0; width: auto; }
  .app-content .dataTables_paginate .pagination { flex-wrap: wrap; justify-content: flex-start !important; gap: .2rem; }
  .app-content .page-link { min-height: 32px; min-width: 32px; }
  .app-content .nav-tabs { flex-wrap: wrap; }
  .app-content .form-group { min-width: 0; }
  .app-content .form-control, .app-content .form-select { max-width: 100%; }
  .app-content .select2-container { width: 100% !important; }
  .app-content .tabs-container .tabs-left > .nav-tabs,
  .app-content .tabs-container .tabs-right > .nav-tabs { float: none; width: 100%; margin-inline: 0; }
}
[dir=rtl] .datepicker-dropdown { text-align: right; }
.offcanvas .control-sidebar-menu { list-style: none; padding: 0; }
.offcanvas .control-sidebar-menu > li > a { display: flex; gap: .75rem; align-items: center; padding: .75rem; text-decoration: none; color: inherit; }
.offcanvas .control-sidebar-menu h4 { font-size: 1rem; }
/* Restore the original settings/help palette within Bootstrap's drawer. */
#settingsSidebar { --bs-offcanvas-width: 280px; max-width: 100vw; color: #fff; background: #222d32; border: 0; border-top: 3px solid #00a65a; }
#settingsSidebar .offcanvas-header { padding: 0; gap: 0; border-bottom: 1px solid #172126; }
#settingsSidebar .settings-drawer-tabs { flex: 1; flex-wrap: nowrap; }
#settingsSidebar .settings-drawer-tabs .nav-link { flex: 1; border: 0; border-radius: 0; padding: 14px 10px; color: #c7d0d4; background: #182327; font-size: 14px; }
#settingsSidebar .settings-drawer-tabs .nav-link.active { color: #fff; background: #222d32; }
#settingsSidebar .settings-drawer-tabs .nav-link:hover { background: #2c3b41; }
#settingsSidebar .btn-close { flex-shrink: 0; margin: 0 12px; padding: 0; width: 14px; height: 14px; opacity: .8; }
#settingsSidebar .offcanvas-body { padding: 20px 12px; }
#settingsSidebar .settings-drawer-heading { color: #fff; font-size: 15px; font-weight: 500; margin: 12px 10px 16px; }
#settingsSidebar .control-sidebar-menu { margin: 0; }
#settingsSidebar .control-sidebar-menu > li > a { color: #fff; padding: 10px; gap: 12px; min-height: 56px; border-radius: 4px; font-size: 12px; line-height: 1.7; }
#settingsSidebar .control-sidebar-menu > li > a:hover { color: #fff; background: #2c3b41; text-decoration: none; }
#settingsSidebar .control-sidebar-menu .menu-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; color: #fff; background: #00a65a; font-size: 14px; }
#settingsSidebar #help-menu-panel .menu-icon { background: #f39c12; }
#settingsSidebar .control-sidebar-menu small { display: block; color: #c7d0d4; font-size: 11px; }
#settingsSidebar :is(a,button):focus-visible { outline: 2px solid #f1c40f; outline-offset: -2px; }
#globalfooter { width: 100%; font-size: 11px; line-height: 1.5; background: #f2f2f2; color: #555; padding: 18px 20px; }
#globalfooter a { color: #146c43; text-decoration: none; }
#globalfooter a:hover { color: #0b4d2e; text-decoration: underline; }
#globalfooter .ac-gf-content { max-width: 980px; margin-inline: auto; }
#globalfooter .ac-gf-footer-shop { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 7px; padding-bottom: 6px; border-bottom: 1px solid #d6d6d6; }
#globalfooter .ac-gf-footer-legal { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; }
#globalfooter .ac-gf-footer-legal-links { display: flex; flex-wrap: wrap; gap: .3rem 0; }
#globalfooter .ac-gf-footer-legal-link { border-inline-end: 1px solid #d6d6d6; padding-inline: .65rem; }
#globalfooter .ac-gf-footer-legal-link:last-child { border: 0; padding-inline-end: 0; }
.login-page { min-height: 100vh; min-height: 100dvh; padding-bottom: 0; }
.login-page > .login-box, .login-page > .register-box { flex-shrink: 0; margin-bottom: 2rem !important; }
.login-page > br { display: none; }
.login-page > #globalfooter { margin-top: auto; flex-shrink: 0; align-self: stretch; width: auto; margin-inline: -1rem; border-top: 1px solid #d6ded8; }
.login-page > #globalfooter .ac-gf-content { max-width: 780px; }
@media (max-width: 575.98px) { .hidden-xs { display: none !important; } .app-content { padding-inline: .5rem; } }
@media (min-width: 576px) and (max-width: 767.98px) { .hidden-sm { display: none !important; } }
@media print { .hidden-print,.app-header,.app-sidebar,.app-footer,.offcanvas,.sidebar-overlay { display: none !important; } .app-wrapper { display: block !important; } .app-main,.app-content { margin: 0 !important; padding: 0 !important; width: 100% !important; } .box { border: 0; box-shadow: none; } }
@media print {
  /* Floating screen hints must never appear in report printouts. */
  .tooltip, .popover, .ui-tooltip { display: none !important; }
  @page { margin: 12mm; }
  /* Chromium positions RTL root boxes using the screen width when paginating. */
  html[dir="rtl"] { direction: ltr !important; }
  html[dir="rtl"] body { direction: ltr !important; }
  html[dir="rtl"] .app-content,
  html[dir="rtl"] .tbl-head,
  html[dir="rtl"] .tbl-foot { direction: rtl; }
  /* Outrank AdminLTE's .app-wrapper:not(.d-print-none) print grid in RTL. */
  html[dir="rtl"] .app-wrapper:not(.d-print-none) { display: block !important; grid-template-columns: none !important; grid-template-areas: none !important; }
  html[dir="rtl"] .app-main { grid-area: auto; margin-inline: 0 !important; inset-inline: auto !important; transform: none !important; width: 100% !important; }
  #tableShortInfo, .app-content-header, .no-print,
  .app-content > .row > div:has(> #tableShortInfo) { display: none !important; }
  /* Summary/report grids also occur inside nested report sections. */
  .app-content .row:has(> div #tableShortInfo) { display: block !important; width: 100% !important; margin-inline: 0 !important; }
  .app-content .row > div:has(#tableShortInfo) { display: none !important; }
  .app-content .row:has(> div #tableShortInfo) > [class*="col-"]:not(:has(#tableShortInfo)) {
    display: block !important; float: none !important; flex: 0 0 100% !important;
    width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; padding-inline: 0 !important;
  }
  html, body, .app-main { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; background: #fff !important; }
  body { font-size: 11px !important; line-height: 1.4; }
  .app-wrapper, .app-main { display: block !important; width: 100% !important; max-width: none; }
  /* Restore the original repeated header/footer using explicit table rows. */
  .app-main > .tbl { display: table; width: 100%; table-layout: fixed; }
  .tbl > .tbl-head { display: table-header-group; }
  .tbl > .tbl-body { display: table-row; }
  .tbl > .tbl-body > .app-content { display: table-cell; width: 100%; min-width: 0; max-width: none; }
  .tbl > .tbl-foot { display: table-footer-group; }
  .tbl > .tbl-foot > footer { display: table-row; }
  .tbl-head .row { display: table; width: 100%; table-layout: fixed; margin: 0; }
  .tbl-head .row > div { display: table-cell; width: 33.333%; float: none !important; vertical-align: middle; }
  /* Chromium RTL pagination misaligns the legacy nested table-group wrapper. */
  html[dir="rtl"] .app-main > .tbl,
  html[dir="rtl"] .tbl > .tbl-head,
  html[dir="rtl"] .tbl > .tbl-body,
  html[dir="rtl"] .tbl > .tbl-foot,
  html[dir="rtl"] .tbl > .tbl-body > .app-content,
  html[dir="rtl"] .tbl > .tbl-foot > footer { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; float: none !important; }
  html[dir="rtl"] .tbl > .tbl-head > .row { display: flex !important; width: 100%; }
  html[dir="rtl"] .tbl > .tbl-head > .row > div { display: block !important; flex: 0 0 33.333%; }
  .tbl-head img { max-width: 100%; max-height: 55px; object-fit: contain; }
  .tbl-head h4 { font-size: 14px; margin: .5rem !important; }
  .tbl-head h6 { font-size: 10px; margin: .5rem 0 !important; }
  .tbl-foot { font-size: 9px; }
  .app-content > .row { display: block; margin: 0; }
  .app-content > .row > [class*="col-"] { float: none; width: 100%; padding: 0; }
  .app-content .box, .app-content .card { display: block; margin-bottom: .5rem; background: #fff; }
  .app-content .box-body, .app-content .card-body, .table-responsive, .report-table-scroll, .dataTables_wrapper { overflow: visible !important; max-height: none !important; }
  .app-content .box-body, .app-content .tab-content, .app-content .panel-body { padding: .25rem !important; }
  .box-tools, .card-tools, .dataTables_filter, .dataTables_length, .dataTables_paginate, .dataTables_info, .dt-buttons { display: none !important; }
  .app-content .page-header { font-size: 16px; margin: .4rem 0; padding: .25rem 0; }
  .app-content .main_title, .app-content .filter_title { padding: .3rem .5rem; min-height: 0; margin-block: .4rem; }
  .app-content .main_title .box-title, .app-content .filter_title .box-title { font-size: 12px; }
  .app-content table { width: 100% !important; font-size: 11px; }
  .app-content table th, .app-content table td { padding: .2rem .3rem !important; }
  thead { display: table-header-group; }
  tr { break-inside: avoid; }
  h1, h2, h3, .box-header, .main_title { break-after: avoid; }
  a[href] { color: #222; text-decoration: none; }
}