﻿
:root {
	--masterColor1: #384e5f; /* Dark Primary Blue */
	--masterColor2: #fcf8e1; /* Light Orange */
	--masterColor3: #fcb040; /* Bright Orange */
	--masterColor4: #ffffff; /* White */
	--masterColor5: #eaf8d6; /* Light Green */
	--masterColor6: #ffc10773; /* Low Contrast Orange */
	--masterColor7: #e0ecf8; /* Light Blue */
	--mastercolor8: #fde5eb; /* Dark Primary Blue */
	--mastercolor9: #027b09; /* Dark Primary Blue */
	--masterColorDarkBlue: #384e5f; /* Dark Primary Blue */
	--masterColorLightOrange: #fcf8e1; /* Light Orange */
	--masterColorBrightOrange: #fcb040; /* Bright Orange */
	--masterColorWhite: #ffffff; /* White */
	--masterColorLightGreen: #eaf8d6; /* Light Green */
	--masterColorMediumGreen: #bdf7ac; /* Light Green */
	--masterColorDarkGreenDrab: #74a865;
	--masterColorTransOrange: #ffc10773; /* Low Contrast Orange */
	--masterColorLightBlue: #e0ecf8; /* Light Blue */
	--masterColorMedBlue: #bae3f7; /* Medium Blue */
	--masterColorLightRed: #f5b0b7; /* Light Red */
	--masterColorLightPink: #eda6c9; /* Light Pink */
	--masterColorPink: #d63384; /* Light Blue */
	--masterColorRed: #dc3545; /* Light Blue */
	--masterColorDarkGreen: #057104; /* Dark Green */
	--masterColorDarkOrange: #d9c343; /* Light Orange */
	--masterColorDarkRed: #a34650; /* Light Orange */

	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-cancelled: #ffd6e1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #ffffff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-primary: #ededed;
	--bs-secondary: var(--masterColor1);
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: var(--masterColor3);
	--bs-dark: #1D1D27;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));
	--rowcolor-lightorange: #faf5e7;
	--rowcolor-offwhite: #fffff0;
	--rowcolor-lightblue: #e7eff7ec;
	--rowcolor-lightgreen: #dff7d8e1;
	--rowcolor-lightred: #f6e6e6c9;
	--rowcolor-lightpurple: #f5ebfae2;
}

.rowcolor1 {
	background-color: var(--rowcolor-offwhite);
}

.rowcolor2 {
	background-color: var(--rowcolor-lightorange);
}

.rowcolor3 {
	background-color: var(--rowcolor-lightblue);
}

.rowcolor4 {
	background-color: var(--rowcolor-lightgreen);
}

.rowcolor5 {
	background-color: var(--rowcolor-lightred);
}

.rowcolor6 {
	background-color: var(--rowcolor-lightpurple);
}

.rowcolor7 {
	background-color: var(--bs-primary);
}

.rowcolor0 {
	background-color: var(--bs-white);
}

.rowcolorPurge {
	background-color: #000000;
}

.rowcolorInactive {
	background-color: #fbb3b3;
}

.mapbox {
	resize: both;
}

.DialogDivFixedPop {
	position: fixed;
	top: 5%;
	left: 5%;
	max-width:80%;
	width:60%;
	height:100%;

}

@media print {
	footer {
		page-break-after: always;
	}

	.no-print, .no-print, noprint {
		display: none !important;
		display: none;
	}
}

.break {
	page-break-before: always;
}

select, input, textarea {
	font-size: 8pt;
	color: #333333;
}

a:active, a:link, a {
	text-decoration: none;
	color: #003366;
}

.bandeddark {
	border-bottom: 3px solid #000000;
	border-top: 3px solid #000000;
}

[data-tooltip]::before {
	position: absolute;
	content: attr(data-tooltip);
	opacity: 0;
}

[data-tooltip]:hover::before {
	opacity: 1;
}

[data-tooltip]:not([data-tooltip-persistent])::before {
	pointer-events: none;
}

a:hover {
	text-decoration: none;
	color: #999999;
}

body, p, td, tr, table, div, pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: Black;
}

.path:active, .path, .path:link {
	font-size: 8pt;
	color: #333333;
}

.path1:Hover {
	font-size: 8pt;
	color: #999999;
}

.pathbold {
	font-size: 8pt;
	color: #6885A3;
	font-weight: bold;
}

