@charset "utf-8";
/**
 * @file: custom-plugins.css
 * @use: Styling for All Custom Javascript and jQuery plugins
 *########################################################*/

/** General Template ROOT Style Settings **/
:root {
	--plainwhite-color: #FFFFFF;	/* Plain White text color */
	--offwhite-shade0: #FCFCFC;		/* Off-white shades */
	--offwhite-shade1: #FAFAFA;
	--offwhite-shade2: #F0F0F0;
	--plainblack-color: #000000;	/* Plain Black text color */
	--diamondblack-color: #1F1F1F;	/* Diamond-black */
	--red-color: #FF4343;			/* ~ #FF3366 */
	--focusred-color: #CC3333;
	--dkred-color: #FF0000;			/* Dark-red */
	--solidred-color:#FEBEBE;		/* solid red border */
	--brown-color: #996600;
	--orange-color: #F2911B;
	--orangebr-color: #FE642E;		/* bright orange */
	--orangered-color: #DE6435;		/* Orange-red shade */
	--pink-color: #F7A4C2;
	--pinkbr-color: #E80084;		/* bright pink - same as icons, alerts, etc. */
	--yellow-color: #FFFF00;
	--faintyellow-color: #F7F8E0;	/* Faint Yellow color, ~ #FFFFEA */
	--yellow-shade: #FFFFEF;		/* Faint Yellow shade, no opacity */
	--yellow-shade2: rgba(255,255,234,0.5);	/* Faint Yellow shade, ~ #FFFFEA with 50% opacity */
	--ltyellow-color: #FFFFE0;
	--solidyellow-color: #FFCC33;
	--grey-color: #999999;
	--gray-color: #999999;			/*-~ alias */
	--faintgrey-color: #EDEDED;		/* Faint grey shade */
	--lowgrey-color: #CCCCCC;		/* Low-grey shade, ~ #CFD6DC */
	--medgrey-color: #858585;		/* Medium-grey or #848484 */
	--higrey-color: #666666;		/* High-grey shade */
	--ltgrey-color: #A0A0A0;		/* Light-grey */
	--dkgrey-color: #333333;		/* Dark-grey */
	--grey-comment1: #787878;		/* Grey comments text */
	--grey-comment2: #D8D8D8;		/* Lighter grey text or D0D0D0 */
	--bggrey-color: #E6E6E6;		/* Background grey or #EAEAEA */
	--grey-disabled-bg: #E9E9EA;	/* Disabled grey bg or #EFEFEF */
	--grey-disabled-btn: #585858;	/* Disabled grey button/select/text */
	--grey-border0: #F0F0F0;
	--grey-border1: #D0D0D0;
	--grey-border2: #B6B6B6;
	--grey-border3: #9A9A9A;
	--grey-border4: #606060;
	--grey-border5: #363636;
	--grey-border6: #1A1A1A;
	--blue-color: #3E89CD;			/* ~ or #5C83C5 */
	--skyblue-color: #E6ECFF;		/* ~ or #C1D8E9 */
	--shadeblue-color: #00447C;		/* Blue shade, text and bg - Same as used in reports and stmt */
	--txtblue-color: #5BB8E4;
	--ltblue-color: #B2D0EB;		/* Light-blue */
	--dkblue-color: #00305E;
	--deepblue-color: #4986FF;
	--blueviolet-color:#8A2BE2;
	
	--loginblue: #24D1C3;
	--deepblue: #1554FF;
	--blue-shade1: rgba(21,84,255,0.3);		/*=~ #1554FF with 30% opacity */
	--blue-shade2: rgba(21,84,255,0.5);		/*=~ #1554FF with 50% opacity */
	--blue-shade3: rgba(21,84,255,0.75);	/*=~ #1554FF with 75% opacity */
	--menublue: #7298FF;
	--linkblue: #3399FF;			/* Link text, also #185FAC or #3366BB */
	--magenta-color: #8A0886;
	
	--green-color: #76BF28;
	--dkgreen-color: #66CC00;
	--focusgreen-color: #5CB342;
	
	/*--gray-color: #7B97A4;*/
	/*--red-color: #E3004A;*/
	--drkred-color: #B50045;
	--logoblue: #0065C4;
	--logogreen: #83B81A;
	--logoorange: #E85412;
	--logored: #9E0054;
	--logoyellow: #FABB00;
	
	/* Custom colors for client */
	--loginbg-color: #A89679;
	--loginbtn-color: #E2C794;
	--menubg-color: #AAB68C;
	--btnbg-color: #EC008C;			/* Dark Pink Button BG */
	--hover1-color: var(--medgrey-color);
	--hover2-color: #707A5E;
	
	/* Apply to the whole document */
	--frame-width: auto;		/* Maximum Frame width in the document window */
	--frame-min-width: 1000px;
	--frame-max-width: 1500px;		/*2080px;*/
	--frame-width-small: 768px;
	--frame-width-medium: 992px;
	--frame-width-large: 1200px;
	--frame-width-exlarge: 1400px;
	--frame-width-xxl: 2080px;
	
	--font-size-all: 12px;	/*~= 12px or 0.75em based on document, default size 16px ~= 1em */
	--font-family-all: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
}
/*################################################*/


 
/** Header Top-nav (Site nav) menu **
 *################################################*/
#headerNav {
	color: var(--plainwhite-color);
	background: none var(--menubg-color);
	border-bottom:1px solid var(--menubg-color);
	height:50px;
}
#navbar {}
.nav_col {
	display:block;		position:absolute;
	top:8px;			/*height:100%;*/
	margin:0;			padding:5px 10px;
}
.nav_container, .sub-nav_container {}
.sub-nav_container {}
.nav_content, .sub-nav_content {
	clear:both;			padding-left:10px;
	display:block;		position:relative;
	float:none;			clear:both;
}
.nav_content {
	padding:0;			margin:0;
}
.sub-nav_content {}
.nav_popup, .sub-nav_popup {
	padding:0;				margin:0;
	min-width:120px;		min-height:50px;
	max-width:400px;		max-height:400px;
	overflow:hidden auto !important;
	z-index:31;
}
.nav_popup {
	width:auto;				top:37px !important;
}
.sub-nav_popup {
	top:-5px !important;	left:150px !important;
	max-width:300px;		max-height:450px !important;
}
ul.nav_popup_container, ul.sub-nav_popup_container {
	clear:both;				position:relative;
	display:block;			list-style:none;
	margin:0;				padding:10px;
	z-index:inherit;
}
.nav_popup_container {}
.nav_popup_container li {
	list-style:none;
}
.sub-nav_popup_container {
	/*display:none;*/
}
.sub-nav_popup_container li {}
li.nav_item, li.sub-nav_item {
	display:block;			cursor:text !important;
	margin:0px;				padding:3px 5px !important;
	position:relative;		text-decoration:none;
	white-space:nowrap;		font-weight:300 !important;
}
li.nav_item label, li.nav_item span, li.nav_item a, li.nav_item input, li.nav_item button {
	color:inherit;			cursor:text;
	text-decoration:none !important;
}
li.nav_item > label, li.nav_item > span, li.nav_item > a {
	cursor:inherit;			display:inline-block;
	width:100%;				overflow:hidden;
}
li.nav_item a, li.nav_item input {
	cursor:pointer !important;
	font-size:1.2em;
}
li.sub-nav_item {
	padding-top:0 !important;			padding-bottom:3px !important;
}
li.nav_item:hover .sub-nav_item {
	color: var(--plainblack-color);
	background-color:none transparent;
}
li.nav_item:hover, .sub-nav_item:hover {
	background-color: var(--hover2-color) !important;
	color: var(--ltyellow-color) !important;
	/*font-weight:700;*/
}
/*
.subnav_items_link {
	display:block;			position:relative;
}
.subnav_items_pop {
	display:block;			position:absolute !important;
	color:#F2F5A9;			background-color: var(--linkblue);
	left:190px;				top:0;
	margin:0;				padding:10px;
}*/
li.sub-nav_item dl, li.sub-nav_item dd {
	margin:0 !important;
	padding:0 !important;
}
li.sub-nav_item dl {
	padding-left:25px !important;
	cursor:text !important;
}
li.sub-nav_item dd {}
li.nav_item:hover > label, li.nav_item:hover > span, li.nav_item:hover  dl, li.nav_item:hover  dd,
li.nav_item:hover > a, li.nav_item:hover .nav_link, li.nav_item:hover > .nav_link a,
li.sub-nav_item:hover  dl, li.sub-nav_item:hover  dd {
	color:inherit !important;
}
li.sub-nav_item:hover {}
li.nav_item2 .nav_link {
	text-transform:uppercase !important;
}
li.nav_item_selval {
	cursor:not-allowed !important;
	background:none var(--ltyellow-color) !important;
	padding-bottom:7px !important;
}
li.nav_itema, li.sub-nav_itema {
	/*background-color: var(--ltyellow-color) !important;*/
	color: var(--plainblack-color);
	cursor:default !important;
	font-weight:600 !important;
}
li.sub-nav_itema {}
li.nav_itema:hover, .sub-nav_itema:hover {}
li.sub-nav_itema:hover {}
.nav_itemh {
	cursor:pointer;			overflow:visible;
	z-index:30;
}
.nav_iteml {
	font-size:1.2em;			font-weight:500;
	letter-spacing:1px;	white-space:nowrap;
	overflow:visible;
}
.nav_itemv {
	background:url("/images/new/WhiteDownCaretLarge.png") no-repeat scroll 0px 10px transparent !important;
	padding:7px 3px 3px 15px !important;
	font-size:11px;			font-weight:500;
}
.nav_nodd {
	color: var(--ltgrey-color) !important;
	cursor:not-allowed !important;
}
.nav_nodd .nav_iteml {}
.nav_nodd .nav_itemv {
	background-image:url("/images/new/GreyDownCaretLarge.png") !important;
}
.nav_itemr {}
.nav_itemr:hover {
	/*background-image:url("/images/") !important;*/
	background-color:#01437D !important;
}
.nav_link {
	display:block;				position:relative;
	clear:both;						cursor:pointer;
	white-space:nowrap;		float:none;
	text-decoration:none !important;
}
.nav_link, .nav_link:hover {
	padding:3px !important;
}
.nav_linkd {
	cursor:default !important;
}

