/**
 * @file: tpl.css
 * @use: General Template Styles Settings
 *########################################################*/
:root {
	--frame-width: 1000px;		/* Default Maximum Frame width in the document window ~ Viewport */
	--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-oversize: 2000px;
	--font-size-all: 12px;		/*~= 12px or 0.75em based on document, default size 16px */
	
	--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;
	--saffron-color: #FFAF33;		/* or #FF7722 or #F4C430 */
	--orange-color: #F2911B;
	--orangebr-color: #FE642E;		/* bright orange */
	--orangered-color: #DE6435;		/* Orange-red shade */
	--pinkbr-color: #E80084;		/* bright pink - same as icons, alerts, etc. */
	--yellow-color: #FFFF00;
	--faintyellow-color: #F7F8E0;	/* Faint Yellow color, ~ #FFFFE6 or #FFFFEA */
	--faintyellow-shade: #FFFFEF;		/* Faint Yellow shade, no opacity */
	--faintyellow-shade2: rgba(255, 255, 230, 0.5);	/* Faint Yellow shade, ~ #FFFFE6 opacity 50% */
	--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 */
	--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 */
	--bggrey-color: #E6E6E6;		/* Background grey */
	--grey-disabled-bg: #E9E9EA;	/* Disabled grey bg */
	--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;			/* ~ #5C83C5 */
	--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;
	--menublue: #2F679A;
	--linkblue: #3399FF;
	--logoblue: #0065C4;
	--content-blue: #334863;		/* popup content bg ~ rgba(29, 53, 83, 0.9) */
	--magenta-color: #8A0886;
	--green-color: #76BF28;
	--dkgreen-color: #66CC00;
	--focusgreen-color: #5CB342;
	--logogreen: #83B81A;
	--logoorange: #E85412;
	--logored: #9E0054;
	--logoyellow: #FABB00;
	
	/* Apply to the whole document */
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;	/* Default font size for document */
	background-color: var(--bggrey-color);		/* #D3D3D3; var(--lowgrey-color); var(--plainwhite-color);*/
	color: var(--plainblack-color);		/* Default text color */
}
/*##################################################*/
body {
	font-family: var(--font-family-all);
	font-size: var(--font-size-all);
	/* font-size: 16px;	/* Default font size for document */
	color: var(--default-color);		/* Default text color */
	/*background-color: var(--bggrey-color);		/* #D3D3D3; var(--lowgrey-color); var(--plainwhite-color);*/
	border: 0 none transparent;
	border-radius:0;
	margin:0;				position:relative;
	padding:0;				clear:both;
	background: none left top no-repeat scroll var(--bggrey-color);
	background-size: cover;
	transition: background-image 1s linear;
}
body, body * {
	scroll-behavior: smooth;	/* auto or smooth */
	scrollbar-color:auto;
	scrollbar-width: auto;
	/* scrollbar-gutter: stable both-edges; */
}
a:link, a:visited {
	/*color: inherit;*/
}
img, a > img {
	border: 0px none transparent;
	max-width: var(--frame-width);
	position:relative;	display:inline-block;
	text-decoration:none;
}
table {
	border-spacing:0;
	/*border-collapse:collapse;*/
	border-collapse:separate;
}
table caption {
	text-align:left;
	padding:3px;
}
input, select {
	background-color: var(--offwhite-shade0);
}
select, option, input, textarea, button, label {
	/*font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;*/
	font-family:inherit;
	font-size:inherit;
}
input[type="checkbox"], input[type="text"],
/*input[type="button"], button,*/
textarea, select {
	border:0.5px solid var(--ltgrey-color);
	border-radius:5px;		padding:2px 5px;
}
input[type="file"] {
	background: none transparent;
	border: 0px none transparent;
	border-radius: 5px;		padding:0;
	overflow:clip;			white-space:nowrap;
	text-overflow:ellipsis;
}
h1,h2,h3,h4,h5,h6 {
	padding:0;			margin:2px;
	/*font-size:14px;*/
}
ul,ol,li {}
ul,ol {
	margin:12px 0;		padding:0 0 0 25px;
}
ul {
	list-style-type:disc;		/* or circle */
}
ol {
	list-style-type:decimal;
}
li {
	padding:2px;		margin:0;
}
dl,dt,dd {}
dl {
	margin:12px 0;		padding:0 0 0 10px;
}
dt,dd {
	margin:0 0 0 3px;	padding:3px 3px 3px 0;
}
dd {
	margin-left:20px;
}
/*##################################################*/



/** All Template common styles **
 *##################################################*/
.uline {	/* text underline */
	text-decoration:underline;
}
.hline, .vline {	/* line (separator) */
	border: 0px solid var(--lowgrey-color);		/* or --offwhite-shade1*/
	color: var(--lowgrey-color);	/* if used with `hr` */
	padding:0;			position:relative;
}
.hline {	/* horizontal line (separator) */
	border-top-width: 1px;
	width:98%;			height:2px;
	margin:15px auto;
}
.vline {	/* vertical line (separator) - doesn't work */
	border-left-width: 1px;
	width:5px;			height:98%;
	margin:auto 15px;
}
.italic {
	font-style:italic !important;
}
.bold {
	font-weight:bold !important;
}
.txt300 {
	font-weight:300;
}
.txt500 {
	font-weight:500;
}
.txt600 {
	font-weight:600;
}
.txt750 {
	font-weight:750;
}
.nowrap, .nowrap td, .nowrap a, .nowrap input, .nowrap span, .nowrap b {
  white-space: nowrap !important;
}
.wrap, .wrap td, .wrap a, .wrap input, .wrap span, .wrap b {
  white-space: normal !important;		/* or break-spaces */
}
.err_msg {
	font-weight:bold;		color: var(--dkred-color);
}
.success_msg {
	font-weight:bold;		color: var(--linkblue);
}
.mandatory {
	color: var(--focusred-color) !important;		/*color: var(--dkred-color) !important;*/
	font-size: var(--font-size-all);			font-weight:bold;
}
.invisible {
	visibility:hidden;
}
.nodisplay {
	display:none;
}
.hidden, .hidden_content, .script, .scripts {
	display:none !important;
	visibility:hidden !important;
}
.inb {
	display:inline-block;
}
.inb.nodisplay {
	display:none;
}
.ineligible {
  background-color: var(--lowgrey-color);
  color: var(--higrey-color);
}
/* Used in coloramt(), colorpct() and colornum() */
.regnum {
  color: inherit;	/* var(--plainblack-color);*/
}
.posnum {
  color: var(--focusgreen-color);
}
.negnum {
  color: var(--pinkbr-color);
}

.grey {
	color: var(--grey-color);
}
.lightgrey {
	color: var(--ltgrey-color) !important;
}
.medgrey {
	color: var(--medgrey-color) !important;
}
.dkgrey {
	color: var(--higrey-color) !important;
}
.white {
	color: var(--plainwhite-color) !important;
}
.black {
	color: var(--plainblack-color);
}
.brown {
	color: var(--brown-color);
}
.green {
	color: var(--focusgreen-color);
}
.orange {
	color: var(--orange-color);
}
.red {
	color: var(--focusred-color);
}
.redDark, .darkred {
	color: var(--dkred-color);
}
.blue {
	color: var(--txtblue-color);		/* var(--linkblue);*/
}
.lightyellow {
	color: var(--ltyellow-color) !important;
}
.greybg {
	background-color: var(--ltgrey-color) !important;
	color: var(--plainwhite-color);
}
.faintgreybg {
	background-color: var(--faintgrey-color) !important;
	color: var(--plainblack-color);
}
.offwhitebg {
	background-color: var(--offwhite-shade1) !important;
	color: var(--plainblack-color);
}
.yellowbg, .highlight, .hi,
.highlight:hover, .hi:hover {
	background-color: var(--ltyellow-color) !important;		/*Light-Yellow*/
}
.hirow, .hirow:hover,
.hirow td, .hirow div,
.hirow span, .hirow a {
	/*background-color: var(--faintyellow-color) !important;*/
	background-color: var(--faintyellow-shade) !important;
}
.greybar {
	background-color: var(--ltgrey-color);
	border:1px solid var(--ltgrey-color);
	display:block;		clear:both;
	height:16px;		width:100%;
	margin:0;			padding:0;
}

.seperator, .separator {
	border-left:1px solid var(--grey-border6);
	display:inline-block;	line-height:16px;
	width:auto;				height:14px;
	min-width:10px;			min-height:14px;
	margin-left:5px;		padding:1px;
	vertical-align:bottom;
}
.sepsect, .sep-sect, .sectsep {
	border-top:1px dotted var(--grey-border6);
	display:block;		position:relative;
	clear:both;			float:none !important;
	width:90%;			height:2px;
	padding:0px;		margin:10px auto 20px auto;
}
.close {
	background-color: var(--lowgrey-color);
	color: var(--plainblack-color) !important;
	float: right;		cursor: pointer;
	display:block;	position:relative;
	width: 12px;		height: 12px;
	font-weight:bold;	margin: 4px 4px 0 4px;
	line-height:14px;	padding-bottom: 6px;
	text-align: center !important;
}

.clickable, .clickable2, .not-clickable,
.link, .link0, .link1, .link2, .link3, .link4,
.nolink1, .nolink2 {
	/*color: var(--plainblack-color);*/
	position:relative;		cursor:pointer;
}
.link, .link0, .link1, .link2, .link3, .link4,
.nolink1, .nolink2 {
	display:inline-block;
	font-size: var(--font-size-all);
}
.clickable input, .clickable label, .clickable button {
	cursor:pointer;
}
.not-clickable, .clickable.disabled, .clickable2.disabled {
	cursor:not-allowed !important;
}
.clickable2, .link {
	text-decoration:underline;
}
.link:hover, .link0:hover, .link1 {
	text-decoration:underline dotted var(--blueviolet-color);
}
.link2:hover, .link3:hover, .link4:hover {
	cursor:pointer;			text-decoration:underline !important;
	color: var(--linkblue);
}
.link1:hover, .link2, .link3, .link4, img.link1 {
	cursor:pointer;			text-decoration:none !important;
}
a.link1, a.link2,
button.link1, button.link2,
input.link1, input.link2 {
	background:none;		border:none;
}
.link3 {
	color: var(--linkblue) !important;	/* blue */
	/*color:#3300FF;	/* dark blue */
}
.link3:hover {
	color: var(--linkblue) !important;
}
.link4 {
	color:#B7CAE8;
	/*color: var(--plainwhite-color);	/* white */
	/*color:#0909FF;	/* bright blue */
	/*color:#09FFFF;	/* cyan - bright green+blue, good on grey bg  */
}
.link4:hover {
	color: var(--plainwhite-color) !important;	/* var(--ltyellow-color); */
}
button.link3, input[type="button"].link3, input[type="submit"].link3,
button.link4, input[type="button"].link4, input[type="submit"].link4 {
	background:none transparent !important;
	border:none transparent !important;
}
div.link3, div.link4 {
	display:inline-block;
}
.nolink1, .nolink1:hover {
	cursor:default !important;
}
.nolink2, .nolink2:hover {
	cursor:not-allowed !important;
}
.clickable img, img.clickable, .clickable2 img, img.clickable2,
.link img, .link1 img, .link2 img, .link3 img, .link4 img,
img.link, img.link1, img.link2, img.link3, img.link4 {
	text-decoration:none !important;
}
.disabled, .disabled:hover,
.prog, .prog:hover {
	color:#808080 !important;		cursor:default !important;
	text-decoration:none !important;
}
.circlehead {
	color:#164476;		cursor:default !important;
	font-size:18px;		font-weight:bold;
	display:block;		padding:3px 2px;
}

.view_more {
	display:block;		white-space:nowrap;
	padding:5px;
}
.view_more span {
	display:inline-block;
	font-weight:bold;
}
.seperator.filterline, .separator.filterline {
	padding-right:0px;		margin-right:0px;
}
.filterline, .filterlinel, .filterliner, .filterlinr {
  position:relative;
  top:0px;			display:block;
}
.filterline, .filterlinel {
	float:left;
	left:0px;			margin-right:8px;
}
.filterliner, .filterlinr {
	float:right;
	right:0px;		margin-left:8px;
}
.filterline2 {
  position: relative;
  display:inline;			margin-right: 8px;
}
.clearall, .clearer {
	clear:both !important;		float:none !important;
	position:relative;
}
.clearer {
	border:0px none transparent !important;
	background:none transparent !important;
	color:transparent;		cursor:default !important;
	padding:0 !important;	margin:0 !important;
	height:0px !important;	width:auto;
	min-height:0;			max-height:0;
	min-width:0;			max-width:0;
	display:block;			visibility:hidden !important;
	font-size:0;			line-height:0;
	z-index:-1;
}
.clearer2 {
	padding:2px;		clear:both !important;
}
.clearer5 {
	padding:5px;		clear:both !important;
}

