:root {
	--MDFlag-Red: rgb(158, 29, 50);
	--MDFlag-Gold: rgb(219, 161, 0);
	--MDFlag-Black: black;
	--MDFlag-White: white;
	--MDFlag-MuteBlack: rgb(40, 40, 40);
	--MDFlag-MuteWhite: rgb(220, 220, 220);
	--bs-breadcrumb-divider: ">";
}

body {
	width: 100% !important;
}

.skip-link {
	background: rgba(255, 255, 255, 0.65);
	height: 30px;
	left: 50%;
	padding: 8px;
	position: absolute;
	transform: translateY(-170%);
	transition: transform 0.3s;
}

	.skip-link:focus {
		transform: translateY(0%);
	}

[data-bs-theme="dark"] .skip-link {
	color: rgb(0, 34, 255) !important;
}

@media only screen AND (max-width: 600px) {
	#search {
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
	}

	div#alert {
		margin-left: 0 !important;
		margin-right: 0 !important;				
	}

	#stateNavBrand {
		flex-direction: column;
		justify-self: center;
	}

	.row.g-0.mb-xl-3.mx-xl-3 {
		flex-direction: column;
		width: 100% !important;
	}

	main {
		width: 100% !important;
		overflow-wrap: break-word;
	}

	td {
		white-space: normal !important;
	}

	select {
		text-overflow: ellipsis;
		position: unset !important;
		width: 100%;
		max-width: 100%;
	}

	option {
		white-space: normal;
		overflow-wrap: break-word;
	}
}

/* Mobile Layout Rules (screen widths less than 1200px) */
@media only screen AND (max-width: 1200px) {
	.desktop-footer {
		display: none;
	}

	#crownLogo {
		margin-left: 0px !important;
		margin-bottom: 10px !important;
		place-self: center;
	}

	#agenTitle {
		margin-right: 0px !important;
		place-self: center;
	}
		
	.mobile-header,
	.mobile-footer {
		display: block;
	}

	.btn-themeswitch {
		--bs-btn-font-size: 2rem;
		--bs-btn-border-radius: var(--bs-border-radius-lg);
	}

	.carousel-caption {
		bottom: 0;
		left: 0px;
		right: 0px;
		padding-top: 0.75rem;
		padding-bottom: 0.75rem !important;
	}

	#navDiv {
		background-position: center center;		
	}

	#archSearch {
		padding-top: 2.5rem !important;
	}

	[data-bs-theme="light"] #qlbtn {
		width: fit-content;
		background-color: unset !important;
		border: none;
		border-color: unset !important;
		color: var(--MDFlag-Black) !important;
		text-decoration: none;
	}

	[data-bs-theme="dark"] #qlbtn {
		width: fit-content;
		background-color: unset !important;
		border: none;
		border-color: unset !important;
		color: var(--MDFlag-White) !important;
		text-decoration: none;
	}
}

/* Desktop Layout Rules (screen widths larger than 1200px) */
@media only screen AND (min-device-width: 1200px) {
	.btn-themeswitch {
		--bs-btn-font-size: 1.5rem;
		--bs-btn-border-radius: var(--bs-border-radius-lg);
	}


	.desktop-header,
	.desktop-footer {
		display: block;
	}

	.mobile-header,
	.mobile-footer {
		display: none;
	}	


	#agenTitle {
		max-width: 300px;
		max-height: 60px;
	}

	#mainnav {
		width: 100% !important;
	}

	[data-bs-theme="dark"] #alert {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	[data-bs-theme="light"] #alert {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.carousel-caption {
		left: 0px;
		right: 0px;
		margin-bottom: 1.19rem;
		font-size: 1.25rem !important;
	}

	.carousel-indicators {
		background-color: rgba(12, 12, 12, 0.75);
	}

	.carousel-control-next,
	.carousel-control-prev {
		width: 7.5%;
	}

	.carousel-indicators {
		left: unset;
		right: unset;
	}

	#alertArea {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.resAB {
		padding: unset !important;
	}

	body {
		width: auto !important;
	}

	.hidetext {
		line-height: 0;
		color: transparent;
	}

	#crownLogo {
		max-width: 132px;
		max-height: 82px;		
	}
}

/* Global Rules */

[data-bs-theme="dark"] button.accordion-button:hover {
	background-color: #535c64;
}

[data-bs-theme="light"] button.accordion-button:hover {
	background-color: #b9babc;
}

[data-bs-theme="dark"] .landingTS {
	background-color: rgba(0, 0, 0, 0.85);
}