.pathblue:active, .pathblue, .pathblue:link {
	font-size: 8pt;
	color: #003366;
}

.pathblue1:Hover {
	font-size: 8pt;
	color: #999999;
}

.pathRed:active, .pathRed, .pathRed:link {
	font-size: 8pt;
	color: #FF0000;
}

.pathGreen:active, .pathGreen, .pathGreen:link {
	font-size: 8pt;
	color: #003366;
}

.pathRed:Hover {
	font-size: 8pt;
	color: #003366;
}

.pathwhite:active, .pathwhite, .pathwhite:link {
	font-size: 8pt;
	color: #ffffff;
}

	.pathwhite:Hover {
		font-size: 8pt;
		color: #c6e1f7;
	}

.tabledatarow:Hover, .rowcolor1:Hover, .rowcolor2:Hover, .rowcolor3:Hover, .rowcolor4:Hover, .rowcolor5:Hover, .rowcolor6:Hover, .rowcolor7:Hover, .rowcolor0:Hover, .rowcolorPurge:Hover, .rowcolorInactive:Hover {
	background-image: url("/dispatch/images/ui-bg_diagonals-thick_20_666666_40x402.png");
}

.tabledatarow.tooltiptext, .rowcolor1.tooltiptext, .rowcolor2.tooltiptext, .rowcolor3.tooltiptext, .rowcolor4.tooltiptext, .rowcolor5.tooltiptext, .rowcolor6.tooltiptext, .rowcolor7.tooltiptext, .rowcolor0.tooltiptext, .rowcolorPurge.tooltiptext, .rowcolorInactive.tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

	.tabledatarow.tooltiptext::after, .rowcolor1.tooltiptext::after, .rowcolor2.tooltiptext::after, .rowcolor3.tooltiptext::after, .rowcolor4.tooltiptext::after, .rowcolor5.tooltiptext::after, .rowcolor6.tooltiptext::after, .rowcolor7.tooltiptext::after, .rowcolor0.tooltiptext::after, .rowcolorPurge.tooltiptext::after, .rowcolorInactive.tooltiptext::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
	}

.tabledatarow:hover, .rowcolor1:Hover, .rowcolor2:Hover, .rowcolor3:Hover, .rowcolor4:Hover, .rowcolor5:Hover, .rowcolor6:Hover, .rowcolor7:Hover, .rowcolor0:Hover, .rowcolorPurge:Hover, .rowcolorInactive:Hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.childdatarow:Hover {
	background-image: url("/dispatch/images/ui-bg_diagonals-thick_20_666666_40x402.png");
}

.childdatarow .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

	.childdatarow .tooltiptext::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
	}

.childdatarow:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.childdatarow2:Hover {
	background-image: url("/dispatch/images/ui-bg_diagonals-thick_20_666666_40x402.png");
}

.childdatarow2 .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

	.childdatarow2 .tooltiptext::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
	}

.childdatarow2:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

h1 {
	font-size: 13pt;
	color: #6885A3;
	padding-top: 2px;
}

h2 {
	font-size: 13pt;
	color: #666666;
	border-bottom: 1px solid #999999;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	color: #999999;
}

h4 {
	font-family: sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	border-bottom: solid #999999;
	border-bottom-width: thin;
}

h5 {
	font-family: sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #6885A3;
}

h6 {
	font-size: 11pt;
	font-weight: bold;
	color: var(--masterColor1);
}


ul {
	color: #333333;
	list-style-type: circle;
}

.fullgrid {
	border: 1px solid #333333;
}

.dashedTop {
	border-top: 1px dashed #333333;
}

.dashedBottom {
	border-bottom: 1px dashed #333333;
}

.dashedLeft {
	border-left: 1px dashed #333333;
}

.dashedRight {
	border-right: 1px dashed #333333;
}

.dottedTop {
	border-top: 1px dotted #333333;
}

.dottedBottom {
	border-bottom: 1px dotted #333333;
}

.dottedLeft {
	border-left: 1px dotted #333333;
}

.dottedRight {
	border-right: 1px dotted #333333;
}

.doubleTop {
	border-top: 1px double #333333;
}

.doubleBottom {
	border-bottom: 1px double #333333;
}