.vbar, .vbar2, .hbar {
	border:0px none transparent;
	color:inherit;			display:inline-block;
	cursor:default;			position:relative;
	text-align:center;		padding:0;
}
.vbar, .vbar2 {
	font-size:inherit;		font-weight:inherit;
	margin:auto 10px;		max-width:10px;
}
.vbar2 {
	border-left:1px solid var(--grey-border3);
	display:block;
}
.hbar {
	border-top:1px solid var(--grey-border3);
	display:block;			clear:both;
	margin:10px auto;		max-height:10px;
}

.bleft {
  border-left:1px solid var(--grey-border3);
}
.bleft-dark {
  border-left:1px solid var(--plainblack-color);
}
.bright, .bright2 {
  border-right: 1px solid var(--grey-border3);
}
.bright-dark {
  border-right: 1px solid var(--plainblack-color);
}
.bright2 {
	border-right-width:2px !important;
}
.bright-dotted {
	border-right:1px dotted var(--grey-border3);
}
.bright-dashed-red {
	border-right:1px dashed #D36335; 
}
.btop {
  border-top: 1px solid var(--grey-border3);
}
.btop-dark {
  border-top: 1px solid var(--plainblack-color);
}
.bbottom {
	border-bottom:1px solid var(--grey-border3);
}
.bbottom-dark {
	border-bottom:1px solid var(--plainblack-color);
}
.ball {
	border:1px solid var(--grey-border3);
}
.ball-dark {
	border:1px solid var(--plainblack-color);
}
.rpadding {
	padding-right:5px;
}
td.bleft, td.bleft-dark {
  padding-right:5px;
}
td.bright, td.bright2, td.bright-dark {
	/*padding-left:5px;*/
}
td.btop, td.btop-dark {
	padding-bottom:5px;
}
td.bbottom, td.bbottom-dark {
	padding-top:5px;
}
td.ball, td.ball-dark {
	padding:5px;
}

/* rowhi - Row Highlight on mouseover/mouseout events */
.rowhi {}
.rowhi:hover {
	background-color:#FBFBEF !important;
}
.rowhia {}
.rowhia:not(.ineligible), .rowhia:not(.disabled) {
	background-color:#FBFBEF !important;
}
.rowhist {}
.rowhi-stay {
	background-color:#FBFBEF !important;
}
/*##################################################*/



/** Tpl::getLoadingImg()
 * div#loadingImg Must be directly under <BODY> tag *
 *# ref JS: progress() - Alias: progresbar(), progressbar()
 *# ref JS: showStatus(), statusmsg(), clearstatus(), statuslinger(), clearlinger()
 *#######################################*/
div#statusbox {
	position: fixed !important;
	border: 1px solid var(--higrey-color);
	color: #CC0000;		background: var(--lowgrey-color);
	display:none;		cursor:progress;
	top:2px;			right:2px;
	width: 130px;		height: 20px;
	font-size: 12px;	text-align: center;
	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;
}

/** Progress Div **
 * Show AJAX Loading Progress in a certain <DIV> section of page, NOT whole page */
.placeholder_container {
	background:none transparent !important;
	display:block;			position:relative;
	clear:both !important;	top:0;
	float:none !important;	left:0;
	margin:auto;			padding:0;
	width:100%;				height:100%;
	z-index:99;
}
.placeholder_done {
	z-index:initial;
}
.placeholder_img {
	background:url("/images/img_loading.gif") center center no-repeat scroll transparent !important;
	display:block;			text-align:center;
	height:250px;			margin:0px auto;
	opacity:0.60;			filter: alpha(opacity=60);	/* IE Only*/
	cursor:progress;		position:relative;
	z-index:99;
}
/*#######################################*/



/** Icons and Buttons Group:
 *######################################*/
.icons, .icon0, .icons2, .icons3,
.icona, .iconsa, .iconb, .iconsb, .icont, .iconst,
.ibutton, .ibutton0, .ibutton1, .ibutton2,
.help_icon, .statusicon,
.icons_new, .icont_new, .iconn, .iconnt, .icons-new, .icont-new {
	background: url("/images/icons.png") no-repeat scroll -93px -85px #848484;	/* default - help ? icon with grey bg */
	color: var(--plainwhite-color);
	border:0px none transparent;			/*border: 1px solid #A4A4A4;*/
	border-radius:3px;		cursor:pointer;
	position:relative;		display:inline-block;
	margin:auto 5px;		padding:0px;
	height:17px;			width:17px;
	font-size:0px;			font-weight:300;
	line-height:1px;		vertical-align:middle;
	text-align:center;		text-decoration:none;
	z-index:inherit;
}
.icon0 {	/* for new 33x33 icons */
	background:none 0 0 no-repeat transparent;		/* unset */
	background-size:18px auto;
	width:18px;				height:18px;
	border:0 none;			border-radius:0;
}
.icons_new, .iconn, .icons-new {
	background:url("/images/icons-new.png") no-repeat scroll -95px -86px transparent;
}
.icons2 {
	background:none transparent;
	background-position:initial;
	color: var(--plainwhite-color);			line-height:14px;
	font-size:11px;			font-weight:bold;
}
.icons3 {
	background-color:#DF7401;
	background-position:initial;
}
.icona, .iconsa {
	background:none var(--orange-color) !important;
	background-position:initial;
	color: var(--plainwhite-color) !important;
	font-size:10px;			line-height:14px;
}
.iconb, .iconsb {
	border: 1px solid var(--ltgrey-color) !important;
}
.icont, .iconst,
.icont-new, .icont_new, .iconnt {
	background-position:initial;
	background-color:transparent;
	border:none;
	height:16px;			width:16px;
}

/* All below icons/buttons should use one of the above classes as parent class in addition to their own class */
/* Using icons.png */
.help_icon, .info_icon, .alert_icon {
	cursor:help;
}
.info_icon {
	background-position:-125px -86px;
}
.trueview_icon, .chgw_icon, .chgr_icon {
	background-position:-255px -168px;
	background-color:transparent;
	height:19px;		width:23px;
}
.green_circle {
	/*background-color: rgba(0, 0, 0, 0) !important;*/
	background-color:transparent !important;
	background-position: -39px -87px !important;
}
.grey_circle, .gray_circle {
	background-color:transparent !important;
	background-position:-11px -87px !important;
	cursor:default;
}
.cross_icon {
	color: var(--plainblack-color);
	background-color: var(--plainwhite-color);
	background-position:initial;
	border:1px solid var(--plainblack-color);
}
.del_cross_icon {
	background-position:-99px -393px !important;
	width:12px;			height:12px;
}
.dd {
	background-position:-36px -126px;
	background-color: var(--plainwhite-color);
}
.cb0, .cb1 {
	background-color: var(--plainwhite-color);
	background-position:-329px -168px;
	border: 1px solid var(--plainblack-color);
}
.cb1 {
	background-position:-294px -168px;
}
.ignorecb0, .ignorecb1 {
	background-position:-77px -393px;
	width:10px;			height:10px;
}
.ignorecb1 {
	background-position:-100px -394px;
}
.greydown, .greydownsm {
	background-color:transparent;	/*rgba(0, 0, 0, 0);*/
	background-position:-38px -125px;
}
.greyside {
	background-color:transparent;
	background-position:-80px -125px;
}
.whitedown {
	color: var(--plainwhite-color);
	background-position:-278px -392px;
}
.whiteright {
	color: var(--plainwhite-color);
	background-position:-260px -392px;
}
.whitedownl {
	background:url("/images/new/WhiteDownCaretLarge.png") 4px 5px no-repeat scroll transparent;
	padding:2px;
}
.orangedown {
	background-position:-14px -125px;
}
.orangeside {
	background-position:-58px -125px;
}
.statusicon {
	background-color:transparent !important;
	background-position:-163px -391px !important;
	width: 11px !important;			margin: auto 2px !important;
	cursor:default;
}
.statusnone {
	background-position:-163px -391px !important;
}
.statusred {
	background-position:-187px -391px !important;
}
.statusyellow {
	background-position:-211px -391px !important;
}
.statusgreen {
	background-position:-236px -391px !important;
}
.delta_red, .delta_black {
	background-position:-281px -86px;
	cursor:default !important;
}
.delta_red {
	background-position:-257px -86px;
}
.left_arrow, .right_arrow {
	width:7px !important;			height:15px !important;
	padding:0px !important;			margin:0px !important;
}
.left_arrow {
	background-position:-104px -123px !important;
}
.right_arrow {
	background-position:-138px -123px !important;
}
.grey_line {
	background-position:-114px -124px !important;
	background-repeat:repeat-x;
}
.black_dot {
	background-position:-295px -391px !important;
}
.shared_icon {
	background-position:-235px -391px !important;
	background-color:transparent !important;
}


/* Using icons-new.png */
.ind_icon {
	background-position:-162px -48px !important;
}
.alert_icon {
	/*background-image:url("/images/icons-new.png") !important;
	background-position:-16px -48px;*/
	background:url("/images/new/AlertIcon.png") no-repeat scroll 0 0 var(--orange-color);
	/*background-color: var(--orangebr-color)*/
	background-size:17px auto;
	width:17px;		height:17px;
}
.logout_icon {
	/*background:url("/images/new/Logout.png") 0 0 no-repeat scroll transparent;*/
	background-position:-262px -15px !important;
}


/* Using Its Own (text - X) OR No Image */
/* They should all be using .icon0 or .icont as the parent class */
.xclose {
	float:right !important;
	color: inherit;
	background:none transparent !important;
	border:0px none transparent !important;
	position:relative !important;		display:inline-block !important;
	right:0px;			top:0px;		font-size:14px !important;
	cursor:pointer;			/*text-decoration:underline;*/
	height:15px !important;				width:15px !important;
	line-height:15px !important;		font-weight:bold !important;
	padding:0px;				margin:0px;			/*padding:5px;*/
}
.sort_notation {
	position:relative;	display:inline-block;
	font-size:10px;		font-weight:200;
}
.right-carret, .down-carret {
	background:url("/images/new/GreyDownCaretSmall.png") center center no-repeat scroll transparent	!important;
}
.down-carret {
	background-image:url("/images/new/GreyRightFacingCaret.png") !important;
}
.chgw_icon, .chgr_icon {
	background:url("/images/new/TrueViewWhite.png") 0px 2px no-repeat scroll transparent;
	height:19px;		width:23px;
	background-size:21px auto;
}
.chgr_icon {
	background-image:url("/images/new/TrueViewPink.png");
}
.filtw_icon, .filto_icon {
	background:none 0 0 no-repeat transparent;
	background-size:auto 16px;
	height:20px;		width:20px;
	top:3px;
}
.filtw_icon {
	background-image:url("/images/new/icon_globalfilter_white.png");
}
.filto_icon {
	background-image:url("/images/new/icon_globalfilter_pink.png");
}
.menu_icon {
	background:url("/images/menu-icon.png") no-repeat scroll 0 0 transparent !important;
	width:20px;
	border:none !important;		border-radius:0 !important;
}
.reset_icon {
	background:url("/images/reset.png") no-repeat scroll 0 0 transparent !important;
}
.secbara-caret, .secbara > .secbar-caret {
	background-image:url("/images/new/SectCaretOpen.png") !important;
}
.expand_all, .collapse_all {
	background:url("/images/new/OpenAllRows.png") 0px 0px no-repeat scroll transparent;
	background-size:18px auto;
	width:22px !important;		height:22px !important;
}
.collapse_all {
	background-image:url("/images/new/CloseAllRows.png");
}
.pop_icon {
	background:url("/images/new/PopOutWindowCommentIcon.png") 0px 1px no-repeat scroll transparent;
	width:14px;				height:14px;
}
.caret_down {
	background:url("/images/new/GreyDownCaretSmall.png") 0px 2px scroll no-repeat transparent !important;
}
.secbar-caret, .secbara-caret, .secbar > .secbar-caret {
	background:url("/images/new/SectCaretClose.png") 0px -3px scroll no-repeat transparent !important;
}
.switch0, .switch1 {
	background:url("/images/new/SwitchOff.png") no-repeat scroll center center transparent;
	border:1px solid #BDBDBD !important;
	border-radius:15px !important;
	width:39px;			height:18px;
}
.switch1 {
	background-image:url("/images/new/SwitchOn.png");
}
.trash_icon {
	background:url("/images/trash.png") no-repeat scroll 0 0 transparent !important;
}
.del_img {
	background:url("/images/del.gif") scroll no-repeat center center transparent !important;
}
.circle_orange, .circle_saffron, .circle_red, .circle_green, .circle_grey {
	background:unset;
	border:1px hidden transparent;
	border-radius:10px;
	height:14px;		width:14px;
}
.circle_dot {
	height:9px;			width:9px;
}
.circle_saffron {
	background-color: var(--saffron-color);
}
.circle_orange {
	background-color: var(--orange-color);
}
.circle_red {
	background-color: var(--red-color);
}
.circle_green {
	background-color: var(--green-color);
}
.circle_grey {
	background-color: var(--ltgrey-color);
}
/* Use .icon0 as parent class for these new 33x33 icons */
.sort_icon {
	background-image:url("/images/new/icon_sort.png");
	background-position-y:2px;
}
.filts_icon {
	background-image:url("/images/new/filter_default.png");
}
.filtsa_icon {
	background-image:url("/images/new/filter_applied.png");
}
.coldisp_icon {
	background-image:url("/images/new/coldisp_default.png");
	background-position-y:1px;
}
.coldispa_icon {
	background-image:url("/images/new/coldisp_applied.png");
	background-position-y:1px;
}
.download_icon {
	background-image:url("/images/new/icon_download.png");
}
.downblue_icon {}
.edit_icon {
	background-image:url("/images/new/icon_edit.png");
}
.stmt_icon {
	background-image:url("/images/new/icon_document.png");
	background-size:auto 16px;
}
.comments_icon {
	background-image:url("/images/new/icon_comments.png");
}
.sq_accept, .sq_decline {
	background:unset;
	border-radius:3px;
	height:16px;	width:16px;
}
.sq_accept {
	background-color: var(--blue-color);
}
.sq_decline {
	background-color: var(--orange-color);
}


