body {
	font: 18px Arial;
	text-align: center;
}

body.pageSizeFont	{
	font: 18pt Adagio_Serif;

}

table.table-padding {
	padding: 10px;
}

	table.table-padding th {
		padding: 10px;
	}

	table.table-padding td {
		padding: 10px;
	}

.watermark {
	padding-bottom: 90px;
	background-image: url(../images/page-watermark.png);
	background-position: left -50px top 30px;
	background-repeat: no-repeat;
}

.hide-empty:empty {
	display: none !important;
}


.AlertBoxStatusMessage
{
	border: 2px solid Salmon;
	padding: 5px;	
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	color: red;
}

.AlertStatusMessage
{
	padding: 2px;	
	font-weight: normal;
	color: red;
  display: block;
}

.IsRequired{		
	font-weight: bold;
	color: red;
}


/* .SearchResults Control Styles */

.SearchResults {
	font-family: 'Adagio_Serif';
	border: 0;
	font-size: 18pt;
	width: 100%;
}

.SearchResults tr
{
	vertical-align: top;
	height: auto;
}

.SearchResults td
{	
	text-align: left;
	padding: 2px 15px 2px 15px;
	border: 0;
}

.SearchResults .HeaderStyle {
	font-weight: bold;
	font-size: 18pt;
	color: #FFFFFF;
	background: #117D60;
	text-align: center;
	vertical-align: middle;
}

.SearchResults .HeaderStyle th
{
	border: 0;
	vertical-align: middle;	
	text-align: left;
	padding: 3px 20px 4px 15px;
}

.SearchResults .HeaderStyle a
{
	color: #FFFFFF;
}

.SearchResults .HeaderStyle a:hover
{
	color: #CCC;
}

.SearchResults .FooterStyle
{
	background-color: #a33;
	color: White;
	text-align: right;
}

.SearchResults .AlternatingRowStyle
{
	background: #E4E6C1;
}

.SearchResults .RowStyle
{
	background: #F2F2E1;
}

.SearchResults .AlertRowStyle
{
  cursor: pointer;
	background-color: #FFFF99;
}

.SearchResults td.CenterField
{
	text-align: center;
}

.SearchResults td.LeftField
{
	text-align: left;
}

.CalendarInputShort
{
	width: 120px;
}

.adagioFont {
	font-family: 'Adagio_Serif';
}

.italicText {
	font-style: italic;
}

.boldText {
	font-weight: 600;
}

.greeting {
	color: #117d60;
	font-size: xx-large;
	margin-bottom: 2rem;
}

.tabsContainer	{
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
}

.tabsBorders {
	border-top-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
}

.tabsHoriz ul {
	list-style-type: none;
	display: inline-flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: center;
	padding: 0 40px;
}

.tabsHoriz li {
	flex: 0 0 auto;
	padding: 0 10px;
}

	.tabsHoriz li a {
		display: block;
		color: black;
		text-align: center;
		padding-top: 10px;
	}

		.tabsHoriz li a:hover {
			color: #117d60;
			text-decoration: underline;
			text-underline-offset: 5px;
			text-decoration-thickness: 5px;
			text-decoration-color: #117d60;
		}

html:root body {
	--bs-success-rgb: 2, 124, 95 !important;
	--bs-success: #007953 !important;
	--bs-success-text-emphasis: #02513A !important;
	--bs-cyan: rgb(20, 157, 192) !important;
	--bs-yellow: rgb(211, 206, 55) !important;
	--bs-yellow-light: rgb(239, 240, 167) !important;
	--bs-yellow-dark: rgb(161, 175, 57) !important;
	--bs-yellow-border-subtle: rgb(161, 175, 57) !important;
	--bs-blue-dark: rgb(11, 75, 95) !important;
	--bs-blue-light: rgb(149, 196, 217) !important;
	--bs-green: rgb(2, 124, 95) !important;
	--bs-green-subtle: rgb(141,207,179) !important;
	--bs-green-border-subtle: var(2, 81, 58) !important;
	--bs-green-dark: rgb(2, 81, 58) !important;
	--bs-orange: rgb(221, 110, 38) !important;
	--bs-magenta: rgb(141, 44, 110) !important;
	--bs-gray-dark: rgb(68, 77, 84) !important;
	--bs-alert-bg: var(--bs-yellow) !important;
}
	.dropdown-menu {
		--bs-dropdown-link-active-bg: #bcbcbc !important;
		--bs-dropdown-link-hover-bg: #eaeaea !important;
	}