.paddedDivBlock {
	display: inline-block;
	padding: 6px 6px 6px 6px;
}
.padded2DivBlock {
	display: inline-block;
	padding: 2px 2px 2px 2px;
}
.padded3DivBlock {
	display: inline-block;
	padding: 3px 3px 3px 3px;
}
.DivBlock {
	display: inline-block;
}

.paddedDiv {
	padding: 6px 6px 6px 6px;
}

.paddedDivFlex {
	display: flex;
	padding: 6px 6px 6px 6px;
}

.paddedDivFlexBlock {
	display: block flex;
	padding: 6px 6px 6px 6px;
}

.fullgridInnerDashed td {
	border-bottom: 1px dashed #999999;
}

.fullgridInnerDashed table {
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

.leftline {
	border-left: 1px solid #999999;
}

.rightline {
	border-right: 1px solid #999999;
}

.bodybox {
	/* 
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
		*/
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 1px #999999;
}

.bottomlinedg {
	border-bottom: 1px solid #666666;
}

.bottomline {
	border-bottom: 1px solid #999999;
}

.TopBottomLine {
	border-bottom: 1px solid #999999;
	border-Top: 1px solid #999999;
}

.TopLine {
	border-Top: 1px solid #999999;
}

.TopLinedg {
	border-Top: 1px solid #666666;
}

input[type=button], input[type=submit], input[type=reset], button {
	padding: 2px 2px 2px 2px;
	box-shadow: 1px 1px 2px #384e5f;
	cursor: pointer;
}

.topleftroundedcorner {
	border-top-left-radius: 5px;
}

.toprightroundedcorner {
	border-top-right-radius: 5px;
}

.bottomleftroundedcorner {
	border-bottom-left-radius: 5px;
}

.bottomrightroundedcorner {
	border-bottom-right-radius: 5px;
}

.shadow {
	box-shadow: 0 0 1px #999999;
}

.box {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.roundedBox {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.bodyboxdg {
	/* 
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	*/
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 1px #666666;
}

.iconbox {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 3px gray;
}
.AdminShortCutBox {
	border-bottom: 1px solid #999999;
	border-top: 0px solid #999999;
	border-left: 1px solid #999999;
	border-right: 0px solid #999999;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 0px;
	box-shadow: 0 0 3px gray;
	z-index:1000;
	background-color: var(--bs-gray-dark);
}
.menubox {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 0px solid #999999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	break-inside: avoid;
	white-space: nowrap;
}

.module:active, .module, .module:link {
	font-weight: bold;
}

	.module:Hover {
		color: #666666;
		font-weight: bold;
	}

.menuitem:active, .menuitem, .menuitem:link {
	font-size: 10pt;
	color: #666666;
	cursor: pointer;
}

	.menuitem:Hover {
		font-size: 10pt;
		color: #999999;
		cursor: pointer;
	}

.submenuitem:active, .submenuitem, .submenuitem:link {
	font-size: 8pt;
	color: #666666;
}

	.submenuitem:Hover {
		font-size: 8pt;
		color: #003366;
	}

.noframe {
	border-right: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}

.rightsideline {
	border-right: 1px solid #999999;
}

.menubar:active, .menubar, .menubar:link, .menubar:visited {
	font-size: 8pt;
	color: #003366;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #DFDFDF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
}

	.menubar:Hover {
		font-size: 8pt;
		color: #000000;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		position: relative;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 3px;
		padding-bottom: 3px;
		background-color: #bdf7ac;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		break-inside: avoid;
		white-space: nowrap;
		cursor: pointer;
	}

.submenubar:active, .submenubar, .submenubar:link, .submenubar:visited {
	font-size: 8pt;
	color: #003366;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 5px;
	background-color: #DFDFDF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
}

	.submenubar:Hover {
		font-size: 8pt;
		color: #000000;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		position: relative;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 3px;
		padding-bottom: 5px;
		background-color: #bdf7ac;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		break-inside: avoid;
		white-space: nowrap;
		cursor: pointer;
	}


.menubtn:active, .menubtn, .menubtn:link, .menubtn:visited {
	font-size: 8pt;
	color: #003366;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #ffffff;
}

	.menubtn:Hover {
		font-size: 8pt;
		color: #999999;
		white-space: nowrap;
		cursor: pointer;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		background-color: #bdf7ac;
	}


.menubar2:active, .menubar2, .menubar2:link, .menubar2:visited {
	font-size: 8pt;
	color: #003366;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	white-space: nowrap;
	cursor: pointer;
}

	.menubar2:Hover {
		font-size: 8pt;
		color: #999999;
		text-decoration: none;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		white-space: nowrap;
		cursor: pointer;
	}

.hashtagOrange:active, .hashtagOrange, .hashtagOrange:link, .hashtagOrange:visited {
	font-size: 8pt;
	background-color: var(--masterColorLightOrange);
	text-decoration: none;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	display: inline;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 3px gray;
}

	.hashtagOrange:Hover {
		font-size: 8pt;
		background-color: var(--masterColorDarkOrange);
		color: #FFFFFF;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		display: inline;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		break-inside: avoid;
		white-space: nowrap;
		cursor: pointer;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 0 3px gray;
	}


.hashtagRed:active, .hashtagRed, .hashtagRed:link, .hashtagRed:visited {
	font-size: 8pt;
	background-color: var(--masterColorLightRed);
	text-decoration: none;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	display: inline;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 3px gray;
}

	.hashtagRed:Hover {
		font-size: 8pt;
		background-color: var(--masterColorDarkRed);
		color: #FFFFFF;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		display: inline;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		break-inside: avoid;
		white-space: nowrap;
		cursor: pointer;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 0 3px gray;
	}




.hashtagGreen:active, .hashtagGreen, .hashtagGreen:link, .hashtagGreen:visited {
	font-size: 8pt;
	background-color: var(--masterColorLightGreen);
	text-decoration: none;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	display: inline;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 3px gray;
}

	.hashtagGreen:Hover {
		font-size: 8pt;
		background-color: var(--masterColorDarkGreenDrab);
		color: #FFFFFF;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		display: inline;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		break-inside: avoid;
		white-space: nowrap;
		cursor: pointer;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 0 3px gray;
	}

.hashtag:active, .hashtag, .hashtag:link, .hashtag:visited {
	font-size: 8pt;
	background-color: var(--masterColorMedBlue);
	text-decoration: none;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	display: inline;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 3px gray;
}

	.hashtag:Hover {
		font-size: 8pt;
		background-color: #6885A3;
		color: #FFFFFF;
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		display: inline;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		break-inside: avoid;
		white-space: nowrap;
		cursor: pointer;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 0 3px gray;
	}

.hashtext:active, .hashtext, .hashtext:link, .hashtext:visited {
	font-size: 8pt;
	color: var(--masterColor1);
	text-decoration: none;
}

	.hashtext:Hover {
		font-size: 8pt;
		color: var(--bs-white);
		text-decoration: none;
	}

.hashremove:active, .hashremove, .hashremove:link, .hashremove:visited {
	font-size: 8pt;
	background-color: var(--bs-primary);
	font-weight: bold;
	color: #ff0505;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	left: -5px;
	z-index:1;
}

	.hashremove:Hover {
		font-size: 8pt;
		background-color: #ff0505;
		color: #000000;
		font-weight: bold;
	}

.hashright:active, .hashright, .hashright:link, .hashright:visited {
	font-size: 8pt;
	background-color: var(--bs-primary);
	font-weight: bold;
	color: var(--masterColor1);
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: relative;
	left: -5px;
	z-index: 1;
	text-align:right;
	align-content:right;
}

	.hashright:Hover {
		font-size: 8pt;
		background-color: var(--masterColor1);
		color: #ffffff;
		font-weight: bold;
	}




.hashdropdownbtn {
	font-size: 8pt;
	color: var(--masterColor1);
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.hashdropdown {
	position: relative;
	display: inline-block;
}

.hashdropdown-content a {
	text-decoration: none;
	font-size: 8pt;
	padding: 3px 10px 3px 10px;
	display: block;
	width: 100%;
	break-inside: avoid;
}
/* Dropdown Content (Hidden by Default) */
.hashdropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 300px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	width: fit-content;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	z-index: 40;
	border-bottom: 1px solid #666666;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

	.hashdropdown-content > *:last-child {
		border-bottom: 0;
		padding-bottom: 3px;
	}
	/* Change color of dropdown links on hover */
	.hashdropdown-content a:hover {
		background-color: #bdf7ac;

	}

/* Show the dropdown menu on hover */
.hashdropdown:hover .hashdropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.hashdropdown:hover .hashdropdownbtn {
	background-color: #bdf7ac;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
}

.hashdropdownbtn:hover {
}
.expandable {
	background: var(--masterColorLightBlue);
	display:none;
}

.expandable:target {
		display:inline;
	}

.slidedown {
	position: relative;
	display: inline;
}

.slidedown-content {
	display: none;
	position: relative;
	background-color: var(--masterColor7);
	border-top: 2px solid var(--masterColor1);
	border-bottom: 2px solid var(--masterColor1);
	box-shadow: 16px 0px 16px 0px rgba(0,0,0,0.2);
	transition: all 3s ease-in-out;
}
.slidedown:click .slidedown-content {
	display: inline;
	transition: all 3s ease-in-out;
	background-color: var(--masterColor7);

}

.slidedown-content a {
	background-color: var(--masterColor7);
}


	table#calendar a {
		font-size: 8pt;
		margin: 0;
	}

	table#calendar a.CalDate {
		font-size: 8pt;
	}

		table#calendar a.CalDate:hover {
			color: #003366;
		}

table#calendar tr#days th {
	font-weight: bold;
	font-size: 8pt;
	color: #EEE;
	background: var(--masterColor1);
	padding: 1px 0.33em;
	width: 35px;
}