/* Buttons */
.button, .button2 {
	background-color:#FBFBEF;
	border: 1px solid #99CCFF;
	border-radius:5px;
	font-size:12px;			line-height:15px;
	padding: 1px 3px;		margin: 0px 4px;
	cursor: pointer;		text-decoration:none;
	position:relative;
}
.button {
	float: left;			display:block;
}
.button2 {
	clear:both !important;
	float:none !important;
	display:inline-block;
}
.ibutton, .ibutton0, .ibutton1, .ibutton2 {
	/* background:unset; */
	background:none transparent;
	border:0px none transparent;
	cursor: pointer;		text-decoration:none;
}
.ibutton {		/* uses "icons.png" for buttons */
	background-color: var(--orangebr-color);
	color: var(--plainblack-color);
	border-radius:3px;
	font-size:1px;			line-height:1px;
	width:50px;				height:17px;
}
.ibutton0, .ibutton1, .ibutton2 {
	color: var(--plainwhite-color);
	position:relative;		display:inline-block;
	font-size:11px !important;
	border-radius:5px;		font-weight:600;
	height:auto;			width:auto;
	line-height:14px;		padding:5px 7px !important;
}
.button, .button2, .ibutton, .ibutton0, .ibutton1, .ibutton2, .ibutton3 {
	white-space:nowrap;
}
/* uses .ibutton as shared class for size and background-image */
.save_button123 {
	/*background-position:-27px -304px;*/
	height:25px;
}
.calc_button {
	background-position:-275px -215px;
	height:20px;
	width: 66px;
}
.clrovr_button {
	background-position:-272px -256px;
	height:20px;
	width: 94px;
}
.delete_button {
	background-position:-18px -345px;
}
.add_button {
	background-position:-159px -345px;
	width:45px;		height:20px;
}
.report_button {
	background-position:-25px -304px;
}
.save_button_blue {
	background-color:transparent;
    background-position:-145px -22px;
    height:27px;		width:55px;
}
.way_button {
	background-position:-155px -214px;
	height:23px;		width:105px;
}
.change_button {
	background-position:-198px -302px;
	height:24px;		width:56px;
}
.edit_button {
	background-position:-308px -345px;
	height:20px;		width:45px;
}
.addlist_btn {
	background-position:-280px -305px;
	height:18px;		width:70px;
}
.remove_button {
	background-position:-112px -305px;
	height:19px;		width:58px;
}
.cnr_button {
	background-position:-18px -214px;
	height:20px;		width:120px;
}
.sra_button {
	background-position:-156px -255px;
	height:20px;		width:100px;
}
/* No background Image, All White Text ONLY */
.ibutton0 {
	background-color:#DF7401;	/* orange bg */
}
.ibutton1 {
	background-color: var(--orange-color);	/* pink bg */
}
.ibutton2 {
	background-color:#3366BB;	/* blue bg */
}
/* Ends Icons Group *
/*###############################################*/


/** Sections and Sub-sections, Row-sections, etc.
 *###############################################*/
.sectionhead {
  font-size: 22px;
  z-index: 5;
}
.contentfull {
  position: relative;
  /*left: -24px;		width: 988px;*/
}
.contentfull .boxhead {}
.contentfull .boxbody {
	padding-bottom:10px !important;
}
.boxhead, .boxheadg {
  /*background-image: url(/images/boxheadbg.png);*/
	/*background:url("/images/IM-header.png") 0 0 repeat-x scroll transparent !important;
	background-color:#193768;*/
	background-color:#858585;
	border:1px solid #808080;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color: var(--plainwhite-color);			font-size: 18px;
	font-weight:normal;		line-height:26px;
	min-height:25px;		max-height:45px;
	padding:5px 24px;		margin:0;
}
.boxheadg {
	background:none var(--ltgrey-color) !important;
}
.boxhd {
	background-color: var(--lowgrey-color);
	font-weight: bold;
	text-align: center;
}
.boxbody, td.boxtd {
	border: 1px solid var(--grey-disabled-bg);
	background-color: var(--plainwhite-color);
	padding: 4px 24px;		line-height:14px;
	font-size: var(--font-size-all);		font-weight:500;
}
.boxtext {}
.boxtable {}
.boxtable td {}
td.boxtdr {
	border-right: 1px solid var(--grey-border3);
	border-bottom: 1px solid var(--grey-border3);
	padding: 4px 24px;
	font-size: var(--font-size-all);
}
.alert {
	background-color: var(--orange-color);
	color: var(--plainwhite-color);
	display:inline;		position: relative;
	left: 0px;			top: 0px;
	font-weight:bold;	padding: 1px 4px;
}
.secbar, .secbara {
	background: url("/images/new/GreyRightFacingCaret.png") 0px 8px scroll no-repeat transparent;
	font-size: 20px;		position: relative;
	/*left: -20px;			top: 0px;*/
	margin-top:10px;		margin-bottom:5px;
	padding-left: 20px;		cursor:pointer !important;
	z-index:10;
}
.secbara {
  /*width: 800px;*/
  background-image: url("/images/new/GreyDownCaretLarge.png") !important;
}
.sectb {
	display:block;			clear:both !important;
	position:relative;		float:none;
	padding:10px;			width:auto;		/*100%;*/
}
.subsecbar, .subsecbara {
	/*background: url("/images/ssecclosebg.png") 0px 3px scroll no-repeat transparent;*/
	/*background: url("/images/new/SectCaretClose.png") 0px 0px scroll no-repeat transparent;*/
	background: url("/images/new/GreyRightFacingMainMenuCaret.png") 3px 4px scroll no-repeat transparent;
	top:0px;					left:0px;
	margin-top:10px;			padding-left:19px;
	font-size: var(--font-size-all);	font-weight:bold;
	position: relative;		cursor:pointer !important;
	z-index:10;
}
.subsecbara {
	/*background-image: url("/images/ssecopenbg.png") !important;*/
	/*background-image: url("/images/new/SectCaretOpen.png") !important;*/
	background-image: url("/images/new/GreyDownCaretSmall.png") !important;
}
.subsectb {
	overflow:visible;				padding:10px 10px 10px 24px;
}
/* Box Row-sections and Row-Subsections */
.boxrowsec {
	position:relative;		clear:both;
	display:block;			float:none;
}
.boxrowsec.boxhead {
	/*background:none #858585;*/
	padding-left:5px !important;
}
.boxsect {
	background:none var(--plainwhite-color);
	border-width:0 0 1px 0;
	border-style:solid;
	border-color: var(--lowgrey-color);
	padding:0px;		margin:0;
}
.rowcoex_all {}
.namesect.boxhead {
	/*background:none #F0018C;*/
	padding-left:20px !important;
}
.namesect.boxsect {}
.namesect > .rowcoex_all {
	display:none !important;
}
.rowsecbox, .rowsubsecbox {
	position:relative;		clear:both;
	display:block;			float:none;
	padding:20px 15px;		/*min-height:20px;*/
}
.rowsecbar, .rowsecbara,
.rowsubsecbar, .rowsubsecbara {
	background: url("/images/new/OpenRow.png") 10px 7px scroll no-repeat #858585;
	background-size:18px auto;
	border:0.5px solid #858585;		/*border:0.5px solid var(--grey-disabled-bg);*/
	color: var(--plainwhite-color);
	display:block;			clear:both !important;
	position: relative;		float:none;
	font-size:14px;			line-height:20px;
	font-weight:500;		cursor:pointer !important;
	margin:0px;				padding: 5px 5px 5px 35px;
	z-index:10;
}
.rowsecbara, .rowsubsecbara {
	background-image: url("/images/new/CloseRow.png") !important;
	background-color: var(--blue-color) !important;
}
.rowsectb, .rowsubsectb {
	background:none var(--plainwhite-color);	/*background-color:#D3DADE !important;*/
	display:block;			clear:both;
	position:relative;		float:none;
	overflow:visible;		border:none;
	padding:10px;
}
.rowsecbar > .icons, .rowsecbara > .icons {
	float:right;			right:10px;
	z-index:10;
}
.rowsubsecbox, .rowsectb .rowsecbox {}
.rowsubsecbar, .rowsubsecbara,
.rowsectb .rowsecbar, .rowsectb .rowsecbara {}
.rowsubsecbara, .rowsectb .rowsecbara {}
.rowsubsectb, .rowsectb .rowsectb {
	border:1px solid var(--grey-border3);
	padding:7px;
}
.rowsubsecbar > .icons, .rowsubsecbara > .icons {}
.namesect {}
.namesect.rowsecbar, .namesect.rowsecbara {
	background-image:none !important;
	cursor:text !important;
	padding-left:20px !important;
}
.namesect.rowsectb {}


.tabhead, .tabname, .tabnameg, .tabheadg, .boxname {
	background:none transparent;
	height:22px;			font-size:14px;
	text-align:center;		font-weight:500;
}
/*.boxname td, .boxname th,*/
.tabhead td, .tabhead th,
.tabnameg td, .tabnameg th,
.tabname td, .tabname th,
.tabheadg td, .tabheadg th {
	background:none var(--lowgrey-color);		/* #6388A0; #445E6F;*/
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: var(--grey-border3) var(--grey-border0) ;	/* or #999999 #F0F0F0; */
	padding:8px 3px;		text-align:center !important;
}
.tabhead, .tabname, .boxname,
.tabhead td, .tabhead th, .tabname td, .tabname th {
	color: var(--dkgrey-color) !important;
}
.tabnameg, .tabnameg td, .tabnameg th,
.tabheadg, .tabheadg td, .tabheadg th {
	color: var(--offwhite-shade1) !important;
}
.tabhead > td:first-child, .tabhead > th:first-child,
.tabname > td:first-child, .tabname > th:first-child,
.tabnameg > td:first-child, .tabnameg > th:first-child,
.tabheadg > td:first-child, .tabheadg > th:first-child,
.boxname > td:first-child, .boxname > th:first-child {
	border-left: 1px solid var(--grey-border3);
	border-top-left-radius:7px;
}
.tabhead > td:last-child, .tabhead > th:last-child,
.tabname > td:last-child, .tabname > th:last-child,
.tabnameg > td:last-child, .tabnameg > th:last-child,
.tabheadg > td:last-child, .tabheadg > th:last-child,
.boxname > td:last-child, .boxname > th:last-child {
	border-top-right-radius:7px;
	border-right-color: var(--grey-border3);
}
.tabname {
	height:40px;
}
.tabname td, .tabname th {
	font-size:16px;
}
.tabname td, .boxname td {
	text-align:left !important;
	padding-left:20px;			font-weight:500;
}
div.tabname, div.boxname {
	/*background:none #6388A0;*/
	background:none #445E6F;
	border:1px solid var(--grey-border3);
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	clear:both;				position:relative;
	display:block;		text-align:left !important;
	width:100%;				height:20px !important;
	padding:10px 5px 10px 10px !important;
}
div.tabname .icons, div.boxed .icons {
	float:right;
}
.tabnameg {
	height:auto !important;
}
.tabnameg td, .tabnameg th {
	background:none var(--ltgrey-color) !important;
	/*font-size:16px;*/
}
div.boxed {
	padding:10px 5px 10px 10px;
	width:100%;
}
.boxname {
	font-size: var(--font-size-all);
}
.tabheadg {
	background:none var(--ltgrey-color) !important;
	font-size:14px;
}
.tabheadg td, .tabheadg th {
	color: var(--plainwhite-color);
	background-color: var(--ltgrey-color);
	/*border-color:#848484 !important;*/
	border-color: var(--offwhite-shade1);
	border-radius:0px !important;
	border-left:0px;
	font-weight:500;
}
.indtab {
	/*width:100%;*/
	padding:0;			margin:0;
}
.indtab td {}
.indtab > tbody > tr > td {
	vertical-align:top;
}
.indtab td > table {
	width:99%;
}
.indtab td > table td {
	padding:2px 5px;
}
.indtab0 {
	width:100%;
	padding:0;			margin:0;
}
.indtab0 td {
	background:none var(--shadeblue-color);		/* #445E6F; #6388A0; */
	/*color: var(--plainwhite-color);*/
	/*border-left:1px solid var(--offwhite-shade1);*/
	font-weight:normal;		text-align:left;
	padding:4px 10px;
}
.indtab0 td:first-child {
	border-left:none transparent;
}
.indtab0 .indtab-row1 {}
.indtab0 .indtab-row1 > td {
	color: var(--offwhite-shade1) !important;
}
.indtab0 .indtab-row1 td {
	border:1px hidden #445E6F;
	padding-top:10px;
}
.indtab0 .indtab-row1 td:first-child {
	border-top-left-radius:7px;
}
.indtab0 .indtab-row1 td:last-child {
	border-right-color:transparent;
	border-top-right-radius:7px;
}
.indtab0 .indtab-row2 {}
.indtab0 .indtab-row2 td {
	background:none var(--plainwhite-color);	/* #C1D8E9; #FFFFEF; */
}
.indtab0 .indtab-row22 td {
	vertical-align:bottom !important;
}
.indtab0 td > div {
	display:block;			overflow:visible;
	position:relative;		white-space:nowrap;
}
.indtab0 .coex_all {
	margin-left:0 !important;
}
.indtab0 .icons_col {
	width:25px !important;
	border-left:none !important;
}
.emphead {
	font-size:18px;			font-weight:normal;
}
.emphead1 {
	font-size:16px;			font-weight:normal;
}
.emphead2 {
	font-size:14px;			font-weight:300;
}
.emphead3 {
	font-size:11px;			font-weight:600;
}

