/* ============================================================
   UI/UX FIXES 2026-09-29 (Raga Designers) - loaded LAST so it wins the cascade
   1) Main menu centered; dropdown submenus left-aligned
   2) Modern flat tables (no grid; horizontal separators; zebra + hover)
   3) Breadcrumb links in theme blue
   ============================================================ */

/* 1. Menu alignment */
.mainmenu, ul.menu { text-align: center !important; }
ul.menu ul.sub-menu, ul.menu ul.submenu, ul.menu ul li a { text-align: left !important; }

/* 2. Tables --------------------------------------------------- */
/* let a too-wide table scroll instead of clipping the last column */
.dataTables_wrapper { overflow-x: auto; }

table#example, table.dataTable, .table-bordered, .table3-col {
	border: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	width: 100% !important;
	background: #fff;
	font-size: 13.5px;
}
/* kill every cell border, keep only a light horizontal rule */
table#example th, table#example td,
table.dataTable th, table.dataTable td,
.table-bordered th, .table-bordered td,
.table3-col th, .table3-col td,
.table-bordered > :not(caption) > * > *,
table.dataTable.display tbody th, table.dataTable.display tbody td {
	border: 0 !important;
	border-bottom: 1px solid #e6eaf0 !important;
	padding: 10px 14px !important;
	vertical-align: middle;
}
/* rows: kill any tr border (a rule/JS paints a thick 3px black tr border) */
table#example tr, table#example tbody tr, table#example thead tr,
table.dataTable tr, table.dataTable tbody tr, table.dataTable thead tr,
.table-bordered tr, .table3-col tr { border: 0 !important; border-style: none !important; }
/* header: theme blue, white text, no grid */
table#example thead th, table.dataTable thead th,
.table-bordered thead th, .table3-col thead th {
	background: var(--backgroundColor) !important;
	color: #fff !important;
	border: 0 !important;
	border-bottom: 0 !important;
	font-weight: 600;
	white-space: nowrap;
}
/* header cells: no borders at all (style none, not solid) */
table#example thead th, table.dataTable thead th,
.table-bordered thead th, .table3-col thead th {
	border: 0 !important;
	border-style: none !important;
}
/* zebra + hover */
table.dataTable tbody tr:nth-child(even) td,
.table-striped > tbody > tr:nth-of-type(even) > * { background: #f7f9fc !important; }
table.dataTable tbody tr:hover td { background: #eef4fb !important; }
table.dataTable tbody tr:last-child td { border-bottom: 0 !important; }

/* DataTables controls: modern search / length / pagination */
.dataTables_wrapper .dataTables_filter input {
	width: 200px !important; border: 1px solid #d4dce6 !important; border-radius: 6px !important; padding: 7px 12px !important;
}
.dataTables_wrapper .dataTables_length select {
	border: 1px solid #d4dce6 !important; border-radius: 6px !important; padding: 6px 24px 6px 10px !important;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
	border-color: var(--backgroundColor) !important; box-shadow: 0 0 0 3px rgba(21,73,121,.12) !important; outline: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 6px !important; padding: 5px 12px !important; margin: 0 2px !important;
	border: 1px solid #e2e8f0 !important; background: #fff !important;
	color: var(--backgroundColor) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
	color: #9aa7b4 !important; background: #fff !important; border-color: #edf1f5 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: var(--backgroundColor) !important; color: #fff !important; border-color: var(--backgroundColor) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #eef4fb !important; color: var(--backgroundColor) !important; border-color: var(--backgroundColor) !important;
}

/* 3. Breadcrumb links */
.breadcrumb a { color: #154979 !important; }                 /* Bootstrap breadcrumb on light content */
.breadcrumbs a, #page-header .breadcrumbs a { color: #fff !important; }   /* page-header breadcrumb sits on the navy bar */


/* 5. Sticky nav on scroll (replaces the removed BS Affix plugin: data-spy="affix") */
.menubg { position: -webkit-sticky; position: sticky; top: 0; z-index: 1000; }