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

/** General Template ROOT Style Settings **/
:root {
	--default-color: #000000;	/* Default Text color ~ Plain Black */
	--plainblack-color: #000000;	/* Default color ~ Plain Black text color */
	--diamondblack-color: #1F1F1F;	/* Diamond-black */
	
	--plainwhite-color: #FFFFFF;	/* Plain White text color */
	--offwhite-shade0: #FCFCFC;		/* Off-white shades */
	--offwhite-shade1: #FAFAFA;
	--offwhite-shade2: #F5F5F5;
	--offwhite-shade3: #F0F0F0;
	
	--red-color: #FF4343;			/*~ or #FF3366 or #E3004A */
	--focusred-color: #CC3333;
	--dkred-color: #FF0000;			/* bright red */
	--drkred-color: #B50045;		/* Dark-red, may be removed */
	--solidred-color:#FEBEBE;		/* solid red border */
	--red-filter-on:#E26D77;		/* Filter-ON icon/text color */
	--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;
	
	--green-color: #76BF28;
	--dkgreen-color: #66CC00;
	--focusgreen-color: #5CB342;
	
	--grey-color: #999999;			/* Default Grey color ~ also #7B97A4 */
	--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 ~ #7B97A4 */
	--grey-comment2: #D8D8D8;		/* Lighter grey text or D0D0D0 */
	--bggrey-color: #E6E6E6;		/* Background grey or #EAEAEA */
	--disabled-bg: #808080;			/* Disabled bg dark */
	--grey-disabled-bg: #E9E9EA;	/* Disabled grey bg for .disabled */
	--grey-disabled-bglite: #EFEFEF;	/* Disabled grey bg lite */
	--grey-disabled-btn: #585858;	/* Disabled grey button/select/text */
	--grey-disabled-txt: #454545;	/* 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 or #B7CAE8 */
	--dkblue-color: #00008B;		/* Dark-blue ~ #00305E or #0000FF */
	--deepblue-color: #4986FF;
	--gradient-blue: linear-gradient(to right, rgb(21,84,255), rgb(0,44,214),rgb(142,169,219));		/*~~ various shades of --ivecoblue from left-to-right */
	
	--ivecoblue: #1554FF;
	--ivecoblue2: #002CD6;		/*~ Dark blue color from "Achieve & Earn" logo ~ rgb(0,44,214) */
	--ivecoblue3: #8EA9DB;		/*~ Column bg color for special purpose cols ~ rgb(142,169,219) */
	--iveco-shade0: rgba(21,84,255,0.2);		/*=~ #1554FF with 20% opacity */
	--iveco-shade1: rgba(21,84,255,0.3);		/*=~ #1554FF with 30% opacity */
	--iveco-shade2: rgba(21,84,255,0.5);		/*=~ #1554FF with 50% opacity */
	--iveco-shade3: rgba(21,84,255,0.75);		/*=~ #1554FF with 75% opacity */
	--blueviolet-color:#8A2BE2;
	--magenta-color: #8A0886;
	
	--loginblue: #24D1C3;
	--menublue: #7298FF;
	--linkblue: #3399FF;			/* Link text or bg, also #185FAC or #3366BB */
	--logoblue: #0065C4;
	--logogreen: #83B81A;
	--logoorange: #E85412;
	--logored: #9E0054;
	--logoyellow: #FABB00;
	
	/* 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;
	
	--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(--menublue);
	border-bottom:1px solid var(--menublue);
	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,
ul.sub-nav_tabs_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;
	cursor: pointer !important;
}
li.nav_item:hover .sub-nav_item {
	color: var(--default-color);
	background: none transparent;
}
li.nav_item:hover, .sub-nav_item:hover {
	background-color: var(--medgrey-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(--default-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;
}
.nav_sep {
	border-top:1px solid var(--grey-border1) !important;
	width:85%;
	padding:0;				margin:0 auto !important;
}

#navbar-sitenav.sitenav {
	left:0px;				width:200px;
  width:200px !important;
}
.sitenav .nav_itemh {
	width:180px !important;
}
.sitenav .nav_iteml {
	font-size:1.4em;
	letter-spacing:0.007em;
}
.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(--default-color);
	padding-left:25px;			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 20px 5px;
}
.submenu_list {
	border:none !important;
	top:22px !important;	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;*/
}
.subsect_container {	/*~ #adminMenuContent */
}
.subsect_content {		/*~ #adminMenuSubsect */
	margin:10px 0;
}
.subsect_title {		/*~ #adminMenuTitle */
	color: var(--shadeblue-color);
	background:none var(--offwhite-shade2);
	font-size:1.9em;		display:block;
	/* font-weight:bold; */	white-space:nowrap;
	margin:0;				padding:12px;
	/* font-style:italic; */
	word-spacing:3px;		/* letter-spacing:1px; */
}