#navbar-sitenav.sitenav {
	left:0px;				width:200px;
  width:200px !important;
}
.sitenav .nav_itemh {
	width:180px !important;
}
.sitenav .nav_iteml {
	font-size:1.6em;
	letter-spacing:0.007em;
}
.menu_icon {	/* Can be used with .icons or .icons-new */
	background: url("/images/menu-icon.png") no-repeat scroll center center transparent;	/* This is just a placeholder if nothing found, may be overwritten in styles.css for client specific icon */
	width:25px;			height:20px;
	cursor:pointer;		display:inline-block;
	position:relative;	clear:both;
	margin:0;			padding:0;
}
.sitenav .menu_icon {
	margin-right: -5px;
}
.sitenav .nav_popup {		/* #navPop_sitenav */
	background:none transparent;
	border:0px none transparent !important;
	max-height:400px !important;		max-width:400px !important;
	/*width:400px !important;*/			overflow:visible !important;
	top:32px!important;					left:-10px;
	padding-top:5px;
}
.sitenav ul {
	border:1px solid var(--higrey-color) !important;
	padding:5px 0px !important;			/*width:185px;*/
}
.sitenav ul.nav_popup_container {
	width:205px;
	/*padding-left:25px !important;*/
	/*border:0px none transparent !important;*/
	/*border-bottom-radius:3px;*/
}
.sitenav ul.nav_popup_container li {
	padding-left:25px !important;
}
.sitenav ul.sub-nav_popup_container {
	/*padding-left:15px !important;*/
	left:205px !important;
}
.sitenav ul.sub-nav_popup_container li {
	padding-left:15px !important;
	/*width:250px !important;*/
	width:auto;
}
.sitenav-level-1 {}
.sitenav-level-2 {}
.sitenav-level-3 {
	/*width:270px !important;*/
	width:auto;
}
.sitenav-level-4 {
	background-color: var(--bggrey-color) !important;
	/*left:250px !important;*/
	padding:5px !important;
	width:auto;
}
.sitenav-level-4 li {
	/*color:#FAFAFA !important;*/
	padding:2px !important;
	width:auto;
}
.sitenav-level-4, .sitenav-level-4:hover,
.sitenav-level-4 li, .sitenav-level-4:hover li, .sitenav-level-4 li:hover {
	cursor:default !important;
}
.nav_filts {}
.nav_filts .nav_popup {}
.nav_filts .nav_item {
	cursor:pointer !important;
}
.nav_filts .nav_popup_container {
	padding-left:3px !important;
}
.nav_filts .nav_popup_container li {}
.nav_filts .filts_update {
	border-top:1px dotted var(--higrey-color);
	/*position:fixed;*/		bottom:0;
	display:block;			clear:both;
	width:auto;					height:20px;
	margin:5px 0 0 0;		padding:0;
	text-align:center;	vertical-align:middle;
}
.nav_filts .filts_update button {
	color: var(--linkblue);
	font-weight:600;			padding:4px 1px;
}
.nav_dotted {
	border-top:1px dotted var(--higrey-color);
	clear:both;			display:block;
	height:10px;		padding:0px 0px 5px 0px;
	width:80%;			margin:5px 0px 0px 0px;
	position:relative;	text-align:center;
}
/*################################################*/




/** Screen Sub-menu (NOT Top-nav menu)**
 *#######################################*/
.submenu_title {
	background:url("/images/new/GreyDownCaretLarge.png") left center no-repeat scroll transparent;
	display:inline-block;		color: var(--plainblack-color);
	padding-left:20px;			cursor:pointer;
	font-size:18px;					text-transform:uppercase;
	z-index:10;
}
.submenu_header {
	background:none transparent;
	display:block;		position:relative;
	padding:0;				margin:10px 0px 15px -20px;
}
.submenu_list {
	border:none !important;
	top:22px;					width:250px !important;
	padding:0px;			margin:0px;
}
.submenu_list ul, .submenu_list li {
	list-style:none;
}
.submenu_list ul {
	border:1px solid var(--higrey-color) !important;
	width:99%;				padding:0px !important;
}
.submenu_list li {
	padding:5px 10px !important;
}
.submenu_list li:hover .nav_link {
	color: var(--plainwhite-color);
}
.submenu_list li:hover .nav_linkd {
	color:#F2F2F2;
}
.submenu_content {
	display:block;
	clear:both;				position:relative;
}
.submenu_content .rowsecbar,
.submenu_content .rowsecbara {
	background-color:#6388A0 !important;
	color:#FAFAFA !important;
	border-color:#6388A0 !important;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	/*margin-top:10px;*/
}
.submenu_content .rowsectb {
	/*margin-bottom:10px !important;*/
}
/*#################################################*/



/** Dropdowns/Pull-downs and Pop-ups **
 *#################################################*/