table#calendar tr.title th {
	font-weight: bold;
}

table#calendar tr.subtitle th {
	background:;
}

table#calendar td.mon, td.tue, td.wed, td.thu, td.fri, td.sun, td.sat {
	color: #777;
	border: solid #AAB 1px;
	background: #FFF;
}

table#calendar td.sat {
	border-right: 1px solid #AAB;
}

table#calendar td.sat, table#calendar td.sun {
	background: #e3f7ff;
}

table#calendar tr#week6 td {
	border-bottom: 2px solid #AAB;
}

.pathload:active, .pathload, .pathload:link {
	font-size: 8pt;
	color: #006600;
}

	.pathload:Hover {
		font-size: 8pt;
		color: #00CC00;
	}

.pathunload:active, .pathunload, .pathunload:link {
	font-size: 8pt;
	color: #990000;
}

	.pathunload:Hover {
		font-size: 8pt;
		color: #FF0000;
	}

.menubardropbtn::after, .hashdropdownbtn::after {
	content: '\00A0 \25BC \00A0';
	font-weight: bold;
	color: var(--masterColor1);
	position: relative;
}
/* Style The Dropdown Button &#9660; */
.menubardropbtn {
	font-size: 8pt;
	color: #003366;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #DFDFDF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 150px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	border-top: 1px solid #666666;
	z-index: 40;
	border-bottom: 1px solid #666666;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

	.dropdown-content > *:last-child {
		border-bottom: 0;
		padding-bottom: 3px;
	}

.NAVMenuCloser {
	background-color: var(--bs-primary);
	display: inline-block;
	float: left;
	border-top-right-radius: 5px;

}

.NAVdropdown {
	position: relative;
	display: inline-block;
}

.NAVdropdown-content > *:last-child {
	border-bottom: 0;
	padding-bottom: 3px;
}


/* Dropdown Content (Hidden by Default) */
.NAVdropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 150px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	z-index: 99999;
	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	border-top: 1px solid #666666;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-bottom: 1px solid #666666;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
/* Change color of dropdown links on hover */
.NAVdropdown-content a:hover {
	background-color: #bdf7ac;
}

/* Show the dropdown menu on hover */
.NAVdropdown:hover .NAVdropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.NAVdropdown:hover .NAVmenubardropbtn {
	background-color: var(--masterColor7);
	z-index:999;
}
/* Links inside the dropdown */
.NAVdropdown-content a {
	color: black;
	font-size: 8pt;
	padding: 4px 8px;
	text-decoration: none;
	display: block;
	scroll-padding-right: 0px;
	scroll-padding-left: 15px;
	width: 100%;
}
.NAVleftline {
	border-left: 1px solid #666666;
}

.NAVrightline {
	border-right: 1px solid #666666;
}

.NAVmenubardropbtn:hover {
	background-color: var(--masterColor7);
}
.NAVmenubardropbtnActive {
	background-color: var(--masterColor5);
	border-top: 1px solid #666666;
}
.NAVmenubardropbtn, NAVmenubardropbtn a, .NAVmenubardropbtn:visited, .NAVmenubardropbtn:active {
	background-color: var(--bs-primary);
	border-top: 1px solid #666666;
}
.menuarrow::after {
	content: '\00A0 \25BC \00A0';
	font-weight: bold;
	color: var(--masterColor1);
	position: relative;
}
.DDMenuBTN {
	min-width: 16px;
	min-height: 16px;
	height: 100%;
	width: 16px;
	padding: 0px 0px 0px 0px;
	color: var(--masterColor1);
}
.DDMenuDiv {
	display: none;
	padding: 0px 0px 0px 0px;
	background-color: var(--masterColorLightBlue);
}

	.DDMenuDiv a {
		background-color: var(--masterColorLightBlue);
		font-size: 8pt;
		padding: 4px 8px;
		text-decoration: none;
		display: block;
		scroll-padding-right: 0px;
		scroll-padding-left: 15px;
		width: 100%;
	}

		.DDMenuDiv a:hover {
			background-color: #bdf7ac;
		}


.AnchorR {
	position: relative;
	left: -5px;
}
.AnchorR2 {
	position: relative;
	left: -10px;
}
/* Style The Dropdown Button &#9660; */
.NAVmenubardropbtn, .NAVmenubardropbtnActive {
	font-size: 8pt;
	display: inline-flex;
	color: var(--masterColor1);
	padding-right: 7px;
	padding-left: 3px;
	padding-top: 7px;
	padding-bottom: 2px;
	break-inside: avoid;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	top: 1px;
	min-height: 21px;
	max-height: 21px;
	min-width: fit-content;
	vertical-align: middle;
	height: 21px;
	border-bottom: 1px solid var(--masterColor1);
	white-space: nowrap;
}
.NAVContainer {
	position: fixed;
	max-width: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--masterColor1);
	z-index: 400;
}