/* Sub-menu Tabs */
.submenu_tabs {		/*~ .submenu_header */
	margin:-15px 0 10px 0 !important;
}
.submenu_tabs_list {	/*~ .submenu_list */
	display:block !important;
	position:relative !important;
	width:100% !important;
	top:0 !important;
}
ul.sub-nav_tabs_container {	/*~ .submenu_tabs_list ul */
	background:none var(--plainwhite-color) !important;
	/* display:table-row !important; */
	width:100%;				list-style:none;
	border-width:5px 0 0 1px !important;
	border-color: var(--logoyellow) !important;
	border-radius:5px;
}
li.sub-nav_tab {		/*~ .submenu_tabs_list li */
	display:table-cell !important;
	color: var(--default-color);
	background:none var(--skyblue-color) !important;
	border: solid var(--medgrey-color);
	border-width:0 1px 1px 0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	cursor: pointer !important;
	width:120px;			list-style:none;
	max-width:120px;		padding:12px 15px !important;
	text-align:center;		vertical-align:middle;
	line-height:20px;		word-break:break-word;
	white-space:break-spaces !important;
}
li.sub-nav_tab.sub-nav_itema {
	border-bottom:5px solid var(--logoorange) !important;
}
li.sub-nav_tab:hover {
	color: var(--default-color) !important;
	background-color: var(--iveco-shade0) !important;
	font-weight:normal;
}
li.sub-nav_tab.sub-nav_itema,
li.sub-nav_tab.sub-nav_itema:hover {
	background-color: var(--iveco-shade1) !important;
	cursor:default !important;
	font-weight:600;
}
li.sub-nav_tab.sub-nav_itema:hover {}
/*#################################################*/



