div.dataTables_wrapper div.dataTables_length select {
	width: 4rem;
}
/* Make DataTable pagination sticky at the bottom */
	.dataTables_wrapper .row:nth-child(3) {
		position: static;
		bottom: auto;
		background: #fff;
	}

		#civillistAjax_wrapper>.row:nth-child(1) {
			position: static;
			top: auto;
			z-index: auto;
			background: #fff;
		}
@media print {

    thead {
        position: static !important;        /* 🔥 REMOVE STICKY */
        top: auto !important;
        display: table-header-group !important; /* 🔥 Repeat header */
    }

    tbody {
        display: table-row-group !important;
    }

    table {
        table-layout: auto !important;
    }

    tr {
        page-break-inside: avoid !important;
    }
}


:root {
        --base-font-size: 16px;
    }

    html.font-large {
        --base-font-size: 18px; /* Larger font size */
    }

    html {
        font-size: var(--base-font-size);
        transition: font-size 0.2s ease-in-out;
    }


/* .transfer-desc {
			text-align: center;
			font-size: 20px;
			font-weight: 600;
			padding-inline: 16rem;
			padding-block: 1rem;
		} */


.client-logos-section {
	padding-top: 40px !important;
}


		#civillistAjax {
		    table-layout: fixed;
		    width: 100% !important;
		}

		#civillistAjax col:nth-child(1) { width: 4%; }
		#civillistAjax col:nth-child(2) { width: 30%; }
		#civillistAjax col:nth-child(3) { width: 35%; }
		#civillistAjax col:nth-child(4) { width: 20%; }
		#civillistAjax col:nth-child(5) { width: 11%; }


		#civillistAjax th,
		#civillistAjax td {
		    white-space: normal;
		    word-break: break-word;
		    vertical-align: top;
		}

		#civillistAjax_wrapper .dataTables_scrollHead table,
		#civillistAjax_wrapper .dataTables_scrollBody table {
			table-layout: fixed !important;
			width: 100% !important;
		}

		#civillistAjax_wrapper .dataTables_scrollHeadInner {
			width: 100% !important;
		}

		#civillistAjax_wrapper .dataTables_scrollHead table th:nth-child(1),
		#civillistAjax_wrapper .dataTables_scrollBody table td:nth-child(1) {
			width: 4% !important;
		}

		#civillistAjax_wrapper .dataTables_scrollHead table th:nth-child(2),
		#civillistAjax_wrapper .dataTables_scrollBody table td:nth-child(2) {
			width: 30% !important;
		}

		#civillistAjax_wrapper .dataTables_scrollHead table th:nth-child(3),
		#civillistAjax_wrapper .dataTables_scrollBody table td:nth-child(3) {
			width: 35% !important;
		}

		#civillistAjax_wrapper .dataTables_scrollHead table th:nth-child(4),
		#civillistAjax_wrapper .dataTables_scrollBody table td:nth-child(4) {
			width: 20% !important;
		}

		#civillistAjax_wrapper .dataTables_scrollHead table th:nth-child(5),
		#civillistAjax_wrapper .dataTables_scrollBody table td:nth-child(5) {
			width: 11% !important;
		}

		#printable-content {
			overflow: visible;
		}

#civillistAjax_filter{
	display: flex;
}

.civil-fuzzy-hit {
	background-color: #fff3cd;
	color: #856404;
	padding: 0 2px;
	border-radius: 2px;
	font-weight: 600;
}

.table-hover tbody tr:first-child {
    background-color: #bddbbd;
}

