@charset "utf-8";
/**
 * @file: styles.css
 * @use: Main Style Sheet - All Tools
 *########################################################*/

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

/** Template Styles **
 *##################################*/
html {
	/*scroll-behavior:auto;			/* or smooth */
}
body {
	font-family: var(--font-family-all);
	font-size: var(--font-size-all);
	font-stretch: 50%;
	/* font-size: 16px;	/* Default font size for document */
	color: var(--plainblack-color);		/* Default text color */
	background-color: var(--bggrey-color);		/* #D3D3D3; var(--lowgrey-color); var(--plainwhite-color);
	border: 0 none transparent;
	border-radius:0;
	background: none left top no-repeat scroll var(--csbackground-color);		/* or var(--bggrey-color) or #FFFFFF;*/
	background-size: cover;
	margin:0;				position:relative;
	padding:0;				clear:both;
	transition: background-image 1s linear;
}
body, body * {
	scroll-behavior: smooth;	/* auto or smooth */
	scrollbar-color:auto;
	scrollbar-width: auto;
	/* scrollbar-gutter: stable both-edges; */
}
/** Top-nav and Frame, Header, Content and Footer **/
#frame {
	/* background-color: var(--grey-disabled-bg);*/
	background-color: var(--plainwhite-color);
	border:1px solid var(--plainwhite-color);
	display:block;			clear:both;
	float:none;				position:relative;
	left:0;					top:0;
	overflow:visible;		width: var(--frame-width);
	min-width: var(--frame-min-width);
	max-width: var(--frame-max-width);
	padding:0px !important;
	margin: 0px auto !important;
	transition: 7s ease;
}
#header, #footer {
	background:none transparent;
	border:none;
	display:block;			clear:both;
	float:none;				position:relative;
	padding:0;				margin:0;
	width:auto;				max-width:100%;
	height:auto;			max-height:250px;
}
#header {
	color:#000000;
	left:0;					top:0;
}
#header img {
	position:relative;
}
#content {
	display:block;			float:none;
	position:relative;		clear:both;
	min-height:450px;		height:auto;
	min-width:500px;		width:auto;
	padding:10px;		margin:0px !important;
	overflow:visible;
}

#broadcastMsg {
	clear:both;			display:block;
	width:98%;			position:relative;
	margin:0px;			padding:5px 5px 10px 2px;
}
#breadcrumbs {
	display:block;		font-weight:bold;
	padding:0px;		margin:5px 0px 15px 0px;
}
#footer {
	color:#999999;
	font-size:9px;		line-height:25px;
	bottom:0;					left:0;
	padding:10px 20px 30px 17px;
}
.footer_container {
	color: var(--plainblack-color);		/* Default text color */
}
#footer a:link, #footer a:visited {
	color:inherit;		text-decoration:none !important;
	cursor:default;		font-size:inherit;
}
#footer img {
  top:5px;
	position:relative;
}
.footer_content {
	font-size: 10px;
	color: var(--csmedgrey-color);	
}
#clientname {
	float:left;
	text-align:left;
	font-size: 10px;
	color: var(--csmedgrey-color);	
}
#poweredby {
	float:right;
	text-align:right;
}
#copyright {
	display:inline-block;
}
#schindlogo {
	background:url("/images/schindlogo.gif") center left no-repeat scroll transparent !important;
	display:inline-block;			
	padding-left:25px;
}
/* Header, Tools menu, Site nav and Top-nav Menu */
.header_content {
	border-bottom:1px solid #FFFFFF;
	display:block;	position:relative;
	float:none;			clear:both;
	width:100%;
}
.header_content_inner {
	/*height:100%;*/
}
#headerTools {
  background:none #FFFFFF;			/*rgba(255,255,255,0.8);*/
	height:100px;
}
#headerTools.header-tools-nonav {}
#homelogo {
  display:block;	position:relative;
  color:#FFFFFF;	font-size:28px;
  top:8px;				left:15px;
	width:170px;
	z-index:99;
}
#logolink {
	display:inline-block;
	text-decoration:none !important;
	padding-top:5px;
}
#logotype {
	padding-left:10px;
	margin-top:5px
	
	width:280px !important;
	z-index:inherit;
}
#homelogo span.grey {
	border-right:1px solid #999999;
	left:5px;				display:inline-block;
	/*top:-16px;*/	position:relative;
	width:5px;			height:40px;
}
#ttldiv {
	display:block;	position:absolute;
	clear:both;			width:650px;
  top:65px;				right:30px;
}
#ttldiv > div {
	display:block;		text-align:left;
	min-width:220px;	max-width:260px;
}
#ttl {
	position:absolute !important;
  color:#0e3837;		font-size:26px;
}
#subttl {
	float:left;			position:relative;
	color:#FE642E;		font-size:18px;
	left:240px;		padding:3px;
	top:8px;
}
#ttl.toolnav {
	border:1px dotted transparent;
	display:block;		padding:7px;
	top:-5px;
	right:0px;
	text-align:right;
	max-width: 560px;
}
#ttl.toolnav:hover {
	border-color:#E6E6E6;
	border-radius:7px;
}
#toolttl {}
#toolttl.toolttl-nonav {
	cursor:default !important;
	background:none transparent !important;
	font-family: "Arial Narrow";
}
#toolpop {
	top:30px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}