/** 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(--default-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;
}
.secbar.namesect {
	background-image: none !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(--default-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;
}
.rowsechead .rowsec-help {
	float:right;			position:relative;
	top:10px;				right:0;
}
.rowsecbar, .rowsecbara,
.rowsubsecbar, .rowsubsecbara {
	/*color: var(--default-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/IvecoAssets/expand_white.svg") 0px 5px scroll no-repeat transparent;*/
	background: url("/images/IvecoAssets/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/IvecoAssets/collapse_white.png");
}
.always_closed_sec.rowsecbar {
	background-image: url("/images/IvecoAssets/expand_black.png");
}
.always_closed_sec.rowsecbara {
	background-image: url("/images/IvecoAssets/collapse_black.png");
}
.sec-alert.rowsecbar {
	background-image: url("/images/IvecoAssets/expand_red.png");
}
.sec-alert.rowsecbara {
	background-image: url("/images/IvecoAssets/collapse_red.png");
}
.rowsubsechead {
	margin-top: 5px;
}
.rowsubsecbar, .rowsubsecbara {
	background: url("/images/IvecoAssets/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/IvecoAssets/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;
}
.section_container {
	display:block;			position:relative;
	clear:both !important;	float:none !important;
	padding:0;				margin:0;
}
/*#####################################*/

.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(--default-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;
	
	& > table, & > .fixedtab, & > .fixedtab_tab {
		/* border-top:1px solid var(--medgrey-color); */
		border-bottom:1px solid var(--medgrey-color);
		width:100% !important;	max-width:initial;
		display:table;			table-layout:auto;
		overflow:visible;
	}
	& > .fixedtab2 {
		width: auto !important;
	}
	&.fixedtab-contauto {
		width: auto;
	}
	&.fixedtab-htextra {
		max-height:525px;
	}
}
.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;
}
.fixedtab2 {
	width: auto !important;
	min-height: 100px;
}
.fixedtab > thead, .fixedtab_thead,
.fixedtab > tbody, .fixedtab_tbody,
.fixedtab > tfoot, .fixedtab_tfoot {
	display:table-row-group;
}
.fixedtab tr {
	display:table-row;
	z-index:inherit;
	
	&:is(.tabhead,.tabheadg,.greybg,.boxhead):not(.tabhead2,.tabheadt) {
		&, td, th {
			background: none var(--medgrey-color);
		}
		& td, & th {
			border-top:1px solid var(--lowgrey-color);
			border-bottom:1px solid var(--lowgrey-color);
		}
		& td, & th {
			border-right:1px solid var(--lowgrey-color);
		}
		& td:first-child, & th:first-child {
			border:1px solid var(--lowgrey-color);
		}
		& .fixed-left-last {
			border-right-color: var(--grey-border5) !important;
		}
		& .fixed-right-last {
			border-left-color: var(--grey-border5) !important;
		}
	}
}
.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:25px;			max-width:500px;
	padding:8px 10px;		opacity:1;
	/*z-index:inherit;*/
}
.fixedtab .fixed-col, .fixedtab .fixed-col-right {
	position:sticky;		left:0;
	z-index:4;		/* Must be more than z-index on any other columns/rows in `.fixedtab` */
	
	&:not(.fixedtab-icol, .col_sr, .fixedtab-col_sr, .col0, .fixedtab-col0, .col1, .fixedtab-col1, .col2, .fixedtab-col2, .col3, .fixedtab-col3, .col4, .fixedtab-col4, .col5, .fixedtab-col5, .col-auto, .fixedtab-col-auto, .namecol, .fixedtab_namecol, .colx, .fixedtab-colx, .fixedtab_colx) {
		max-width:350px !important;
	}
}
.fixedtab .fixed-col-right {
	left:initial;			right:0;
}
.fixedtab .fixed-left-last, .fixedtab .fixed-col:last-child {	/*~ rightmost fixed-left column */
	&:not(.fixed-col-right) {
		border-right:3px double var(--grey-border3) !important;
	}
}
.fixedtab .fixed-right-last, .fixedtab .fixed-col-right:first-child {	/*~ leftmost fixed-right column */
	border-left:3px double var(--grey-border3) !important;
}
.fixedtab tr .fixed-col:last-child {
	border-right:1px solid var(--grey-border2);
}
.fixedtab tr:not(.tabhead,.tabheadt,.tabheadg,.greybg,.boxhead) .fixed-col {
	background:none var(--plainwhite-color);
}
.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, .fixedtab_tfoot {
	& th, & td {
		position:sticky !important;
		word-break:normal;
		white-space:normal;		/* or break-spaces;*/
	}
}
.fixedtab_thead {
	& th, & td {
		text-align:center;		vertical-align:middle;
		/* font-weight:700;		font-size: var(--font-size-all); */
	}
	
	/* &tr:last-child th, &tr:last-child th, */
	&:is(tr:last-child) th, &:is(tr:last-child) th,
	& tr:last-child th, & tr th[rowspan],
	& tr:last-child td, & tr td[rowspan] {
		border-bottom:3px double !important;
	}
	
	& th:last-child, & th[colspan],
	& td:last-child, & td[colspan] {
		max-width:unset !important;
	}
	
	&:not(.tabhead,.tabhead2,.tabheadt,.tabheadg,.greybg,.boxhead),
	& tr:not(.tabhead,.tabhead2,.tabheadt,.tabheadg,.greybg,.boxhead) {
		& th+th, & td+td {
			border-right:1px solid;
			border-color: var(--grey-border2);
		}
	}
}
tr.fixedtab_thead:last-child th, tr.fixedtab_thead:last-child th {
	/* border-bottom:3px double; */
}
.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_datarows {	/*~~ same as: .fixedtab > tbody > tr or .fixedtab_tbody > tr or tr.fixedtab_tbody */

	& input, & select, & button {
		max-width:200px !important;
		z-index:3;
	}
	
	&:not(.tabhead,.tabhead2,.tabheadt,.tabheadg,.boxed,.greybg):hover {
		&, .fixed-col {
			background-color: var(--ltyellow-color) !important;
		}
	}
}
.fixedtab_frows {		/*~~ same as: .fixedtab > tfoot > tr or .fixedtab_tfoot > tr or tr.fixedtab_tfoot */
	&, & > td {
		background-color: var(--ltyellow-color) !important;
	}
}
.fixedtab_hrow1, .fixedtab .topRow1 {}
.fixedtab_hrow2, .fixedtab .topRow2 {}
.fixedtab_hrow3, .fixedtab .topRow3 {
	&, & > td, & > th {
		background-color: var(--lowgrey-color) !important;
		border-color: var(--medgrey-color) !important;
	}
}
/* Column width manipulations */
.fixedtab .colx, .fixedtab-colx,
.fixedtab_colx {		/*~~ may be used as standalone or w/ `.namecol` or `.fixedtab_namecol` */
	min-width:300px !important;
}
.fixedtab-icol, .fixedtab .col_sr, .fixedtab-col_sr {
	width:35px !important;			text-align:center;
	min-width:35px !important;		max-width:35px !important;
}
.fixedtab .col_sr, .fixedtab-col_sr {		/*~ Sr. no. #column */
	font-weight:600;
}
.fixedtab .col0, .fixedtab-col0, .fixedtab_col0 {
	width:50px !important;
	min-width:50px !important;		max-width:50px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:45px !important;
	}
}
.fixedtab .col1, .fixedtab-col1 {
	width:90px !important;
	min-width:90px !important;		max-width:90px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:85px !important;
	}
}
.fixedtab .col12, .fixedtab-col12 {
	width:120px !important;
	min-width:120px !important;		max-width:120px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:115px !important;
	}
}
.fixedtab .col2, .fixedtab-col2 {
	width:155px !important;
	min-width:155px !important;		max-width:155px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:145px !important;
	}
}
.fixedtab .col3, .fixedtab-col3 {
	width:190px !important;
	min-width:190px !important;		max-width:190px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:185px !important;
	}
}
.fixedtab .col4, .fixedtab-col4 {
	width:250px !important;
	min-width:250px !important;		max-width:250px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:245px !important;
	}
}
.fixedtab .col5, .fixedtab-col5 {
	width:310px !important;
	min-width:310px !important;		max-width:310px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:300px !important;
	}
}
.fixedtab .col-auto, .fixedtab-col-auto {
	width:100% !important;			max-width:350px !important;
	
	& select, & input:not([type="hidden"]) {
		max-width:340px !important;
	}
}
.fixedtab_namecol, .fixedtab .namecol {
	min-width:225px !important;
}
.fixedtab_coldiv, .fixedtab .coldiv {}
.fixedtab .coldiv_nametxt {}
.fixedtab .coldiv_icondiv {
	right:0px;				top:-2px;
}
/*#######################################*/



