/* Minification failed. Returning unminified contents.
(8,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,25): run-time error CSS1039: Token not allowed after unary operator: '-DarkBlue'
(330,25): run-time error CSS1039: Token not allowed after unary operator: '-LightBlue'
 */
/*
COLORS FROM 123OCP LOGO:
Maroon:	#C71901
Blue:	#013F72
*/

:root {
	--DarkBlue: #01507B;
	--LightBlue: #0199CB;
	--Maroon: #D92117;
	--DarkGray: #BFBFBF;
	--LightGray: #E1E1E1;
	--AppStatusQuoted: green;
	--AppStatusPended: #FF6A00;
	--AppStatusDeclined: red;
	--AppStatusBound: black;
}

body {
	background-color: #013F72;
	font-family: verdana;
	font-size: 11pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a {
	color: #C71901;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

textarea {
	font-family: verdana;
}

/* CSS CLASSES FOR THE 123OCP TEAM (ADMIN) LAYOUT */

#TopmostBannerOuter {
	margin: auto;
	width: 1800px;
	height: 82px;
	color: white;
	padding-bottom: 10px;
}

#TopmostBannerInnerLeft {
	float: left;
	width: 580px;
	text-align: left;
	line-height: 1.2;
	font-weight: bolder;
	font-size: 280%;
	padding-top: 5px;
	padding-left: 5px;
}

#TopmostBannerEnvName {
	font-weight: normal;
	font-size: 50%;
}

#TopmostBannerInnerCenter {
	float: left;
	text-align: left;
	padding-top: 53px;
}

#TopmostBannerInnerRight {
	float: right;
	padding-top: 53px;
}

	#TopmostBannerInnerRight a {
		color: white;
		text-decoration: none;
		font-size: 95%;
		padding-right: 50px;
	}

		#TopmostBannerInnerRight a:hover {
			color: yellow;
		}

#TopNavLinks {
	float: left;
}

	#TopNavLinks a {
		color: white;
		text-decoration: none;
		font-size: 95%;
		padding-left: 22px;
	}

		#TopNavLinks a:hover {
			color: yellow;
		}

#BottomNavLinks {
	margin-bottom: 30px;
}

	#BottomNavLinks a {
		color: white;
		text-decoration: none;
		padding-left: 35px;
		padding-right: 35px;
	}

		#BottomNavLinks a:hover {
			color: yellow;
		}

.NavLinkActive {
	color: yellow;
}

#MainContentFullWidth {
	background-color: #BBBBBB;
	border-style: solid;
	border-color: #C71901;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 10px;
	border-bottom-width: 10px;
}

#MainContentOuter {
	margin: auto;
	width: 1800px;
	background-color: white;
	min-height: 700px;
}

#MainContentDiv {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 35px;
	padding-right: 35px;
}

#MainContentDivLeftAligned {
	text-align: left;
}

#FooterBannerOuter {
	margin: auto;
	width: 1800px;
	color: white;
	margin-top: 20px;
	margin-bottom: 30px;
}

#MainPageTitle {
	font-size: 230%;
	margin-bottom: 40px;
	font-weight: bold;
	color: #013F72;
}

#MainContentOuterAgents {
	margin: auto;
	width: 1350px;
	background-color: white;
	min-height: 600px;
}

#FooterBannerOuterAgents {
	margin: auto;
	width: 1350px;
	color: white;
	margin-top: 20px;
	margin-bottom: 30px;
}

.GridTableStandard {
	width: 100%;
	border-collapse: collapse;
}

	.GridTableStandard th {
		text-align: left;
		padding: 10px;
		background-color: #C71901;
		color: white;
		font-weight: normal;
		font-size: 110%;
	}

	.GridTableStandard tr:nth-child(odd) {
		background-color: #E0E0E0;
	}

	.GridTableStandard td {
		text-align: left;
		padding: 10px;
		vertical-align: top;
	}

.OddRow {
	background-color: #E0E0E0;
}