.boxed {
	background:none var(--plainwhite-color);	/* #C1D8E9; #D3DADE; #5A8AB5; */
	color: var(--plainblack-color);
}
.boxed > td, .boxed > th,
.boxedg > td, .boxedg > th {
	border-right: 1px solid var(--grey-border2);
	border-bottom: 1px solid var(--grey-border2);
	border-radius:0px;
}
.boxed:first-child > td, .boxed:first-child > th,
.boxedg:first-child > td, .boxedg:first-child > th {
	border-top: 1px solid var(--grey-border2);
}
.boxed > td:first-child, .boxed > th:first-child,
.boxedg > td:first-child, .boxedg > th:first-child {
	border-left: 1px solid var(--grey-border2);
}
.boxedg > td:first-child, .boxedg > th:first-child {
	border-top-left-radius:5px;
}
.boxedg > td:last-child, .boxedg > th:last-child {
	border-top-right-radius:5px;
}
.boxedg {
	background:none var(--ltgrey-color) !important;
	color: var(--plainwhite-color) !important;
}
.boxedg td {
	/*border-color:#848484 !important;*/
}
.boxedg:first-child td {
	padding:5px 7px !important;
}
.colright {
  padding: 12px;
  text-align: right;
}
.colright a:link, .colright a:visited {
  color: var(--plainblack-color);
}
.xborder {
  border-color: var(--plainwhite-color);
}
.ralign {
	text-align:right;
}
.scrollable {
	overflow:scroll !important;
}
.scrollhoriz {
	overflow-x:scroll !important;
}


/** Drop-downs, Pull-downs and Pop-up Menu **
 *##########################################*/
.menubutton {
	display:inline-block;		position: relative;
	cursor: pointer;
	top: 0px;					left: 0px;
}
.pulldown, .pulldownr {
	border: 1px solid var(--higrey-color);
	border-radius:7px;		border-collapse:separate;
	color: var(--plainblack-color);
	background-color: var(--plainwhite-color);
	clear:both;				position: absolute;
	display:block;			float:none;
	font-size: var(--font-size-all);	font-weight:500;
	top:0px;				/*left: 0px;*/
	margin:0px;				padding:5px;
	height:auto;			min-height:25px;
	width:auto;				min-width:50px;
	z-index:30;
}
.pulldown {
	left:0;
}
.pulldownr {
	right:0;
}
.pulldown, .pulldownr {
	display:none;	/* This is seperate to avoid any absolute positioning issues */
}
.pulldown > div, .pulldownr > div {
	padding:5px 3px;
}
.pulldown ul, .pulldown li {
	list-style-type:none;
	/*background:none transparent;*/
	margin:0;					padding:0;
	display:block;		/*clear:both;*/
}
.popcontent {
	color: var(--plainwhite-color);
	/*background-color:#1D3553;		/*#D3DADE;*/
	background-color: var(--content-blue);
	position:relative;
	display:block;			clear:both;
	margin:0px;				padding:15px 10px !important;
}
.popcontent label {
	color: var(--plainwhite-color);
	display:inline-block;
}
.popconttop, .popcontbot {
	color: var(--plainblack-color);
	background-color:#F5F5F5;
	border-radius:7px;
	display:block;			clear:both;
	float:none;				position:relative;
}
.popconttop {
	background-color: var(--plainwhite-color);
}
.popconttop .popcontclr {
	float:left;			margin-left:10px;
}
.popconttop .xclose {
	float:right;
}
.allpopup {
	top:20px;
	padding:0;			margin:0;
}
.allpopup .xclose {
	right:5px;			top:0;
}
.allpopup .redisplay {
	display:inline-block;
	margin:auto auto;
	clear:both;				float:none;
}
.allpopup ul {
	list-style:none;
}
.allpopup .popconttop {
	text-align:center;		padding:10px 7px;
}
.allpopup .popcontclr {}
.allpopup .popcontbot {}
.sortslbl {}
.sortsval {}
.sortsdir {}
.sortsdir label {
	margin-left:5px;			margin-right:10px;
}
/* Drop-down */
.ddcontainer {
	position:relative;			margin:0;
	display:inline-block;		padding:0;
}
.dropdown {
	display: none;
	background-color: var(--plainwhite-color);
	border: 1px solid var(--higrey-color);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	position: absolute;		clear:both;
	font-size: var(--font-size-all);	font-weight:normal;
	left: 0px;				top: 0px;
	min-width:150px;		width:auto;
	padding:0 0 10px 0;		margin:0;
	z-index:10;
}
.dropdown > div {
	padding: 1px 6px;
}
.dropdown a {
	text-decoration:none;
}
.dditem {
	color:#1D1D1D;
	display:block;		clear:both;
	padding:7px 10px !important;
}
.dropdown > div:hover,
.dropdown > div:hover a {
	background-color: var(--dkblue-color);
	color: var(--plainwhite-color) !important;
}
.dditem:hover, .dditem:hover a {
	background-color:#3366BB;
	color: var(--ltyellow-color) !important;
}
.ddlabel {
	background:none transparent;
	color: var(--plainwhite-color);			font-weight:600;
	display:block;			float:none;
	position:relative;		clear:both;
	cursor:pointer;			white-space:nowrap;
	line-height:16px;
	z-index:9;
}
/* Pop-up div */
.popup {
	background-color: var(--dkblue-color);
	color: var(--plainwhite-color);
	display: none;		position: absolute;
	bottom: 24px;		left: -12px;
	padding: 4px 12px;	text-align: left;
}
.popuptab {
	background-image: url(/images/popuptab.png);
	position: absolute;
	bottom: -7px;
	left: 2px;
	height: 9px;
	width: 22px;
}

.cbinput {
	cursor:pointer !important;
}
.indinput {
	background-color: var(--plainwhite-color);
	/*border: 1px solid var(--solidred-color);*/
	border: 1px solid var(--ltgrey-color) !important;
}
input.indinput[type="text"] {
	width: 100px;			text-align: right;
}
select.indinput, textarea.indinput, input[type="button"].indinput, button.indinput {
	border: 1px solid var(--ltgrey-color) !important;
	width:auto;
}
.indinputl {
	width:auto;		text-align:left !important;
}
.indinput2 {
	width: 150px;
	border: 1px solid var(--grey-border3) !important;
}
.indinput3, .indinput3r {
	width:auto !important;
	border:1px solid var(--solidred-color) !important;
}
.indinputr, .indinput2r, .indinput3r {
	width:auto;		text-align:right !important;
}
.spaninput, .spaninput2, .spaninput3,
.spaninputl, .spaninputr, .spaninput2r, .spaninput3r {
	border: 1px solid var(--ltgrey-color) !important;
	border-radius:5px;		background-color: var(--offwhite-shade1);
	min-height:15px;		max-height:15px;
	min-width:125px;		max-width:250px;
	overflow:hidden;		display:inline-block;
	cursor:text;			text-align:left;
	padding:2px 5px;		font-size: var(--font-size-all);
}
.spaninputr, .spaninput2r, .spaninput3r {
	text-align:right;
}
.spaninput2, .spaninput2r {
	border:1px dotted var(--grey-border3);
}
.spaninput3, .spaninput3r {
	/*background-color: var(--faintyellow-color);		/* faint-yellow */
	border-color: var(--solidred-color);		/* solid red border */
}
.allinput {
	background-color: var(--plainwhite-color);
	border:1px solid #A4A4A4 !important;
	width:auto;
}
input[type="text"].allinput {
	width:60px;
	text-align:right;
}
select.allinput {
	width:50px;
}
.crinput {
  width: 40px;
  border: 1px solid var(--solidred-color);
  text-align: right;
}
.crinput1 {
  border:1px solid var(--solidred-color);
  width:200px;			height:auto;
  text-align:left;		padding:1px;
}
.crinput2 {
  border: 1px solid var(--grey-border3);
  width:auto;			height:auto;
  text-align:left;		padding:1px;
}
input.crinput1, input.crinput2 {
  padding-left:5px;
}
.tabbar {
  border-left: 1px solid var(--offwhite-shade1);
  /*margin-left: 8px;*/
  padding-left: 8px;
}

/* Table Columns */
.ccl, .ccr, .ccc {}				/* regular Table columns, no background-color */
.cgl, .cgr, .cgc {
  background-color: #DDDDDD;		/* grey */
}
.csl, .csr, .csc {
  background-color: #C1D8E9;		/* sky-blue */
}
.cbl, .cbr, .cbc {
  /*background-color: #C1D8E9;*/
	font-weight:700 !important;		/* bold */
}
.cgl, .csl, .cbl, .cwl, .ccl {
  text-align: left;
}
.cgr, .csr, .cbr, .cwr, .ccr {
  text-align: right;
}
.cgc, .csc, .cbc, .cwc, .ccc {
  text-align: center;
}
.cwl, .cwc, .cwr, .cwi {
  white-space: nowrap;
}
.cwi {
  padding: 0px 2px;
}
.ra {
	text-align:right !important;
}
.la {
	text-align:left !important;
}
.ca {
	text-align:center !important;
}
.cvt {
	vertical-align:top;
}
.cvm {
	vertical-align:middle;
}
.cvb {
	vertical-align:bottom;
}

.disabled, .disabled:hover, .disabled2, .disabled2:hover,
.button.disabled, .clickable.disabled,
.link.disabled, .link1.disabled, .link2.disabled,
.ibutton.disabled, .ibutton0.disabled, .ibutton2.disabled, .icons.disabled,
input[disabled=disabled], button[disabled=disabled],
select[disabled=disabled], textarea[disabled=disabled],
a[disabled=disabled], span[disabled=disabled],
div[disabled=disabled], .link[disabled=disabled],
.link2[disabled=disabled], .link3[disabled=disabled],
.ibutton[disabled=disabled], .ibutton2[disabled=disabled],
.ibutton0[disabled=disabled], .icons[disabled=disabled],
.clickable[disabled=disabled] {
	cursor:not-allowed !important;
}
input[disabled=disabled], select[disabled=disabled], textarea[disabled=disabled] {
	background-color: var(--grey-disabled-bg) !important;
}
.link, .link1, .link2, .link3,
input[disabled=disabled].link, input[disabled=disabled].link1, input[disabled=disabled].link2, input[disabled=disabled].link3,
button[disabled=disabled].link, button[disabled=disabled].link1, button[disabled=disabled].link2, button[disabled=disabled].link3 {
	/*background-color:transparent !important;*/
}
button.disabled, input[type="button"].disabled, input[type="submit"].disabled,
.disabled2, input.disabled2, select.disabled, button.disabled, textarea.disabled2 {
	background-color: var(--grey-disabled-bg);		/*transparent !important;*/
	border: 1px solid var(--ltgrey-color) !important;	/*0px none transparent !important;*/
	color: var(--grey-disabled-btn);
}
/*###############################################*/