/** `highcols()` JS plugin **
 *#######################################*/
td.highcols-on, th.highcols-on {
	background: none var(--faintyellow-color) !important;
}
/*###################################################*/




/** jQuery UI - Custom Modified Styles **
 *###################################################*/
/** jQuery UI - Smoothness Theme: General Overrides **/
.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(--default-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 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:600px;		max-height:450px;
	text-align:left;		overflow:auto;
}
.tt_content {
	background-color: var(--plainwhite-color);		/* white */
}
.tt_content2 {
	background-color: var(--ltyellow-color);		/* light-yellow */
}
.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;
}
/*#####################################*/


/** 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;			overflow:hidden !important;
}
.cwidget .ui-dialog-title {
	/*color: var(--red-color);*/
}
.dwidget {}
.uwidget {}
.widgeth {
	color: var(--plainwhite-color) !important;
	background:url("/images/navbg.png");		/* height:23px; */
	border-radius:5px;
	clear:both;			float:none !important;
	display:block;		position:relative;
	margin:0;			padding:7px !important;
}
.widgeth h3 {
	font-family: Comic Sans MS, "Lucida Sans", Verdana;
	text-transform:uppercase;
}
.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 {}
/*#####################################*/


/*#####################################*/
/** Auto-complete Search settings **/
.inputac, .inputac_standalone {
	background: url("/images/new/SearchIcon.png") no-repeat scroll 185px 5px var(--plainwhite-color) !important;
	background-size:14px auto !important;
	/* border:1px inset var(--medgrey-color) !important; */
	border:2px outset var(--medgrey-color) !important;
	border-radius:5px !important;
	position:relative;			top:-1px;
	margin:0;					padding:3px 20px 3px 3px !important;
	min-height:16px;			/* max-height:19px; */
	width:180px !important;		cursor:text;
	vertical-align:middle;		text-align:left;
	overflow:hidden;			text-overflow:ellipsis;
	z-index:inherit;
	&::placeholder {
		color: var(--medgrey-color) !important;
		font-size:11px;
		font-style:italic !important;
	}
}
.inputac_standalone {
	width:260px !important;
	background-position-x:265px !important;
}
/* 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;
	white-space:nowrap !important;
}
.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:not([type="hidden"]) {
	color: var(--dkgrey-color);
	border:0 none transparent !important;
	border-radius:5px;
	font-weight:300;		/* overflow:visible; */
	overflow:hidden;		text-overflow:ellipsis;
	padding:0;				margin:0 0 0 20px;
	top:8px;
	cursor:text;			position:relative;
	&:not(:empty) {
		/* background-color: var(--ltyellow-color); */
		background-color: var(--ltblue-color);
		min-width:250px;		max-width:300px;
		padding:4px 7px;
	}
}
.searchac_txt.searchac_txtnext {
	max-width:550px;		margin-top:3px;
}
.searchac_btndiv {
	top:-1px;
}
.searchac_btn {}
.searchac_btnright {
	float:right;
}
.searchac_btnnext {
	float:none !important;
	clear:both;			display:block;
	margin-top:15px;
}
.searchac_btncenter {
	text-align:center;
}