#headerTools.header-tools-nonav #ttl {
  color:#0e3837 !important;
	border:none !important;
				font-weight:500;
}
#headerTools:not(.header-tools-nonav) #ttl {
	/*left:0px;*/
}
#headerTools:not(.header-tools-nonav) #toolttl {
	background:url("/images/icons/icon_caretdown_grey.png") scroll no-repeat 0px 5px transparent;
	cursor:pointer;		padding-left:20px;
}
#headerTools:not(.header-tools-nonav) #subttl {}


#tools {
	display:block;		clear:both;
  margin-top: -10px;
  margin-right: -6px;
  text-align: right;
  color:#999999;
  font-size:11px;
}
#tools a:link, #tools a:visited {
  color: #999999;
  text-decoration: none;
}
#tools img {
	position:relative;
	top:-5px;
}
#tools .tool_item {
	display:inline-block;
	margin-left:15px;
}

.smitem, .smitema,
.smitem a, .smitema a {
	/*font-family:initial;*/
	font-size:14px;			letter-spacing:0.05em;
	font-weight:500;		line-height:16px;
	cursor:pointer;			white-space:nowrap !important;
}
.smitem, .smitema {}
.smitem a, .smitema a {
	text-decoration:none !important;
}
.smitema, .smitema a {
	font-weight:600;
	cursor:default !important;
}
#tooltop {
	border:0px none transparent;
	margin-top:-5px;
}
#tooltop:hover {
	border:1px dotted #848484;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
#toolpop {
	border:2px outset #999999;
	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 5px 5px 15px;
	min-width:250px;	max-width:300px;
	height:auto;			width:auto;
}
#tooltop #toolttl {
	background:url("/images/new/WhiteDownCaretLarge.png") 2px 10px no-repeat scroll transparent;
	padding-left:22px !important;
}
.nodisplay {
	display:none;
}
.nav_close {
	background:none transparent !important;
	position:absolute;	display:block;
	cursor:pointer;			color:#000000;
	font-size:11px;			font-weight:bold !important;
	top:4px;						right:5px;
	float:none !important;	clear:both;
	margin:0 !important;		padding:5px !important;
	z-index:30;
}
#navright {
	display:block;			position:absolute;
	clear:both;					text-align:right;
	font-size:14px;			font-weight:500;
	margin:0px;					padding:0px;
	right:15px;					bottom:10px;			/*top:20px;*/
	width:260px !important;
}
#navright .menubutton {
	cursor:default;
}
#usercontent {}
#usernav {
	cursor:text;
}
.usernav_item {
	color:#1D1D1D;
	display:block;			position:relative;
	padding:3px 0px;		white-space:nowrap !important;
}
.usernav_label {
	font-weight:500;
}
.usernav_name {
	font-weight:300;
}
#usernav_user {
	cursor:pointer;
}
#usernav_trueview {}
#usernav_workas {}
#usernav_workas .usernav_label,
#usernav_trueview .usernav_label {
	color:#FE642E;
}
#usercontent {
	z-index:35;
}
#userpop {
	width:320px;			right:-15px;
	z-index:inherit;
}
.userpop_content {
	cursor:default;			display:block;
	margin:2px 0px 5px 0px;			white-space:nowrap;
}
.userpop_content .usernav_label {}
#userpop_workas .usernav_label {
	/*color:#FE642E;*/
}
.userpop_content.link3 {}


/** Local Login Screen **/
#frame.login-frame {
 /*	background:url("/images/mossadamslogin_background.png") scroll repeat-x bottom left transparent !important; */
	border-color:#CCCCCC !important; 
}
.login-head {}			/* => .login-frame #header */
.login-head #headerTools {}
.login-head #headerNav {
	display:none !important;
	visibility:hidden;
}
.login-content {
	/* background-color:transparent !important; */
	background-color:transparent !important;
}
#loginpane {
  position: relative;
  top: 0px;				left: 0px;
  /*background-color: #13699F;*/
  height:475px;		width:100%;
	overflow:hidden !important;
}
#loginpane #info {
	width:400px;			position: absolute;
  top:100px;				left:100px;
}
#loginpane #info > div {
	display:block;		position:relative;
	clear:both;				margin:0;
	width:98%;
}
#loginpane #l1 {
  color:#FFFFFF;		position: relative;
  left: -8px;				top: 16px;
	font-size:80px;		line-height:100px;
}
#loginpane #info .lptxt {
	color:#BFBFBF;
	font-size:16px;		line-height:20px;
	padding:5px 0 0 0;
}
#loginpane #l2 {
	margin-bottom:16px !important;
}
#loginpane #l3 {
  margin-bottom:40px !important;
}
#loginpane #l4 {
  font-size:32px !important;
}
#loginpane #l5 {
  font-size:12px !important;
}
#loginerr {
	background:none #FFFFE0 !important;
	border:1px outset #CC3333;
	color:#CC3333;			border-radius:5px;
	display:block;			position:absolute;
	font-weight:bold;		font-size:10pt;
	left:575px;					top:80px;
	padding:10px 5px;		margin:0px;
	width:350px;				max-width:350px;
}
.loginbox {		/* #loginenter, #loginforgot*/
  position: absolute;
  top:20px;				left:95px;
	right:auto;
  width:500px;			padding:5px;
	color:#000000;		
	font-size:12px;
}
.loginbox .loginitem0 {
	color:#000000;		
	font-size:28px;
	font-family: "Arial Narrow";
	font-strech: 75%;
	padding:0;
	margin-bottom:15px;
}
.loginbox .loginitem0 div {
	border-top:1px solid #FFFFFF;
	margin-top:3px;
	height:10px;		max-height:10px;
}
.loginbox .logininfo {
	color:#EAEAEA;
	font-size:12px;			line-height:20px;
	list-style-type:square;
}
.loginbox .logininfo li {
	padding:0;			margin:0;
}
.loginbox .loginitem1 {
	padding:0;			margin:15px 0px;
	position:relative;
}
.loginbox .link2 {
	color:#000 !important;
}
.loginbox .loginitem2 {
	padding:7px !important;
	position:relative;
	width:220px;		margin:0;
}
.loginbox .loginitem2.llinput {
	width:490px;		display:inline-block;
}
.loginbox .loginitem2.bbutton {
	padding:7px 0px !important;
	font-size:14px;
	/*height:35px !important;		line-height:28px;*/
}
.loginbox #instr {
  font-size: 14px;
}
#loginenter.loginbox {}
#loginverify.loginbox {}
#loginverify #username2 {
	color:#666666 !important;		/*color:#E6E6E6 !important;*/
	font-size:12px !important;
	background:none #FFFFE0;
	border:1px transparent;
	border-radius:3px;
	bottom:-7px;			font-weight:700;
	width:auto;				max-width:300px;
	cursor:default;		overflow:visible;
}
#loginverify #password2 {
	border: 1px inset #FF0066 !important;
	border-radius:5px;
}