.dropdown {
  display: none;		position: absolute;
  border: 1px solid var(--higrey-color);
  background-color: var(--plainwhite-color);
  font-size: 12px;
  top: 0px;				left: 0px;
  z-index:10;
}
.dropdown div {
  padding: 1px 6px;
}
.dropdown div:hover {
  background-color: #00305e;
  color: var(--plainwhite-color);
}
.popup {
  display: none;
  position: absolute;
  bottom: 24px;
  left: -12px;
  background-color: #00305e;
  color: var(--plainwhite-color);
  padding: 4px 12px;
  text-align: left;
}
.pulldown, .pulldownr {
	color: var(--plainblack-color);
	/* background:none var(--skyblue-color);		/* or #F5F5F5; */
	background-color: var(--plainwhite-color);
	border: 1px solid var(--higrey-color);
	border-radius:5px;
	display:block;		position:absolute;
	clear:both;			float:none;
	margin:0px;			padding:0px;
	top:0px;			overflow:auto;
	height:auto;		min-height:50px;
	width:auto;			min-width:150px;
	z-index:30;
}
.pulldown {
	display:none;	/* This is seperate to avoid any absolute positioning issues */
	left:0;
}
.pulldownr {
	display:none;	/* This is seperate to avoid any absolute positioning issues */
	right:0;
}
.pulldwnlbl, .pulldwnlbl2 {		/* Display Label for the Pull-down */
	background:url("/images/icons/icon_caretdown_grey.png") right 5px no-repeat scroll transparent;
	display:block;		cursor:pointer;
	margin:0;			padding:3px 17px 3px 5px;
}
.pulldwnlbl2 {
	background: none;	padding:3px;
}
.pulldwnlbl_ico {
	background:none transparent !important;
	padding:3px 0;		margin:0 1px;
}
.popfiltered {		/* Show alert icon near label, when filtered */
	left:0px;			margin-right:10px;
}
.pulldown ul, .pulldown li {
	list-style:none;
	/*background:none transparent;*/
	margin:0;					padding:0;
	display:block;		/*clear:both;*/
}
.popcontainer {		/* wrapper inside pulldown (1st level), parent for all .popcontent */
	display:block;		clear:both;
	float:none;			position:relative;
	font-size:12px;		text-align:left;
	width:auto;			padding:0 !important;
	height:auto;		margin:0 !important;
	overflow:visible;
}
.popcontainer .close, .popcontainer .xclose {}
.popcontent {		/* common class for popconttop, popcontdata and popcontfoot */
	display:block;		clear:both;
	float:none;			position:relative;
	overflow:visible;	/*font-weight:normal;*/
	margin:0px;			padding:10px 8px;
}
.popcontent .popheading1,
.popcontent .popheading2,
.popcontent .popheading3 {
	padding:5px 2px;			display:block;
	white-space:nowrap;
}
.popcontent .poptitle {
	display:inline-block !important;
	white-space:nowrap;
}
.popcontent .popheading1 {
	font-weight:800;
}
.popcontent .popheading2 {
	font-weight:600;
}
.popcontent .popheading3 {
	font-weight:500;
}
.popcontent .popbtn, .popcontent .popbtnmid,
.popcontent .popbtnleft, .popcontent .popbtnright {
	display:inline-block;
	position:relative;
	font-weight:600;	white-space:nowrap;
}
.popcontent .popbtn, .popcontent .popbtnmid {
	float:none;		margin:0;
}
.popcontent .popbtnmid {
	top:3px;			text-align:center;
	margin:0px auto;
}
.popcontent .popbtnleft {
	float:left;		margin-left:7px;
	left:0;				top:3px;
}
.popcontent .popbtnright {
	float:right;	margin-right:7px;
	right:0;			top:3px;
}
.popcontent .redisplay {}
.popcontent .popclearall {}
.popcontent .popreset {}
.popcontent .popcancel {}
.popcontent .popsubmit {}
.popcontent .link {}
.popcontent .link3 {}
.popconttop, .popcontfoot {
	height:22px;		padding:5px 8px;
}
.popconttop {}
.popcontdata {
	height:auto;		padding:10px 8px 15px 8px;
}
.popcontdata .popcontrow {
	padding:3px 10px;
	display:block;				clear:both;
}
.popcontdata .filterline {
	margin-right:15px;
}
.popcontdata .filterlinr {
	margin-left:15px;
}
.popcontdata .hline {
	border-color:#C3C3C3 !important;
	clear:both;			overflow:hidden;
	width:100%;			margin-top:10px;
	padding:0px !important;
}
.popcontfoot {
	font-weight:600;
}
.popcontleft, .popcontright {
	display:block;		/*font-weight:700;*/
	top:0;
}
.popcontleft {
	float:left;				left:0;
	text-align:left;
}
.popcontright {
	float:right;			right:0;
	text-align:right;
}
/*#################################################*/



/** Sections and Sub-sections **
 * Also, any Row sections, Row sub-sections, name-sects, box-sects, etc.
 *################################################*/
.section_wrapper {
	display:block;
	padding:0;				margin:10px 0 25px 0;
}
.sect-head, .sect-body,
.sect-title, .sect-title-lbl, .sect-title-icon {
	background:none transparent;
	color: var(--plainblack-color);				border:none;
	display:block;				clear:both !important;
	position: relative;		float:none !important;
	font-weight:500;			overflow:visible;
	left:0px;		top:0px;	vertical-align:middle;
	padding:0px;					margin:0px;
	/*z-index:0;*/
}
.sect-head {
	cursor:default;
}
.sect-head > .icons, .sect-head > .icont {
	float:right;			right:10px;
	z-index:10;
}
.sect-title {
	cursor:pointer;		display:inline-block !important;
	min-width:50px;		/*padding-left:5px;*/
	z-index:1;
}
.sect-title-icon, .sect-title-lbl {
	display:inline-block;
}
.sect-title-icon {	/* follows other .icons styles */
	overflow:hidden;		font-size:0px;
	width:20px;					height:20px;
	top:2px;
}
.sect-title-lbl {}
.sect-body {
	display:block;
	cursor:default;			padding:10px 2px;
}
.secbar, .secbara {
	font-size:20px;			margin:10px 5px 5px -15px;
}
.secbara {}
.secbarh {		/* secclose */
	background:url("/images/icons.png") no-repeat scroll -235px -84px var(--plainwhite-color);
}
.secbara .secbarh {		/* secopen */
	background-position:-212px -84px;
}
.secbarb {
	padding:5px 2px 10px 2px;
}
.secbart {
	font-size:20px;
}
.sech_container {}
.secheading {
	float:left;
}
.secb_container {
	clear:both;
}
.subsecbar {
	font-size: 12px;			margin-top: 8px;
}
.subsecbara {}
.subsecbarh {		/* ssecclosebg */
	background:url("/images/icons.png") no-repeat scroll -80px -125px transparent;
	width:16px;					height:16px;
}
.subsecbara .subsecbarh {		/* ssecopenbg */
	background-position:-34px -125px;
}
.subsecbart {
	font-size:15px;			font-weight:700;
}
.subsecbarb {
	padding:0px;			margin:10px 0px 10px 10px;
}
.secbar, .secbara {
	background: url("/images/new/GreyRightFacingCaret.png") 0px 8px scroll no-repeat transparent;
	font-size: 20px;		position: relative;
	left:15px;				top:0px;
	margin-top:15px;		margin-bottom:7px;
	padding-left:20px;		cursor:pointer !important;
	z-index:10;
}
.secbara {
  background-image: url("/images/new/GreyDownCaretLarge.png") !important;
}
.sectb {
	background:none var(--plainwhite-color);
	display:block;			clear:both !important;
	float:none;				position:relative;
	width:auto;				height:auto;
	min-height:100px;
	margin:0px;				padding:10px 5px 15px 5px;
}
.subsecbar, .subsecbara {
	background: url("/images/new/GreyRightFacingMainMenuCaret.png") 3px 4px scroll no-repeat transparent;
	top:0px;				left:0px;
	margin-top:10px;		padding-left:19px;
	font-size:12px;			font-weight:bold;
	position: relative;		cursor:pointer !important;
	z-index:10;
}
.subsecbara {
  background-image: url("/images/new/GreyDownCaretSmall.png") !important;
}
.subsectb {
	overflow:visible;	padding:10px 10px 10px 24px;
}
.sect_container {		/* To be used as a wrapper inside any sects, subsects, rowsects and namesects */
	display:block;		position:relative;
	margin:0;			padding:0;
}
.sectb > .sect_container {}
.subsectb > .sect_container {}
.rowsectb > .sect_container {}
.rowsubsectb > .sect_container {}
.namesectb > .sect_container {}
/*#####################################*/

