:root {
	--primary-color: #0d431b;
	--accent-color: #f56c1a;
	--text-color: #8f460b;
	--primary: #0d431b;
	--secondary: #944301;
	--success: #1b8f3a;
	--info: black;
	--warning: #d8c24b;
	--danger: red;
	--light: rgb(177, 177, 177);
	--offwhite: rgb(240, 240, 240);
	--dark: rgb(58, 58, 58);
	--light-grey: #6c757d;
	--off-white: #f0f0f0;
	--orange: #f86610;
	--yellow: #dca82a;
	--text-primary: #1a2c1e;
	--bs-body-color: #1a2c1e;
	--lime-green: #b9ffc9;
	--size: 20px;
}

.text-warning {
	color: var(--accent-color) !important;
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--secondary);
	--bs-btn-border-color: var(--secondary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #a35a1f;
	--bs-btn-hover-border-color: #7c3d08;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #834615;
	--bs-btn-active-border-color: #7e3c07;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--secondary);
	--bs-btn-disabled-border-color: var(--secondary);
}

.pagination {
	--bs-link-color: #005d28 !important;
	--bs-pagination-active-bg: #005d28 !important;
	--bs-pagination-active-bg: #005d28 !important;
	--bs-pagination-active-border-color: #005d28 !important;
}

.progress-bar {
	--bs-progress-bar-bg: #005d28;
}

body {
	padding-bottom: 3em;
}

.rowboldtotals {
	font-weight: bold;
	background-color: lightgrey;
}

.rowsubs {
	color: black;
	background-color: whitesmoke;
}

a:link {
	color: black;
}

a:visited {
	color: black;
	text-decoration: underline;
}

td {
	a:link {
		color: black;
		text-decoration: none;

		&:hover {
			font-weight: bold;
			text-decoration: underline;
		}
	}
}

.styled-table thead tr {
	background-color: #005d28;
	color: #ffffff;
	text-align: right;
}

.styled-table th,
.styled-table td {
	padding: 8px 10px;
	text-align: left;
}

.styled-table tbody tr > td:nth-child(1),
.styled-table tbody tr > td:nth-child(2),
.styled-table thead tr > th:nth-child(1),
.styled-table thead tr > th:nth-child(2) {
	text-align: left;
}

.styled-table tbody tr:nth-child(odd) {
	background-color: #e0e0e0;
}