#loginforgot.loginbox {}
#loginforget_verify {
	right:20px;
}
.login-foot {
	color:rgba(255,255,255,0.9) !important;
}
.csbutton {
	border:1px solid var(--csmedblue-color);
	background-color: white;
	padding: 10px 15px 10px 15px;
	color: var(--csmedblue-color);
	border-radius: 4px;
}
.csbutton:hover {
	background-color: var(--csmedblue-color);
	font-weight:700;
	color: white;
}
.csbutton_sm {
	border:1px solid var(--csmedblue-color);
	background-color: white;
	padding: 3px 3px 3px 3px;
	color: var(--csmedblue-color);
	border-radius: 2px;
}
.csbutton_sm:hover {
	background-color: var(--csmedblue-color);
	font-weight:700;
	color: white;
}

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



/* Header Top-nav (Site nav) menu */
#headerNav {}
#navbar {}
#navbar-access.nav_col {
	width:220px;
	right:0;
}
#navContent_access {}
#access_container {
	display:block;		float:right;
	position:relative;
	z-index:30;
}
#access_container .access_item {
	float:left;
	margin-left:10px;
}
.access_item .nav_popup {
	max-width:500px;		right:-10px;
}

#navPop_user {}
#navPop_user .popcontainer {}
#navPop_user .popcontainer .link {
	display:inline-block;
	padding:5px 1px !important;
}
#navPop_user .popconttop {}
#navPop_user .popcontdata {
	padding:10px 15px 15px 15px;
}
#navPop_user .popcontfoot {}
#navPop_user .nav_links {
	margin-left:-3px;
}
#navPop_user .clickable {
	background: none transparent;
	text-decoration:none;
}
#navPop_user .popcontfoot .link {
	color: var(--plainwhite-color) !important;
}

#navPop_chg {
	right:-10px !important;
	width:310px !important;			height:auto;
	min-width:310px !important;		max-width:310px !important;
	padding:0px !important;			margin:0px;
}
.qa_container {}
.qa_container .nowrap {
	font-size:11px;			overflow:visible;
}
.qa_container .nowrap span {
	display:inline-block;
	/*font-size:14px;*/
	font-weight:700 !important;
	padding-left:10px;	line-height:16px;
}
.qa_header {}
.qa_content {}
.qa_data {}
.qa_data .chginput {
	border: 1px solid var(--solidred-color) !important;
	max-width:185px;
}
.chginput.inputac {
	width:185px !important;
	background-position-x:170px !important;
}
.qa_data_inner {
	padding:10px 0;		margin:0;
}
.qa_data_inner select {
	margin-left:10px;
}
.qa_footer {}
.qa_title {}
#qa0_container .chgassoc_trueview {
	text-align:right;			width:190px;
}
.qa_way {
	display:block;			clear:both;
	position:relative;	padding:3px 1px;
}
.way_content {
	top:-30px;			/*left:1px;*/
	width:240px;		right:-5px;
	z-index:30;
}
#chg_profile {
	font-size:12px;
}
#navPop_filt {
	width:390px;
}
#globalFilters {}
#globalFilters .redisplay {
	top:0 !important;
}
#globalFilters .gfiltinput {
	cursor:pointer !important;
	padding:5px;			bottom:5px;
	min-width:180px;		max-width:220px;
}
#globalFilters .popcontent {}
#globalFilters .popheading2 {
	display:inline-block !important;
	width:165px;			overflow:hidden;
}
#globalFilters .popcontrow {
	white-space:nowrap;		max-width:400px;
}
#globalFilters .popcontrow > * {
	position:relative;
}

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

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