/** Main Template Styles: Frame, Header, Content and Footer **
 *################################################*/
#frame {	/* .global-frame */
	background:none transparent;	/* default transparent bg */
	border:1px solid var(--grey-border1);	/* var(--lowgrey-color); */
	float:none !important;	display:block !important;
	clear:both !important;	position:relative !important;
	top:0 !important;		overflow:visible;
	width: var(--frame-width);
	min-width: var(--frame-min-width);		max-width: var(--frame-max-width);
	height:auto;			min-height:300px;
	padding:0 !important;	margin:0 auto !important;
	transition: 7s ease;
}
#frame.loggedin-frame {
	background-color: var(--plainwhite-color) !important;		/* var(--grey-disabled-bg); */
}
div.frame-slice {
	background:none transparent;	/* default transparent bg */
	border:none;		display:block;
	width:auto;			position:relative !important;
	height:auto;		clear:both !important;
	padding:0;			float:none !important;
	margin:0;			overflow:visible;
	left:0;				top:0;
}
#header {
	background: none var(--plainwhite-color);
	opacity:1;
}
#header.frame-slice {
	width:100% !important;
}
#header.pagehead {		/* under #frame.loggedin-frame */
	margin-bottom:10px;
}
.header_container {
	display:block;		clear:both;
	border:none;		position: relative;
	width:auto;			height:auto;
	padding:0px;		margin:0px;
}
#headerTools {
	/* background: linear-gradient(to left, rgba(255,255,255,0.6), rgba(255,255,255,0.4), rgba(255,255,255,0.2)) !important; */
	/*background-color: var(--plainwhite-color);
	background-color:rgba(0, 40, 71, 0.5) !important;
	/*color: var(--plainwhite-color);		background-color: var(--plainblack-color);*/
	height:110px;			padding:5px 10px;
	/*z-index:99;*/
}
#headerTools .header_content {
	position:absolute;	/*top:8px;*/
	display:block;		max-height:60px;
	height:auto;		width:375px;
	margin:0;			padding:0;
	overflow:visible;	text-align:left;
}
#logotype {
	cursor:pointer;		left:0;
	font-size:28px;		font-weight:500;
}
#logotype .logotype_content {
	display:block;		float:left;
	position:relative;	top:0px;
}
#logotype .vbar {
	border-left:1px dotted var(--higrey-color);
	float:right;		margin:10px 10px auto auto;
	height: 65px;		width:1px;
	font-size: 0;		line-height: 0 !important;
}
#ttldiv {
	right:0;			top:30px;
	height:75px !important;
}
#ttldiv .ttldiv_content {
	position:absolute;		line-height:20px;
	float:none;				display:block;
	margin:0px;				padding:3px;
	white-space:nowrap;		font-weight:500;
	width:350px !important;
}
#ttl {
	background: url(/images/demo/trslogo.png) no-repeat scroll 0 0 transparent;
	background-size:335px auto;
	color: var(--plainblack-color);
	/* font-size:20px;		letter-spacing:0.03em; */
	text-align:right;	left:unset;
	right:10px;			top:10px;
}
#toolttl {		/* Keep this separate from #tooltop > #toolttl */
	background: none transparent;
	color:#185FAC;		/* var(--grey-disabled-btn); */
	font-size:0 !important;
	overflow:hidden;	padding:5px 5px 15px 10px;
}
#toolttl .whitedownl {
	background-color:#CECECE !important;
	top:-2px;
}
#subttl {
	color: var(--pinkbr-color);
	/*color:#FF0066;		/*color: var(--orangebr-color)*/
	font-size:16px;		letter-spacing:0.05em;
	font-weight:300;	bottom:20px !important;
	left:unset;			right:60%;
	/* left:10px !important; */
	/*padding:5px 3px 3px 25px !important;*/
}
#logoLink {
	text-decoration:none !important;
	color: var(--plainblack-color);
	left:0;
}
span#logoLink {
	cursor:default !important
}
img#logoImg {
	background:none transparent;
	width:235px !important;
	height:auto;		max-height:100px;
	left:0px;			top:-10px;
}
/* Alternate way: Use either Img or Span */
span#logoImg {
	background:url(/images/demo/headerlogo.png) 0 0 no-repeat scroll transparent;
	background-size: 310px auto;
	width:325px;		height:100px;
	display:block;		position:relative;
	left:0;				top:0;
	padding:0;			margin:15px 0 0 25px;
	opacity:1;
	z-index:99;
}
span#logoImg.logoImg-type1 {}
span#logoImg.logoImg-type2 {
	/* background-image:url(/images/demo/headerlogo.png); */
}

#content.frame-slice {
	/*background-color: var(--plainwhite-color);*/	/* #F5F5F5; */
	min-height:300px;
}
#content.pagecontent {		/* under #frame.loggedin-frame */
	padding:10px 0px;
}
#content.pagecontent2 {
	padding-top:0 !important;
	margin-top:102px !important;
}
#broadcastMsg {
	clear:both;			display:block;
	width:98%;			position:relative;
	margin:0px;			padding:5px 5px 10px 2px;
}

#footer.frame-slice {
	background-color:#F5F5F5;
	color: var(--higrey-color);		font-size: 9px;
	padding:10px 24px !important;
	z-index:10;
}
.footer_container {
	clear:both;			top:5px;
	display:block;		position:relative;
	height:30px;		width:100%;
}
.footer_content {
	display:block;		position:absolute;
}
#clientname {
	left:0;				top:5px;
}
#poweredby {
  right:0;			/*top:-10px;*/
}
#poweredby a:link, #poweredby a:visited {
  color: var(--higrey-color);
  text-decoration: none;
}
#poweredby img {
	border: none;
	position:relative;			top:6px;
}
/*##############################################*/


/** Local Login Screen **
 *##############################################*/
#frame.login-frame {
	background:none transparent !important;
	border-style:hidden !important;
}
.login-frame #header {		/*.loginhead*/
	/*background:rgba(0, 40, 71, 0.5) !important;*/		/* #002847; #1D3553; */
	/* background:linear-gradient(to left, rgb(0, 40, 71), rgba(0, 40, 71, 0.4), rgba(0, 40, 71,0.1)) !important; */
	/* border-bottom: 1px solid rgba(0,40,71,0.7); */
}
.login-frame #headerTools {
	z-index:10;
}
.login-frame .header_content {}
.login-frame #logotype {}
.login-frame #logotype .vbar {
	display:none;
}
.login-frame #ttldiv {}
.login-frame #ttldiv .ttldiv_content {}
.login-frame #ttl {}
.login-frame #toolttl {}
.login-frame:not(.sa_landing-frame) #toolttl {}
.login-frame #subttl {
	/*color:#8A0808 !important;*/
	left:-250px !important;
	top:10px !important;
}
.login-frame #content {		/*.logincontent*/
	background:url("/images/demo/bg_1000w.png") no-repeat scroll 0 0 transparent !important;
	background-size:100% auto !important;
	/* width:100vw;			height:100vh; */
	width:100%;				height:100%;
	min-width:750px;		min-height:550px;
	max-width:2500px;		max-height:800px;
	padding:0 !important;	margin:0 !important;
}
.login-frame #footer {		/* .loginfoot ~~ Hidden for demo site */
	display:none !important;
}
/*.login-frame a:link, .login-frame a:visited,*/
.login-frame #poweredby a:link, .login-frame #poweredby a:visited {
	color:#BFBFBF;
}
#loginpane {
	background: none transparent;
	position: relative;
	min-height:500px;		overflow:visible;
}
#lpinfo {
	position: absolute;
	font-family: Calibri, sans-serif !important;
	font-size:18px;		font-weight:500;
	left:10%;			top:7%;
	max-width:75%;
	transition:3s ease;
}
#lpinfo > div {
	color: var(--plainblack-color);			/*color: #A3D9F5;*/
	position: relative;
	padding:5px;		margin:0;
}
#lpinfo .lptxt {
	font-size:23px;		font-weight:600;
}
#lpinfo .lptxt2 {}
#lpinfo .lptxt3 {}
#lpinfo .lplink {
	&:link, &:active, &:visited, &:focus {
		color:inherit;
	}
}
#lpinfo .lplogo {
	width:450px;		position:relative;
	display:inline-block;
}
#lpinfo ul {
	margin:4px 0 16px 0;
	list-style-type:disc;
}
#lpinfo li {
	padding:1px 1px 1px 10px !important;
	font-size:20px;		font-weight:600;
}
#lpinfo li::marker {
	font-size:15px;		/*~~ `list-style-type:disc` size */
}
#lpinfo #l1 {
	font-size:27px;		padding-bottom:10px;
}
#lpinfo #l1 > a.lplink {
	text-decoration:none !important;
}
#lpinfo #l1 .lplogo {
	background: url(/images/demo/trslogo.png) no-repeat scroll 0 0 transparent;
	background-size:275px auto;
	width:275px;		top:7px;
}
#lpinfo #l2 {}
#lpinfo #l3 {}
#lpinfo #l4 {}
#lpinfo #l5 {
	font-size:17px;		font-weight:700;
}
#lpinfo #l5 > a.lplink {
	color: var(--linkblue);
	font-style:italic;
}
.sa_landing-frame #lplogo {
	width:500px;		top:unset;
	left:25%;			bottom:40px;
}

/* Login Section */
#lginfo {
	background: none rgba(0,0,0,0.75);
	color: var(--plainwhite-color);		/*font-size: 10px;*/
	border:0 none;
	position: absolute !important;
	/* top:140px;			left:60%; */
	right:60px;			bottom:3%;
	padding:0;			margin:0;
	width:375px;		max-height:330px;
	opacity:1.0;
	transition:5s ease;
}
#loginShow {	/*~~ Show Login btn */
	background: none var(--plainblack-color) !important;
	color: var(--plainwhite-color);
	font-family: Calibri, sans-serif !important;
	font-size:1.8em !important;
	border: 5px outset rgba(0,0,0,0.9);
	border-radius:7px;
	position:absolute !important;
	display:block;
	width:125px;		padding:10px 0 !important;
	height:auto;		margin:0 !important;
	line-height:25px;	letter-spacing:0.05em;
	bottom:-60px;		right:0;
	top:unset;			left:unset;
	opacity:1;			text-align:center;
	z-index:99;
}
#loginShow:hover {
	background-color: rgb(0,0,0,0.9) !important;
	border-style:inset !important;
}
.loginbox {		/* #loginenter, #loginforgot, #loginverify, #loginlanding */
	background:none rgba(0,0,0,0.6) !important;
	border:25px outset rgba(0,0,0,0.95);
	padding: 10px 10px 10px 30px;
	width:auto;			opacity:0.9;
	bottom:0;
	
	&:hover {
		background-color: rgba(0,0,0,0.75) !important;
		border-style:inset !important;
		opacity:1.0;
	}
}
#loginerr {
	color: var(--orange-color) !important;
	background-color: var(--ltyellow-color);
	position:relative;		display:block;
	margin:0px;				left:-20px;
	padding:5px;			top:0;
	font-weight:bold;		font-size:14px;
	width:375px;			overflow:visible;
	margin:0 0 0 -40px;		opacity:1.0;
	z-index:10;
}
#loginenter {}
.loginbox .loginitem0 {
    color: var(--plainwhite-color);
    font-size:20px;
    padding: 0;			margin:0 0 10px 0;
}
.loginbox .loginitem0 > div {
    border-top: 1px solid var(--plainwhite-color);
    margin-top: 7px;
    height: 10px;
    max-height: 10px;
}
#loginenter #loginhead.loginitem0 {
    color: var(--plainwhite-color);
	font-size: 30px;
}
.loginbox .loginitem1 {
	position: relative;
	margin: 15px 0px;	padding: 0;
}
.loginbox .loginitem2 {
	border:1px solid #858585;
	border-radius: 5px;
	width: 220px;	margin:0;
	padding:7px;	display:inline-block;
	white-space:nowrap;
}
.loginbox .loginitem2.llinput {
	width: 205px;
	box-shadow: 0px 3px 5px 3px rgba(94, 158, 214, 0.6);
}
.loginbox .loginitem2.llinput:focus {
	border-color:#FFB3FF;
}
.loginbox ul.logininfo {
	color: var(--ltyellow-color);
	list-style-type:square;
	margin:10px 0px 20px 15px !important;
	max-width:340px;		display:block;
}
.loginbox ul.logininfo li {
	padding:5px 7px !important;
}
#loginSubmitButton {
	/* background-color:#1D3553 !important; */
	background-color: var(--logoblue) !important;
	border:1px outset #1D3595;
	color: var(--plainwhite-color);		cursor:pointer;
	/*width:205px;*/	font-weight:600;
	padding:9px 7px;	letter-spacing:0.1em;
	z-index:10;
}
/* OTP Verify Page */
#loginverify {
	top:110px;
}
#loginverify #loginhead.loginitem0 {}
#loginverify .loginitem1 {
	margin:10px 0px;
}
#loginverify .loginitem2.username2 {
	background-color: var(--ltyellow-color);
	border:1px inset var(--grey-border5) !important;
	color: var(--higrey-color);		width:auto;
	min-width:200px;	max-width:400px;
	font-weight:bold;	font-style:italic;
	padding:7px 10px;	overflow:hidden;
}
#loginverify .loginitem2#password2 {
	border:1px inset #FF0066 !important;
}
#logincancel {		/*.loginitem2.cwr*/
	border:none;
	margin: 0 0 0 -15px;
}
#logincancel .link2 {
	font-size:11px !important;
	font-style:italic;
}
#logincancel a {
	color: var(--ltyellow-color) !important;
}
/* Landing Page */
.sa_landing-frame {}
.sa_landing-frame #headerTools {
	background:none var(--plainwhite-color) !important;
	color: var(--plainblack-color);
}
.sa_landing-frame #ttl {
	color: var(--plainblack-color) !important;
}
#landinguser {}
.userpref_div {
	min-width:175px;	max-width:220px;
}
.userpref {
	top:16px;			width:175px;
}
.userpref_item {}
.userpref_item a {}
.userpref_item:hover, .userpref_item:hover a {
	/*background-color: var(--linkblue);		color: var(--plainwhite-color) !important;*/
}
.userpref_lbl {}
#landinguserdd {
	float:right;	display:block;
	top:10px;		right:25px;
}
#loginlanding {}
#landingapps {
	/*font-family: "Book Antiqua", Times New Roman, Arial !important;*/
}
#landingapplbl {
	background: url("/images/new/GreyDownCaretSmall.png") 260px center scroll no-repeat var(--ltyellow-color);
	color:#858585;		border-color:#6D1D6D;
	font-size:1.1em !important;
	cursor:pointer;		width:270px;
	font-weight:600;	font-style:italic;
	box-shadow:0px 3px 5px 3px rgba(94, 158, 214, 0.6);
}
#landingappdd {
	top:30px;			width:285px;
	padding:0px;		overflow:visible;
}
#landingappdd a {
	font-size:1em !important;
	line-height:1.3em;	letter-spacing:1px;
	white-space:nowrap;
}
.landingitem2 {
	font-weight:600;
}
.loginfoot {
	/*background-color: #01437D;*/
	background:none transparent !important;
	height: 36px;
}
/*#################################################*/