/* Row-sect and name-sects */
.secbar > *, .secbara > *, .subsecbar > *, .subsecbara > *,
.rowsecbar > *, .rowsecbara > *, .rowsubsecbar > *, .rowsubsecbara > * {
	/* Do not interact with the inner elements for .secbar or .rowsecbar, etc.
	pointer-events: none !important; */
}
.rowsechead, .rowsubsechead {	/* Wrapper around header: .rowsecbar, .rowsubsecbar, etc. (^Optional) */
	color: var(--plainblack-color);
	border:none transparent;
	border-radius:5px;
	display:block;			clear:both;
	float:none;				position:relative;
	margin: 0;				padding: 5px 0 0 20px;
}
.rowsechead {
	margin-top: 10px;
}
.rowsecbar, .rowsecbara,
.rowsubsecbar, .rowsubsecbara {
	/*color: var(--plainblack-color);*/
	border:none transparent;
	display:inline-block;	position: relative;
	font-size:1.6em;		line-height:1.7em;
	font-weight:500;		cursor:pointer !important;
	margin:0px;				padding:0px 10px 5px 40px;
	z-index:10;
}
.rowsecbar, .rowsecbara {
	/*background: url("/images/Not-Applicable/expand_white.svg") 0px 5px scroll no-repeat transparent;*/
	background: url("/images/Not-Applicable/expand_white.png") 0px 5px scroll no-repeat transparent;
	background-size:25px auto;
	/* margin-left:10px;	-- padding and margin on the same element doesn't work in all browsers */
}
.rowsecbar {}
.rowsecbara {
	background-image: url("/images/Not-Applicable/collapse_white.png");
}
.always_closed_sec.rowsecbar {
	background-image: url("/images/Not-Applicable/expand_black.png");
}
.always_closed_sec.rowsecbara {
	background-image: url("/images/Not-Applicable/collapse_black.png");
}
.sec-alert.rowsecbar {
	background-image: url("/images/Not-Applicable/expand_red.png");
}
.sec-alert.rowsecbara {
	background-image: url("/images/Not-Applicable/collapse_red.png");
}
.rowsubsechead {
	margin-top: 5px;
}
.rowsubsecbar, .rowsubsecbara {
	background: url("/images/Not-Applicable/expand_grey.png") 0px 4px scroll no-repeat transparent;
	background-size:22px auto;
	border-color: var(--bggrey-color);
	border-left:none;		border-right:none;
	font-size:1.4em;		padding-bottom:3px;
}
.rowsubsecbar {}
.rowsubsecbara {
  background-image: url("/images/Not-Applicable/collapse_grey.png");
}
.rowsecbar > .icons, .rowsecbara > .icons,
.rowsubsecbar > .icons, .rowsubsecbara > .icons {
	float:right;			right:10px;
	z-index:10;
}
.rowsec-extra {
	border:0px none;		cursor:default;
	position:relative;		display:block;
	padding:0;				margin:auto 10px;
	min-width:40%;			right:0;
}
.rowsec-extra .icons, .rowsec-extra .icont,
.rowsec-extra .icons-new {}
.rowsec-extra a, .rowsec-extra .link3 {}
.rowsechead .rowsec-extra {
	float:right;
}

.rowsectb, .rowsubsectb, .namesectb, .namesubsectb, .boxcontent {
	background-color: var(--plainwhite-color) !important;
	/*border-left:0.5px solid #D5D5D5;
	border-right:0.5px solid #D5D5D5;*/
	display:block;			clear:both;
	position:relative;		float:none;
	overflow:visible;		margin:0;
	padding:10px 10px 20px 10px;
}
.rowsectb, .namesectb {}
.rowsubsectb, .namesubsectb {
	padding:5px;
}
.namesect {}
.namesect.rowsecbar, .namesect.rowsecbara,
.namesubsect.rowsecbar, .namesubsect.rowsecbara {
	background:none var(--medgrey-color) !important;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	cursor:text !important;
	padding-left:20px !important;
}
.namesectb {}
.namesectb > table, .namesubsectb > table, .boxcontent > table {
	width:100%;
}
.namesectb > table td, .namesubsectb > table td, .boxcontent > table td {
	padding:5px;
}
.namesect.rowsectb {}
.namesubsect {}
.namesubsectb {}
.namesect.rowsubsectb {}
.namesubsect.rowsecbar, .namesubsect.rowsecbara {}
.boxcontent {
	background-color: var(--bggrey-color) !important;
	border:0.5px solid var(--grey-border1);
	border-radius:0;
}
.rowsectb .boxcontent {
	/*background:none #C1D8E9 !important;*/
	background:none var(--grey-comment2) !important;
}
/*#####################################*/

.boxhead {
	background:none var(--medgrey-color);
	border:1px solid var(--medgrey-color);
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	color: var(--plainwhite-color);
	font-size:16px;		line-height:20px;
	display:block;		clear:both;
	float:none;			position:relative;
	margin:15px auto;	padding:0;
}
.rowsectb .boxhead, .rowsectb .boxsect {
	/*margin-left:-5px;*/
}
.rowsectb .boxsect {
	/*border:0.5px solid var(--bggrey-color);*/
}
.rowsectb .boxhead {
	background-color: var(--ltgrey-color) !important;
	padding:5px 15px;	margin:0;
}
.boxhead .coex_all {
	display:inline-block;
	margin:0;
}
.boxhead .boxname, .boxhead .boxnamex {
	color: var(--plainwhite-color);		position:relative;
	padding:0;				white-space:nowrap;
}
.boxhead .boxname {
	display:inline-block;
	margin-left:5px;	padding:7px 0;
	width:auto;			max-width:500px;
	font-size:1.6em;	font-weight:bold;
}
.boxhead .boxnamex {
	float:right !important;
	clear:none !important;
	right:0;			top:0;
	margin-right:15px;
}
.boxnamex {
	color: var(--plainwhite-color);
	display:block;		position:relative;
	font-size:12px;		font-weight:300;
	margin-left:10px;	max-width:700px;
	overflow:visible;	white-space:nowrap;
}
.boxnamex > div, .boxnamex > span {
	display:inline-block;		text-align:left;
	margin-right:20px;			position:relative;
}
.boxnamex > div {
	min-width:75px;
}
.boxnamex span.vbar {		/* pipe | used as a seperator (vertical bar) */
	width:auto;			font-size:15px;
}
.boxnamex input, .boxnamex select {
	margin:0px 3px;		top:2px;
	position:relative;
}
.boxnamex .rowsec-extra {}
.boxname .icons, .boxnamex .icons {
	top:0;
}
.boxnxh1 {
	width:200px;		line-height:20px;
	font-size:17px;		font-weight:500;
}
.boxnxh2 {
	font-size:12px;
}
.boxnxhr {
	float:right;		display:block;
	text-align:right;
}
.boxnamex > table {
	width:100%;
}
.boxnamex > table td {
	padding:2px 5px 2px 10px;
	border-left:1px solid var(--plainwhite-color);
}
.boxnamex > table td:first-child {
	border:none;
}
.boxnamex > table td:last-child {
	text-align:right;
}
.boxhead.namesectbox {
	background-color: var(--higrey-color);
	border-radius:5px !important;
	font-size:1.6em;		/*top:-20px;*/
	line-height:1.8em;
}
.boxhead.namesectbox .coex_all {
	display:none !important;
}
.boxhead.namesectbox .boxname {
	margin-left:25px;		top:-1px;
	font-size:inherit;		font-weight:300;
}
.boxhead.namesectbox .boxnamex {}
.boxsect {
	background:none var(--plainwhite-color);
	border:none;
	/*border-width:0 0 1px 0;
	border-bottom-style:solid;
	border-bottom-color: var(--grey-border1);*/
	display:block;			position:relative;
	clear:both;				float:none !important;
	padding:0px;			margin:0px;
	width:auto;				max-width:100%;
}
/*################################################*/



/** scrolltab() JS plugin **
 *--- Tables with Fixed Header and Left side, and Scrollable Data (on Right)
 *################################################*/