.nav_iteml {
	/* font-size:1.2em;			*/
	font-size:12px;			
	font-weight:500;
	letter-spacing:1px;	white-space:nowrap;
	overflow:visible;
}
.nav_itemv {
	background:url("/images/new/WhiteDownCaretLarge.png") no-repeat scroll 0px 10px transparent !important;
	padding:7px 3px 3px 15px !important;
	font-size:11px;			font-weight:500;
}
.nav_nodd {
	color: var(--ltgrey-color) !important;
	cursor:not-allowed !important;
}
.nav_nodd .nav_iteml {}
.nav_nodd .nav_itemv {
	background-image:url("/images/new/GreyDownCaretLarge.png") !important;
}
.nav_itemr {}
.nav_itemr:hover {
	/*background-image:url("/images/") !important;*/
	background-color:#01437D !important;
}
.nav_link {
	display:block;				position:relative;
	clear:both;						cursor:pointer;
	white-space:nowrap;		float:none;
	text-decoration:none !important;
	font-size:14px;
	padding:3px !important;
}
.nav_link:hover {
	background-color: var(--csmedblue-color) !important;
	color: var(--plainwhite-color) !important;
}
.nav_linkd {
	cursor:default !important;
	font-size:10px;
	font-weight: 700;
}

#navbar-sitenav.sitenav {
	left:0px;				width:200px;
  width:200px !important;
}
.sitenav .nav_itemh {
	width:180px !important;
}
.sitenav .nav_iteml {
	font-size:1.2em;
	letter-spacing:0.007em;
}
.sitenav .menu_icon {
	margin-right: -5px;
}
.sitenav .nav_popup {		/* #navPop_sitenav */
	background:none transparent;
	border:0px none transparent !important;
	max-height:400px !important;		max-width:400px !important;
	/*width:400px !important;*/			overflow:visible !important;
	top:32px!important;					left:-10px;
	padding-top:5px;
}
.sitenav ul {
	border:1px solid var(--higrey-color) !important;
	padding:5px 0px !important;			/*width:185px;*/
}
.sitenav ul.nav_popup_container {
	width:250px;
	/*padding-left:25px !important;*/
	/*border:0px none transparent !important;*/
	/*border-bottom-radius:3px;*/
}
.sitenav ul.nav_popup_container li {
	padding-left:25px !important;
}
.sitenav ul.sub-nav_popup_container {
	/*padding-left:15px !important;*/
	left:205px !important;
}
.sitenav ul.sub-nav_popup_container li {
	padding-left:15px !important;
	/*width:250px !important;*/
	width:auto;
}
.sitenav-level-1 {}
.sitenav-level-2 {}
.sitenav-level-3 {
	/*width:270px !important;*/
	width:auto;
}
.sitenav-level-4 {
	background-color: var(--bggrey-color) !important;
	/*left:250px !important;*/
	padding:5px !important;
	width:auto;
}
.sitenav-level-4 li {
	/*color:#FAFAFA !important;*/
	padding:2px !important;
	width:auto;
}
.sitenav-level-4, .sitenav-level-4:hover,
.sitenav-level-4 li, .sitenav-level-4:hover li, .sitenav-level-4 li:hover {
	cursor:default !important;
}
.nav_filts {}
.nav_filts .nav_popup {}
.nav_filts .nav_item {
	cursor:pointer !important;
}
.nav_filts .nav_popup_container {
	padding-left:3px !important;
}
.nav_filts .nav_popup_container li {}
.nav_filts .filts_update {
	border-top:1px dotted var(--higrey-color);
	/*position:fixed;*/		bottom:0;
	display:block;			clear:both;
	width:auto;					height:20px;
	margin:5px 0 0 0;		padding:0;
	text-align:center;	vertical-align:middle;
}
.nav_filts .filts_update button {
	color: var(--linkblue);
	font-weight:600;			padding:4px 1px;
}
.nav_dotted {
	border-top:1px dotted var(--higrey-color);
	clear:both;			display:block;
	height:10px;		padding:0px 0px 5px 0px;
	width:80%;			margin:5px 0px 0px 0px;
	position:relative;	text-align:center;
}
/*################################################*/


/** Icons and Buttons Group:
 *######################################*/
.icons, .iconx, .icon0, .icons2, .icons3,
.icona, .iconsa, .iconb, .iconsb, .icont, .iconst,
.ibutton, .ibutton0, .ibutton1, .ibutton2,
.help_icon, .statusicon,
.icons_new, .icont_new, .iconn, .iconn2, .iconnt, .icons-new, .icont-new {
	background: none no-repeat scroll 0 0 transparent;
	border:0px none transparent;			/*border: 1px solid #A4A4A4;*/
	border-radius:5px;
	color: var(--plainwhite-color);			cursor:pointer;
	position:relative;		display:inline-block;
	margin:auto 5px;		padding:0px;
	height:15px;			width:14px;
	font-size:0px;			font-weight:600;
	line-height:1px;		vertical-align:middle;
	text-align:center;		text-decoration:none;
	z-index:inherit;
}
.icons, .icons2, .icons3,
.help_icon, .statusicon {
	background: url("/images/icons.png") no-repeat scroll -95px -86px transparent;	/* default - help ? icon with grey bg */
}
.iconx {	/* Used for txt icons */
	background: none var(--plainwhite-color);
	color: var(--plainblack-color);
	font-size:11px;		line-height:12px;
}
.icon0 {	/* for new larger 33x33 icons */
	background:none 0 0 no-repeat transparent;		/* unset */
	background-size:18px auto;
	width:18px;			height:18px;
	border:0 none;		border-radius:0;
}
.iconnf {
	float:none !important;
	clear:both !important;
}
.help_icon {
	background-color:var(--medgrey-color);
}
.icons_new, .iconn, .iconn2, .icons-new {
	background:none no-repeat scroll 0 0 transparent;
}
/* 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, .icons3 {
	cursor:help;
}
.icons2, .icons3 {
	width:18px;				height:17px;
	font-size:11px;			font-weight:bold;
	line-height:15px;
}
.icons2 {
	background:none var(--medgrey-color) !important;
}
.icons3 {
	background:none #DF7401 !important;
}
.icona, .iconsa {
	background:none #FF3366 !important;
	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-color:transparent !important;
}
.info_icon {
	/*background-position:-125px -86px;		-- when used with /images/icons.png */
	background-image:url("/images/IvecoAssets/information.png");	/*-- when used with .icons_new or .icons-new */
}
.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 {		/* Use with .iconx or .icon0 or .icons */
}
.del_cross_icon {
	background-position:-99px -393px !important;
	width:12px;			height:12px;
}
.dd {
	background-position:-36px -126px;
	background-color: var(--plainwhite-color);
}
.cb0, .cb1, .cbx, .cbx0 {
	background-color: var(--plainwhite-color);
	background-position:-328px -166px;		/*-- when used with /images/icons.png */
	border: 0.5px goove var(--medgrey-color);
	border-radius:3px;
	width:20px;			height:20px;
}
.cb1 {
	background-position:-292px -166px;
}
.cbx {		/* Using orange box with white X icon from icons.png */
	background-position:-233px -122px;
}
.cbx0 {		/* Using an empty box from .cb0 with text "X" or "+" */
	font-size:12px;		font-weight:200;
}
.cbx0, .cbx0.disabled {
	color: red !important;
}
.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;
}
.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;
}
.male_icon, .female_icon {		/* use with .icons */
	background:none no-repeat scroll center center transparent;
	background-size: 12px auto;
}
.female_icon {
	background-image: url("/images/IvecoAssets/female_icon.png");
}
.male_icon {
	background-image: url("/images/IvecoAssets/male_icon.png");
}