[data-bs-theme="light"] .landingTS {
	background-color: rgba(255, 255, 255, 0.85);
}

h1 {
	font-size: 1.8rem !important;
}

h2 {
	font-size: 1.5rem !important;
}

h3 {
	font-size: 1.25rem !important;
}

h4 {
	font-size: 1.125rem !important;
}

h5 {
	font-size: 1rem !important;
}

[data-bs-theme="light"] .alert {
	background-color: #681321 !important;
	border-width: 3px;
	border-color: var(--MDFlag-Red) !important;
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="dark"] .alert a {
	color: rgb(0, 34, 255);
}

[data-bs-theme="light"] a {
	color: rgb(0, 34, 255);
}

[data-bs-theme="light"] .alert a {
	color: rgb(168, 180, 255);
}

[data-bs-theme="dark"] a {
	color: rgb(168, 180, 255);
}

[data-bs-theme="dark"] .breadcrumb-item a {
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="dark"] .breadcrumb-item.active span {
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="dark"] .card {
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="dark"] .alert {
	background-color: #ffd45c !important;
	border-color: var(--MDFlag-Gold) !important;
	border-width: 3px;
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="dark"] .tableHeader {
	color: var(--MDFlag-Gold) !important;
}

[data-bs-theme="light"] .tableHeader {
	color: var(--MDFlag-Red) !important;
}

[data-bs-theme="dark"] .list-group-item {
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="dark"] a.active {
	background-color: var(--MDFlag-Gold) !important;
	border-color: var(--MDFlag-Gold);
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="dark"] a.btn {
	background-color: var(--MDFlag-Gold) !important;
	border-color: var(--MDFlag-Gold);
	color: var(--MDFlag-Black) !important;
}

	[data-bs-theme="dark"] a.btn.disabled {
		background-color: grey !important;
		border: none;
		color: white !important;
	}

[data-bs-theme="dark"] body {
	color: var(--MDFlag-White) !important;
	background-color: #202020 !important;
}

[data-bs-theme="dark"] button.accordion-button {
	color: var(--MDFlag-White) !important;
}

	[data-bs-theme="dark"] button.accordion-button:not(.collapsed) {
		background-color: var(--MDFlag-Gold) !important;
		color: var(--MDFlag-Black) !important;
	}

[data-bs-theme="dark"] button.btn {
	background-color: var(--MDFlag-Gold) !important;
	border-color: var(--MDFlag-Gold);
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="dark"] button.navbar-toggler {
	background-color: var(--MDFlag-Gold) !important;
}

[data-bs-theme="light"] .breadcrumb-item a {
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="light"] .breadcrumb-item.active span {
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="light"] .card {
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="light"] .list-group-item {
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="light"] a.active {
	background-color: var(--MDFlag-Red) !important;
	border-color: var(--MDFlag-Red);
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="light"] a.btn {
	background-color: var(--MDFlag-Red) !important;
	border-color: var(--MDFlag-Red);
	color: var(--MDFlag-White) !important;
}

	[data-bs-theme="light"] a.btn.disabled {
		background-color: grey !important;
		border: none;
		color: black !important;
	}


[data-bs-theme="light"] body {
	color: var(--MDFlag-Black) !important;
	background-color: #faf9f6 !important;
}

[data-bs-theme="light"] #cookieCheck {
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="light"] button.accordion-button {
	color: var(--MDFlag-Black) !important;
}

	[data-bs-theme="light"] button.accordion-button:not(.collapsed) {
		background-color: var(--MDFlag-Red) !important;
		color: var(--MDFlag-White) !important;
	}

[data-bs-theme="light"] button.btn {
	background-color: var(--MDFlag-Red) !important;
	border-color: var(--MDFlag-Red);
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="light"] .navbar-toggler {
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="dark"] .navbar-toggler {
	color: var(--MDFlag-Black) !important;
}

[data-bs-theme="light"] .navbar-toggler-icon {
	filter: invert(97%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(103%);
}

[data-bs-theme="dark"] .navbar-toggler-icon {
	filter: brightness(0) saturate(100%);
}

[data-bs-theme="light"] button.navbar-toggler {
	background-color: var(--MDFlag-Red) !important;
}

a {
	text-decoration: none;
}

	a:hover:not(.btn, .nav-link, .list-group-item) {
		text-decoration: underline;
	}

.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
	filter: brightness(1) !important;
}