.modal-dialog-scrollable .modal-content{
	max-height: none;
}

	.breadcrumb {
	    margin: 0;
	    padding-bottom: 0 !important;
		padding-top: 12px;
		border: none;
	}

	#filterSection {
		border-radius: 14px;
		padding: 1.5rem;
	}

	#filterSection .form-label {
		font-weight: 600;
		margin-bottom: 0.5rem;
	}

	#filterSection .btn-search-main {
		width: 100%;
	}

	#filterSection .filter-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 0.75rem;
		justify-content: flex-end;
	}

	#filterSection .filter-actions .btn {
		flex: 1 1 220px;
	}

	#filterSection .desktop-button-group {
		display: contents;
	}

	/* #civillistAjax_wrapper .dataTables_scrollHead table{
		padding-right: 17px;
	} */

	.dt-scroll-sync .dataTables_scroll {
		border-right: 1px solid #b9b9b9 ;
		margin-top: 0;
	}

	table.dataTable {
		margin-top: 0px !important;
	}

	.civil-export-toolbar {
		background: #f0f7ff;
		border: 1px solid #c5ddf5;
		border-radius: 8px;
		padding: 10px 12px;
	}

	.civil-export-toolbar .export-hint {
		font-size: 12px;
		color: #5a6c7d;
	}

	.civil-export-actions .btn {
		margin-left: 0.35rem;
		margin-bottom: 0.35rem;
	}


		@media (min-width: 1200px) {
			#filterSection .desktop-action-row {
				display: flex;
				align-items: flex-end;
			gap: 1rem;
		}

		#filterSection .desktop-action-row .captcha-input-wrap {
			flex: 0 0 17%;
			max-width: 17%;
		}

		#filterSection .desktop-action-row .filter-actions {
			flex: 1 1 0;
		}

		#filterSection .desktop-action-row .filter-actions .btn {
			flex: 1 1 auto;
			width: 100%;
		}

		#filterSection .desktop-button-group {
			display: flex;
			flex: 1 1 40%;
			gap: 1rem;
			align-items: flex-end;
		}

		#filterSection .desktop-button-group > .filter-actions {
			flex: 1 1 0;
			margin-top: 0 !important;
		}

			#filterSection .desktop-button-group #searchBtn {
				margin: 0 !important;
			}
		}

		@media (min-width: 992px) and (max-width: 1599.98px) {
			#filterSection .desktop-action-row {
				display: flex;
				flex-wrap: wrap;
				align-items: flex-end;
				gap: 1rem 0;
			}

			#filterSection .desktop-action-row > .col-lg-2.col-md-12,
			#filterSection .desktop-action-row > .col-lg-2.col-md-6,
			#filterSection .desktop-action-row > .captcha-input-wrap {
				flex: 0 0 33.3333%;
				max-width: 33.3333%;
			}

			#filterSection .desktop-action-row > .col-lg-2.col-md-12 {
				padding-right: 1rem;
			}

			#filterSection .desktop-action-row > .col-lg-2.col-md-6.mt-0.ps-5 {
				padding-left: 0.75rem !important;
				padding-right: 0.75rem;
			}

			#filterSection .desktop-action-row .captcha-input-wrap {
				padding-left: 0.75rem;
				padding-right: 0.75rem;
			}

			#filterSection .desktop-action-row .desktop-button-group {
				display: flex;
				flex: 0 0 100%;
				max-width: 100%;
				gap: 1rem;
				margin-top: 1rem;
			}

			#filterSection .desktop-action-row .desktop-button-group > .filter-actions {
				flex: 1 1 0;
				min-width: 0;
				margin-top: 0 !important;
			}

			#filterSection .desktop-action-row .desktop-button-group .btn {
				width: 100%;
				flex: 1 1 auto;
			}
		}

		#filterSection .officer-status-group {
			display: flex;
		flex-wrap: wrap;
		gap: 0.75rem 1rem;
	}

		#filterSection .captcha-block {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			gap: 0.5rem;
		}

		#filterSection #refresh-captcha {
			flex: 0 0 auto;
			margin-inline: 0.25rem 0.5rem;
			line-height: 1;
		}

	#filterSection #captchaImage {
		height: 50px;
		max-width: 100%;
	}

	#filterSection .captcha-input-wrap {
		display: flex;
		align-items: flex-end;
	}



	@media ( min-width : 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl,
		.container-xxl {
		max-width: 1780px !important;
	}
}