.styled-table-striped {
	border: solid 1px;
	margin: 25px 0;
	min-width: 400px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table-striped thead tr {
	background-color: #005d28;
	color: #ffffff;
}

.styled-table-striped th,
.styled-table-striped td {
	padding: 8px 10px;
	text-align: right;
}

.styled-table-striped tbody tr > td:nth-child(6),
.styled-table-striped tbody tr > td:nth-child(9),
.styled-table-striped tbody tr > td:nth-child(11) {
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-weight: bolder;
}

.styled-table-striped tbody tr > td:nth-child(2) {
	border-left: 1px solid black;
}

.styled-table-striped tbody tr > td:nth-child(3) {
	border-right: 1px solid black;
}

.styled-table-striped tbody tr:nth-child(odd) {
	background-color: #e0e0e0;
}

.styled-table-submit {
	border: solid 1px;
	margin: 25px 0;
	min-width: 400px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table-submit thead tr {
	background-color: #005d28;
	color: #ffffff;
	text-align: right;
}

.styled-table-submit th,
.styled-table-submit td {
	padding: 8px 10px;
	text-align: right;
}

.styled-table-submit tbody tr > td:nth-child(1),
.styled-table-submit thead tr > th:nth-child(1) {
	text-align: left;
}

.styled-table-submit tbody tr:nth-child(odd) {
	background-color: #e0e0e0;
}

.styled-table-normal {
	border: solid 1px;
	margin: 25px 0;
	min-width: 400px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	padding: 0px 10px;
}

.styled-table-normal td {
	padding: 0px 5px;
	text-align: left;
}

.styled-table-lines thead tr {
	background-color: #005d28;
	color: #ffffff;
}

.styled-table-lines tbody tr:nth-child(odd) {
	background-color: #e0e0e0;
}

.styled-table-sub1 {
	border-top: 1px solid black;
	font-size: 1em;
	min-width: 400px;
}

.styled-table-sub1 thead tr {
	background-color: #005d28;
	color: #ffffff;
	text-align: right;
}

.styled-table-sub1 thead th:nth-child(3),
.styled-table-sub1 tbody tr > td:nth-child(3) {
	border-left: 1px solid black;
}

.styled-table-sub2 {
	border-top: 1px solid black;
	font-size: 1.3em;
	min-width: 400px;
	font-weight: normal;
	table-layout: fixed;
}

.styled-table-sub2 thead tr th {
	background-color: #005d28;
	border: 1px solid black;
	color: #ffffff;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(1),
.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(2),
.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(3),
.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(6) td,
.styled-table-sub2 tbody tr:nth-child(8) td:nth-child(5) {
	border-bottom: 1px solid black;
}

.styled-table-sub2 tbody tr:nth-child(1) td:nth-child(1),
.styled-table-sub2 tbody tr:nth-child(2) td:nth-child(1),
.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(1),
.styled-table-sub2 tbody tr:nth-child(4) td:nth-child(1),
.styled-table-sub2 tbody tr:nth-child(5) td:nth-child(1),
.styled-table-sub2 tbody tr:nth-child(6) td:nth-child(1),
.styled-table-sub2 tbody tr td:nth-child(5) {
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.styled-table-sub2 tbody tr:nth-child(9) td:nth-child(5) {
	border-bottom: 2px solid black;
}

.styled-table-sub2 tbody tr:nth-child(3) td,
.styled-table-sub2 tbody tr:nth-child(6) td,
.styled-table-sub2 tbody tr:nth-child(9) td:nth-child(5) {
	background-color: lightgrey;
}

.styled-table-sub2 tbody tr:nth-child(1) td:nth-child(2),
.styled-table-sub2 tbody tr:nth-child(1) td:nth-child(3),
.styled-table-sub2 tbody tr:nth-child(1) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(2) td:nth-child(2),
.styled-table-sub2 tbody tr:nth-child(2) td:nth-child(3),
.styled-table-sub2 tbody tr:nth-child(2) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(4) td:nth-child(2),
.styled-table-sub2 tbody tr:nth-child(4) td:nth-child(3),
.styled-table-sub2 tbody tr:nth-child(4) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(5) td:nth-child(2),
.styled-table-sub2 tbody tr:nth-child(5) td:nth-child(3),
.styled-table-sub2 tbody tr:nth-child(5) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(8) td:nth-child(5),
.styled-table-sub2 tbody tr:nth-child(8) td:nth-child(4) {
	text-align: right;
	padding: 5px;
}

.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(2),
.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(3),
.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(3) td:nth-child(5),
.styled-table-sub2 tbody tr:nth-child(6) td:nth-child(2),
.styled-table-sub2 tbody tr:nth-child(6) td:nth-child(3),
.styled-table-sub2 tbody tr:nth-child(6) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(6) td:nth-child(5),
.styled-table-sub2 tbody tr:nth-child(7) td:nth-child(5),
.styled-table-sub2 tbody tr:nth-child(9) td:nth-child(5),
.styled-table-sub2 tbody tr:nth-child(7) td:nth-child(4),
.styled-table-sub2 tbody tr:nth-child(9) td:nth-child(4) {
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

.theadercentreText th {
	text-align: center;
	padding: 5px;
}

.tRowBut {
	display: block;
	margin: 0 auto;
}

.firstcol {
	font-weight: bold;
}

.firstcol:hover {
	font-weight: bold;
	text-decoration: underline;
	background-color: #d8a851;
	cursor: pointer;
}

.firstcolgreen {
	background-color: #b9ffc9;
}

.linkcol:hover {
	background-color: #d8a851;
	cursor: pointer;
}

.firstcolorange {
	background-color: #fed8b1;
}

.firstcolorange:hover {
	cursor: pointer;
}

.firstcolred {
	background-color: #ffcccb;
}

.firstcolred:hover {
	background-color: #d8a851;
	cursor: pointer;
}

.firstcolbrown {
	background-color: #825b32;
}

.firstcolbrown:hover {
	background-color: #d8a851;
	cursor: pointer;
}

.downloadpdfbut {
	background-color: white;
	border: 0px;
}

.downloadpdfbut:hover {
	background-color: lightgrey;
	cursor: pointer;
}

.main-container {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-content: flex-start;
	height: calc(100vh - 18em);
	align-items: center;

	.form-submit {
		display: grid;
		align-items: center;
		justify-content: center;
	}

	.logo-title {
		display: grid;
		justify-items: center;
	}
	.col-md-4 > form {
		width: 100%;
	}
}

.right-container {
	top: 0;
	max-width: 2%;
	height: 100%;
}

.left-container {
	top: 0;
	max-width: 2%;
	height: 100%;
}

.content-container {
	top: 0;
	width: 99%;
	height: 100%;
	max-width: 99%;
}

#wrapperdiv {
	display: grid;
	grid-template-columns: 1fr 1fr;
    align-items: baseline;
}

#wrapperdiv div {
	display: table-cell;
	align-content: center;
}

#divone {
	justify-content: center;
	align-content: center;
	padding: 10px;
	width: 100%;
}

#divtwo {
	justify-content: center;
	align-content: center;
	padding: 10px;
	width: 100%;
}

.main-header {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.tablecenter {
	width: 100%;
	margin: 0 auto;
}

.tablecenter tbody tr td {
	padding-bottom: 5px;
}

.wrapperdiv1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
}

.grid-template-columns-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1em;
}