.scrolltab_container, .scrolltab_content {
	clear:both;			position:relative;
	display:block;		float:none;
	left:0px;			top:0px;
}
.scrolltab_container {
	width:105%;
	margin-left:-20px;
	overflow:hidden;
}
.scrolltab_container .greybar {
	position:absolute;
	height:16px;		width:100%;
	bottom:0px;			left:0px;
	z-index:2;
}
.scrolltab_content {}
.scrolltab_content table.scrolltab {
	table-layout:fixed !important;
	border-spacing:0;			border-collapse:separate;
}
.scrolltab tr {}
.scrolltab td {
	clear:both;			display:table-cell;
	padding:5px;		white-space:nowrap;
	overflow:hidden;	vertical-align:middle;
	width:auto;			height:22px;
	/* min-max values are needed for fixed-layout-tables */
	min-height:22px;	max-height:50px;
	min-width:35px;		padding:5px;
}
.scrolltab td > div,
.scrolltab_coldiv {
	clear:both;			display:block;
	float:none;			position:relative;
	padding:0;			margin:0;
	width:100%;
}
.scrolltab td .icons {
	position:relative;	top:0px;
}
.scrolltab td > div .icons {}
.scrolltab_icondiv {
	background:none #FEFEFE;
	display:block;		position:absolute;
	float:none;			clear:both;
	right:2px;			top:6px;
	max-width:75px;		overflow:hidden;
	z-index:2;
}
.scrolltab_coldiv .scrolltab_icondiv {
	right:0px;				top:-2px;
}
.scrolltab_icondiv .icons3 {
	width:14px !important;
	height:15px !important;
	top:2px !important;
}
.scrolltab_icondiv > .icont {
	float:right;
	margin:0 0 0 4px !important;
}
.scrolltab_header {}
.scrolltab_header .scrolltab {
	height:100%;
}
.scrolltab_header .scrolltab tr {}
.scrolltab_header .scrolltab td {
	color: var(--plainwhite-color) !important;
	/*border-color: var(--plainwhite-color) !important;*/
	text-align:center;
}
.scrolltab_data {}
.scrolltab_data .scrolltab {}
.scrolltab_data .scrolltab tr {}
.scrolltab_data .scrolltab td {}
.scrolltab_floated {
	float:left;			position:relative;
	display:block;		overflow:hidden;
	min-height:60px;	max-height:500px;
}
.scrolltab_left {
	width:350px;
	border-right:1px solid var(--plainwhite-color);
}
.scrolltab_right {
	/*width:620px;*/
	min-width:600px;	max-width:620px;
}
.scrolltab_data .scrolltab_left {
	border-left:1px solid var(--grey-comment2);
	border-bottom:1px solid var(--grey-comment2);
	/*border-right:1px solid var(--grey-comment2);*/
}
.scrolltab_inner {
	margin:0;			padding:0;
	display:block;		position:relative;
}
.scrolltab_left_inner {
	width:100%;			overflow:hidden;
}
.scrolltab_data .scrolltab_left_inner {
	margin-bottom:17px !important;
}
.scrolltab_right_inner {
	width: var(--frame-min-width);
	max-width: var(--frame-max-width);
	overflow:visible;
}
.scrolltab_data .scrolltab_right_inner {
	margin-bottom:17px !important;
}
.scrolltab_bar {
	/*border-left:1px solid var(--plainwhite-color);*/
	overflow:scroll !important;
	scroll-behavior:smooth !important;
	border-right:1px solid var(--grey-comment2);
	border-bottom:1px solid var(--grey-comment2);
	margin-right:17px;
}
.scrolltab_left .scrolltab {
	width:100%;
}
.scrolltab_right .scrolltab {}
.scrolltab_bar .scrolltab td:first-child {
	border-left-color:transparent;
}
.scrolltab caption {
	color: var(--plainwhite-color);
	background:none var(--medgrey-color);
	border:0px solid var(--plainwhite-color);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-collapse:separate;
	font-size:14px;			text-align:center;
	font-weight:500;		vertical-align:middle;
	padding:7px 0px;		white-space:nowrap;
}
.scrolltab .topRow1 {}
.scrolltab .topRow1 td {
	padding:8px 5px;
	border-right-color: var(--grey-comment2);
}
.scrolltab .topRow1 td:first-child {}
.scrolltab .topRow1 td:last-child {
	border-right-color: var(--medgrey-color);
}
.scrolltab .topRow2 {
	background-color: var(--ltgrey-color);
	font-size:11px;			font-weight:700;
}
.scrolltab .topRow2 td {
	border-top:1px solid var(--grey-comment2);
}
.scrolltab .topRow2 td:first-child {
	border-left-color: var(--ltgrey-color);
}
.scrolltab .topRow2 td:last-child {
	border-right-color: var(--ltgrey-color);
}
.scrolltab .scrolltab_namecol {
	/* width:250px; */
	min-width:250px;		max-width:250px;
	text-overflow: ellipsis;
}
.scrolltab .scrolltab_nametxt {
	display:inline-block;	position:relative;
	width:235px;			max-width:235px;
	overflow:hidden;		text-overflow:ellipsis;
	z-index:0;
}
.scrolltab .lc0, .scrolltab .rc0 {
	width:90px;
	min-width:90px;		max-width:90px;
}
.scrolltab .lc1, .scrolltab .rc1 {
	width:35px;
	min-width:35px;		max-width:35px;
}
.scrolltab .lc0 {}
.scrolltab .lc1 {}
.scrolltab .lc2 {}
.scrolltab .lc3 {
	width:200px;
	min-width:200px;		max-width:200px;
}
.scrolltab .rc0 {}
.scrolltab .rc1 {}
.scrolltab .rc2 {
	width:120px;
	min-width:120px;		max-width:120px;
}
.scrolltab .rc3 {
	width:200px;
	min-width:200px;		max-width:200px;
}

.summaryrow {
	background-color: #F0F0F0;
}

/* Alternate way for scrolltab, using div-ul-li *
div.scrolltab {
	border:0px none transparent;
	background:none transparent;
	display:block;			clear:both !important;
	position:relative;	float:none !important;
	padding:0;			margin:0;
}
.scrolltab ul {
	background:none transparent;
	color: var(--plainblack-color);
	border:0px none transparent;
	clear:both;			display:block;
	padding:0;			margin:0;
	width:auto;			height:auto;
	list-style:none !important;
}
.scrolltab li {
	display:block;		float:left;
	margin:0px;				position:relative;
	padding:5px;			overflow:hidden;
	width:auto;				height:22px;
	min-height:22px;	max-height:22px;
	min-width:35px;		white-space:nowrap;
}
.scrolltab li > div {
	clear:both;			display:block;
	float:none;			position:relative;
	padding:0;			margin:0;
	width:100%;
}
.scrolltab li .icons {
	position:absolute;
	right:0px;				top:0px;
}
.scrolltab ul.tabhead {
	color: var(--plainwhite-color) !important;
	background:none var(--medgrey-color) !important;
  height:22px;				font-size:14px;
  text-align:center;	font-weight:500;
}
.scrolltab ul.tabhead li {
	border-top:1px solid var(--medgrey-color);
  border-right:1px solid var(--lowgrey-color);
	border-bottom:1px solid var(--medgrey-color);
  padding:8px 3px;		text-align:center !important;
}
.scrolltab ul.tabhead > li:first-child {
  border-left: 1px solid var(--medgrey-color);
	border-top-left-radius:7px;
}
.scrolltab ul.tabhead > li:last-child {
  border-right: 1px solid var(--medgrey-color) !important;
	border-top-right-radius:7px;
}
.scrolltab ul.topRow1 li {
	padding:8px 5px;
	border-right-color: var(--grey-comment2);
}
.scrolltab ul.topRow1 li:first-child {}
.scrolltab ul.topRow1 li:last-child {
	border-right-color: var(--medgrey-color);
}
.scrolltab ul.topRow2 li {
	border-top:1px solid var(--grey-comment2);
}
.scrolltab ul.topRow2 li:first-child {
	border-left-color: var(--ltgrey-color);
}
.scrolltab ul.topRow2 li:last-child {
	border-right-color: var(--ltgrey-color);
}
.scrolltab ul.boxed {}
.scrolltab ul.boxed:first-child > li {
	border-top: 1px solid var(--grey-comment2);
}
.scrolltab ul.boxed > li {
	border-right: 1px solid var(--grey-comment2);
	border-bottom: 1px solid var(--grey-comment2);
	padding:5px;
	border-radius:0px;
}
.scrolltab ul.boxed > li:first-child {
  border-left: 1px solid var(--grey-comment2);
}
/*#####################################*/