@media ( min-width : 576px) {
	.container, .container-sm {
		max-width: 100%;
	}
}

		@media ( max-width : 992px) {
			.content-wrapper, .modal-dialog {
				max-width: none;
			}
		}

		@media (min-width: 992px) {
			#filterSection .captcha-block {
				min-width: 320px;
			}

			#filterSection .captcha-input-wrap {
				padding-left: 0.5rem;
			}
		}

		@media (max-width: 991.98px) {
		#filterSection {
			padding: 1.25rem;
		}

		#filterSection .desktop-button-group {
			display: flex;
			flex-wrap: wrap;
			gap: 0.75rem;
			width: 100%;
		}

		#filterSection .desktop-button-group > .filter-actions {
			flex: 1 1 calc(33.333% - 0.5rem);
			min-width: 180px;
			margin-top: 0 !important;
		}

		#filterSection .filter-actions {
			justify-content: stretch;
		}

		#filterSection .filter-actions .btn {
			flex: 1 1 100%;
		}
	}

		@media (max-width: 767.98px) {
			#filterSection {
				padding: 1rem;
			}

		#filterSection .row.g-3 {
			row-gap: 1rem;
		}

		#filterSection .officer-status-group {
			gap: 0.5rem 0.75rem;
		}

		#filterSection .captcha-block {
			flex-wrap: wrap;
			align-items: flex-start;
		}

		#filterSection .captcha-block > * {
			flex: 0 0 auto;
		}

			#filterSection .captcha-input-wrap,
			#filterSection .captcha-input-wrap .form-control {
				width: 100%;
				max-width: 360px;
			}

			#filterSection #captchaInput {
				margin-top: 0.5rem;
				width: 100%;
				max-width: 360px;
			}

		#filterSection .filter-actions {
			flex-direction: column;
			gap: 0.75rem;
		}

		#filterSection .desktop-button-group {
			flex-direction: column;
			gap: 0.75rem;
		}

		#filterSection .desktop-button-group > .filter-actions {
			flex: 1 1 100%;
			min-width: 0;
		}

		#filterSection .filter-actions .btn {
			width: 100%;
			flex: 1 1 100%;
		}

			#printable-content {
				overflow: visible !important;
				-webkit-overflow-scrolling: touch;
			}

		#civillistAjax {
			table-layout: auto;
			min-width: 980px;
		}

		#civillistAjax th,
		#civillistAjax td {
			white-space: normal;
			word-break: break-word;
		}

		#civillistAjax th:nth-child(1),
		#civillistAjax td:nth-child(1),
		#civillistAjax th:nth-child(2),
		#civillistAjax td:nth-child(2),
		#civillistAjax th:nth-child(3),
		#civillistAjax td:nth-child(3),
		#civillistAjax th:nth-child(4),
		#civillistAjax td:nth-child(4),
		#civillistAjax th:nth-child(5),
		#civillistAjax td:nth-child(5) {
			width: auto !important;
		}

		#civillistAjax_wrapper > .row {
			row-gap: 0.75rem;
		}

		#civillistAjax_wrapper > .row:first-child > div,
		#civillistAjax_wrapper > .row:last-child > div {
			width: 100%;
			max-width: 100%;
			flex: 0 0 100%;
		}

		#civillistAjax_filter,
		div.dataTables_wrapper div.dataTables_length,
		div.dataTables_wrapper div.dataTables_filter,
		div.dataTables_wrapper div.dataTables_info,
		div.dataTables_wrapper div.dataTables_paginate {
			justify-content: flex-start;
			text-align: left;
		}

		div.dataTables_wrapper div.dataTables_filter input {
			width: 100%;
			margin-left: 0;
		}

		div.dataTables_wrapper div.dataTables_paginate ul.pagination {
			flex-wrap: wrap;
		}

		/* #civillistAjax_wrapper > .row:nth-child(1),
		.dataTables_wrapper .row:nth-child(3) {
			position: static;
		} */

			}
	.civil-list-shell {
		--civil-green: #087326;
		--civil-deep-green: #07562d;
		--civil-orange: #ed9918;
		--civil-navy: #001f4d;
		min-height: calc(100vh - 92px);
		padding: clamp(26px, 3.2vw, 48px) clamp(18px, 3vw, 44px) 34px;
		position: relative;
		overflow: hidden;
		color: #101827;
		font-family: "Poppins", Arial, sans-serif;
		background:
			radial-gradient(ellipse at 0% 100%, rgba(255, 171, 51, 0.55) 0, rgba(255, 181, 71, 0.28) 24%, rgba(255, 185, 79, 0) 47%),
			radial-gradient(ellipse at 100% 18%, rgba(204, 239, 132, 0.7) 0, rgba(212, 242, 151, 0.36) 35%, rgba(222, 244, 173, 0) 62%),
			linear-gradient(105deg, #fff0d9 0%, #fff8eb 48%, #e6f5c8 100%);
	}

	.civil-list-shell::before,
	.civil-list-shell::after {
		content: "";
		position: absolute;
		pointer-events: none;
		z-index: 0;
	}

	.civil-list-shell::before {
		left: -8%;
		right: 42%;
		bottom: -92px;
		height: 245px;
		border-radius: 0 75% 0 0 / 0 90% 0 0;
		background: rgba(255, 234, 199, .7);
		transform: rotate(5deg);
	}

	.civil-list-shell::after {
		left: 45%;
		right: -12%;
		bottom: -75px;
		height: 250px;
		border-radius: 64% 0 0 0 / 100% 0 0 0;
		background: rgba(190, 226, 121, .62);
		transform: rotate(-5deg);
	}

	.civil-wave-lines {
		position: absolute;
		right: -4%;
		bottom: 16px;
		width: min(720px, 50vw);
		height: 310px;
		opacity: .28;
		background: repeating-radial-gradient(ellipse at 100% 100%, rgba(7, 115, 38, .28) 0 2px, transparent 2px 9px);
		z-index: 0;
		pointer-events: none;
	}

	.civil-content {
		width: min(100%, 1680px);
		margin-inline: auto;
		position: relative;
		z-index: 1;
	}

	.civil-breadcrumb {
		margin: 0 0 22px;
		padding: 0;
		display: flex;
		gap: 10px;
		align-items: center;
		justify-content: center;
		list-style: none;
		font-size: .95rem;
		font-weight: 600;
	}

	.civil-breadcrumb a {
		color: var(--civil-green);
		text-decoration: none;
	}

	.civil-breadcrumb .active {
		color: #111;
	}

	.civil-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		align-items: center;
		gap: 0;
		margin-bottom: 40px;
	}

	.civil-copy {
		/* width: min(100%, 900px); */
		text-align: center;
	}

	.civil-copy h1 {
		margin: 0;
		color: var(--civil-deep-green);
		font-size: clamp(2.6rem, 5vw, 2.7rem);
		line-height: 1.05;
		font-weight: 700;
		letter-spacing: 0;
		text-align: center;
	}

	.civil-rule,
	.mahaias-hero-brand__rule {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		margin: 16px 0 24px;
	}

	.civil-rule span,
	.mahaias-hero-brand__rule span {
		display: block;
		width: 90px;
		height: 5px;
		border-radius: 999px;
		background: var(--civil-orange);
	}

	.civil-rule span:last-child,
	.mahaias-hero-brand__rule span:last-child {
		background: var(--civil-green);
	}

	.civil-rule i,
	.mahaias-hero-brand__rule span:nth-child(2) {
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--civil-green);
	}

	.civil-copy p {
		/* max-width: 780px; */
		margin: 0;
		color: #111;
		font-size: 18px !important;
		line-height: 1.7;
		font-weight: 500;
		padding: 0;
		margin-inline: auto;
		text-align: center;
	}

	.civil-visual {
		display: none;
	}

	.mahaias-hero-brand__logo {
		width: min(230px, 52vw);
		margin-inline: auto;
	}

	.mahaias-hero-brand__logo img {
		width: 100%;
		height: auto;
		display: block;
	}

	/* .mahaias-hero-brand__title {
		margin: 16px 0 0;
		color: var(--civil-deep-green);
		font-size: clamp(1.45rem, 2.2vw, 2rem);
		line-height: 1.22;
		font-weight: 800;
	} */

	.mahaias-hero-brand__rule {
		justify-content: center;
		margin: 24px 0 0;
	}

	.civil-search-card,
	.civil-results-card {
		position: relative;
		z-index: 2;
		border-radius: 8px;
		background: rgba(255, 255, 255, .95);
		border: 1px solid rgba(255, 255, 255, .86);
		box-shadow: 0 18px 36px rgba(61, 68, 43, .18);
	}

		.civil-search-card {
		padding: 32px 34px 28px;
		border-left: 12px solid var(--civil-green);
	}

			#filterSection {
				background: rgba(255, 255, 255, .95) !important;
				container-type: inline-size;
				container-name: civil-filter;
			}

	#filterSection .form-label {
		color: #082517;
		font-size: 1.02rem;
		font-weight: 800 !important;
		line-height: 1.2;
		margin-bottom: 12px;
	}

	#filterSection .form-control,
	#filterSection .form-select {
		min-height: 58px;
		border: 1px solid #d7dde5;
		border-radius: 7px;
		color: #101827;
		font-weight: 500;
		box-shadow: none;
		font-size: 1rem;
		padding: 0 18px;
	}

	#filterSection .form-control:focus,
	#filterSection .form-select:focus {
		border-color: var(--civil-green);
		box-shadow: 0 0 0 .18rem rgba(8, 115, 38, .14);
	}

	#filterSection #name {
		padding-right: 48px;
		background-image: linear-gradient(transparent, transparent);
	}

	.name-search-field {
		position: relative;
	}

	.name-search-field i {
		position: absolute;
		right: 18px;
		bottom: 17px;
		color: #06122d;
		font-size: 1.2rem;
		pointer-events: none;
	}

		#filterSection .desktop-action-row {
			display: grid !important;
			grid-template-columns: minmax(290px, 1.15fr) minmax(270px, 1.05fr) minmax(210px, .9fr) minmax(250px, 1fr) minmax(170px, .7fr);
			gap: 24px 22px !important;
		align-items: end !important;
		margin-top: 28px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
	}

	#filterSection .desktop-action-row > * {
		width: auto !important;
		max-width: none !important;
		flex: initial !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#filterSection #captchaBlockCol {
		grid-column: 2;
	}

	#filterSection .captcha-input-wrap {
		grid-column: 3;
		display: block;
		padding-left: 0;
	}

		#filterSection .desktop-button-group {
			grid-column: 4 / 6;
			display: grid !important;
			grid-template-columns: minmax(250px, 1fr) minmax(170px, .68fr);
			gap: 22px;
		align-items: end;
	}

	#filterSection .desktop-button-group > .filter-actions {
		width: 100%;
		margin: 0 !important;
	}

	#filterSection .officer-status-group {
		align-items: center;
		gap: 1.35rem;
		min-height: 58px;
		flex-wrap: nowrap;
	}

	#filterSection .form-check {
		display: flex;
		align-items: center;
		gap: 8px;
		padding-left: 0;
		padding-right: 0 !important;
		margin: 0;
		white-space: nowrap;
	}

	#filterSection .form-check-input {
		position: static;
		margin: 0;
		width: 24px;
		height: 24px;
		border: 1px solid #d7dde5;
	}

	#filterSection .form-check-input:checked {
		background-color: var(--civil-green);
		border-color: var(--civil-green);
	}

	#filterSection .form-check-label {
		color: #061421;
		font-size: .98rem;
		font-weight: 600;
	}

	#filterSection #captchaImage {
		height: 58px !important;
		width: 190px;
		max-width: 190px;
		border-radius: 7px;
		background: #d9d9d9;
		object-fit: cover;
		display: block;
	}

	#filterSection .captcha-block {
		display: grid !important;
		grid-template-columns: 190px 58px;
		gap: 14px !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
	}

	#filterSection #refresh-captcha {
		width: 58px;
		height: 58px;
		display: inline-grid;
		place-items: center;
		border: 1px solid #d7dde5;
		border-radius: 7px;
		background: #fff;
		text-decoration: none;
		margin: 0 !important;
		padding: 0;
	}

	#filterSection #refresh-captcha i {
		color: var(--civil-green) !important;
	}

	#filterSection .btn-search-main {
		min-height: 58px;
		border-radius: 7px;
		border: 1px solid var(--civil-green);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		color: #fff;
		font-weight: 800;
		background: linear-gradient(180deg, #0b872d 0%, #056b22 100%);
		box-shadow: 0 10px 22px rgba(8, 115, 38, .18);
		width: 100%;
		font-size: 1rem;
	}

	#resetCivilListBtn {
		color: var(--civil-green) !important;
		background: #fff !important;
		box-shadow: none !important;
		border: 1px solid var(--civil-green) !important;
		min-width: 0;
	}

	#filterSection #captchaInput {
		margin-top: 0 !important;
		width: 100%;
	}

	#filterSection .form-control,
	#filterSection .form-select,
	#filterSection select.form-control,
	#filterSection select.form-select {
		height: 58px !important;
		min-height: 58px !important;
		max-height: 58px !important;
		line-height: 1.25 !important;
		box-sizing: border-box;
		background-color: #fff;
	}

	#filterSection select.form-control,
	#filterSection select.form-select {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		display: block;
	}

	#filterSection .form-check-input {
		appearance: none;
		-webkit-appearance: none;
		border-radius: 50%;
		background-color: #fff;
		box-shadow: none !important;
		cursor: pointer;
	}

		#filterSection .form-check-input:checked {
			background-image: radial-gradient(circle, var(--civil-green) 0 44%, transparent 47%) !important;
			border: 1.5px solid var(--civil-green);
			background-color: #fff;
		}

	#filterSection .form-check-input:focus {
		box-shadow: 0 0 0 .18rem rgba(8, 115, 38, .14) !important;
	}

	#filterSection .captcha-block {
		width: 262px;
	}

	#filterSection #captchaImage {
		height: 58px !important;
		width: 190px !important;
		border: 1px solid;
		border-radius: 6px;
	}

	#filterSection #refresh-captcha {
		color: var(--civil-green);
		font-size: 1.05rem;
	}

	#filterSection #refresh-captcha i,
	#resetCivilListBtn i {
		font-size: 1rem !important;
		line-height: 1;
	}

	.civil-filter-note {
		margin-top: 24px;
		padding: 16px 18px;
		border-radius: 7px;
		background: #fff7ef;
		color: #172033;
		font-size: .96rem;
		font-weight: 500;
		display: flex;
		align-items: center;
	}

	.civil-filter-note i {
		color: #a66500;
		margin-right: 10px;
	}

	.civil-results-card {
		margin-top: 30px;
		padding: clamp(18px, 2vw, 30px);
		box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
		padding-top: 15px;
	}

	.civil-results-head {
		display: grid;
		grid-template-columns: minmax(260px, .8fr) minmax(340px, 1fr) auto;
		align-items: center;
		gap: 22px;
		margin-bottom: 15px;
	}

	.civil-results-count {
		display: flex;
		align-items: center;
		gap: 18px;
		color: #07112d;
		font-size: 1rem;
		font-weight: 700;
	}

	.civil-results-count .count-icon {
		width: 72px;
		height: 72px;
		border-radius: 50%;
		display: grid;
		place-items: center;
		background: #eef8ee;
		color: var(--civil-green);
		font-size: 1.6rem;
	}

	.civil-results-count strong {
		color: var(--civil-green);
	}

	.civil-keyword-search {
		position: relative;
	}

	.civil-keyword-search i {
		position: absolute;
		left: 18px;
		top: 50%;
		transform: translateY(-50%);
		color: #06122d;
		font-size: 1.25rem;
	}

	#fuzzySearchInput {
		width: 100%;
		min-height: 64px;
		padding: 0 18px 0 58px;
		border: 1px solid #d8dde6;
		border-radius: 7px;
		font-size: 1rem;
		box-shadow: none;
	}

	.civil-result-actions {
		display: flex;
		align-items: center;
		gap: 30px;
	}

	.civil-action-btn {
		border: 0;
		background: transparent;
		color: #07112d;
		font-weight: 700;
		text-align: center;
		padding: 0;
	}

	.civil-action-btn .action-icon {
		width: 60px;
		height: 60px;
		margin: 0 auto 8px;
		display: grid;
		place-items: center;
		border: 1px solid #e2e6ec;
		border-radius: 50%;
		background: #fff;
		font-size: 1.45rem;
	}

	.civil-action-btn.pdf .action-icon {
		color: var(--civil-orange);
	}

	.civil-action-btn.print .action-icon {
		color: #061f4f;
	}

	.civil-action-btn.share .action-icon {
		color: var(--civil-green);
	}

	#printable-content {
		border-radius: 8px;
		overflow: auto;
		border: 1px solid #e6eaf0;
	}

	#civillistAjax {
		margin: 0 !important;
		border-collapse: collapse !important;
	}

	.table-hover tbody tr:hover {
		background: #eef8ee !important;
	}

	#civillistAjax thead th,
	#civillistAjax_wrapper .dataTables_scrollHead thead th {
		/* background: var(--civil-navy) !important; */
		/* background: #123b9f !important;
		color: #fff !important; */
		border-color: rgba(255,255,255,.24) !important;
		background: #f5c985 !important;
    	color: #0c0c0c !important;
		font-size: .92rem;
		line-height: 1.45;
		font-weight: 700;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		height: 60px;
	}


	#civillistAjax_wrapper .table>:not(:first-child) {
		border-top: none;
	}


	#civillistAjax tbody td {
		color: #07112d;
		border-color: #e3e8ef;
		font-size: .95rem;
		font-weight: 500;
		line-height: 1.65;
		vertical-align: middle;
	}

	#civillistAjax tbody td strong {
		font-weight: 700;
	}

	#civillistAjax tbody tr.group-row td {
		background: #f1f9f1 !important;
		color: var(--civil-green);
		font-weight: 800;
	}

	#civillistAjax img {
		width: 100px !important;
		height: 120px !important;
		max-width: none !important;
		object-fit: cover;
		border-radius: 7px;
		box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
	}

	#civillistAjax_wrapper > .row:first-child {
		display: none;
	}

	#civillistAjax_wrapper > .row:last-child {
		align-items: center;
		margin-top: 22px;
	}

	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		color: #07112d;
		font-weight: 600;
	}

	div.dataTables_wrapper div.dataTables_length select,
	.dataTables_wrapper .pagination .page-link {
		border-radius: 7px;
		border-color: #dfe5ed;
	}

	.dataTables_wrapper .pagination .active .page-link {
		background: var(--civil-green);
		border-color: var(--civil-green);
		box-shadow: 0 8px 18px rgba(8, 115, 38, .18);
	}

	.civil-export-toolbar,
	.hidefilter,
	#afterSearchButtons {
		display: none !important;
	}

	@media (max-width: 1199.98px) {
		.civil-hero,
		.civil-results-head {
			grid-template-columns: 1fr;
		}

		#filterSection .desktop-action-row {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		#filterSection #captchaBlockCol,
		#filterSection .captcha-input-wrap {
			grid-column: auto;
		}

		#filterSection .desktop-button-group {
			grid-column: 1 / -1;
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.civil-result-actions {
			justify-content: flex-start;
			flex-wrap: wrap;
		}
	}

		@media (max-width: 767.98px) {
			.civil-list-shell {
				padding-top: 28px;
		}

		.civil-search-card {
			border-left-width: 7px;
			padding: 22px 20px;
		}

		#filterSection .desktop-action-row,
		#filterSection .desktop-button-group {
			grid-template-columns: 1fr;
			gap: 18px !important;
		}

		#filterSection .captcha-block {
			grid-template-columns: minmax(160px, 190px) 58px;
		}

		#filterSection .officer-status-group {
			flex-wrap: wrap;
		}

		.civil-copy h1 {
			font-size: 2.7rem;
		}

		.civil-results-count {
			align-items: flex-start;

		}

			.civil-action-btn .action-icon,
			.civil-results-count .count-icon {
				width: 56px;
				height: 56px;
			}
		}

		/* Final filter layout overrides: keep this last so Bootstrap columns cannot win. */
		#filterSection.civil-search-card {
			padding: 28px 28px 24px;
			border-left: 12px solid var(--civil-green);
			border-radius: 8px;
		}

		#applicationbasicid > .row.g-3 {
			display: grid !important;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			column-gap: 28px !important;
			row-gap: 36px !important;
			margin: 0 !important;
		}

		#applicationbasicid > .row.g-3 > .col-lg-3,
		#applicationbasicid > .row.g-3 > .col-md-6 {
			width: auto !important;
			max-width: none !important;
			flex: initial !important;
			padding: 0 !important;
		}

		#filterSection label.form-label {
			display: block;
			margin: 0 0 10px !important;
			color: #00170d;
			font-size: 1rem;
			font-weight: 700 !important;
			line-height: 1.1;
		}

		#filterSection .civil-filter-control {
			width: 100% !important;
			height: 58px !important;
			min-height: 58px !important;
			max-height: 58px !important;
			padding: 0 18px !important;
			border: 1px solid #d5dce5 !important;
			border-radius: 7px !important;
			background-color: #fff !important;
			color: #596575;
			font-size: 1rem !important;
			font-weight: 500;
			line-height: 58px !important;
			box-shadow: none !important;
		}

			#filterSection select.civil-filter-control {
				line-height: normal !important;
				appearance: auto;
			}

			#filterSection .select2-container {
				width: 100% !important;
			}

			#filterSection .select2-container .select2-selection--single {
				height: 58px !important;
				min-height: 58px !important;
				border: 1px solid #d5dce5 !important;
				border-radius: 7px !important;
				display: flex !important;
				align-items: center !important;
			}

			#filterSection .select2-container--default .select2-selection--single .select2-selection__rendered {
				line-height: normal !important;
				padding-left: 18px !important;
				padding-right: 38px !important;
				color: #596575 !important;
				width: 100%;
			}

			#filterSection .select2-container--default .select2-selection--single .select2-selection__arrow {
				height: 58px !important;
				top: 0 !important;
				right: 12px !important;
			}

			#filterSection .name-search-field {
				position: relative;
			}

		#filterSection .name-search-field i {
			right: 16px;
			bottom: 18px;
			font-size: 1.2rem;
		}

			#filterSection .desktop-action-row {
				grid-column: 1 / -1;
				display: grid !important;
				grid-template-columns: minmax(290px, .95fr) minmax(262px, .75fr) minmax(230px, .75fr) minmax(260px, 1fr) minmax(180px, .65fr);
				column-gap: 24px !important;
				row-gap: 22px !important;
				align-items: end !important;
				margin: 0 !important;
				padding: 0 !important;
			}

		#filterSection .desktop-action-row > * {
			width: auto !important;
			max-width: none !important;
			flex: initial !important;
			padding: 0 !important;
			margin: 0 !important;
		}

		#filterSection #captchaBlockCol {
			grid-column: auto;
		}

		#filterSection .captcha-input-wrap {
			grid-column: auto;
			display: block !important;
		}

			#filterSection .desktop-button-group {
				grid-column: auto / span 2;
				display: grid !important;
				grid-template-columns: minmax(260px, 1fr) 220px;
				column-gap: 24px !important;
				align-items: end;
				margin: 0 !important;
		}

		#filterSection .desktop-button-group .filter-actions {
			width: auto !important;
			max-width: none !important;
			padding: 0 !important;
			margin: 0 !important;
		}

		#filterSection .officer-status-group {
			display: flex !important;
			align-items: center;
			gap: 22px;
			height: 58px;
			min-height: 58px;
			flex-wrap: nowrap;
		}

		#filterSection .form-check {
			display: inline-flex;
			align-items: center;
			gap: 9px;
			margin: 0 !important;
			padding: 0 !important;
			white-space: nowrap;
		}

			#filterSection input.form-check-input {
				appearance: none !important;
				-webkit-appearance: none !important;
				width: 22px !important;
				height: 22px !important;
				min-width: 22px !important;
				min-height: 22px !important;
				margin: 0 !important;
				border: 1.5px solid #cfd8e3 !important;
				border-radius: 50% !important;
				background: #fff !important;
				box-shadow: none !important;
				cursor: pointer;
				display: inline-block !important;
				vertical-align: middle !important;
			}

			#filterSection input.form-check-input:checked {
				border-color: var(--civil-green) !important;
				background-color: #fff !important;
				background-image: radial-gradient(circle, var(--civil-green) 0 44%, transparent 47%) !important;
			}

			#filterSection input.form-check-input:focus {
				outline: 0;
				box-shadow: 0 0 0 .18rem rgba(8, 115, 38, .12) !important;
			}

		#filterSection .form-check-label {
			margin: 0 !important;
			color: #001323;
			font-size: 1rem;
			font-weight: 700;
			line-height: 1;
		}

		#filterSection .captcha-block {
			display: grid !important;
			grid-template-columns: 190px 58px;
			column-gap: 14px !important;
			width: 262px !important;
			height: 58px;
			align-items: center !important;
		}

		#filterSection #captchaImage {
			display: block;
			width: 190px !important;
			height: 58px !important;
			max-width: 190px !important;
			border-radius: 6px;
			object-fit: cover;
		}

		#filterSection #refresh-captcha {
			width: 58px !important;
			height: 58px !important;
			min-width: 58px !important;
			min-height: 58px !important;
			display: grid !important;
			place-items: center;
			padding: 0 !important;
			margin: 0 !important;
			border: 1px solid #d5dce5 !important;
			border-radius: 7px !important;
			background: #fff !important;
			color: var(--civil-green) !important;
			text-decoration: none !important;
		}

		#filterSection #refresh-captcha i {
			color: var(--civil-green) !important;
			font-size: 1rem !important;
		}

		#filterSection .btn-search-main {
			height: 58px !important;
			min-height: 58px !important;
			border-radius: 7px !important;
			font-weight: 700 !important;
			box-shadow: 0 14px 22px rgba(8, 115, 38, .14);
		}

		#filterSection #resetCivilListBtn {
			background: #fff !important;
			color: var(--civil-green) !important;
			border: 1px solid var(--civil-green) !important;
			box-shadow: none !important;
		}

			#filterSection .civil-filter-note {
				margin-top: 24px;
			}

			@media (max-width: 1799.98px) {
				#filterSection .desktop-action-row {
					grid-template-columns: minmax(310px, 1fr) 266px minmax(240px, .8fr);
				}

				#filterSection .desktop-button-group {
					grid-column: 1 / -1;
				}
			}

			@media (min-width: 1800px) {
				#filterSection .desktop-button-group {
					grid-column: auto / span 2;
				}
			}

			@media (max-width: 991.98px) {
				#applicationbasicid > .row.g-3,
				#filterSection .desktop-action-row,
				#filterSection .desktop-button-group {
					grid-template-columns: 1fr !important;
				}
			}

			/* Keep the form and results usable without page-level horizontal scrolling. */
			@media (max-width: 1199.98px) {
				#applicationbasicid > .row.g-3 {
					grid-template-columns: repeat(2, minmax(0, 1fr));
				}

				#filterSection .desktop-action-row {
					grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				}

				#filterSection .desktop-button-group {
					grid-column: 1 / -1;
					grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				}

				.civil-results-head {
					grid-template-columns: minmax(0, 1fr);
				}

				.civil-result-actions {
					justify-content: flex-start;
				}
			}

			/* Respond to the actual filter-card width, including sidebar and zoomed layouts. */
			@container civil-filter (max-width: 1050px) {
				.desktop-action-row,
				.desktop-button-group {
					grid-template-columns: minmax(0, 1fr) !important;
				}

				.desktop-button-group {
					grid-column: 1 / -1 !important;
				}

				.desktop-action-row .filter-actions,
				.desktop-action-row .btn {
					width: 100% !important;
				}
			}

			/* Let the lower controls wrap against the card width instead of a fixed five-column layout. */
			#filterSection .desktop-action-row {
				grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
			}

			#filterSection .desktop-action-row > * {
				min-width: 0;
			}

			#filterSection .desktop-button-group {
				grid-column: span 2;
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				min-width: 0;
			}

			/* The CAPTCHA image and its controls need a full row before tablet widths. */
			@media (max-width: 1199.98px) {
				#filterSection .desktop-action-row,
				#filterSection .desktop-button-group {
					grid-template-columns: minmax(0, 1fr) !important;
				}

				#filterSection .desktop-button-group {
					grid-column: 1 / -1;
				}

				#filterSection #captchaBlockCol,
				#filterSection .captcha-input-wrap {
					grid-column: auto;
				}

				#filterSection .desktop-button-group .filter-actions,
				#filterSection .desktop-button-group .btn {
					width: 100% !important;
				}
			}

			@media (max-width: 767.98px) {
				.civil-list-shell {
					min-height: 0;
					padding: 24px 12px 28px;
				}

				.civil-breadcrumb {
					justify-content: flex-start;
					flex-wrap: wrap;
					font-size: .875rem;
				}

				.civil-hero {
					margin-bottom: 24px;
				}

				.civil-copy h1 {
					font-size: clamp(2rem, 10vw, 2.7rem);
				}

				.civil-copy p {
					font-size: 1rem !important;
					line-height: 1.6;
				}

				#filterSection.civil-search-card {
					padding: 20px 16px;
					border-left-width: 6px;
				}

				#applicationbasicid > .row.g-3,
				#filterSection .desktop-action-row,
				#filterSection .desktop-button-group {
					grid-template-columns: minmax(0, 1fr) !important;
					gap: 16px !important;
				}

				#filterSection .desktop-button-group {
					grid-column: 1 / -1;
				}

				#filterSection .officer-status-group {
					height: auto;
					min-height: 0;
					flex-wrap: wrap;
					gap: 12px 18px;
				}

				#filterSection .captcha-block {
					width: 100% !important;
					max-width: 262px;
				}

				#filterSection .captcha-input-wrap,
				#filterSection #captchaInput,
				#filterSection .desktop-button-group .filter-actions {
					width: 100% !important;
				}

				.civil-filter-note {
					align-items: flex-start;
					font-size: .9rem;
				}

				.civil-results-card {
					margin-top: 20px;
					padding: 16px 12px;
				}

				.civil-results-count {
					gap: 12px;
					font-size: .92rem;
				}

				.civil-results-count .count-icon {
					width: 48px;
					height: 48px;
					min-width: 48px;
					font-size: 1.2rem;
				}

				#fuzzySearchInput {
					min-height: 54px;
				}

				.civil-result-actions {
					display: grid;
					grid-template-columns: repeat(3, minmax(0, 1fr));
					gap: 12px;
					width: 100%;
				}

				.civil-action-btn {
					font-size: .78rem;
				}

				.civil-action-btn .action-icon {
					width: 48px;
					height: 48px;
					margin-bottom: 5px;
					font-size: 1.15rem;
				}

				#printable-content,
				#civillistAjax_wrapper .dataTables_scrollBody {
					max-width: 100%;
					overflow-x: auto !important;
					-webkit-overflow-scrolling: touch;
				}

				#civillistAjax {
					min-width: 900px;
				}
			}

			@media (max-width: 399.98px) {
				.civil-rule span {
					width: 62px;
				}

				#filterSection .captcha-block {
					grid-template-columns: minmax(0, 1fr) 50px;
					max-width: 100%;
				}

				#filterSection #captchaImage {
					width: 100% !important;
					max-width: none !important;
				}

				#filterSection #refresh-captcha {
					width: 50px !important;
					min-width: 50px !important;
				}
			}