.divthree {
	justify-content: center;
	align-content: center;
	width: 100%;
}

.navbar-brand:hover {
	opacity: 0.75;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	transition-delay: 0.15s;
}

td.wrapMin {
	min-width: 125px;
}

.navbar-nav > .nav-item > .nav-link {
	text-decoration: none;
	font-size: 1.1em;
}

.material_float {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* used to highlight admin has reopen tasks to perform */

.task-count-bubble {
	display: inline-block;

	background-color: #d8a851;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	padding: 2px 6px;

	border-radius: 50%;

	margin-left: 5px;
}

/* simple table single select */

#tableReopenRequest tbody tr.selected {
	background-color: #d8a851;
}

.cart-icon {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #f0f0f0;
	border-radius: 50%;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 50px;
}

.counter {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	font-size: 10px;
	color: white;
	background-color: #d8a851;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.grid {
	display: grid;
}

.gap-1 {
	gap: 1em;
}

.gap-2 {
	gap: 2em;
}

.gap-3 {
	gap: 3em;
}

.gap-4 {
	gap: 4em;
}

.gap-5 {
	gap: 5em;
}

.gap-6 {
	gap: 6em;
}

.grid-template-columns-1 {
	grid-template-columns: 1fr;
}

.grid-template-columns-2 {
	grid-template-columns: 1fr 1fr;
}

.grid-template-columns-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-align-center {
	align-items: center;
}

.grid-justify-center {
	justify-items: center;
	text-align: center;
}

.pebble {
	border-radius: 10em;
	padding: 0.1em 0.25em;
	padding-top: 0em;
}

.cell-green {
	background-color: #b9ffc9;
}

.cell-red {
	background-color: #ffcccb;
}

.cell-orange {
	background-color: #fed8b1;
}

.cell-brown {
	background-color: #825b32;
}

.cell-cyan {
	background-color: #e0ffff;
}

.cell-white {
	background-color: #e0ffff;
}

#csvFileUploader {
	display: grid;
	padding: 1em;
	border: 1px dashed #005d28;
	border-radius: 0.25em;
	align-items: center;
	justify-content: center;
	background: #f0f0f0;
	text-align: center;
	gap: 0.5em;
	grid-template-rows: 6em auto auto auto;
}

.drop-zone-active {
	background-color: #dfffed !important;
	border: 1px dashed #005d28 !important;
}

#csvUploadControls {
	display: grid;
	grid-template-columns: 2em 1fr auto auto auto;
	align-items: center;
	gap: 0.5em;

	.bi {
		color: #005d28;
	}
}

.pointer {
	cursor: pointer;
}

#csvImportData {
	font-size: 0.8em !important;
}

.auth-container-title > * {
	animation: fadeIn 5s forwards;
	overflow: hidden;
	white-space: nowrap;
	width: 0px;
}