/** Top-nav and Site navigation menu **
 *#################################################*/
.smitem, .smitema,
.smitem a, .smitema a {
	color: var(--plainblack-color);			padding-bottom:5px !important;
	font-size:14px;			letter-spacing:initial;			/*0.05em;*/
	font-weight:500;		line-height:18px;
	cursor:pointer;			white-space:nowrap !important;
}
.smitem, .smitema {
	padding:5px 15px !important;
}
.smitem:hover, .smitem:hover a {
	background-color: var(--linkblue);
	color: var(--plainwhite-color);
}
.smitem a, .smitema a {
	text-decoration:none !important;
}
.smitema, .smitema a {
	font-weight:600;
	cursor:default !important;
}
#tooltop {
	/*border:0px none transparent;*/
	border:1px dotted transparent;
	margin-top:-5px;
}
#tooltop:hover {
	border-color:#848484;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#toolpop {
	border:1px outset var(--grey-border3);
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	top:31px !important;	left:-1px !important;
	margin:0px;				padding:5px 0px;
	/*padding:5px 5px 5px 15px;*/
	min-width:300px;		max-width:400px;
	height:auto;			width:auto;
}
#tooltop #toolttl {
	background:none transparent;
	min-width:290px;		max-width:320px;
	/*background:url("/images/new/WhiteDownCaretLarge.png") 2px 10px no-repeat scroll transparent;*/
	/*color: var(--plainblack-color);			overflow:hidden;
	padding-left:25px !important;*/
	margin-bottom:5px;		padding:5px;
}

.nav_close {
	background:none transparent !important;
	cursor:pointer;			color: var(--plainblack-color) !important;
	position:absolute;		display:block;
	font-size:11px;			font-weight:bold !important;
	top:4px;				right:5px;
	float:none !important;	clear:both;
	margin:0 !important;	padding:5px !important;
	z-index:101;
}
#navright {
	padding:0 5px 5px 0 !important;
	text-align:right !important;
	font-size:14px;			font-weight:500;
	min-width:250px;		max-width:320px;
	top:unset !important;	max-height:50px;
	right:7px;				bottom:0px;
}
#navright .menubutton {
	/*height: 20px;			font-size: 11px;*/
  /*padding: 20px 24px 0px 8px;*/
}
#usernav {
	position:relative;		display:block;
	text-align:right;
}
.usernav_content {
	color: var(--grey-border4);			/*color: var(--grey-border1); or var(--ltyellow-color)*/
	display:block;			white-space:nowrap !important;
	font-weight:500;		letter-spacing:0.02em;
}
.usernav_label {}
.usernav_name {}
#usernav_user {
	font-weight:700;
}
#usernav_trueview {}
#usernav_workas {
	position:absolute;
	right:0px;			top:-20px !important;
}
#usernav_workas .usernav_label {
	color:#FF3AA0;
}
#usernav_trueview .usernav_label {
	color: var(--orangebr-color);
}
#userpop {
	color: var(--grey-border4);		width:225px;
	right:-12px;		top:20px;
	padding:10px;
	z-index:101;
}
.userpop_content {
	cursor:default;			display:block;
	white-space:nowrap;		padding:5px 0 !important;
}
#userpop_login b {
	color: var(--grey-border4);
}
#userpop_trueview b {
	color: var(--orangebr-color);
}
#userpop_workas b {
	color:#FF3AA0;
}

#headerNav {
	background:none #193768;
	min-height:35px;		max-height:50px;
}
table#navbar {
	table-layout:fixed !important;
	width: 100%;		/* var(--frame-width); */
}
td.nav_col {
	/*background-color:#1D3553;
	background-color:#3366BB;*/
	color: var(--plainwhite-color);		font-weight:500;
	min-width:12%;		width:auto;			height:auto;
	text-align:left;	padding:5px 0px;
}
.nav_container, .sub-nav_container {}
.sub-nav_container {}
.nav_content, .sub-nav_content {
	/*border-left:0.5px solid var(--plainwhite-color);*/
	border-left:0.5px solid var(--grey-border3);
	clear:both;				padding-left:10px;
	display:block;			position:relative;
	height:25px;			/*width:100%;*/
}
.sub-nav_content {
	border:0px none transparent !important;
	padding:0px !important;				height:auto !important;
}
td.nav_col:first-child {}
td.nav_col:first-child .nav_content {
	border-left:none !important;
}
.nav_popup, .sub-nav_popup {
	padding:0;
	min-width:120px;	min-height:50px;
	max-width:250px;	max-height:350px;
	overflow-x:hidden;	overflow-y:auto;
	z-index:100;
}
.nav_popup {
	top:25px;				/*left:0px;		width:175px;*/
	width:auto;
}
.sub-nav_popup {
	top:-5px !important;	left:150px !important;
	max-width:300px;		max-height:450px !important;
}
.nav_popon, .sub-nav_popon {
	display:block !important;
	margin-top:1px !important;
	visibility:hidden;
}
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;			margin:0;
	cursor:text;				padding:3px 5px;
	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;
}
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:#3366BB !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:#3366BB;
	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 {
	position:relative;		display:block;
	cursor:pointer;			clear:both;
	overflow:visible;		top:5px;
	z-index:30;
}
.nav_iteml {
	font-size: var(--font-size-all);	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 17px !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 {
	/*background:url("/images/bluearrowgreyright.png") no-repeat scroll right 0px var(--plainwhite-color) !important;
	padding-right:25px;*/
}
.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;
}
td.sitenav, td.nav_access {
	/*background:url("/images/navbuttonbg.png") 0px -5px repeat-x scroll #01437D !important;*/
}

td.sitenav {
	/*background-color:#3366BB;*/
	width:200px !important;
	max-width:200px !important;
}
.sitenav .nav_itemh {
	width:180px !important;
}
.sitenav .nav_iteml {
	/*font-size:11px;*/
	letter-spacing:0.007em;
}
.sitenav .nav_popup {
	background:none transparent;
	border:0px none transparent !important;
	max-height:400px !important;		max-width:400px !important;
	/*width:400px !important;*/			overflow:visible !important;
	/*top:45px;*/			padding-top:5px;
	z-index:101;
}
.sitenav ul {
	padding:5px 0px;			/*width:185px;*/
	border:1px solid var(--higrey-color) !important;
}
.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: var(--offwhite-shade1) !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;
}
td.nav_filts {
	/*background-color:#858585;*/
	min-width:140px;		max-width:205px;
	overflow:visible;		white-space:nowrap;
	padding:5px;
}
td.nav_filts:first-child {
	border-bottom-left-radius:7px;
}
td.nav_filts:last-child {
	border-bottom-right-radius:7px;
}
td.nav_filta {}
td.nav_filta .nav_iteml {}
td.nav_filta .nav_itemv {
	color:#F166B5;		/*color:#FFFF33;*/
	font-size:11px;			font-weight:700;
}
td.nav_filts > div.nav_content {
	border-color: var(--ltyellow-color) !important;
	overflow:visible;		height:45px;
}
td.nav_filts .nav_popup {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	min-width:140px;		top:50px;
}
td.nav_filts .nav_item {
	cursor:pointer !important;
}
td.nav_filts .nav_iteml {
	font-weight:800;
}
td.nav_filts .nav_popup_container {
	padding-left:3px !important;
}
td.nav_filts .nav_popup_container li {}
td.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;
}
td.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;
}
td.nav_country {}
td.nav_country .nav_popup {
	overflow:hidden;	max-height:400px;
	width:auto;			padding-bottom:5px;
}
td.nav_country ul.nav_popup_container {
	width:200px;
	max-height:320px;			height:auto;
	padding:10px 5px !important;
	overflow-x:hidden;		overflow-y:scroll;
}
td.nav_country .nav_popup_container li {}
td.nav_country .nav_popup_container button {}
td.nav_country .nav_item {}
td.nav_currency .nav_popup {
	width:210px;
}
td.nav_access {
	width:75px !important;
}

#navContent_filters {
	border:none;
}
#filters_container, #access_container {
	position:absolute;		height:auto;
	display:block;			clear:both;
	right:0;				top:0;
	overflow:visible;
}
#access_container {}
#navContent_access {
	padding:0;
}
#navPop_chg {
	right:0;
}
.qa_container {
	display:block;		position:relative;
	clear:both;			float:none;
	width:100%;			height:auto;
	margin:0;			padding:5px;
	z-index:30;
}
.qa_container .nowrap {
	font-size:11px;			overflow:visible;
}
.qa_container .nowrap span {
	display:inline-block;
	font-size:14px;			font-weight:500 !important;
	padding-left:10px;		line-height:16px;
}
.qa_container > div {}
.qa_header, .qa_footer {
	/*height:17px;*/
	padding:10px 5px !important;
}
.qa_header {
	font-size: var(--font-size-all);	font-weight:800;
}
.qa_title {
	display:inline-block;
}
.qa_content {
	background-color:#1D3553;
	color: var(--plainwhite-color);
	font-size: var(--font-size-all);	font-weight:300;
	padding:15px 0px;
}
.qa_content > div {
	padding:3px 20px;
}
.qa_container .chginput {
	width:180px !important;
	background-position:168px 4px !important;
}
.qa_container #chgassoc_txt {
	color: var(--faintyellow-color);
	min-height:15px;		max-height:20px;
	max-width:280px;		white-space:break-spaces;
}
.qa_container .chgassoc_trueview {
	text-align:right;			width:190px;
	font-weight:bold;
}
.qa_content .hline {
	border-top:1px solid var(--ltgrey-color);
	width:100%;				clear:both;
	margin-top:10px;		padding:0 !important;
	overflow:hidden;
}
.qa_footer {
	font-weight:600;		clear:both;
	position:relative;		display:block;
	padding:10px 15px;
}
.qa_footer_left, .qa_footer_right {
	display:block;		/*font-weight:700;*/
	top:0;
}
.qa_footer_left {
	float:left;				left:0;
	text-align:left;
}
.qa_footer_right {
	float:right;			right:0;
	text-align:right;
}
.qa_way {
	display:block;			clear:both;
	position:relative;		padding:3px 1px;
}
.way_content {
	top:-30px;			/*left:1px;*/
	width:240px;		right:-5px;
	z-index:30;
}
#qa0_container.qa_container {
	padding:0;
	overflow-x:hidden;			overflow-y:visible;
}
#chg_profile {
	font-size: var(--font-size-all);
}
#chg_undoprof {
	color:#FF3AA0;
}
#way_trueview {
	color:var(--red-color);
}