.csp-1b2cd62262 { color: red; font-weight: bold; }


.csp-3596df94c2 { background-color: #1d56b6; border-color: #1d56b6; }

.csp-7383a06bf4 { border-radius: 10px; }

.csp-093c5afae2 { color: #fff !important; background-color: #32819e; position: sticky; top: 41px; }

.csp-8f036a8255 { color:#fff;background-color:#32819e; }

.csp-a1954e8359 { width: 4%; }

.csp-e60746439b { width: 30%; }

.csp-b8b699ddac { width: 35%; }

.csp-00e2b68de3 { width: 20%; }

.csp-ed323c3fcb { width: 11%; }

/* Keep CAPTCHA controls fully removed after session verification. */
#filterSection #captchaBlockCol.d-none,
#filterSection .captcha-input-wrap.d-none {
	display: none !important;
}



/* Scroll the header and body together, leaving pagination and search in place. */
@media screen {
    #printable-content { overflow: visible !important; min-width: 0; }
    #printable-content > #civillistAjax { display: block; overflow-x: auto; min-width: 0; }
    #civillistAjax_wrapper { min-width: 0; max-width: 100%; }
    #civillistAjax_wrapper .dataTables_scroll { overflow-x: auto; width: 100%; }
    #civillistAjax_wrapper .dataTables_scrollHead,
    #civillistAjax_wrapper .dataTables_scrollBody { min-width: 60rem; max-width: none; width: 100% !important; }
    #civillistAjax_wrapper .dataTables_scrollHeadInner,
    #civillistAjax_wrapper .dataTables_scrollHead table,
    #civillistAjax_wrapper .dataTables_scrollBody table { width: 100% !important; min-width: 60rem; }
}
#filterSection .desktop-action-row { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important; }
#filterSection .captcha-block { min-width: 0; }
#filterSection .officer-status-group { flex-wrap: wrap; height: auto; }
.civil-results-head > * { min-width: 0; }
@media (max-width: 1199.98px) {
    #filterSection .desktop-button-group { grid-column: 1 / -1; }
}