/** Custom Searchable Pull-down ~ `selectseach()` Custom jQuery Plugin Extension **/
.selectac {
	/* display:none; */
	max-width:200px;
}
.selectac_wrapper {
	display:inline-block !important;
	border: 1px solid var(--ltgrey-color);
	border-radius:5px;
	position:relative;	max-width:225px;
	padding:0 !important;
}
input.selectac_txt {
	border: 0 none transparent !important;
	border-radius: 5px 0 0 5px !important;
	position:relative;	cursor:text;
	min-width:30px;		max-width:95% !important;
	height:auto;		max-height:22px;
	width:auto;			padding: 3px 5px !important;
	overflow:hidden;	text-overflow:ellipsis;
	
	&::placeholder {
		color: var(--medgrey-color);
		font-size:11px;
		font-style:italic;
	}
}
.searchac_sel.selectac_wrapper {
	/* width:450px !important; */
	max-width:450px;
}
.searchac_sel > input.selectac_txt {
	width:430px;
}
.selectac_caret {
	display:block !important;
	background: url("/images/icons/icon_caretdown_grey.png") no-repeat scroll center center var(--faintgrey-color) !important;
	border: 0 0 0 1px solid var(--ltgrey-color);
	border-radius: 0 5px 5px 0 !important;
	width:20px;			height:20px;
	position:absolute;	cursor:pointer;
	right:0;			top:1px;
	z-index:11;
}
.selectac_list {
	height:auto;		max-height:250px;
	width:auto;			max-width:500px;
	overflow: hidden scroll;
	text-overflow:ellipsis;
}
.selectac_list li {
	white-space:nowrap;
	
	&:hover {
		background-color: var(--ltblue-color);
	}
	&.selectac_option {}
	&.ui-state-disabled {
		color: var(--medgrey-color) !important;
	}
	&.selectac_optgroup {
		color: var(--medgrey-color) !important;
		font-style:italic;		font-weight:bold;
		opacity:0.9;
	}
	&.selectac_grplist {
		padding-left:25px;
	}
	&.selectac_grplista {
		background-color: var(--faintyellow-color);
		font-weight:bold;
	}
}