/** fixedtab() JS plugin **
 *--- Tables with Fixed Header and Scrollable Data
 *--- with (^optional) Fixed Left and/or Right side columns
 *#######################################*/
.fixedtab_container {
	background:none var(--plainwhite-color);
	border:1px solid var(--grey-border2);
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	display:block;			position:relative;
	width:100%;				height:auto;
	min-height:200px;		max-height:450px;
	margin:0;				padding:0 !important;
	left:0 !important;		top:0 !important;
	overflow:scroll !important;
}
.fixedtab, .fixedtab_tab {
	/* display:none; */		overflow:hidden;
	width:auto;				max-width:90%;
	position:relative;		border-collapse:separate;
	left:0 !important;		top:0 !important;
	margin:0 !important;
}
.fixedtab_container > table,
.fixedtab_container > .fixedtab,
.fixedtab_container > .fixedtab_tab {
	width:100% !important;	max-width:initial;
	display:table;			table-layout:auto;
	overflow:visible;
}
.fixedtab_container > .fixedtab2 {
	width: auto !important;
}
.fixedtab tr {
	display:table-row;
	z-index:inherit;
}
.fixedtab th, .fixedtab td {
	display:table-cell;
	white-space:nowrap;		overflow:hidden;
	text-overflow:ellipsis;	width:auto;		/* or 100% */
	/* width:150px;			height:25px; */
	min-width:50px;			max-width:220px;
	padding:8px 10px;		opacity:1;
	/*z-index:inherit;*/
}
.fixedtab .col0 {
	width:50px !important;
	min-width:50px;			max-width:50px;
	table-layout:fixed;
}
.fixedtab .col1 {
	width:90px !important;
	min-width:90px;			max-width:90px;
}
.fixedtab .col2 {
	width:150px !important;
	min-width:150px;		max-width:150px;
}
.fixedtab .col3 {
	width:250px !important;
	min-width:250px;		max-width:250px;
}
.fixedtab .col-auto {
	width:100% !important;	max-width:350px;
}
.fixedtab .fixed-col,
.fixedtab .fixed-col-right {
	position:sticky;		left:0;
	max-width:350px;
	z-index:4;		/* Must be more than z-index on any other columns/rows */
}
.fixedtab .fixed-col-right {
	left:initial;			right:0;
}
.fixedtab .fixed-left-last {	/* rightmost fixed-left column */
	border-right:3px double var(--grey-border3) !important;
}
.fixedtab .fixed-right-last {	/* leftmost fixed-right column */
	border-left:3px double var(--grey-border3) !important;
}
.fixedtab .tabhead .fixed-left-last {
	border-right-color: var(--grey-border5) !important;
}
.fixedtab .tabhead .fixed-right-last {
	border-left-color: var(--grey-border5) !important;
}
.fixedtab tr:not(.tabhead) .fixed-col {
	background:none var(--plainwhite-color);
}
.fixedtab tr .fixed-col:last-child {
	border-right:1px solid var(--grey-border2);
}
.fixedtab > thead, .fixedtab_thead,
.fixedtab > tbody, .fixedtab_tbody,
.fixedtab > tfoot, .fixedtab_tfoot {
	display:table-row-group;
}
.fixedtab_thead, .fixedtab_tfoot {
	background:none var(--plainwhite-color);	/* must match .fixedtab_container bg */
	position:sticky;		height:auto;
	z-index:2;
}
.fixedtab_thead {
	top:0;
}
.fixedtab_tfoot {
	bottom:0;
}
.fixedtab_tbody {
	position:static;		overflow:visible;
	/*max-height:225px;		width:100%;*/
	z-index:1;
}
.fixedtab_thead > tr, tr.fixedtab_thead,
.fixedtab_tfoot > tr, tr.fixedtab_tfoot {
	position:sticky;	/* Must be the tr row of the .fixedtab table ONLY, not applicable for any other child tables */
}
.fixedtab_thead > tr, tr.fixedtab_thead {}
.fixedtab_thead > tr:first-child, tr.fixedtab_thead:first-child {
	z-index:4;	/* This is important for multiple header rows with rowspan */
}
.fixedtab_tfoot > tr, tr.fixedtab_tfoot {}
.fixedtab_tbody > tr, tr.fixedtab_tbody {
	position:relative;
}
.fixedtab_thead th, .fixedtab_thead td, .fixedtab_tfoot td {
	position:sticky;
	word-break:normal;
	white-space:normal;		/* or break-spaces;*/
}
.fixedtab_thead th, .fixedtab_thead td {
	text-align:center;		vertical-align:middle;
	font-weight:700;
}
.fixedtab_thead tr:last-child th, .fixedtab_thead tr th[rowspan],
.fixedtab_thead tr:last-child td, .fixedtab_thead tr td[rowspan] {
	border-bottom:3px double;
}
.fixedtab_thead tr:not(.tabhead) th,
.fixedtab_thead tr:not(.tabhead) td {
	border-right:1px solid;
	border-color: var(--grey-border2);
}
.fixedtab_tbody td {}
.fixedtab_tfoot td {
	border-top:3px double var(--grey-border2);
	min-height:45px;		max-height:75px;
	/*padding-top:20px;		padding-bottom:20px;*/
}
.fixedtab_hrows {		/* same as: .fixedtab > thead > tr or .fixedtab_thead > tr or tr.fixedtab_thead */
}
.fixedtab_frows {		/* same as: .fixedtab > tfoot > tr or .fixedtab_tfoot > tr or tr.fixedtab_tfoot */
}
.fixedtab_datarows {	/* same as: .fixedtab > tbody > tr or .fixedtab_tbody > tr or tr.fixedtab_tbody */
}
.fixedtab_datarows input,
.fixedtab_datarows select,
.fixedtab_datarows button {
	max-width:200px !important;
	z-index:3;
}
.fixedtab_datarows:hover,
.fixedtab_datarows:hover .fixed-col {
	background-color: var(--yellow-shade) !important;
}
.fixedtab_datarows:not(.boxed):hover,
.fixedtab_datarows:not(.boxed):hover .fixed-col {
	background-color: var(--ltyellow-color) !important;
}
.fixedtab_datarows .fixedtab_col0 {
	width:65px;				max-width:65px;
}
.fixedtab_datarows .fixedtab_colx {
	min-width:225px;		max-width:300px;
}
.fixedtab_frows td {
	background-color: var(--ltyellow-color) !important;
}
/*#######################################*/



/** jQuery UI - Custom Styles **
 *###################################################*/
/** jQuery UI - Smoothness Theme: General Overwrites **/
.ui-widget {
	font-family:inherit !important;
	font-size:inherit !important;
}
.ui-menu {}
.ui-menu li, .ui-menu div,
.ui-menu .ui-state-active {
	border:0px none transparent;
	background:none transparent;
	color: var(--plainblack-color);
}
.ui-tooltip {
	/*width:100%;*/				max-width:750px;
	overflow:visible !important;
	/*max-width:35%;		max-height:480px;*/
}
.ui-tooltip, .ui-corner-all {
	border-radius:7px !important;
}
.ui-widget-shadow {
	-webkit-box-shadow: 4px 4px 10px #AAAAAA;
	box-shadow: 4px 4px 10px #AAAAAA;
}
/*#####################################*/