.auth-container-title > *:nth-child(1) {
	animation-delay: 0s;
}

.auth-container-title > *:nth-child(2) {
	animation-delay: 2s;
	font-size: 0.75em;
	color: var(--warning);
	font-style: italic;
	font-weight: 600;
}
@keyframes fadeIn {
	0% {
		width: 0px;
	}

	100% {
		width: 100%;
	}
}

.btn-yellow {
	--bs-btn-color: var(--primary);
	--bs-btn-bg: #fed8b1;
	--bs-btn-border-color: #fed8b1;
	--bs-btn-hover-color: var(--primary);
	--bs-btn-hover-bg: #eeb174;
	--bs-btn-hover-border-color: #eeb174;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: var(--primary);
	--bs-btn-active-bg: #eeb174;
	--bs-btn-active-border-color: #eeb174;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--primary);
	--bs-btn-disabled-bg: #fed8b1;
	--bs-btn-disabled-border-color: #fed8b1;
}

.btn-grey {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--light-grey);
	--bs-btn-border-color: var(--light-grey);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5c6166;
	--bs-btn-hover-border-color: #5c6166;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #5c6166;
	--bs-btn-active-border-color: #5c6166;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--light-grey);
	--bs-btn-disabled-border-color: var(--light-grey);
}

.btn-lime-green {
	--bs-btn-color: var(--success);
	--bs-btn-bg: var(--lime-green);
	--bs-btn-border-color: var(--lime-green);
	--bs-btn-hover-color: var(--success);
	--bs-btn-hover-bg: var(--lime-green);
	--bs-btn-hover-border-color: var(--lime-green);
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: var(--success);
	--bs-btn-active-bg: var(--lime-green);
	--bs-btn-active-border-color: var(--lime-green);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--success);
	--bs-btn-disabled-bg: var(--lime-green);
	--bs-btn-disabled-border-color: var(--lime-green);
}

.otp-phone {
	font-size: 1.65em;
	color: var(--accent-color);
	padding-left: 1em;
	padding-right: 1em;
}

.submitted-details-table {
	h3 {
		line-height: 1.5em;
	}
	h4 {
		line-height: 1.5em;
	}
}

.hover-green:hover {
	background-color: #b9ffc9;
	border-color: #b9ffc9;
	transition: all 0.3s ease;
}

.custom-bg {
	background-color: #fed8b1;
}

.csv_link_group {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 0.35em;
}

.csv_link_button {
	display: inline-block;
	padding: 5px 10px;
	background-color: #fed8b1;
	text-decoration: none;
	border-radius: 4px;
	border: 1px;
	cursor: pointer;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;

	&:hover {
		color: white;
		background-color: var(--secondary);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
		font-weight: normal !important;
		transition: all 0.3s ease;
	}
}

.main-header {
	width: 100%;
	text-align: start;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.25em;
	color: var(--primary-color);
	font-weight: bold;
}

input[type="search"] {
	width: 300px !important;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
	justify-content: baseline !important;
	margin-left: 0 !important;
}

table.dataTable.cell-border > tbody > tr:first-child > * {
	border-top: 0px solid rgba(0, 0, 0, 0.3) !important;
}

table.dataTable > tbody > tr.selected > * {
	box-shadow: inset 0 0 0 9999px var(--yellow) !important;
}

.document-overview {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 0.5em;
	background: #f8f9fa;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 0.25em;
	margin-top: 1em;
	margin-bottom: 1.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.document-overview-item {
	display: grid;
	grid-template-rows: 1fr 1fr;
	align-items: center;
	justify-items: center;
	border-left: 1px dashed var(--light);

	p {
		color: var(--light-grey);
		font-size: 2em;
		font-family: fantasy;
	}
}

.document-overview-item:nth-child(1) {
	border: none;
}

.footer-link {
	text-decoration: none;
	color: var(--text-primary);
	font-size: 0.85em;
	font-weight: bold;
	padding: 0.5em;
	border-radius: 0.25em;
	transition: all 0.3s ease-in-out;
	text-align: center;

	&:hover {
		color: var(--success);
	}
}

.missing-indicator {
	color: var(--danger);
    text-decoration: none;
}