/* Using icons-new.png or their OWN *.svg files, use in combination with: .icons or .icont or .icons_new or .icons-new */
.icons_new, .icons-new, .iconn, .iconn2 {
	/* --- when using Individual *.svg icon files --- */
	background: none no-repeat scroll center center transparent;
	background-size:25px auto;
	/* --- when using *.png icons library ---* /
	background: url("/images/IvecoAssets/icons_library.png") no-repeat scroll 0 0 transparent; */
	height:27px;		width:27px;
}
.iconn {
	background-size:18px auto !important;
	width:20px;		height:20px;
}
.iconn2 {
	background-size:15px auto !important;
	width:16px;		height:16px;
}
.icont, .iconst {		/* same as .icons_new, but smaller size */
	/* clear any previously set image when using individual *.svg files and reset any position and size */
	background: none no-repeat scroll center center transparent;
	background-size:18px auto;
	width:20px;		height:20px;
	/* --- when using *.png icons library ---*/
}
.ind_icon {
	background-image:url("/images/IvecoAssets/individualemployee.png");
}
.user_icon {
	background: url("/images/user_icon-white3.png") no-repeat scroll 0 0 transparent;
	background-size: auto;
	background-size: 27px auto;
	border: 0 none transparent;
	border-radius: 50%;
}

.usericon_new {
    display: inline-block;
		padding-top:3px;
}
.usericon_new i {
    text-align: center;
    border-radius: 50%;
    background-color: white;
    color: black;
    font-size: 18px;
    padding: 5px;
		font-weight:400;
    font-style: normal;
		border:1px solid black;
}
.alert_icon {	/* can be used with .icons-new or .icont, depending on size requirements */
	background-image: url("/images/IvecoAssets/importantmessage.png");
	background-size:6px auto;
	/* --- when using *.png `icons` library, use ---* /
	background-position: -75px -150px; */
}
.alert_grey {	/* use with .icont */
	background-image: url("/images/IvecoAssets/information.png");
	/* --- when using *.png icons library ---* /
	background-position: -112px -150px;*/
}
.dropdown_white, .dropup_white {
	background: url("/images/dropdownwhite.png") center center scroll no-repeat transparent;
	width:8px;			height:8px;
}
.dropup_white {
	background-image: url("/images/dropupwhite.png");
}
.link-arrow {	/* Forward facing arrow - use with .icons or .icont */
	background-image:url("/images/IvecoAssets/goto_thin.png");
	background-size:20px auto;
	width:25px;		height:25px;
}
.link-arrow-rev {	/* Backward facing arrow '←' - use with .icons-new or .icont-new */
	color:var(--grey-border2);
	background: none transparent !important;
	background-size:auto auto;
	font-size:25px;		font-weight:bold;
	width:27px;			height:27px;
	line-height:20px;
}
.calendar_sel {		/* Not working as expected */
	background-image: url("//calendar.svg");
	width: 60px !important;
}