body {
	--bs-success-bg-subtle: rgb(141, 207, 179);
}

	body.bg-success-subtle {
		background-color: rgba(230,230,230, .5) !important;
	}

	}
	.btn-outline-success {
		--bs-btn-border-color: #007953 !important;
		--bs-btn-hover-bg: #007953 !important;
		--bs-btn-hover-border-color: #007953 !important;
	}

		.btn-outline-success:hover {
			color: var(--bs-btn-hover-color) !important;
			background-color: var(--bs-green) !important;
			text-decoration: none !important;
		}

	.btn-success {
		--bs-btn-bg: var(--bs-green) !important;
		--bs-btn-hover-bg: color-mix(in hsl, var(--bs-green) 92%, black) !important;
	}

	a {
		color: var(--bs-success) !important;
		text-decoration: underline;
	}

		a:hover {
			color: var(--bs-success-text-emphasis) !important;
			text-decoration: underline;
		}

	.alert-warning {
		--bs-alert-bg: var(--bs-yellow-light) !important;
		--bs-alert-border-color: var(--bs-yellow-border-subtle) !important;
	}
	.alert-success {
		--bs-alert-bg: var(--bs-green-subtle) !important;
		--bs-alert-border-color: var(--bs-green-border-subtle) !important;
	}

.text-blue.text-blue {
	color: var(--bs-cyan) !important;
}
	.text-blue:hover {
		color: color-mix(in hsl, var(--bs-cyan) 75%, black) !important;
	}

.text-yellow.text-yellow {
	color: var(--bs-yellow) !important;
}
	.text-yellow:hover {
		color: color-mix(in hsl, var(--bs-yellow) 75%, black) !important;
	}

.text-yellow-dark.text-yellow-dark {
	color: var(--bs-yellow-dark) !important;
}
	.text-yellow-dark:hover {
		color: color-mix(in hsl, var(--bs-yellow-dark) 75%, black) !important;
	}

.text-green.text-green {
	color: var(--bs-green) !important;
}

	.text-green:hover {
		color: color-mix(in hsl, var(--bs-green) 75%, black) !important;
	}

.text-green-dark.text-green-dark {
	color: var(--bs-green-dark) !important;
}

	.text-green-dark:hover {
		color: color-mix(in hsl, var(--bs-green-dark) 75%, black) !important;
	}

.text-orange.text-orange {
	color: var(--bs-orange) !important;
}
	.text-orange:hover {
		color: color-mix(in hsl, var(--bs-orange) 75%, black) !important;
	}

.text-magenta.text-magenta {
	color: var(--bs-magenta) !important;
}
	.text-magenta:hover {
		color: color-mix(in hsl, var(--bs-magenta) 75%, black) !important;
	}


.bg-blue.bg-blue {
	background-color: var(--bs-cyan) !important;
}
	.bg-blue:hover {
		background-color: color-mix(in hsl, var(--bs-cyan) 92%, black) !important;
	}

.bg-yellow.bg-yellow {
	background-color: var(--bs-yellow) !important;
}
	.bg-yellow:hover {
		background-color: color-mix(in hsl, var(--bs-yellow) 92%, black) !important;
	}

.bg-yellow-dark.bg-yellow-dark {
	background-color: var(--bs-yellow-dark) !important;
}

	.bg-yellow-dark:hover {
		background-color: color-mix(in hsl, var(--bs-yellow-dark) 92%, black) !important;
}

.bg-yellow-light.bg-yellow-light {
	background-color: var(--bs-yellow-light) !important;
}

	.bg-yellow-light:hover {
		background-color: color-mix(in hsl, var(--bs-yellow-light) 92%, black) !important;
	}