/** Custom Widget / Dialog Settings **/
.mywidget, .mywidget2, .mywidgetc {
	border:2px solid #1C1C1C !important;
	padding:0px !important;		overflow:hidden !important;
}
.mywidget .ui-dialog-titlebar {
	display: none;			overflow:visible;
	width:95% !important;
}
.widget {
	padding:0px !important;			position:relative !important;
	overflow-x:hidden !important;	overflow-y:auto !important;
	height:auto;	width:auto;		margin:0px auto !important;
}
.cwidget {
	padding:0px !important;			margin:0px !important;
	width:100% !important;
}
.dwidget {}
.uwidget {}
.widgeth {
	color: var(--plainwhite-color) !important;
	background:none var(--blue-shade3);
	/*background:url("/images/navbg.png");		height:23px;*/
	clear:both;			float:none !important;
	display:block;		position:relative;
	margin:0;			padding:7px !important;
}
.widgeth h3 {}
.widgeth div {}
.widgeth span:not(.xclose) {}
.widgeth div, .widgeth h3 {
	display:inline-block;		clear:both;
	/*line-height:14px;			font-size:11px !important;*/
	white-space:nowrap;			overflow:visible;
}
.widgeth .xclose {}
.widgetb {
	padding:5px;		display:block;
	overflow:hidden;
}
.widgetb .save_button {
	float:right;
}
.widgetb ul, .widgetb li {
	list-style:none;
	margin:0px;				padding:0px;
}
.widgetb > ul {
	margin-bottom:10px;
}
.widgetb .header {
	padding:2px;			font-weight:bold;
}
.ui-dialog-titlebar {}
.mywidget .ui-dialog-titlebar {
	display:none !important;
	visibility:hidden !important;
}
.mywidget2 .ui-dialog-titlebar {}
.mywidgetc .ui-dialog-titlebar {}
.widgeth.ui-dialog-titlebar {}
.widgeth .ui-dialog-title {
	width:99% !important;			margin:0px !important;
}
.ui-dialog-titlebar .xclose {
	z-index:inherit;
}
.widgeth.ui-dialog-titlebar .xclose {
	/*margin-top:-17px;*/
}
.ui-dialog-titlebar-close {}
.mywidget .ui-dialog-titlebar-close {}
.mywidget2 .ui-dialog-titlebar-close {}
.mywidgetc .ui-dialog-titlebar-close {}
.xclose.ui-dialog-titlebar-close {
	z-index:inherit;
}
.xclose .ui-icon {
	background:none transparent !important;
	z-index:-1;
}
.mywidget .ui-dialog-content {}
.mywidget2 .ui-dialog-content {}
.mywidgetc .ui-dialog-content {}
.widget.ui-dialog-content {}
.cwidget.ui-dialog-content {}
.dwidget.ui-dialog-content {}
.uwidget.ui-dialog-content {}
/*#####################################*/


/** Custom Tooltip Settings **/
.tt, .tt1, .tt2, .ttwm, .ttwi, .ttwid, .ttwim {
	/*cursor:pointer;*/
}
.tt_container {		/* Everything inside .tt_container is displayed as Tooltip */
	display:none !important;
	visibility:hidden;
}
.tt_content, .tt_content2 {
	display:block;			clear:both;
	font-size:12px;			position:relative;
	padding:5px;			margin:0px;
	width:auto;				height:auto;
	max-width:initial;		max-height:initial;
	text-align:left;		overflow:auto;
}
.tt_content {
	background-color: var(--plainwhite-color);		/* white */
}
.tt_content2 {
	background-color: var(--ltyellow-color);		/* light-yellow */
	max-width:600px;		max-height:450px;
}
.tt_content ul, .tt_content ol, .tt_content li,
.tt_content2 ul, .tt_content2 ol, .tt_content2 li,
.tt_content h1, .tt_content h2, .tt_content h3,
.tt_content h4, .tt_content h5, .tt_content h6,
.tt_content2 h1, .tt_content2 h2, .tt_content2 h3,
.tt_content2 h4, .tt_content2 h5, .tt_content2 h6,
.tt_content p, .tt_content2 p {
	padding:10px;				margin:0px;
}
.tt_content_inner, .tt_content2_inner {
	display:block;			font-size:inherit;
	padding:3px 5px;		margin:0px;
}
.tt_content_inner {}
.tt_content2_inner {}
.tt_title, .tt_title0, .tt_title1, .tt_title2, .tt_title3 {
	display:block;			clear:both;
	font-weight:600;		position:relative;
	padding:7px 5px;		margin:0px;
	white-space:nowrap;
}
.tt_title {
	font-size:18px;			font-weight:normal !important;
	padding:10px;				text-align:center !important;
}
.tt_title0 {
	font-size:18px;			padding-bottom:10px;
}
.tt_title1 {
	font-size:15px;			padding-bottom:10px;
}
.tt_title2 {
	font-size:inherit !important;
}
.tt_title3 {
	font-size:10px;			font-weight:800;
}
.tt_content li, .tt_content2 li {
	padding:3px 5px;
}
.tt_content > ul {}
.tt_content > ol {
	list-style-type:decimal;
}
.tt_content2 > ul, .tt_content2 > ol {
	list-style-type:none;
}
.ttlist {
	font-size:11px;
	padding:5px 5px 5px 0px;
	margin:0px 0px 0px 10px;
}
.ttlist .ttlist_title {}
.ttlist li, .ttlist2 li {
	padding:3px;
}
.ttlist2 li {
	list-style:none;
}
.tt_tab {
	font-size:11px;
	margin-top:5px;
	margin-left:5px;
}
.tt_tab td {
	padding:3px 5px;
}
/*#####################################*/


/** Auto-complete Search settings **/
.inputac {
	background:url("/images/new/SearchIcon.png") no-repeat scroll 165px 5px var(--plainwhite-color) !important;
	border:1px inset var(--medgrey-color) !important;
	position:relative;				border-radius:5px !important;
	padding:3px !important;		cursor:text;
	height:16px !important;		width:180px !important;
	vertical-align:middle;		text-align:left;
	z-index:inherit;
}
/* Employee and Other Autocomplete searches */
.assocsel_div {}
.assoc_display {
	display:block;			clear:both;
	padding:10px;				/*white-space:nowrap;*/
}
.assoc_display > div {
	float:left;
	left:0;					top:0;
	display:inline-block;
	position:relative;		line-height:15px;
	z-index:inherit;
}
.assoc_display_search {}
.assoc_display_txt {
	padding:2px 10px;				margin:0;
	border:0px transparent;
}
.assoc_display_btn {
	padding:2px 10px;
}
/* New */
.searchac_container {
	background:none transparent;
	display:block;			position:relative;
	clear:both;				float:none;
	margin:0px;				padding:10px 5px;
}
.searchac_container.searchac_floated {
	clear:unset;			padding:0;
}
.searchac_container.searchac_floatleft {
	float:left;
}
.searchac_container.searchac_floatright {
	float:right;
}
.searchac_item {
	position:relative;		display:inline-block;
	margin:0 7px 0 5px;		padding:0;
}
.searchac_container.searchac_floated > .searchac_item {
	float:left !important;
	display:block;			margin-right:10px;
}
.searchac_sel, .searchac_name {
	padding:4px !important;
	overflow:visible;		margin:0;
	min-width:180px;		max-width:300px;
}
.searchac_lbl {
	display:inline-block;
	margin-right:5px;		font-weight:500;
}
.searchac_ele {}
.searchac_ele input.inputac {}
.searchac_txt {
	font-weight:300;		overflow:hidden;
	top:2px;
}
.searchac_btn {}
.searchac_btnright {
	float:right;
}
.searchac_btnnext {
	float:none !important;
	clear:both;			display:block;
	margin-top:15px;
}
.searchac_btncenter {
	text-align:center;
}