.NAVMENUBAR {
	display: flex;
	flex-wrap: wrap;
	z-index: 400;
	background-color: var(--masterColor1);
	border-bottom: 1px solid var(--masterColor1);
	white-space: nowrap;
}

.NAVBARTABS > *:last-child div:first-child {
	border-top-right-radius: 5px;
	border-right: 1px solid #666666;
	padding-right: 6px;
	background-color: var(--bs-primary);
}

.NAVBARTABS > *:first-child {
	padding-left: 6px;
}


.NAVMENUBAR:hover .NAVBARTABS {
	z-index: 2000;
}
.prevent-select {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2l {
	display: none;
	position: relative;
	background-color: #005aab53;
	width: 100%;
	min-width: 140px;
	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	z-index: 40;
	border-bottom: 1px solid #666666;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
	.dropdown-content2l > *:last-child {
		border-bottom: 0;
		padding-bottom:3px;
	}
.dsortdown2l {
	display: block;
}
/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	font-size: 8pt;
	padding: 4px 8px;
	text-decoration: none;
	display: block;
	scroll-padding-right: 0px;
	scroll-padding-left: 15px;
	width: 100%;
}


/* Links inside the dropdown */
.dropdown-content2l a {
	color: black;
	font-size: 8pt;
	padding: 4px 8px;
	text-decoration: none;
	display: block;
	scroll-padding-right: 0px;
	scroll-padding-left: 15px;
	width: 100%;
}


.dropdown2lbtn {
	width: 100%;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #bdf7ac;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .menubardropbtn {
	background-color: #bdf7ac;
}

/* Change color of dropdown links on hover */
.dropdown-content2l a:hover {
	background-color: #bdf7ac;
}
/* Show the dropdown menu on hover */
.dropdown2l:hover .dsortdown {
	content: url("/TreeIcons/Icons/sortdown.gif");
}
/* Show the dropdown menu on hover */
.dropdown2l:hover .dropdown-content2l {
	display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown2l:hover .dropdown2lbtn {
	background-color: #005aab;
	color: #FFFFFF;
}





/* Dropdown Content (Hidden by Default) */
.dropdown-content3l {
	display: none;
	position: relative;
	background-color: #005aab53;
	width: 100%;
	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	z-index: 40;
	border-bottom: 1px solid #666666;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
	.dropdown-content3l > *:last-child {
		border-bottom: 0;
		padding-bottom: 3px;
	}
.dsortdown3l {
	display: block;
}

/* Links inside the dropdown */
.dropdown-content3l a {
	color: black;
	font-size: 8pt;
	padding: 4px 8px;
	text-decoration: none;
	display: block;
	scroll-padding-right: 0px;
	scroll-padding-left: 15px;
	width: 100%;
}



	/* Change color of dropdown links on hover */
	.dropdown-content3l a:hover {
		background-color: #bdf7ac;
	}
/* Show the dropdown menu on hover */
.dropdown3l:hover .dsortdown {
	content: url("/TreeIcons/Icons/sortdown.gif");
}
/* Show the dropdown menu on hover */
.dropdown3l:hover .dropdown-content3l {
	display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown3l:hover .dropdown3lbtn {
	background-color: #005aab53;
	color: #FFFFFF;
}


.round-button {
	display: block;
	width: 23px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #333333;
	border-radius: 50%;
	color: #000000;
	text-align: center;
	text-decoration: none;
	background: #ededed;
	box-shadow: 0 0 3px gray;
	vertical-align: middle;
}

	.round-button:hover {
		background: #e34507;
		color: #ffffff;
	}


.numberCircleGreen {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 1px 1px 1px 1px;
	background: #09e107;
	border: 1px solid #000000;
	color: #000000;
	text-align: center;
	font: 11px Arial, sans-serif;
	font-weight: bold;
}

.numberCircleRed {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 1px 1px 1px 1px;
	background: #f52b2b;
	border: 1px solid #000000;
	color: #FFFFFF;
	text-align: center;
	font: 11px Arial, sans-serif;
	font-weight: bold;
}

.numberCircleYellow {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 1px 1px 1px 1px;
	background: #f8f42c;
	border: 1px solid #000000;
	color: #000000;
	text-align: center;
	font: 11px Arial, sans-serif;
	font-weight: bold;
}

.numberCircleBlue {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 1px 1px 1px 1px;
	background: #4170a0;
	border: 1px solid #000000;
	color: #ffffff;
	text-align: center;
	font: 11px Arial, sans-serif;
	font-weight: bold;
}

.numberCircleBlack {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 1px 1px 1px 1px;
	background: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	text-align: center;
	font: 11px Arial, sans-serif;
	font-weight: bold;
}

.numberCircleGrey {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 1px 1px 1px 1px;
	background: #666666;
	border: 1px solid #000000;
	color: #ffffff;
	text-align: center;
	font: 11px Arial, sans-serif;
	font-weight: bold;
}
.numberCircleLightGreySM {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 1px 1px 1px 1px;
	background: #ededed;
	border: 1px solid #000000;
	color: #ffffff;
	text-align: center;
	font: 10pt Arial, sans-serif;
	font-weight: bold;
}


/*Cookie Consent Begin*/
#cookieConsent, .bottomHoverBox {
	background-color: rgba(20,20,20,0.8);
	min-height: 26px;
	font-size: 14px;
	color: #ccc;
	line-height: 26px;
	padding: 8px 0 8px 30px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 9999;
	text-align: center;
}

	#cookieConsent a, .bottomHoverBox a {
		color: #4B8EE7;
		text-decoration: none;
	}

#closeCookieConsent, #ClosebottomHoverBox {
	display: inline-block;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin: -15px 0 0 0;
	font-weight: bold;
}

	#closeCookieConsent:hover, #ClosebottomHoverBox:hover {
		color: #FFF;
	}

#cookieConsent a.cookieConsentOK {
	background-color: #4B8EE7;
	color: white;
	display: inline-block;
	border-radius: 5px;
	padding: 0 20px;
	cursor: pointer;
	margin: 0 60px 0 10px;
	transition: background-color 650ms;
}

	#cookieConsent a.cookieConsentOK:hover {
		background-color: #3e75bd;
	}
/*Cookie Consent End*/

.TableRowGrab {
	cursor: grab;
}

.TableRowGrabbed {
	border: 1px solid var(--masterColor1);
	user-select: none;
	cursor: grab;
	box-shadow: 0 0 1px #999999;
	padding: 2px 0px 2px 0px;
}
	.TableRowGrabbed:active {
		cursor: grabbing;
		cursor: -moz-grabbing;
		cursor: -webkit-grabbing;
	}


.TableRowGrabCursor,
.TableRowGrabCursor * {
	cursor: grabbing !important;
}