.bg-green.bg-green {
	background-color: var(--bs-green) !important;
}
	.bg-green:hover {
		background-color: color-mix(in hsl, var(--bs-green) 92%, black) !important;
	}

.bg-orange.bg-orange {
	background-color: var(--bs-orange) !important;
}
	.bg-orange:hover {
		background-color: color-mix(in hsl, var(--bs-orange) 92%, black) !important;
	}

.bg-magenta.bg-magenta {
	background-color: var(--bs-magenta) !important;
}
	.bg-magenta:hover {
		background-color: color-mix(in hsl, var(--bs-magenta) 92%, black) !important;
	}

.bg-cyan {
	background-color: var(--bs-cyan);
}
	.bg-cyan:hover {
		background-color: color-mix(in hsl, var(--bs-cyan) 92%, black) !important;
	}
.bg-gray-dark {
	background-color: var(--bs-gray-dark) !important;
}

	.bg-gray-dark:hover {
		background-color: color-mix(in hsl, var(--bs-gray-dark) 92%, black) !important;
	}


div.card	{
	max-width: 768px;
}

html body.w-1080 div.card {
	max-width: 1080px;
}

html body.w-1200 div.card {
	max-width: 1200px;
}

body.modal-open {	/* Fix for Bootstrap modals shifting background div's to the left */
	overflow: hidden !important;
	padding-right: 0 !important;
}

	/* Darken anything on hover */
.darken-25:hover {
	filter: brightness(0.25) !important;
}

.darken-50:hover {
	filter: brightness(0.5) !important;
}
.darken-75:hover
{
	filter: brightness(0.75) !important;
}
.darken-100:hover {
	filter: brightness(1.0) !important;
}

table.table {
	width: 100%; /* Ensure it does not exceed container width */
	overflow-y: auto; /* Enable vertical scrolling */
	max-height: min-content;
	overflow-x: auto; /* Prevent horizontal overflow */
	table-layout: fixed;
	margin-bottom: 0;
}
	table.table caption {
		text-align: center;
		color: black;
		margin: 0 1.125rem;
	}
	table.table tr.letter-spacing-wide a, table.table tr.letter-spacing-wide span {
		margin: 0 0 0 .5rem;
	}


	table.table th {
		white-space: normal; /* Allows wrapping */
		word-wrap: break-word; /* Ensures long words wrap */
		overflow-wrap: break-word; /* Alternative for wider support */
		--bs-table-bg: var(--bs-success-bg-subtle) !important; /* Overrides Bootstrap variable */
	}
	table.table-hover > tbody > tr:hover > th {
		background-color: var(--bs-table-bg) !important; /* Ensures default header background */
		color: inherit !important; /* Keeps text color unchanged */
		--bs-table-bg-state: inherit !important;
	}
	table tbody th a {
		display: inline-block; /* Ensures smooth scaling */
		text-decoration: none;
		transition: transform 0.3s ease-in-out;
		color: black !important;
	}

	table tbody th a:hover {
		transform: scale(1.05);
		color: black !important;
	}


	tr.table-light-blue {
		--bs-table-color: #000;
		--bs-table-bg: var(--bs-blue-light);
		--bs-table-border-color: var(--bs-blue-dark);
		background-color: var(--bs-table-bg) !important;
		color: var(--bs-table-color);
		border-color: var(--bs-table-border-color);
	}

/*////////////////////////////////////////*/
/*  Form controls                         */
/*////////////////////////////////////////*/
.form-label {
	font-weight: 600;
	display: block;
	margin-top: 10px;
}

.form-floating	{
	font-size: initial;
}
	.form-floating textarea:not(:placeholder-shown) + label {
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
	}

input.form-control, select.form-select, textarea.form-control {
	display: block;
	margin-top: 5px;
	border-radius: 6px;
	border: 1px solid #ccc;
	font-size: 14px;
	width: min-content; 
	max-width: 100%; 
	white-space: nowrap;
	flex-grow: 0;
}

span.form-check, div.form-check	{
	padding-left: 0;
}