/** 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 82px 2px var(--plainwhite-color);
}
input.datepicker {
	/*border: 1px inset #800000 !important;*/
	border: 1px inset var(--grey-color) !important;
	border-radius:5px;
	padding:2px 20px 2px 3px !important;
	/* height:16px !important; */
	width:100px !important;		cursor: pointer !important;
	vertical-align: middle;		text-align: left !important;
	z-index:1;
}
.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/IvecoAssets/calendar.png") no-repeat scroll 85px 0px var(--offwhite-shade1);
	background-size: auto 20px;
}
.datepicker[disabled], .datepicker.disabled {
	cursor: not-allowed;
	pointer-events: visible;
}
.ui-datepicker {
	z-index:99 !important;
}
/*###################################################*/




/** Charts and Graphs Templates **
 *########################################*/
.charts_note {
	text-align:left;	padding:15px 10px 0px 5px;
	font-size:14px;		font-weight:bold;
}
.payrange_colhead {
	display:block;		clear:both;
	padding:5px;		text-align:center;
	font-weight:600;	white-space:nowrap;
}
span.payrange_colhead {
	font-weight:300;
}

.charts_zones {
	display:block;
	margin:0;		/*padding:10px;*/
	position:relative;	clear:both;
	padding: 1px 10px 10px 20px;
	min-width:375px;	max-width:500px;
}
.charts_zones_title {
	font-weight:bold;	clear:both;
	padding:10px 1px;	margin:0;
	text-align:left;
}
.charts_zones_content {
	display:block;		position:relative;
	clear:both;			width:475px !important;
	min-width:450px;	max-width:475px;
	bottom:0;			left:90px;
}
.charts_zones_content > div {
	display:block;		position:relative;
	float:left !important;	clear:unset !important;
	bottom:0;			left:0;
}
.ppr_lblo {
	border: 1px solid var(--grey-border2);
	background-color:#FAFAFA;
	width:25px;			height:54px;
	bottom:-19px !important;
	z-index:0;
}
.ppr_lblo.ppr_lblo1 {
	border-right:0px none;
}
.ppr_lblo.ppr_lblo2 {
	border-left:0px none;
}
.ppr_lblo div {
	color: var(--ltgrey-color);
	position:absolute;	display:block;
	width:65px;			top:6px;
	white-space:break-spaces;
}
.ppr_lblo.ppr_lblo1 div {
	left:-75px;			text-align:right;
}
.ppr_lblo.ppr_lblo2 div {
	right:-75px;		text-align:left;
}
.charts_zones_div {
	margin:auto;		bottom:6px !important;
	position:relative;	width:100%;
}
.charts_zones table {
	width:100%;			table-layout:fixed;
	border-collapse:collapse;
}
.rangesect {}
.rangesect td {
	height:54px;		width:20px;
	padding:0 !important;
}
#pprlinel {
	left:-4px !important;
}
.ppr_warn {
	color: var(--plainwhite-color);
	background-color: var(--orangebr-color);
	padding:4px 0px;	margin:5px 0px;
	font-weight:bold;	text-align: center;
	width: 100%;
}
.ppr_amts, .ppr_lbls {
	position:relative;	width: 120% !important;
	height:17px;		left:-25px;
}
.ppr_amts > div {
	display:inline-block;
}
.ppr_amtsl {
	text-align:left;
}
.ppr_amtsm {
	text-align:center;
}
.ppr_amtsr {
	text-align:right;
}
.ppr_lbll {
	text-align:left;
}
.ppr_lblm {
	text-align:center;
}
.ppr_lblr {
	text-align:right;
}
.ppr_line, .ppr_dot {
	position:absolute !important;
	top:44px;
	z-index:2 !important;
}
.ppr_line, .ppr_gl {
	width:270px;		text-align:left;
	left:0px;
}
.ppr_gl {
	border-bottom:1px solid var(--grey-border3);
	height:10px;		width:100%;
	left:0;				top:-2px;
	position:absolute;	display:inline-block;
	/*margin:0px -6px 0px -4px;*/
	padding:0;			margin:0;
}
.ppr_la, .ppr_ra {
	position:absolute !important;
	padding:0px;		margin:0px;
	top:0;				cursor:default !important;
}
.ppr_la {
	left:0;
}
.ppr_ra {
	right:0px;
}
.ppr_dot {
	top:47px;		cursor:help !important;
}
.ppr_cg {
	background-color: var(--lowgrey-color);
	height:130px;
}
.ppr_cbr {
	border-right:1px dotted var(--grey-border3);
}
.ppr_cw1 {
	border-left:1px dashed var(--grey-border3) !important;
}
.ppr_cw2 {
	border-left:1px dotted var(--grey-border3);
}
.ppr_cw3 {
	border-right:1px dashed var(--grey-border3) !important;
}
.ppr_cp {
	/*background-color:#FFD5C2;*/
}
.ppr_cp1 {
}
.ppr_cp2 {
}
.ppr_zone {
	color: var(--default-color);
	text-align:center;
	margin:auto;		width:80%;
}
.ppr_range {
	font-size:10px;		margin-top:12px;
	white-space:nowrap;
}
.ppr_name {
	font-size:12px;		margin-top:10px;
}
.ppr_desc {
	color:#666666;		font-size:9px;
	text-align:left;
}
.ppr_desc ul {
	margin-left:10px;	padding:0px;
}
.ppr_cg, .ppr_cp {
	vertical-align:top;
}
/*###################################################*/