/* Using Its Own (Text) OR No Image, in combination with: .icont or .icons-new or .icons_new */
.close {
	background: none transparent;
	color: var(--plainblack-color) !important;
	position:absolute;		display:block;
	clear:both;				float:none !important;
	margin:4px;				padding-bottom:2px;
	width:12px;				height:12px;
	right:2px;				top:4px;
	cursor:pointer;			font-weight:bold;
	line-height:14px;		text-align:center !important;
	z-index:99;
}
.xclose {
	background:none transparent !important;
	border:0px none transparent !important;
	float:right !important;				font-size:14px !important;
	position:relative !important;		display:inline-block !important;
	cursor:pointer;			/*text-decoration:underline;*/
	height:15px !important;				width:15px !important;
	line-height:15px !important;		font-weight:bold !important;
	right:0px;				top:0px;
	padding:0px;			margin:0px;			/*padding:5px;*/
	z-index:99;
}
.menu_icon {
	background-image:url("/images/globalmenu.png");
	background-position: 1px 8px;
}
.logout_icon {		/* can be used with both .icons-new, .iconn and .iconst */
	background:url("/images/logout_white.png") no-repeat scroll 0 0 transparent;
}
.trueview_icon {
	background-position:-255px -168px;
}
.chgw_icon {
	background-image:url("/images/IvecoAssets/viewworkas.png");
}
.chgr_icon {
	background-image:url("/images/IvecoAssets/viewworkas_active.png");
}
.filtw_icon {		/* use with .icons-new */
	background-image:url("/images/IvecoAssets/globalfilter.png");
	/*background-image:url("/images/icon_globalfilter_orange.png");*/
}
.filto_icon {
	background-image:url("/images/IvecoAssets/globalfilter_active.png");
}
.locked_icon {	/* use with .iconn or .iconn2 */
	background-image:url("/images/locked.png");
	background-size:17px auto;
	background-color:transparent;
}
.settings_icon {
	background-image:url("/images/IvecoAssets/settings_white.png");
}
.settings_icon2 {	/* use with .iconn */
	background-image:url("/images/IvecoAssets/settings_black.png");
	background-size:17px auto;
	background-color:transparent;
}
.settings_icon_menu {
	background:url("/images/menu-icon.png") no-repeat scroll center center transparent;
	background-size:18px auto;
}
.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;
}
.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;
	width:22px;				height:22px;
}
.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, .del_icon {
	background-image:url("/images/IvecoAssets/delete.png");
}
.downw_icon, .downb_icon {
	background:url("/images/icons/icons_download_white.png") 0 0 no-repeat scroll transparent;
	height:18px;			width:18px;
}
.downb_icon {
	background-image:url("/images/icons/icons_download_black.png");
}

/* for below icons....use with .icont */
.download_icon {
	background-image:url("/images/IvecoAssets/download.png");
	height:21px;
}
.upload_icon {
	background-image:url("/images/IvecoAssets/upload.png");
}
.filtabw_icon {
	background-image:url("/images/IvecoAssets/tablefilter.png");
}
.filtabo_icon {
	background-image:url("/images/IvecoAssets/tablefilter_active.png");
}
.sortabw_icon {
	background-image:url("/images/IvecoAssets/tablesorting.png");
}
.sortabo_icon {
	background-image:url("/images/IvecoAssets/tablesorting_active.png");
}
.coldispw_icon {
	background-image:url("/images/IvecoAssets/tablecolumndisplay.png");
}
.coldispo_icon {
	background-image:url("/images/IvecoAssets/tablecolumndisplay_active.png");
}
.expand_icon {
	/*background-image:url("/images/IvecoAssets/expandfield.svg");*/
	background-image:url("/images/IvecoAssets/expandfield.png");
}
.contract_icon {
	/*background-image:url("/images/IvecoAssets/contractfield.svg");*/
	background-image:url("/images/IvecoAssets/contractfield.png");
}
.plus_icon {		/* text '+' =~ '+', use with .icont */
	background:none;
	color: var(--blue-color);
	font-size: 18px;		line-height:18px;
}

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

/* Buttons */
.button, .ibutton, .ibutton2, .ibutton3, .bbutton {
	background-image:none !important;
	border:1px solid transparent;
	border-radius:3px;		color: var(--plainwhite-color) !important;
	display:inline-block;	position:relative;
	font-size:11px;			white-space:nowrap;
	padding:3px 5px;		margin:0px;
	line-height:16px;		/*letter-spacing:0.1em;*/
	height:auto;			width:auto;
	cursor:pointer;			font-weight:600;
}
.ibutton, .ibutton2, .ibutton3 {}
.ibutton {		/* fixed width and height, with Orange bg */
	/* background-color: var(--orangebr-color); */
	background-color: var(--red-color);
	width:50px;				/*height:17px;*/
}
.ibutton2 {		/* flexible width and height, with Red bg */
	/* background-color:#DF7401; */
	background-color:var(--red-color)
}
.ibutton3 {		/* flexible width and height, with Dark Red bg */
	background-color: var(--drkred-color);
}
.bbutton {			/* Blue bg ( var(--linkblue) or #185FAC or #3366BB), same as link color */
	background:none var(--linkblue) !important;
}
.bbutton:disabled {
	background-color: var(--ltgrey-color) !important;
}
/* Ends Icons Group */


/* Text-inputs, textareas and selects */
.indinput, .indinputl, .indinputr, .indinput2, .indinput3, .spaninput {
	color: var(--plainblack-color);
	border-radius:5px;
	cursor:text;
}
input.indinput, input.indinputl, input.indinputr, input.indinput2, input.indinput3 {
	cursor:text;
}
.spaninput {
	cursor:text;
}
.cbinput {
	cursor:pointer !important;
}
.indinput, .indinputl, .indinputr, .inputcsl, .inputcsr, .inputcs {
	background:none var(--plainwhite-color);
	/*border: 1px solid var(--solidred-color);*/
	border: 1px solid var(--ltgrey-color);
	padding:2px 3px;
}
input.indinput[type="text"], input.indinput[type="email"], input.indinput[type="password"] {
	width:100px;			text-align: right;
}
select.indinput, select.indinputl, select.indinputr, select.indinput2, select.indinput3,
textarea.indinput, input[type="button"].indinput:not(.icons), button.indinput,
input.indinput[type="checkbox"], input.indinput[type="radio"] {
	width:auto;			cursor:pointer;
}
.inputcsl {
	background:none var(--plainwhite-color);
	/*border: 1px solid var(--solidred-color);*/
	border: 1px solid var(--ltgrey-color);
	padding:2px 3px;
	text-align: left !important;
}
.inputcsr {
}
.inputcssm {
	width:100px;
}
.inputcsleft {
	text-align: left !important;
}