#headerNav.nav_disabled {}
#headerNav.nav_disabled .nav_filts {
	color: var(--grey-color) !important;
	cursor:not-allowed !important;
}
#headerNav.nav_disabled .sitenav {}
/*#####################################################*/




/*#####################################################*/
/* Comments section */
.indcomment_container {
	display:block;			clear:both;
	position:relative;		overflow:hidden;
	min-width:250px;		max-width:550px;
}
.comments_list {
	border:1px solid var(--ltgrey-color);
	background-color: var(--offwhite-shade1);
	position:relative;	clear:both;
	height:135px;				width:auto;
	padding:5px 2px;		margin:0;
	overflow-x:hidden;	overflow-y:auto;
}
.comments_pop {}
#indcommentAdd, #indcommentPop {
	float:right;			right:0;		top:0;
	margin:0px 5px 2px 10px !important;
	z-index:10;
}
.indcomment_content {
	/* background: none var(--ltyellow-color); */
	display:block;		position:relative;
	clear:both;			padding:5px !important;
	margin:0px !important;			list-style-type:none;
}
.indcomment_content:not(.indcomment_content:last-child) {
	border-bottom:1px solid var(--grey-border1);
}
.indcomment_content li {
	list-style-type:none;		margin:0px;
	/*word-wrap:break-word;		word-break:break-all;*/
}
.indcomment_content .del_cross_icon {
	position:absolute;			right:-2px;
	z-index:inherit;			top:8px;
}
.indcommenth, .indcommentr {
	display:block;			font-size:11px;
	white-space:nowrap;		padding:2px 3px !important;
}
.indcommenth {
	color: var(--ltgrey-color);
}
.indcommentr {
	color: var(--higrey-color);
	font-weight:bold;		font-style:italic;
}
.indcommentb {
	color: var(--higrey-color);			/*background-color:#F2F5A9;*/
	background-color:#F2F2F2;
	display:block;			padding:3px 3px 3px 6px !important;
	white-space:normal;		overflow:visible;
}
.indcomment_inner {
	margin-bottom:10px;
}
.indcomment_inner label {
	display:block;		white-space:nowrap;
	padding:5px 0;
}
#indcommentText {
	border:1px solid var(--grey-border6);
	margin:3px;			width:330px;	height:110px;
}
/*################################################*/



/** Tables with Fixed Header and Scrollable Data **
 * scrolltab() JS plugin
 *################################################*/
.allData {
	display:block;		overflow:hidden;
	clear:both;			position:relative;
	padding:0;			margin:0;
	width:100%;			/*max-height: var(--frame-width);*/
	min-height:275px;	max-height:530px;
	border-top-right-radius:7px;
	z-index:1;
}
.allDataContainer {
	position:relative;
}
.allDataHeader {
	height:75px;			overflow:hidden;
}
.allDataContent {
	height:80%;		/*100%;*/
}
.allDataLeftContent {}
.allDataRightHead, .allDataRightContent {
	width: auto;			overflow:visible;
	min-width:min-content;	max-width:max-content;		/*2500px;*/
}
.allData_tab {
	table-layout:fixed !important;
	border-collapse:separate !important;
	height:100%;
	/*margin:10px;		width:100%;*/
}
.allData_tab1, .allData_tab2 {}
.allData_tab tr {}
.allData_tab td {
	white-space:nowrap;		/*width:auto;*/
	overflow:hidden;		vertical-align:middle;
}
.allData table {
	/*table-layout:fixed;*/
}
.allData_tab1 {
	width:100%;
}
.allData_tab2 {
	/*width:850px;*/
}
.allData td, .allData th {
	padding:2px;			display:table-cell;
	white-space:nowrap;		vertical-align:middle;
	overflow:hidden;		text-overflow:ellipsis;
	
}
thead.allData_contentHead {
	visibility:hidden;			display:none;
}
.allDataLeft, .allDataRight {
	position:absolute;
	overflow:hidden;			display:block;
}
.allDataLeft {
	width:380px;			max-width:380px;
	/*border-left:1px solid var(--grey-border3);*/
}
.allDataRight {		
	left:380px;				width:620px;
}
.allDataLeft1, .allDataRight1 {
	height:100%;
}
.allDataLeft2, .allDataRight2 {
	height:99%;
	min-height:100px;		max-height:350px;
}
.allDataLeft2 {
	border-top:1px solid var(--grey-border3);
	border-bottom:1px solid var(--grey-border3);
}
.allDataHead, .allDataBody {
	position:relative;
	left:0px;				top:0px;
}
.allDataHead {
	height:100%;		/*width:100%;*/
}
.allDataHead tr {}
.allDataHead td {}
.allData .topRow1, .allData .topRow2 {
	/*height:25px;*/
}
.allDataHead tr.topRow1 {
	color: var(--offwhite-shade1) !important;
	background:none transparent;
	border-bottom:1px solid var(--grey-border3);
	font-size:14px;			font-weight:500;
	text-align:center;
}
.allDataHead tr.topRow1 td {
	background:none var(--shadeblue-color);		/* #445E6F; */
	border-right:1px solid var(--grey-border3);
	border-top:1px hidden var(--shadeblue-color);
	text-align:center !important;
	white-space:pre-wrap !important;
}
.allDataHead tr.topRow1 td:first-child {
	border-left:1px solid var(--grey-border3);
	border-top-left-radius:7px;
}
.allDataHead tr.topRow1 td:last-child {
	border-top-right-radius:7px;
}
.allDataHead tr.topRow2 {
	background:none var(--ltgrey-color);
	color: var(--plainwhite-color);
}
.allDataHead tr.topRow2 td {
	text-align:center;
}
.allDataHead tr.topRow2 td:first-child {
	border-left:1px solid var(--grey-border3);
}
.allDataHead tr.topRow2 td > div {
	/*width:80px;*/
}
.allData_tab tr.topRow {}
.allData_tab tr.topRow td {}
.allData_tab tr.dataRow {}
.allData_tab tr.dataRow td {
	background:none var(--plainwhite-color);
	border-color: var(--grey-border2) !important;
}
.allData_tab .allDataBodyLeft:last-child td,
.allData_tab .allDataBodyRight:last-child td {
	border-bottom-color: var(--grey-border3) !important;
}
.allDataLeft tr.topRow td:first-child,
.allDataLeft tr.dataRow td:first-child {
	border-left:1px solid var(--grey-border3);
}
.allDataLeft tr.topRow td:last-child,
.allDataLeft tr.dataRow td:last-child {
	/*border-right-color: var(--offwhite-shade1) !important;*/
}
.allDataRight tr.topRow td:first-child,
.allDataRight tr.dataRow td:first-child {}
.allDataRight tr.dataRow td:first-child {
	border-left:1px solid;
}
.allDataRight tr.topRow td:last-child,
.allDataRight tr.dataRow td:last-child {
	border-right:1px solid var(--grey-border3);
}
.allDataBody {}
.allDataBody tr {
	/*background:none #C1D8E9;*/
	/*background:none #D3DADE;*/
	/*background:none #DDDDDD;*/
}
.allDataHead tr.topRow2 td,
.allDataBody td {
	border-right:1px solid var(--grey-border3);
	border-bottom:1px solid var(--grey-border3);
	height:23px !important;
	vertical-align:middle;
}
.allDataHead tr.topRow2 td {
	border-right-color: var(--offwhite-shade1);
	border-bottom-color: var(--offwhite-shade1);
}
.allDataLeftHead, .allDataRightHead {}
.allDataLeftContent {
	padding-bottom:18px;
}
.allDataRightContent {}
.allDataRight2 {		/* scrollbar */
	overflow-x:scroll;			overflow-y:scroll;
	border:1px solid var(--grey-border3);
	border-left:none;			/*padding-bottom:4px;*/
}
.allDataPlaceHolder1 {
	position:absolute;		bottom:0px;
	display:block;			background-color: var(--ltgrey-color);
	height:16px;			width:100%;
}
.allDataPlaceHolder2 {
	height:1px;		display:inline-block;
}
.allData_tab .lc1 {
	width:20px !important;		overflow:visible;
	min-width:20px !important;	max-width:20px !important;
}
.allData_tab .lc2 {
	width:50px !important;
	min-width:50px;				max-width:50px !important;
}
.allData_tab .lc3 {
	/* width:130px !important; */
}
.allData_tab .namecol {
	width:230px !important;
	min-width:230px;			max-width:230px;
}
.allData_tab .rc0, .allData_tab .rc0l, .allData_tab .rc0r {
	width:100px;
	min-width:100px;			max-width:100px !important;
}
.allData_tab .rc0l {
	text-align:left;
}
.allData_tab .rc0r {
	text-align:right;
}
.allData_tab .rc1 {
	width:165px !important;
	min-width:165px;			max-width:165px !important;
	text-align:left;
}
.allData_tab .rc2 {
	width:33px !important;
	min-width:33px;				max-width:33px !important;
}
.allData_tab .rc3 {
	width:230px !important;
	min-width:230px;			max-width:230px;
}
.allData_tab .rc20 {
}

.fixedtab_container .allData_tab {
	table-layout:auto !important;
	border-collapse:separate;
	
	& td {
		padding:5px !important;
	}
	& .topRow {
		&, & td, & th {
			font-weight:500;
			border-color: var(--grey-border0) !important;
		}
	}
	& .topRow1 {
		&, & td, & th {
			color: var(--offwhite-shade1) !important;
			background: none var(--shadeblue-color) !important;
			border-bottom: 1px solid var(--faintgrey-color) !important;
			font-size:14px;
		}
	}
	& .topRow2 {
		&, & td, & th {
			color: var(--plainwhite-color) !important;
			background: none var(--ltgrey-color) !important;
			font-size:12px;
			font-weight:600;
		}
	}
	& .topRow:last-child td {
		border-bottom-color: var(--grey-border5) !important;
	}
	& td.fixed-left-last {
		/* border-right-color: var(--grey-border4) !important; */
	}
	& tr:not(.topRow) td.fixed-left-last {
		border-right-color: var(--grey-border4) !important;
	}
}
/*#######################################*/



/** 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;		position:relative;
	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:1;*/
}
.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: 5 !important;		/* 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 {
	&, & td, & .fixed-col {
		/*background-color: var(--faintyellow-color) !important;*/
		background-color: var(--faintyellow-shade) !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;
}
/*#######################################*/



/** Screen Sub-menu **
 *#######################################*/
.submenu_header {
	background:none transparent;
	display:block;		position:relative;
	padding:0;			margin:10px 0px 15px 0px;
}
.submenu_title {
	background:url("/images/new/GreyDownCaretLarge.png") 0px 7px no-repeat scroll transparent;
	color: var(--plainblack-color);
	cursor:pointer;			display:inline-block;
	position:relative;		padding:0 0 0 25px;
	font-size:18px;			clear:both;
	left:12px;
	z-index:10;				/*text-transform:uppercase;*/
}
.submenu_list {		/* .pulldown */
	border:none !important;
	top:22px;				width:250px !important;
	padding:0px;			margin:0px;
}
.submenu_list ul, .submenu_list li {
	list-style-type: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:#445E6F !important;
	color: var(--offwhite-shade1) !important;*/
	border-color:#445E6F !important;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	/*margin-top:10px;*/
}
.submenu_content .rowsectb {
	padding-left:25px;
}
/*#######################################*/



/** Reports **
 *#######################################*/
.rptcontainer {
	border-bottom:1px solid var(--grey-border3);
	display:block;		clear:both;
	margin:0;			padding:12px 0px 8px 0px;
	position:relative;
}
.rptcontainer:first-child {
	border-top:1px solid var(--grey-border3);
}
.rptcontainer .assoc_display {
	display:inline-block !important;
	clear:both;
	padding:0px !important;
	margin:0px 0px 0px 10px !important;
}
.rptname {
	float:left;		display:block;
	width:auto;		position:relative;
	padding:0;		margin:0 0 0 12px;
	white-space:nowrap;
}
.rptname .icons {
	float:right;
}
.rptname .greybg {
	color: var(--plainwhite-color);
	padding:5px;
}
.rptbtn {
	width:270px;
}
.rpttitle {
	font-weight:600;		clear:both;
	display:inline-block;
}
.rptdesc {}
.rptsel {
	bottom:2px;
}
.rpttype {
	float:right !important;
	margin:0;				padding:0px 10px;
}
.rptdownload {}
.err_msg.rptname {
	color: var(--plainblack-color) !important;
	font-size:14px !important;
}

