:root {--blue: #0B486D;	--darkblue: #02324f; --darkerblue: #06273C;	--lightblue: #1B6B9C; --lighterblue: #9BBBCE; --highlightblue: #DFF2FF;	--red: #990000;	--darkred: #7b0000;	--lightred: #ce0000; --highlight: #fff3b3; --green: #017500; --darkgreen: #005300;}

body
{
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 14px;
	color: #111;
	background-color: #fff;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

#siteWrapper, #MAINFORM { display: contents; }

@media screen and (min-width:1100px) {

body
{
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}

#MAINFORM header:first-of-type 
{ 
	flex: 0 0 auto;
	background-color: var(--blue); 
}

	#MAINFORM header:first-of-type div.site-header-container
	{
		display: contents;
	}
	
		#MAINFORM div.mobile-fixed-container { display: none; }
		
		#sitemasthead,
		#sitemasthead > div:first-of-type { display: contents; }
			
			h1#logo-heading
			{
				display: block;
				flex: 0 0 auto;
				margin: 5px 0;
				font-size: inherit;
				line-height: 1;
				min-height: 58px;
				position: relative;
				z-index: 99;
			}
			
				a.site-logo-link { display: inline-block; }
				
					img.site-logo 
					{ 
						display: block;
						max-width: initial; 
					}
								
			#welcomeBackBar 
			{ 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
			}
			
				#siteNavBar_welcomeBackBarLoggedIn_loginToggle 
				{
					display: block;
					font-size: inherit;
					background-color: transparent;
					right: 50px;
				}
				
					#siteNavBar_welcomeBackBarLoggedIn_loginToggle span.user-image 
					{ 
						top: 0;
						border-radius: 50%;
						border: 1px solid #eee;
						display: block;
						width: 50px;
						height: 50px;
					}
				
				#user-login-section 
				{
					width: auto;
					top: 50px;
					display: flex;
					right: 20px;
				}
				
				#siteNavBar_searchBox_SearchButton 
				{ 
					right: 120px;
					top: 13px; 
					z-index: 99;
					background-color: transparent;
					color: #fff;
				}

				#searchAutoCompleteResults { display: contents; }

				#siteNavBar_searchBox_searchPanel 
				{
					display: block;
					position: absolute;
					width: 100%;
				}

					#siteNavBar_searchBox_divSideBarContainer 
					{ 
						display: block;
						margin-top: 0;
					}

						#search-section { }
						
			#top-nav-bar 
			{ 
				flex: 1 1 auto;
				float: none; 
			}
			
				#hamburger-menu-section {}
				
					ul#main-nav 
					{
						display: flex;
						align-items: center;
					}
										
						ul#main-nav li.tabs 
						{ 
							flex: 0 0 auto; 
							float: none; 
							margin: 0;
							display: inline-block;	
							height: inherit;
							white-space: nowrap;
							position: relative;
						}

							#main-nav li > a 
							{ 
								padding: 8px 10px;
								max-height: inherit;
								color:#fff;
								font-size: 18px;
								border-left:1px solid transparent;
								border-right:1px solid transparent;
								border-bottom:1px solid transparent;
							}

							#main-nav li > a:hover,
							#main-nav li > a:active
							{
								border-left:1px solid #0B486D;			
								border-right:1px solid #0B486D;
								border-bottom:1px solid #0B486D;
								background-color: #eee;
								color:#0B486D;
								outline: none;
							}

							#main-nav li.selected,
							#main-nav li.selected > a
							{ 
								background-color: #fff;
								color:#0B486D;			
							}

							#main-nav li.selected > a:hover
							{
								border-left:1px solid transparent;			
								border-right:1px solid transparent;
								border-bottom: 1px solid transparent;
								text-decoration: none;
							}

							#main-nav ul.nav_sub_menu
							{
								position: absolute;
								display: none;
								z-index: 20;
								left:-1px;
								margin-top:8px;
								background-color: #eeeeee;
								font-size:14px;
								color:#0B486D;
								border:1px solid #0B486D;
							}		

							#main-nav li > a:hover .nav_sub_menu { display: block; }

							#main-nav li.selected > a:hover .nav_sub_menu { left:-2px; background-color: #fff; border-top: 1px solid transparent; }

							#main-nav .nav_sub_menu a
							{
								color: inherit;
								font-size: inherit;
								white-space: nowrap;
								display: block;
								padding:5px 6px;
							}


							#main-nav li:hover .nav_sub_menu li:hover,
							#main-nav li:hover .nav_sub_menu li a:hover
							{
								background-color: #0B486D;
								color:#fff;
								text-decoration: none;
							}

							#main-nav .nav_sub_menu li.nav_section
							{
								position: relative;
								margin: 0;
								display: block;
								height: inherit;
								float: none;
								white-space: nowrap;
							}

							#main-nav .nav_sub_menu li.nav_section a
							{
								margin-left:20px;
								border-bottom: 0;
							}

							#main-nav .nav_sub_menu li.nav_section a span.glyphicons
							{
								position: absolute;
								left:6px;
								top:8px;
							}
						
							
#mainCrumbs 
{
	flex: 0 0 auto;
	top: 0;
	left: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 5px;
}
	
	#mainCrumbs span 
	{ 
		display: block;
		font-size: 12px; 
	}
	
	#mainCrumbs span.breadcrumbs-title { font-weight: normal; }
	
	#mainCrumbs a,
	#mainCrumbs a:hover { color: var(--blue); }
	
#TargetedMessage 
{
	flex: 0 0 auto;
	top: 0;
	margin: 0;
	padding: 0;
	border: none;
}

.glyphicons { line-height: inherit; /*padding: 0 !important;*/  }

#mainLayout 
{
	flex: 1 1 auto;
	overflow: auto;
	margin: 0;
	padding: 0;
}
	
	/*#mainLayout *::before,
	#mainLayout *::after { display: contents; }*/
		
	#mainLayout > div.container-fluid:first-of-type 
	{
		margin: 0;
		padding: 0;
		display: block;
	}
		
		#mainLayout > div.container-fluid:first-of-type > div.row:first-of-type 
		{
			display: flex;
			overflow: hidden;
			margin: 0;
		}

			#mainLayout > div.container-fluid:first-of-type > div.row:first-of-type nav { display: contents; }

			#sideBar 
			{ 
				display: block;
				flex: 0 0 auto;
				margin: 0;
				left: 0;
			}
			
				#sideBar .sidebar-link-title { display: none; }
			
			#portlets
			{
				flex: 1 1 auto;
				padding: 0;
				width: auto;
				position: relative;
				float: none;
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}
				
				#PageBar_pageTitle 
				{
					display: inline-block;
					margin: 0 0 10px 10px;
				}
				
					#PageBar_pageTitle h2 { margin: 0; }
				
				#PageBar_pageTitleButtons 
				{
					display: inline-block;
					float: none;
					position: absolute;
					right: 10px;
					top: 0;
					margin: 0;
				}
				
					#PageBar_wrenchToggle { background-color: transparent; }
					
					#PageBar_btnPrintView { background-color: transparent; }
				
				#PageBar_menuAdmin 
				{
					display: flex;
					margin: 0;
					top: 0;
				}
				
				

						#portlet-grid div.portlet div.portlet-header-bar
						{
							color: #fff;
							background-color: var(--blue);
						}

							#portlet-grid div.portlet div.portlet-header-bar a { color: #fff; }
							#portlet-grid div.portlet div.portlet-header-bar a:hover { }
											
	#mainLayout div.container-fluid.footer-wrapper.primary 
	{
		width: 100%;
	}
	
		#photostrip
		{
			position:relative;
			display: flex;
			align-items: center;
			justify-content: center;
			height:175px;
			background-color:#000;
			border:0px;
			overflow: hidden;
			border-top: 1px solid #02324f;
			border-bottom: 1px solid #02324f;
		}
			#photostrip img
			{
				position:relative;
				display:block;
				flex: 1 1 auto;
			}	
}

@media screen and (max-width:1025px) {

body 
{ 
	width: 100dvw;
	height: 100svh;
	font-size: 12px;
	font-family: Helvetica, Arial, "sans-serif";
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

body * { line-height: 1.3 !important; }

.overlay-z-index { z-index: 50px; }

div.modal-overlay { display: none; }

#MAINFORM header:first-of-type 
{ 
	/*background-color: var(--blue); */
}

	#MAINFORM header:first-of-type div.site-header-container { display: contents; }
	
		#MAINFORM div.mobile-fixed-container { display: none; }
		
		#sitemasthead { display: block; min-height: 50px; }
		
		#sitemasthead > div:first-of-type { display: contents; }
			
			button#main-nav-btn { z-index: -100 !important; visibility: hidden; opacity: 0; top: -100px; }
			
			h1#logo-heading
			{
				position: relative;
				margin: 0;
				font-size: inherit;
				line-height: 1;
			}
			
				a.site-logo-link { display: flex; align-items: center; justify-content: center;  }
				
					img.site-logo 
					{ 
						display: block;
						max-width: 100vw; 
						width: 100%;
					}
			
			#sitemasthead span[role="search"] { position: relative; display: block; }
			
			#siteNavBar_searchBox_searchPanel
			{
				position: absolute;
				width: 100%;
				z-index: 999;
				top: 90px;
			}
				
				#search-section
				{
					margin: 0;
					box-shadow: unset;
				}
				
					#search-section div.popover-content 
					{
						display: flex;
						align-items: center;
						gap: 5px;
						padding: 10px;
					}
					
						#search-section div.popover-content div.form-group
						{
							flex: 1 1 auto;
							width: 100%;
							padding: 0;
							margin: 0;
						}
					
						a#siteNavBar_searchBox_lbSearch
						{
							width: auto;
							margin: 0;
							padding: 5px;
							font-size: 16px;
						}
						
						input#siteNavBar_searchBox_tbSearch 
						{ 
							width: 100%;
							height: auto;
							margin: 0;
							box-shadow: unset;
						}
						
			#siteNavBar_searchBox_SearchButton 
			{
				position: absolute;
				right: 98px;
				top: 3px;
				float: none;
				background-color: transparent;
				color: var(--blue);
				padding: 0;
				margin: 0;
				border: none;
				font-size: 24px;
				width: 35px;
				height: 35px;
				z-index: 100 !important;
			}
			
			#welcomeBackBar 
			{  
				position: relative;
				overflow: visible;
				margin: 0;
				height: 40px;
			}
			
				#siteNavBar_welcomeBackBarLoggedOut_welcomeBackBarLoggedOut
				{
					display: contents;
					z-index: 6;
				}

					button#siteNavBar_welcomeBackBarLoggedOut_loginToggle 
					{  
						display: block;
						position: absolute;
						top: 3px;
						left: 3px;
						padding: 6px 12px;
						color: #fff;
						background-color: var(--blue);
						border: 1px solid #fff;
						border-radius: 4px;
						font-size: 14px;
						font-weight: normal;
						text-transform: uppercase;						
						float: none;
						z-index: 5 !important;
						line-height: inherit;
					}

				#siteNavBar_welcomeBackBarLoggedIn_loginToggle 
				{
					display: block;
					font-size: inherit;
					background-color: transparent;
					right: 50px;
					top: 3px;
					position: absolute;
					margin: 0;
					padding: 0;
					left: auto;
					height: 35px;
					width: 35px;
					float: none;
					line-height: inherit;
					border: none;
					z-index: 3;
				}
				
					#siteNavBar_welcomeBackBarLoggedIn_loginToggle span.user-image
					{
						width: 100%;
						height: 100%;
					}

				div#user-login-section
				{
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: var(--blue);
					overflow: hidden;
					max-height: 50px;
					height: auto !important;
					position: relative;
					z-index: 1 !important;
					left: 0;
					right: 0;
					top: 40px;
					gap: 10px;
					flex-wrap: nowrap;
					padding: 10px;
				}

					div#user-login-section.collapse.in
					{
						display: flex !important;							
					}

					div#user-login-section div.input-group
					{
						flex: 1 1 auto;
						margin: 0;
						width: auto;
						padding: 0;
						overflow: hidden;
					}

						div#user-login-section span.input-group-addon
						{
							display: none;
						}

						label#siteNavBar_welcomeBackBarLoggedOut_UserNameLabel
						{
							display: none;
						}

						input#password,
						input#userName 
						{
							margin: 0;
							width: 100%;
							display: block;
						}

					input#siteNavBar_welcomeBackBarLoggedOut_ButtonLogin
					{
						flex: 0 0 auto;
						padding: 7px !important;
						color: #fff;
						background-color: var(--blue);
						border: 1px solid #fff;
						border-radius: 4px;
						font-size: 14px !important;
						font-weight: normal;
						margin: 0 !important;
						width: auto;
						line-height: inherit;
					}

					button#siteNavBar_welcomeBackBarLoggedOut_JicsLoginRedirectContinue
					{
						flex: 0 0 auto;
						padding: 7px !important;
						color: #fff;
						background-color: var(--blue);
						border: 1px solid #fff;
						border-radius: 4px;
						font-size: 14px !important;
						font-weight: normal;
						margin: 0 !important;
						width: 75px;
						max-width: none !important;
						line-height: inherit;
					}

					div#siteNavBar_welcomeBackBarLoggedOut_JicsSimpleLogin {  }

					a#siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink { display: none !important; }

			nav#top-nav-bar 
			{
				position: absolute;
				top: 3px;
				right: 6px;
				left: auto;				
				z-index: 99;
				width: 35px;
				height: 35px;
				overflow: hidden;
				border: 1px solid var(--blue);
				background-color: var(--blue);
				outline: 1px dotted white;
			}
			
				nav#top-nav-bar::before 
				{
					content: '\2630';
					color: #fff;
					font-size: 24px;
					font-weight: normal;
					z-index: 99;
					display: flex;
					justify-content: center;
					align-items: center;
					/*background-color: var(--blue);*/
					cursor: pointer;
				}
				
				nav#top-nav-bar.open::before 
				{
					position: absolute;
					content: '\2715';
					right: 3px;
					top: 2px;
					width: 28px;
					/*background-color: var(--blue);*/
				}
				
			nav#top-nav-bar.open { width: 97%; height: 90%; overflow: visible; }
			
			nav#top-nav-bar div.nav-container { display: none; }
			
			nav#top-nav-bar.open div.nav-container { display: contents; }
			
			nav#top-nav-bar #header-tabs { display: contents; }
			
			#hamburger-menu-section
			{
				position: relative;	
				width: 100%;
				height: 95svh;	
				display: block;		
				overflow: hidden;		
				background-color: var(--blue);
				/*border: 1px solid #fff;*/
				text-align: center;
			}
			
				ul#main-nav 
				{
					display: block;
					background-color: var(--blue);
					width: auto;
					height: auto;
					position: relative;
					margin: 0;
					padding: 0;
					text-align: left;
					overflow: hidden;
				}
				
					nav#top-nav-bar.open ul#main-nav { display: block; }
					
					ul#main-nav li 
					{					
						margin: 0;
						padding: 0;
						display: block;
						background-color: transparent;
						max-width: 90%;
					}
					
						
						ul#main-nav li a 
						{
							
							display: block;
							color: #fff;
							font-size: 14px;
							width: 100%;
							line-height: 1.4;
							
						}
						
						ul#main-nav li a:hover { color: var(--blue) !important; background-color: #fff !important;}

#mainCrumbs 
{
	display: flex;
	display: none;
	align-items: center;
	top: 0;
	padding: 5px;
	font-size: 11px;
	gap: 5px;
}

	#mainCrumbs span.breadcrumbs-title { font-weight: normal; }
	
	#mainCrumbs span.crumbs {}
	
#TargetedMessage 
{
	position: fixed;
	z-index: 999;
	flex: 0 0 auto;
	top: auto;
	bottom: 1svh;
	margin: 0;
	padding: 5px;
	border: none;
	background-color: #fff;
}

#mainLayout 
{
	flex: 1 1 auto;
	overflow: auto;
	margin: 0;
	padding: 0;
}
	
	#mainLayout *::before,
	#mainLayout *::after { display: contents; }
	
	#sideBar 
	{
		
	}
		#sideBar * { font-size: 14px !important; }
		
		div#sidebar-slide-menu-container 
		{
			background-color: #eee;
			top: 50px;
		}
		
		button#sidebar-slide-menu-button 
		{  
			width: 40px;
			height: 40px;
			background-color: var(--blue);
			color: #fff;
		}
		
			span.sidebar-slide-btn-icon { font-size: 18px; }			
		
	#mainLayout div.container-fluid { padding: 0; }
	
		#mainLayout div.container-fluid div.row { margin: 0; }
	
	#mainLayout div.container-fluid.footer-wrapper.primary { padding: 0; }
	
		#portlet-grid {  }
		
		#PageBar_wrenchToggle { display: none; }
					
		#PageBar_btnPrintView { display: none; }
					
		#PageBar_pageTitle 
		{
			margin: 0;
			padding: 0;
			min-height: unset;
			
		}
		
			#PageBar_pageTitle h2 { margin: 10px; font-size: 20px; }
	
		#portlet-grid div.card-action-row { width: auto; display: flex; align-items: center; gap: 5px; }
		
			#portlet-grid div.card-action { width: auto !important; }
	
	#mainLayout footer { display: none; }
}			

#mainLayout a { color: var(--darkblue); }
#mainLayout a:hover
{
	color: var(--blue);
	text-decoration: underline;
}
	
#portlet-grid { width: auto; }
				
	#portlet-grid div.pShortcut,
	#portlet-grid div.portlet-help-wrapper,
	#PageBar_helpButton { display: none; }

	#portlet-grid div.portlet 
	{
		border: 1px solid var(--blue); 
		margin: 0 0 20px 0;
		width: auto;
	}

	#portlet-grid .btn, 
	#portlet-grid input[type="submit"], 
	#portlet-grid .link-btn 
	{ 
		background-color: var(--blue); 
		color: #fff; 
		border: 1px solid #000; 
		font-weight: 500;
		text-decoration: none;
		border-radius: 4px;
	}

	#portlet-grid input[type="submit"] { padding: 6px 12px; }

		#portlet-grid .btn:hover, 
		#portlet-grid input[type="submit"]:hover, 
		#portlet-grid .link-btn:hover { text-decoration: none; }

	#portlet-grid .btn-danger 
	{ 
		background-color: var(--red) !important; 
		color: #fff !important; 
	}

	#portlet-grid .btn-clear-primary 
	{ 
		background-color: #ccc !important; 
		color: #000 !important;
	}

	#portlet-grid .btn-success-toggle { background-color: var(--green); }
	#portlet-grid .btn-danger-toggle { background-color: var(--red); }