/* Niceadmin theme Layout Dimensions */
/* use to fix header and left menu height issue */
:root {
	--header-height: 50px;
	--sidebar-width: 250px;
	--footer-height: 24px;
}

/* fixed breadcrumb padding issue between 2 links */
.breadcrumb {
	--bs-breadcrumb-item-padding-x: 0.1;
}

/* Keep DataTables header text exactly as provided (no auto uppercase/capitalize). */
.tui-dt-scope .dt-scroll-head thead th,
.tui-dt-scope table.dataTable thead th,
.tui-dt-scope table.dataTable thead th .dt-column-title {
	text-transform: none !important;
}

/* fix the column paddings */
.table> :not(caption)>*>* {
	padding: 10px !important;
}

/* text color Overrides */
:root {
  --custom-text-color: #000000;
}

[data-theme=dark] {
  --custom-text-color: #ffffff;
}

/*--------------------------------------------------------------
# DataTables Overrides (simple-datatables)
--------------------------------------------------------------*/

.tui-dt-scope,
.tui-dt-scope .dt-container,
.tui-dt-scope .table,
.tui-dt-scope .table > :not(caption) > * > *,
.tui-dt-scope .dt-search input,
.tui-dt-scope .dt-length select,
.tui-dt-scope .dt-length label,
.tui-dt-scope .dt-info,
.tui-dt-scope .dt-paging button,
.tui-dt-scope .dt-paging a,
.tui-dt-scope .dataTables_info,
.tui-dt-scope .dataTables_length,
.tui-dt-scope .dataTables_length label,
.tui-dt-scope .dataTables_length select,
.tui-dt-scope .dataTables_paginate,
.tui-dt-scope .dataTables_paginate a,
.tui-dt-scope .paginate_button,
.tui-dt-scope .dt-column-title {
	color: #000 !important;
}

/* Dark theme DataTable text color should switch to white. */
[data-theme="dark"] .tui-dt-scope,
[data-theme="dark"] .tui-dt-scope .dt-container,
[data-theme="dark"] .tui-dt-scope .table,
[data-theme="dark"] .tui-dt-scope .table > :not(caption) > * > *,
[data-theme="dark"] .tui-dt-scope .dt-search input,
[data-theme="dark"] .tui-dt-scope .dt-length select,
[data-theme="dark"] .tui-dt-scope .dt-length label,
[data-theme="dark"] .tui-dt-scope .dt-info,
[data-theme="dark"] .tui-dt-scope .dt-paging button,
[data-theme="dark"] .tui-dt-scope .dt-paging a,
[data-theme="dark"] .tui-dt-scope .dataTables_info,
[data-theme="dark"] .tui-dt-scope .dataTables_length,
[data-theme="dark"] .tui-dt-scope .dataTables_length label,
[data-theme="dark"] .tui-dt-scope .dataTables_length select,
[data-theme="dark"] .tui-dt-scope .dataTables_paginate,
[data-theme="dark"] .tui-dt-scope .dataTables_paginate a,
[data-theme="dark"] .tui-dt-scope .paginate_button,
[data-theme="dark"] .tui-dt-scope .dt-column-title {
	color: #fff !important;
}

.tui-dt-pagination-summary {
	color: var(--custom-text-color);
}

.pagination .page-link {
	color: var(--custom-text-color);
}

/* Keep plain Bootstrap table-hover text color stable on hover (no forced black text). */
.table-hover > tbody > tr:hover > * {
	color: inherit !important;
}

/* FixedColumns overlap fix: keep pinned cells opaque while horizontal scrolling. :: start */
.tui-dt-scope {
	--dtfc_background: var(--card-bg, var(--surface-color, #fff));
	--dtfc-thead-cell_background: var(--table-header-bg, var(--card-bg, var(--surface-color, #fff)));
	--dtfc-tbody-cell_background: var(--card-bg, var(--surface-color, #fff));
}

.tui-dt-scope .dtfc-fixed-start,
.tui-dt-scope .dtfc-fixed-end {
	background-color: var(--dtfc-tbody-cell_background) !important;
}

.tui-dt-scope table.dataTable thead tr > .dtfc-fixed-start,
.tui-dt-scope table.dataTable thead tr > .dtfc-fixed-end,
.tui-dt-scope table.dataTable tfoot tr > .dtfc-fixed-start,
.tui-dt-scope table.dataTable tfoot tr > .dtfc-fixed-end {
	background-color: var(--dtfc-thead-cell_background) !important;
}

.tui-dt-scope table.dataTable thead tr > .dtfc-fixed-start,
.tui-dt-scope table.dataTable thead tr > .dtfc-fixed-end,
.tui-dt-scope table.dataTable tfoot tr > .dtfc-fixed-start,
.tui-dt-scope table.dataTable tfoot tr > .dtfc-fixed-end {
	z-index: 5 !important;
}

.tui-dt-scope table.dataTable tbody tr > .dtfc-fixed-start,
.tui-dt-scope table.dataTable tbody tr > .dtfc-fixed-end {
	z-index: 3 !important;
}

.tui-dt-scope .dt-scroll-body table.table.table-hover > tbody > tr:hover > .dtfc-fixed-start,
.tui-dt-scope .dt-scroll-body table.table.table-hover > tbody > tr:hover > .dtfc-fixed-end {
	background-color: var(--table-hover-bg) !important;
}
/* FixedColumns overlap fix: keep pinned cells opaque while horizontal scrolling. :: end */

/* fix normal table bottom border diffirent color issue :: start */
    .table>tbody>tr>td {
        border-color: var(--border-color) !important;
    }
    .table>tbody>tr:last-child>th {
        border-bottom: none;
    }
/* fix normal table bottom border diffirent color issue :: end */


/* convert left menu issue of adding ellipses instead of wrapping text :: start */
    /* added wrapping css */
    .sidebar-nav .nav-text {
        min-width: 0;
        flex: 1;
        white-space: pre-wrap !important;
        overflow: unset !important;
        text-overflow: unset !important;
    }

    /* align icon on top */
    .sidebar-nav .nav-item>.nav-link {
        align-items: flex-start !important;
    }
/* convert left menu issue of adding ellipses instead of wrapping text :: end */