.indinputl {
	width:auto;			text-align:left !important;
}
.indinputr {
	width:auto;			text-align:right !important;
}
.indinput2 {
	width: 150px;
	border: 1px solid var(--grey-color);
}
.indinput3, .indinputr {
	width:auto;
	border:1px solid var(--solidred-color) !important;
}
.indinputhi, .indinputhir, .indinputhi5, .indinputhi5r {
	border:2px solid var(--pink-color) !important;
	padding:3px;
}
.indinputhi5, .indinputhi5r {
	border:4px groove var(--pink-color) !important;
	border-radius:7px !important;
}
.indinputr, .indinputhir, .indinputhi5r {
	text-align:right !important;
}
.csopt:hover {
	background-color: var(--csmedblue-color);
}
.highinput {
	border: 1px solid var(--solidred-color) !important;
	background: none var(--ltyellow-color) !important;
}
.spaninput, .spaninput2, .spaninput3,
.spaninputl, .spaninputr, .spaninput2r, .spaninput3r {
	background: none var(--offwhite-shade1);
	border: 1px inset var(--ltgrey-color) !important;
	border-radius:5px;
	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:none var(--plainwhite-color);
	border:1px solid #A4A4A4;
	width:auto;
}
input[type="text"].allinput {
	width:75px;
	text-align:right;
}
select.allinput {
	width:60px;
}
select.allinput2 {
	width:175px;
}
select.comminput {
	width:240px;		max-width:240px;
}
.crinput {
  width:50px;		text-align:right;
  border:1px solid var(--solidred-color) !important;
}
.crinput1 {
  border:1px solid var(--solidred-color);
  width:200px;			height:auto;
  text-align:left;		padding:1px;
}
.crinput2 {
  border: 1px solid var(--grey-color);
  width:auto;			height:auto;
  text-align:left;		padding:1px;
}
input.crinput1, input.crinput2 {
  padding-left:5px;
}
.tabbar {
  border-left: 1px solid #D5D5D5;
  margin-left: 8px;		padding-right: 8px;
}

.cslink {
	cursor:pointer;
	text-decoration:none !important;
	font-size:14px;
	color: var(--csmedblue-color);
}
.cslink:hover {
	/* background-color: var(--csmedblue-color) !important; */
	color: var(--csmedgrey-color) !important;
}


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

/* Table styles */
.regtab {
	padding:0;			margin:0;
	width:auto;			border-collapse:separate;
}
.regtab0 {
	width:98%;
	padding:0;			margin:10px auto;
	border-spacing:0px;
}
.regtab0 > tr > td {	/* apply to first level only */
	vertical-align:top;
}
.indtab {
	padding:0;			margin:0;
}
.indtab0 {
	width:100%;
	padding:0;			margin:0px auto;
}
div.indtab0 > div.tabbar {
	margin:0px !important;
	height:100%;
}
div.indtab0 > div.indtab_cols {
	display:table-cell;			vertical-align:top;
	margin:0 !important;		padding:5px 7px !important;
	float:none !important;	clear:both;
}
div.indtab0 {
	display:block;
}
.indtab > tbody > tr > td {
	vertical-align:top;
}
.indtab td > table {
	width:99%;
}
.indtab td > table td, .indtab0 td > table td {
	padding:5px 7px;
}
.indtab0 td {
	clear:both;			position:relative;
	padding:5px 8px;
}
.indtab0 td:first-child {
	border-left:none transparent;
}
.indtab0 .indtab-row1 {
	color:#FAFAFA !important;
}
.indtab0 .indtab-row1 td {
	border:1px hidden #6388A0;
}
.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 #C1D8E9;
}
.indtab0 .indtab-row22 td {
	vertical-align:bottom !important;
}
.indtab0 td > div:not(.nodisplay) {
	display:block;			clear:both;
	overflow:visible;		position:relative;
}
.indtab0 .coex_all {
	margin-left:0 !important;
}
.indtab0 .alert_icon {
	float:right;		
	margin-left:8px;
	right:0;				
	top:0;
}
.indtab0 .help_icon {
	margin-left:8px;
	right:0;				
	top:0;
}
.indtab0 .icons_col {
	width:25px !important;
	border-left:none !important;
}
.indtab_col1 {}
.indtab_col2 {}
.indtab_col3 {}
.indtab_col3 {}