/** Pagination Template **
 *########################################*/
.pagi_content {
	display:block;		position:relative;
	clear:both;			white-space:nowrap !important;
	width:auto;			height:25px !important;
	margin:0 !important;	padding:0 !important;
	z-index:9;
}
.pagi_content .grey {
	color: var(--grey-color) !important;
}
.pagi_content a {}
.pagi_content div {
	display:inline-block;
	padding:0px;			position:relative;
	margin:0px 3px;		clear:both;
}
.pagi_nav {
	font-weight:bold;		font-size:12px;
	cursor:pointer;			line-height:20px;
	text-decoration:underline;
	z-index:inherit;
	
	&.link3, &.link3:hover {
		text-decoration: none !important;
	}
}
.pagi_nav_jump {
	margin:0px 7px !important;
}
.pagi_dots {
	font-size:16px;			font-weight:bold;
	letter-spacing:0.3em;
}
.pagi_input {
	margin-left:10px !important;
}
.pagi_input form {
	display:inline-block;
}
.pagi_input_txt {
	/*background:url("/images/new/AdvancePageIcon.png") right 0px no-repeat scroll #FAFAFA !important;*/
	border:1px solid var(--ltgrey-color) !important;
	padding:1px 15px 1px 3px !important;
	width:40px;					height:14px;
	color:#585858;			font-size:12px;
	line-height:12px;		cursor:text;
	font-weight:500;		position:relative;
	z-index:5;
}
.pagi_input_img {
	background:url("/images/new/AdvancePageIcon.png") center center no-repeat scroll var(--medgrey-color) !important;
	border:1px solid var(--medgrey-color);
	display:inline-block;
	cursor:pointer;		position:absolute;
	width:16px;			height:16px;
	top:-5px;			right:1px;
	padding:0;			margin:0;
	font-size:0px;		/*opacity:0.01 !important;*/
	z-index:6;
}
.pagi_total {
	margin-right:10px !important;
}
/*###################################################*/