/* Change selected day background to green */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
	background-color: var(--bs-green) !important;
	background-image: none !important;
}
.datepicker table tr td.today {
	background-color: var(--bs-green-subtle) !important;
	background-image: none !important;
}


/* Footer */
.links-footer {
	border-top: var(--bs-card-border-width) ridge var(--bs-card-border-color);
	margin-left: calc(-1 * (var(--bs-gutter-x) * 1)) !important;
	margin-right: calc(-1 * (var(--bs-gutter-x) * 1)) !important;
	padding-left: calc(var(--bs-gutter-x) * 1) !important;
	padding-right: calc(var(--bs-gutter-x) * 1) !important;
	padding-top: 1.5rem !important;
}


/* Bootstrap-like radio buttons*/
.form-check input[type="radio"] {
	position: absolute;
	opacity: 0; /* Hide default radio */
}

.form-check label {
	position: relative;
	padding-left: 1.75rem; /* Space for custom radio */
	cursor: pointer;
	font-size: 1rem;
	display: inline-block;
}

.form-check input[type="radio"] + label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 1rem;
	height: 1rem;
	border: 1px solid #6c757d;
	border-radius: 50%;
	background-color: #fff;
	transition: 0.2s;
}

.form-check input[type="radio"]:checked + label::before {
	background-color: #117d60;
	border-color: #117d60;
}

.form-check input[type="radio"]:checked + label::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 6px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
}
.form-check input[type="radio"]:disabled + label {
	color: #6c757d;
	cursor: not-allowed;
	opacity: 0.65;
}

	.form-check input[type="radio"]:disabled + label::before {
		background-color: #e9ecef;
		border-color: #ced4da;
	}

.form-check input[type="radio"]:disabled:checked + label::before {
	background-color: #b1dfc4;
	border-color: #a3d3b2;
}


/* Bootstrap-like check boxes*/
input.form-check-input {
	vertical-align: middle; 
	margin-top: 0.1rem;
	transform: scale(1.5);
	margin-right: 12px;
	border-color: #117d60 !important;
	outline: none !important;
}

	input.form-check-input:checked {
		background-color: #117d60 !important; 
	}

/* Focus rings (halos) for error fields */
.form-select:focus.is-invalid, .form-control:focus.is-invalid, .form-check-input:focus.is-invalid,
.riTextBox:focus.is-invalid, .form-check input[type="radio"]:focus.is-invalid + label::before {
	border-color: var(--bs-form-invalid-border-color) !important;
	box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) !important;
	outline: none !important;
	transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

	/* Focus rings (halos) */
.form-select:focus, .form-control:focus, .form-check-input:focus,
.riTextBox:focus, .form-check input[type="radio"]:focus + label::before{
	border-color: #117d60 !important;
	box-shadow: 0 0 0 0.25rem rgba(17, 125, 96, 0.25) !important;
	outline: none !important;
	transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.mybutton { 
	font-size: 18pt !important;
	background-color: #117d60 !important;
	border: #05211a !important;
	box-shadow: 0.125rem 0.125rem 0.50rem rgba(0,0,0,.25) !important;
}

	.mybutton:hover {
		background-color: #0e5e48 !important;
	}

/*////////////////////////////////////////*/
/*  Custom Telerik Styles                 */
/*////////////////////////////////////////*/
div.RadCalendar_Bootstrap, table.RadCalendarMonthView_Bootstrap {
	font-size: 14px;
	font-family: Adagio_Serif;
}
div.RadCalendar_Bootstrap td.rcSelected a {		/* Change the selected day background because it blends in with the date number */
	background-color: #E6E5E5;
}
span .RadInput {
	width: initial;
	margin-top: .15rem;
	line-height: 14px;
}

div.RadInput {
	line-height: 14px;
}

/*/////////////////////////////////////////*/
/*  Breakpoints                            */
/*/////////////////////////////////////////*/
@media (max-width: 576px) {
	.form-label {
		font-size: 21px !important;
	}
}
@media (min-width: 992px) {
	div.mx-10-lg-up {
		margin-left: 6rem !important;
		margin-right: 6rem !important;
	}
}