.tabhead, .tabname, .tabnameg, .tabheadg {
	color:#000000 !important;
	background:none transparent;
	border-collapse:separate;
  height:22px;				font-size:14px;
  text-align:center;	font-weight:500;
}
.tabhead td, .tabnameg td,
.tabname td, .tabheadg td {
	/* background:none #858585;*/
	background: none var(--csltblue-color);
	border-top:1px solid #858585;
  border-right:1px solid #CCCCCC;
	border-bottom:1px solid #858585;
  padding:8px 3px;		text-align:center !important;
}
.tabhead > td:first-child, .tabname > td:first-child,
.tabnameg > td:first-child, .tabheadg > td:first-child {
  border-left: 1px solid #858585;
	border-top-left-radius:7px;
}
.tabhead > td:last-child, .tabname > td:last-child,
.tabnameg > td:last-child, .tabheadg > td:last-child {
  border-right: 1px solid #858585 !important;
	border-top-right-radius:7px;
}
.tabname {
	height:40px;
}
.tabname td, .tabname th {
	font-size:16px;
}
.tabname td {
	text-align:left !important;
	padding-left:20px;			font-weight:500;
}
div.tabname {
	border:1px solid #999999;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	background:none #6388A0;
	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 #A0A0A0 !important;
	/*font-size:16px;*/
}
div.boxed {
	padding:10px 5px 10px 10px;
	width:100%;
}
.tabheadg {
	background:none #A0A0A0 !important;
	font-size:14px;
}
.tabheadg td, .tabheadg th {
	background-color:#A0A0A0;
	/*border-color:#848484 !important;*/
	border-color:#FAFAFA;
	border-radius:0px !important;
	border-left:0px;
}
.coex_all {}
.boxed, .boxedg {
	/*background:none #FFFFFF;*/
	background:none transparent;
	color:#000000;
}
.boxed:first-child > td, .boxedg:first-child > td {
	/*border-top: 1px solid #D8D8D8;*/
}
.boxed > td, .boxedg > td {
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	/*text-align:center;		vertical-align:top;*/
	padding:5px;
	border-radius:0px;
}
.boxed > td:first-child, .boxedg > td:first-child {
  border-left: 1px solid #D8D8D8;
}
.boxedg {
	color:#FFFFFF !important;
}
.boxedg td {
	background:none #A0A0A0 !important;
	border-color:#848484 !important;
}


/* Table Columns */
.ccl, .ccr, .ccc {}				/* regular Table columns, no background-color */
.cgl, .cgr, .cgc {
  background-color: #DDDDDD;		/* grey */
}
.csl, .csr, .csc {
  background-color: var(--skyblue-color);
}
.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;
}
.clsb1, .clsb2 {	/* Last Short-width columns in tables, generally holding Edit/Delete buttons or icons */
	width:auto;			max-width:50px;
}
.clsb2 {
	max-width:100px;
}
.clickable {
	cursor:pointer;
}
/*##################################################*/

/*##################################################*/
/* Row / Grid Setup */
.row {
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
  background-color: var(--csltblue-color);
	height:240px;
}
.row .row {
  margin: 0;
}

.row > * {
  padding: 15px;
  flex: 1;
  border: 1px solid var(--csltblue-color);
}

.one-half {
  width: calc(100% * 1/2);
  flex: none;
}

.two-thirds {
  width: calc(100% * 2/3);
  flex: none;
}
.rowinfo {
	margin-top: auto;
	margin-bottom: auto;
	text-align:center;
	
	margin-right: 10px;
	margin-left: 10px;
	height: 120px;
	background-color: white; 
	font-weight:700; 
	border-radius:5px;	
	font-size: 18px;
}
.cs_tab .col1 {
	width:230px !important;
	padding-left:15px;
}

/*##################################################*/



/** Viewport settings **
 *###################################################*/
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
 
}
/* Large devices (laptops/desktops upto 992px) */
@media only screen and (max-width: 991.98px) {
	#frame {
		width: var(--frame-width-small);
		/*overflow:auto !important;*/
	}
	#frame.login-frame {
		min-width: var(--frame-width-small) !important;
	}
	#loginpane {
		top:-50px;		/*height:300px;*/
	}
	#lpinfo {
		right:25px;		top:10px;
	}
	#lplink2 {
		bottom:30px;
	}
	#lginfo {
		top:26px;		/*left:440px;*/
	}
	#lglink2 {
		bottom:-50px;
	}
	.loginbox .loginitem0 {
		margin-bottom:3px;
	}
	.scrolltab_right {
		/*width: var(--frame-width-small) !important;*/
	}
}
/* 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);
	}
	#loginpane {
		/*height:425px;*/
	}
	#lpinfo {
		top:25px;
	}
	#lplink2 {
		bottom:80px;
	}
	#lginfo {
		top:35px;		/*left:600px;*/
	}
	#lglink2 {
		/*bottom:-85px;*/
	}
	.boxsect {
		/*max-width:1180px;*/
	}
	.scrolltab_container {
		width:980px;		max-width:980px;
	}
	#rateallList .scrolltab_right {
	
	min-width:627px;			max-width:627px;
}
.scrolltab_content {}
}
.page-content{
	min-height: 500px;
}
.graybg {
	background-color: var(--offwhite-shade2) !important;
}

/* 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);
	}
	#lpinfo {}
	#lplink2 {
		bottom:135px;
	}
	#lginfo {
		/*left:675px;*/
	}
	.boxsect {
		/*max-width:1180px;*/
	}
	.scrolltab_container {
		width:1195px;		max-width:1195px;
	}
	.scrolltab_right {
		width:825px;		max-width:825px;
	}
	#empinfo_col1 {
		min-width:550px !important;
	}
	#rateallList .scrolltab_right {
	width:850px !important;
	/*min-width:627px;			max-width:627px;*/
}
	.scrolltab_content {}
}
/* VERY large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1400px) {
	#frame {
		width: var(--frame-width-exlarge);
	}
	#frame.login-frame {
		min-width: var(--frame-width-exlarge);
	}
	.loginbox {
		/*left:875px;*/
	}
	#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;
	}
	#rateallList .scrolltab_right {
	width:1010px !important;
	/*min-width:627px;			max-width:627px;*/
}
}
/*###################################################*/