/** Download Report Progress **
 *########################################*/
.progress {
  float: left;
  margin: 0px 4px;
}
.progressbar {
  border: 1px solid var(--default-color);
  float: left;		position: relative;
  top: 0px;				left: 0px;
  width: 200px;		height: 16px;
}
.pbardone {
  position: absolute;
  top: 0px;		left: 0px;
  height: 16px;
  background-color: var(--higrey-color);
}
.prog {
	position:relative;		display:inline-block;
	font-size:10px!important;
	font-weight:normal !important;
	text-align:right;
	padding:4px 7px;		width:auto !important;
	overflow:visible;		white-space:nowrap;
	min-width:50px !important;
	max-width:125px !important;
	z-index:99;
}
.prog, .prog:hover {
	color: var(--linkblue) !important;
	font-size:10px!important;
	z-index:99;
}
.proga {		/* progress active */
	background:url("/images/progress_small.gif") no-repeat scroll center right transparent !important;
	color: var(--higrey-color);
	text-align:right !important;
	padding-right:21px !important;
	cursor:progress !important;
	max-width:100px !important;
}
.proga:hover {
	cursor:progress !important;
}
.progd {
	background:none var(--ltyellow-color) !important;
	border:1px solid #99CCFF !important;
	border-radius: 5px;
	margin:auto auto !important;
}
.progd, .progd:hover {		/* progress done */
	color: var(--linkblue);	font-size:11px !important;
	cursor:pointer;			text-decoration:none !important;
}
.progd a, .progd:hover a, .progd a:hover {
	color: var(--linkblue) !important;
	font-weight:bold;
	font-size:inherit !important;
	cursor:pointer !important;
	text-decoration:underline !important;
}
.progd.disabled, .progd.disabled:hover {	/* progress done/inactive/disabled */
	/*color: var(--ivecoblue);*/
	text-decoration:none !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;
}
.popuptab {
  background-image: url(/images/popuptab.png);
  position: absolute;
  bottom: -7px;
  left: 2px;
  height: 9px;
  width: 22px;
}
.menubutton {
  display:inline-block;		position: relative;
  cursor: pointer;
  top: 0px;						left: 0px;
}
.pulldown, .pulldownr {
	color: var(--default-color);
	/*background:none var(--skyblue-color);		/* or #F5F5F5; */
	background: none 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 {		/* 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;
}
.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) */
	display:block;		clear:both;
	float:none;			position:relative;
	font-size:12px;		text-align:left;
	width:100%;			padding:0 !important;
	height:100%;		margin:0 !important;
	overflow:visible;
}
.popcontainer .close, .popcontainer .xclose {}
.popcontent {		/* common class for popconttop, popcontdata and popcontfoot */
	color: var(--default-color);
	display:block;		clear:both;
	float:none;			position:relative;
	overflow:visible;	/*font-weight:300;*/
	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 {
	background-color: var(--grey-border1);
	/*background-color: var(--faintgrey-color);*/
	/*background-color: var(--offwhite-shade2);*/
	border-bottom: 1px dotted var(--grey-border3);
}
.popcontdata {
	background-color: var(--offwhite-shade0);
	/*background-color: var(--plainwhite-color);*/
	/*background-color: var(--higrey-color);
	color: var(--plainwhite-color);	height:auto;*/
	padding:10px 8px 15px 8px;
}
.popconttop, .popcontfoot {
	min-height:22px;	max-height:60px;
	height:auto;		padding:5px 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 {
	color: var(--plainwhite-color);
	background-color: var(--menublue);
	border-top: 1px dotted var(--grey-border2);
	padding-bottom:12px;	font-weight:600;
}
.popcontfoot .link {
	color: var(--plainwhite-color);
}
.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;
}
/*###################################################*/