/** Datepicker settings **/
.datepicker, .datepicker_icon {
	/*background:url("/images/icons.png") no-repeat scroll -251px -27px var(--ltyellow-color);*/
	background:url("/images/new/CalendarIcon.png") no-repeat scroll 87px 2px var(--plainwhite-color);
}
.datepicker {
	/*border: 1px inset #800000 !important;*/
	border: 1px inset var(--grey-color) !important;
	padding:2px !important;		cursor: pointer;
	height:16px !important;		width:100px !important;
	vertical-align: middle;		text-align: left !important;
	z-index:10;
}
.datepicker_icon {
	/*background:url("/images/icons.png") no-repeat scroll -221px -168px var(--ltyellow-color);*/
	height:16px;		width:16px;
	font-size:0px;		display:inline-block;
	cursor:pointer;		vertical-align:middle;
	z-index:10;
}
.datepicker.mthpicker {
	background:url("/images/Not-Applicable/calendar.png") no-repeat scroll 85px 0px var(--offwhite-shade1);
	background-size: auto 20px;
}
.ui-datepicker {
	z-index:99 !important;
}
/*###################################################*/



/** jqPlot - Custom jQuery Charts and Graphs **
 *###################################################*/
.jqplot-target {
	color: var(--higrey-color);
	font-family: var(--font-family-all);
	background: none transparent;
	border: 0 none transparent;
	width:auto;			height:auto;
}
.jqplot_nodata {
	color: var(--grey-color);
	font-style:italic;	font-size:1.2em;
	font-family: var(--font-family-all);
	display:block;		position:relative;
	border:0 none;		text-align:center;
	padding:20px;		white-space:nowrap;
	width:90%;			cursor:default;
}
.jqplot-loading {
	background: url("/images/img_loading.gif") no-repeat scroll center center transparent;
	border:1px dotted var(--grey-border0);
	border-radius:50%;
	position:absolute !important;
	height:100%;		width:100%;
	padding:0px;		margin:auto 0px;
	/*left:25%;			top:15%;*/
	opacity:0.60;		filter: alpha(opacity=60);
	cursor:progress !important;
}
.jqplot-xaxis {
	height:auto;		max-height:30px;
	line-height:11px;
}
.jqplot-xaxis-tick {
	display:inline-block;
	white-space: pre-wrap !important;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	overflow-wrap: break-word;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/*###################################################*/



/** Status and Progress on scrren **
 *--- Loading snake image, covering whole screen
 *--- from Tpl::getLoadingImg()
 *###################################################*/
div#statusbox {
	position: fixed !important;
	border: 1px solid #666666;
	color: #CC0000;		background: #CCCCCC;
	top:2px;			right:2px;
	width: 130px;		height: 20px;
	font-size: 12px;	text-align: center;
	display:none;		cursor:progress;
	z-index:9999 !important;
}
div#loadingImg {
	position:fixed !important;
	background:url('/images/img_loading_bg.png') repeat scroll 0 0 transparent !important;
	display:block;		cursor:progress;
	height:100%;		width:100%;
	top:0;				left:0;
	padding:0px;		margin:auto;
	opacity:0.60;		filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	z-index:9999 !important;
}
div#loadingImgInner {
	position:absolute !important;
	border:1px dotted #6E6E6E;
	border-radius:25% !important;
	display:block;		clear:both;
	height:150px;		width:150px;
	left:45%;			top:45%;
	padding:0px;		margin:0px;
	opacity:0.95;		filter: alpha(opacity=95);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	z-index:inherit;
}
div#loadingImgInner img {
	border:0px hidden transparent !important;
	border-radius:inherit !important;
	width:150px;			height:150px;
	padding:0px;			margin:auto 0px;
	z-index:inherit;
}
/*###################################################*/



/** Slideshow on Login screen **
 *###################################################*/
#overlayDiv {	/*-- Must be directly under <body> tag, as a first-child */
	position:relative !important;
	min-width: var(--frame-min-width);
	max-width:unset;		max-height:unset;
	display:block;			opacity:1.0;
	/* z-index: -1; */
}
#overlayDiv, #overlayDiv > img {
	background: none transparent;		/*var(--blue-shade1)*/
	border: 0px none transparent !important;
	border-radius:0;
	width:100%;				height:100%;
	padding:0;				margin:0;
	left:0;					top:0;
}
#overlayDiv > img {
	position:fixed !important;
	display:block;
	object-fit:fill;	/* fill or cover */
	min-width:unset;		max-width:unset;
	/*animation-name: fade;
	animation-duration: 2s;*/
	z-index:-100;
}
@keyframes fade {	/* Animate above img: fade-out gradually */
  from {opacity: 1}
  to {opacity: .2}
}
#overlayDiv .slide-img-faded {
	opacity:0.3;
}
#overlayDiv .slide-img-fading {
	opacity:0.85;
}
#overlayDiv .slide-img-shown {
	opacity:1.0;
}
#overlayDiv > .slide_resp {
	position:fixed !important;
	display:block;			border: 0px none transparent;
	width:auto;				border-radius:3px;
	font-weight:400;		font-size:0.9em;
	padding:0;				margin:0;
	text-align:center;		opacity:1.0;
	z-index:101;
}
#overlayDiv .slide_links {
	background: none rgba(0,0,0,0.15) !important;
	color: var(--plainwhite-color);
	cursor:pointer;			text-decoration:none !important;
}
#overlayDiv .slide_links:hover {
	background-color: rgba(0,0,0,0.75) !important;
	border: 5px inset rgba(0,0,0,0.9) !important;
}
#overlayDiv .slide_links.disabled {
	cursor: not-allowed !important;
}
#overlayDiv .slide_move {		/* Prev/Next buttons */
	user-select:none;		top:50%;
	font-size:2.8em;		margin-top:-75px;
	padding:25px;			transition: 0.6s ease;
}
#overlayDiv #slidePrev:hover,
#overlayDiv #slideNext:hover {
	padding:22px !important;
}
#overlayDiv #slidePrev {
	left:0;
}
#overlayDiv #slideNext {
	right:0;
}
#overlayDiv #slideTop {		/* Start/Stop Slideshow - Fixed at Top-left corner */
	left:0;				top:0;
}
#overlayDiv #slideTop .slidetop-content {
	color: var(--ltyellow-color) !important;
	display:inline-block;
	position:relative;		border-radius:3px;
	padding:12px;			margin:0;
}
#overlayDiv #slideToggle {		/*=~ `linkEle` button */
	font-size:1.0em;
	border-radius:3px;
}
#overlayDiv #slideToggle:hover {
	font-weight:800;		padding:7px !important;
}
#overlayDiv #slideNum {
	font-size:0.8em;		margin-left:10px;
}
#overlayDiv #slideNum > span {
	display:inline-block;
}
#overlayDiv #toggleCaptions {
	background: none !important;
}
#overlayDiv #slideBottom {
	bottom:50px;		top:unset !important;
	padding:0;			margin:0;
	width:100%;
}
#overlayDiv #slideBottom .slidebotm-content {
	display:block;
	position:relative;	padding:10px;
	height:20px;		margin:0;
}
#overlayDiv #slideCaptions {
	bottom:10px;
}
#overlayDiv #slideCaptions .slide_captions {
	display:inline-block;
	color: var(--grey-color);
	font-size: 18px;		font-style:oblique;
	padding: 8px 12px;		font-weight:300;
	text-align: center;		line-height:20px;
	letter-spacing:1.5px;	word-spacing:3px;
}
#overlayDiv #slideJump {}
#overlayDiv #slideJump .slide_dots {	/* The dots/bullets/indicators */
	background-color: var(--medgrey-color);
	border-radius: 50%;
	cursor: pointer;		display: inline-block;
	height: 15px;			width: 15px;
	margin: 0 3px;			transition: background-color 0.6s ease;
}
#overlayDiv #slideJump .slide_dotsa {
	background-color: var(--lowgrey-color);
}
#overlayDiv .slide-data-hidden {
	display:none !important;
	visibility:hidden !important;
}
/*###################################################*/