/** Queued Report (Download) Progress **/
.progress {
  float: left;
  margin: 0px 4px;
}
.progressbar {
  border: 1px solid var(--plainblack-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, .prog:hover {
	display:inline-block;		color: var(--linkblue) !important;
	padding:2px 5px;				z-index:99;
}
.proga {
	background:url("/images/progress_small.gif") no-repeat scroll center right transparent !important;
	color: var(--higrey-color);
	padding-right:21px !important;		cursor:progress !important;
}
.proga:hover {
	cursor:progress !important;
}
.progd {
	background:none var(--ltyellow-color) !important;
	border:1px solid #99CCFF !important;
	margin:0px 3px !important;
}
.progd, .progd:hover {
	color: var(--linkblue);
	cursor:pointer;			text-decoration:none;
}
.progd a, .progd:hover a, .progd a:hover {
	font-weight:bold;		text-decoration:underline !important;
	cursor:pointer !important;
}
/*#######################################*/



/** Pagination **
 *#######################################*/
.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_nav {
	font-weight:bold;		font-size:15px;
	cursor:pointer;			line-height:20px;
	text-decoration:underline;
	z-index:inherit;
}
.pagi_content a {}
.pagi_content span {}
.pagi_input {
	display:inline-block;	position:relative;
	padding:0px;			margin:0px;
	z-index:inherit;
}
.pagi_input_txt {
	background:url("/images/new/AdvancePageIcon.png") no-repeat scroll var(--offwhite-shade1) !important;
	background-position:right 0px !important;
	color: var(--grey-color);
	border:1px solid var(--ltgrey-color) !important;
	border-radius:3px !important;
	width:40px;				height:13px;
	position:relative;		margin:0;
	line-height:12px;		padding:1px 12px 1px 1px !important;
	font-weight:300;		font-size: 11px;
	z-index:4;
}
.pagi_input_txt[type=number] {
	/* Chrome, Safari, Edge, Opera * /
	&::-webkit-outer-spin-button,
	&::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	/* Firefox * /
	& {
		-moz-appearance: textfield;
	} */
}
.pagi_input_img {
	/*background:url("/images/new/AdvancePageIcon.png") center center no-repeat scroll var(--offwhite-shade1);*/
	background:none transparent;
	display:block;		position:absolute;
	border:0px none;	cursor:pointer;
	width:16px;			height:16px;
	top:0px;			right:0px;
	margin:0;			padding:0;
	font-size:0px;		opacity:0.01 !important;
	z-index:5;
}
/*#####################################################*/




/** Admin / Maintenance  Screen - Common Template Styles **
 *#####################################################*/
.adminboxtab {}
.adminboxtab td {
	padding:3px 6px;
}
.adminboxtab td:first-child {
	font-weight:bold !important;
	text-align:right;			vertical-align:bottom;
}
.adminboxtab td:last-child {
	font-style:italic;
}

table.maintab {
	width:100%;
}
.maintab tr {}
.maintab td {
	padding:5px 3px !important;
}
.maintab .tabhead td {}
.maintab .tabheadg td {
	border-top:1px solid transparent !important;
}
.maintab .tabheadg td:first-child {
	border-left:1px solid transparent !important;
	border-top-left-radius:7px !important;
}
.maintab .tabheadg td:last-child {
	border-right:1px solid transparent !important;
	border-top-right-radius:7px !important;
}
.maintab .tabname td {}
.maintab .tabnameg td {}
.maintab .tabnameg td:first-child {
	border-top-left-radius:7px !important;
}
.maintab .tabnameg td:last-child {
	border-top-right-radius:7px !important;
}
.maintab .boxedg td {
	text-align:center !important;
	line-height:18px;
}
.maintab .boxname td {}
.maintab .topRow1, .maintab .topRow1 td {}
.maintab .topRow2, .maintab .topRow2 td {}
.maintab .topRow1 {}
.maintab .topRow2 {}
.maintab .topRow1 td {}
.maintab .topRow2 td {}
.maintab .cgc, .maintab .cbc, .maintab .cwc {
	background-color:#D3DADE;
}
/*#####################################################*/





/** jQuery UI - Custom Styles **
 *#####################################################*/
.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);
}
.schindlogo {
	background:url("/images/icons-new.png") -258px -122px scroll no-repeat transparent !important;
	width:18px;				height:24px;
	cursor:pointer;			display:inline-block;
	line-height:22px;
}

/** Custom Tooltip Settings **/
.tt_container {		/* Everything inside this will be used as tooltip content */
	display:none !important;
}
.ui-tooltip {
	width:auto;
	min-width:150px;	max-width:500px;
}
.ui-tooltip-content {}
.ui-tooltip-content p {
	padding:4px 0;	margin:0px 10px;
}
.ui-tooltip-content div {
	margin:4px 0;	padding:0px 10px;
}
.ui-tooltip-content ul, .ui-tooltip-content ol {
	margin:0;		padding:5px 5px 5px 20px;
}
.ui-tooltip-content ul {}
.ui-tooltip-content ol {}
.ui-tooltip-content li {
	padding:3px;
}

/** Widget / Dialog Settings **/
.mywidget, .mywidget2, .mywidgetc {
	border:2px solid var(--grey-border6) !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 {
	background:none var(--shadeblue-color);	/* url("/images/navbg.png"); */
	height:23px;			color: var(--plainwhite-color) !important;
	clear:both;				float:none !important;
	display:block;			position:relative;
	margin:0px;				padding:5px 5px 2px 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-type: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 {
	background:url("/images/new/SearchIcon.png") no-repeat scroll 132px 4px var(--plainwhite-color);
	border:1px inset var(--ltgrey-color);
	padding:2px !important;		cursor:text;
	height:16px !important;		width:145px !important;
	vertical-align: middle;		text-align: left;
	z-index:inherit;
}
/* Associate/Employee, Job/Position and Other Autocomplete searches */
.assoc_display {	/* Main Container */
	display:block;			clear:both;
	padding:10px;			/*white-space:nowrap;*/
}
.assoc_display_div,
.assoc_display > div {
	float:left;				display:inline-block;
	left:0;					top:0;
	position:relative;		line-height:15px;
	z-index:inherit;
}
.assoc_display_search {}
.assoc_display_sel {
	min-width:150px;		max-width:275px;
}
.assoc_display_txt {
	background:none transparent;
	border:0px transparent;
	display:block;			overflow:visible;
	padding:2px 10px;		margin:0;
	max-width:250px;		text-overflow:ellipsis;
}
.assoc_display_btn {
	padding:2px 10px;
}

/** Datepicker settings **/
.datepicker, .datepicker0, .datepicker_icon {
	/*background:url("/images/icons.png") no-repeat scroll -251px -27px var(--ltyellow-color);*/
	background:url("/images/new/CalendarIcon.png") no-repeat scroll 112px 2px var(--plainwhite-color);
	position:relative;
}
.datepicker, .datepicker0 {
	/*border: 1px inset #800000 !important;*/
	border: 1px inset var(--grey-border3) !important;
	margin:0;					padding:2px 5px !important;
	height:16px !Important;		width:120px !important;
	vertical-align: middle;		text-align: left;
	font-size:11px;				font-weight:300;
	cursor: pointer;
	z-index:10;
}
.datepicker0.datepicker {
	width:90px !important;
	background-position-x:83px !Important;
}
.datepicker_icon {
	/*background:url("/images/icons.png") no-repeat scroll -221px -168px var(--ltyellow-color);*/
	height:16px;		width:16px;
	font-size:0px;		vertical-align:middle;
	cursor:pointer;		display:inline-block;
	z-index:10;
}
.ui-datepicker {
	z-index:99 !important;
}

/* jqplot default settings */
.jqplot-target {
	font-family: var(--font-size-all);
}
.jqplot-data-label {
	color: var(--dkgrey-color);
	font-weight:300;
}
.jqplot_nodata {
	color: var(--grey-color);
	display:block;		position:absolute;
	left:100px;			letter-spacing:0.2em;
	top:40%;			word-spacing:0.6em;
	white-space:nowrap;	font-style:italic;
	width:200px;		text-align:center;
}
/*#####################################################*/




/** Viewport settings for All screens **
 *###################################################*/
/* #1: Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
	/*---@ Smaller Viewport sizes NOT Allowed for this project */
}
/* #2: Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
	/*---@ Smaller Viewport sizes NOT Allowed for this project */
}
/* #3: Large devices (laptops/desktops upto 992px) */
/*===@ Smallest Allowed Viewport size - No more resizing below this */
@media only screen and (max-width: 991.98px) {
	#frame {
		/* width: var(--frame-width-small); */
		width: var(--frame-width-medium);
		/*overflow:auto !important;*/
	}
	#frame.login-frame {
		/* min-width: var(--frame-width-small) !important; */
		min-width: var(--frame-width-medium) !important;
	}
	.login-frame #content {		/* #content.logincontent */
		/* background-image: url("/images/demo/bg_1000w.png") !important; */
	}
	#loginpane {
		top:-38px;		/*height:300px;*/
	}
	#lpinfo {}
	#lginfo {
		bottom:12%;		right:4% !important;
	}
	#lplink2 {
		bottom:30px;
	}
	#lglink2 {
		bottom:-50px;
	}
	.loginbox .loginitem0 {
		margin-bottom:3px;
	}
	.scrolltab_right {
		/*width: var(--frame-width-small) !important;*/
	}
	.empinfo_col1 {
		min-width:350px !important;
	}
}
/*===@ Common styling for viewports upto 992px and 1200px */
@media only screen and (max-width: 1199.98px) {
	/* Squeeze `#lpinfo` section here */
	#lpinfo {
		left:5%;
	}
	#lpinfo #l1 {
		padding-bottom:0;
	}
	#lpinfo #l2 {}
	#lpinfo ul {
		margin:3px 0;
	}
	#lpinfo li {}
	#lpinfo #l4 {}
	#lpinfo #l5 {}
	#lginfo {
		right:3%;
	}
}
/* #4: Large devices (laptops/desktops, 992px upto 1200px) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	#frame {
		width: var(--frame-width-medium);
		/*overflow:auto !important;*/
	}
	#frame.login-frame {
		min-width: var(--frame-width-medium);
	}
	.login-frame #content {		/* #content.logincontent */
		background-image: url("/images/demo/bg_2500w.png") !important;
		height:800px;
	}
	#loginpane {
		height:540px;
	}
	#lpinfo {
		top:0;
	}
	#lginfo {
		bottom:20%;
	}
	#loginShow {
		bottom:-20px;
	}
	#lplink2 {
		bottom:80px;
	}
	#lglink2 {
		/*bottom:-85px;*/
	}
	.boxsect {
		/*max-width:1180px;*/
	}
	.empinfo_col1 {
		min-width:450px !important;
	}
}
/* #5: Extra large devices (large laptops and desktops, 1200px upto 1440px) */
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
	#frame {
		width: var(--frame-width-large);
	}
	#frame.login-frame {
		min-width: var(--frame-width-large);
	}
	.login-frame #content {		/* #content.logincontent */
		background-image: url("/images/demo/bg_2500w.png") !important;
		height:800px;
	}
	#lpinfo {
		top:10%;
	}
	#lginfo {}
	#loginShow {}
	#lplink2 {
		bottom:135px;
	}
	.boxsect {
		/*max-width:1180px;*/
	}
	.scrolltab_container {
		width:1195px;		max-width:1195px;
	}
	.scrolltab_right {
		width:825px;		max-width:825px;
	}
	.empinfo_col1 {
		min-width:550px !important;
	}
}
/* VERY large devices (large laptops and desktops, 1440px and up) */
/*===@ Largest Allowed Viewport size - No more resizing after this */
@media only screen and (min-width: 1400px) {
	#frame {
		width: var(--frame-width-exlarge);
	}
	#frame.login-frame {
		min-width: var(--frame-width-exlarge);
	}
	.login-frame #content {		/* #content.logincontent */
		background-image: url("/images/demo/bg_2500w.png") !important;
		height:800px;
	}
	.loginbox {
		/*left:875px;*/
	}
	#lpinfo {
		top:16%;
	}
	#lginfo {
		right:6%;		bottom:-70px;
	}
	#loginShow {}
	#lplink2 {
		bottom:150px;
	}
	.scrolltab_container {
		width:1390px;		max-width:1390px;
	}
	.scrolltab_right {
		/*width: var(--frame-width-large) !important;*/
		width: 1020px;		max-width: 1020px;
	}
	.boxsect {
		/*max-width:1380px;*/
	}
	.empinfo_col1 {
		min-width:650px !important;
	}
}
/*###################################################*/