.carousel-caption {
	background-color: rgba(12, 12, 12, 0.75);
	color: var(--MDFlag-White) !important;
}

.carousel-indicators [data-bs-target] {
	background-color: var(--MDFlag-White) !important;
}

.no-transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.tablelinks ul:first-child :first-child {
	border-bottom-left-radius: unset !important;
}

.tablelinks ul:first-child :last-child {
	border-bottom-right-radius: unset !important;
}

.tablelinks ul:last-child :first-child {
	border-top-left-radius: unset !important;
}

.tablelinks ul:last-child :last-child {
	border-top-right-radius: unset !important;
}

.tablelinks ul:not(:first-child):not(:last-child) :first-child {
	border-top-left-radius: unset !important;
	border-bottom-left-radius: unset !important;
}

.tablelinks ul:not(:first-child):not(:last-child) :last-child {
	border-top-right-radius: unset !important;
	border-bottom-right-radius: unset !important;
}

#alertArea {
	background-color: rgba(12, 12, 12, 0.5);
}

.accordion-button:focus {
	box-shadow: unset !important;
}

[data-bs-theme="dark"] .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

[data-bs-theme="light"] .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.reslinks ul li,
.reslinks ul a {
	border-top-left-radius: unset !important;
	border-top-right-radius: unset !important;
	border-bottom-right-radius: unset !important;
	border-bottom-left-radius: unset !important;
}

[data-bs-theme="dark"] .list-group-item-action:hover {
	background-color: #535c64;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

[data-bs-theme="light"] .list-group-item-action:hover {
	background-color: #b9babc;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

[data-bs-theme="dark"] .list-group-item-action {
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

[data-bs-theme="light"] .list-group-item-action {
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

[data-bs-theme="dark"] a.list-group-item-action {
	font-weight: 600;
}

[data-bs-theme="light"] a.list-group-item-action {
	font-weight: 600;
}

[data-bs-theme="light"] .btn-close {
	filter: invert(1) grayscale(100%) brightness(300%);
}

[data-bs-theme="dark"] .btn-close {
	filter: unset;
}

[data-bs-theme="dark"] #mdGovFoot a {
	color: var(--MDFlag-White) !important;
}

[data-bs-theme="light"] #mdGovFoot a {
	color: var(--MDFlag-Black) !important;

}

[data-bs-theme="light"] .form-control {
	background-color: var(--MDFlag-MuteBlack) !important;
	color: white !important;
}

[data-bs-theme="light"] input.form-control:focus, select.form-select:focus, textarea.form-control:focus, a.nav-link:focus {
	box-shadow: 0 0 0 .15rem rgb(13, 110, 253, .77)
}

[data-bs-theme="dark"] input.form-control:focus, select.form-select:focus, textarea.form-control:focus, a.nav-link:focus {
	border: 1px solid white;
	box-shadow: 0 0 0 .35rem rgb(73, 170, 293, .57)
}

[data-bs-theme="dark"] div#alert.alert.alert-dismissible.fade.show.alert-warning a {
	color: blue;
}

[data-bs-theme="light"] div#alert.alert.alert-dismissible.fade.show a {
	color: rgb(188, 217, 255);
}

[data-bs-theme="dark"] .form-control {
	background-color: var(--MDFlag-MuteWhite) !important;
	color: black !important;
}

[data-bs-theme="light"] select {
	background-color: var(--MDFlag-MuteBlack) !important;
	color: white !important;
}

[data-bs-theme="dark"] select {
	background-color: var(--MDFlag-MuteWhite) !important;
	color: black !important;
}



[data-bs-theme="dark"] .form-floating label {
	color: black !important;
}

[data-bs-theme="light"] .form-floating label {
	color: white !important;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
	background-color: unset !important;
}

a.btn:focus, button.btn:focus{
	border: 2px solid white;
	outline: 2px solid black;
}

#mainContent_submit:focus {
	border: 2px solid white;
	outline: 2px solid black;
}


[data-bs-theme="light"] button.btn-close:focus {
	--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.55);
}

[data-bs-theme="light"] button.btn-close:hover {
	opacity: .99;
}

[data-bs-theme="dark"] button.btn-close {
	filter: var(--MDFlag-Red);
	opacity: .65;
}

[data-bs-theme="dark"] button.btn-close:focus {
	--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.55);
}

[data-bs-theme="dark"] button.btn-close:hover {
	opacity: .99;
}

.nav-link:focus, .nav-link:hover {
	border: 1px solid white;
	--bs-link-hover-color: #0a58ca;
}