.EvenRow {
	background-color: white;
}

#ValidationDiv {
	color: red;
	margin-bottom: 25px;
	display: none;
	line-height: 1.5;
}

#MessageDiv {
	margin-bottom: 25px;
}

/* https://www.w3schools.com/css/css_tooltip.asp */
/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	/*border-bottom: 1px dotted red;*/ /* If you want dots under the hoverable text */
}

	/* Tooltip text */
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: #013F72;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		border-radius: 6px;
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 1;
		font-family: verdana;
		font-weight: normal;
		font-size: 60%;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

.HighlightedWord {
	color: #C71901;
}

/* These dialog style classes are used to support the popup dialog for error handling during ajax calls within JavaScript functions throughout the application. */
#ErrorDialog {
	overflow: auto;
	font-size: 10pt !important;
	font-weight: normal !important;
	background-color: #FFFFC1;
	margin: 10px;
	border: 1px solid #ff6a00;
	text-align: left;
}

	#ErrorDialog div {
		margin-bottom: 15px;
	}

#CEPolicyDetailsHeaderDiv {
	padding: 15px;
	background-color: #E1E1E1;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#CEPolicyDetailsHeaderType2Div {
	padding: 15px;
	background-color: #E1E1E1;
	border-radius: 8px;
	margin-bottom: 25px;
}

#CEPolicyDetailsHeaderTable {
	width: 100%;
}

	#CEPolicyDetailsHeaderTable td {
		text-align: left;
		padding-bottom: 8px;
		font-size: 95%;
	}

.CEPolicyDetailsHeaderTableCellLabel {
	font-weight: bold;
}

#CECRResponseDetailsHeaderDiv {
	padding: 15px;
	background-color: slategrey;
	color: white;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-align: left;
}

#CECRResponseDetailsHeaderTitleDiv {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 6px;
}

/*





/* J Q U E R Y    P O P U P    D I A L O G    S T Y L I N G */
/* These two classes format the header (title bar) area of the modal popup dialog */
.ui-dialog-titlebar {
	border: 2px solid var(--DarkBlue) !important;
	padding-left: 65px !important;
}

.ui-dialog > .ui-widget-header {
	background-color: var(--LightBlue) !important;
	color: white !important;
	font-size: 130% !important;
}

/* Can set visibility to hidden to hide the X (close button) in upper right corner of dialog box */
.ui-dialog-titlebar-close {
	visibility: visible !important;
}

/* modal screen background color & opacity */
.ui-widget-overlay {
	background-color: rgba(0, 0, 0, 0.9) !important; /* Adjust color and opacity as needed */
}
/*
COLORS FROM 123OCP LOGO:
Maroon:	#C71901
Blue:	#013F72
*/

#LogInAsOutermostDiv {
	position: sticky;
	top: 0;
	z-index: 1000; /* stay above page content */
	background-color: yellow;
	color: red;
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 18px;
	padding-top: 8px;
	padding-bottom: 10px;
}

#LogInAsInnerDiv {
	display: flex;
	align-items: center; /* ✅ vertical centering */
	gap: 12px; /* spacing between icon, text, button */
	width: 70%;
	margin: auto;
	text-align: center;
}

#LogInAsAlertIcon {
	margin: auto;
	text-align: center;
	font-size: 280%;
	color: red;
}

#LogInAsInstructionsSpan {
	flex: 1;
	white-space: nowrap;
	margin: auto;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 115%;
}

#LogInAsUserInfoSpan {
	font-weight: bold;
	font-style: italic;
}

#btnCancelLogInAs {
	white-space: nowrap;
	margin: auto;
	text-align: center;
	height: 33px;
	width: 88px;
	font-size: 110%;
	border-width: 1px;
	border-radius: 6px;
	background-color: red;
	color: white;
	border-color: red;
}

	#btnCancelLogInAs:hover {
		cursor: pointer;
		background-color: white;
		color: red;
	}