@media print {
   #headerModuleWrapper {
		display: none;
   }
   .no-print, .no-print * {
      display: none !important;
   }
}

* {
    /*font-size		: 10pt;*/
    font-family		: "Ubuntu", sans-serif;
}

table.formInput tr td:first-child {
	padding-right	: 20pt;
}

.markMandatory {
    position: relative;
}
.markMandatory::after {
    content: '\f314';
    font-family: 'Ionicons';
    color: #f00094;
    margin-left: 5px;
    vertical-align: top;
    font-size: 10px;
    position: absolute;
    right: -15px;
}

.material-symbols-outlined {
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

span.material-symbols-outlined {
	font-size: 20px;
	border-radius: 20px;
	min-width: 20px;
	min-height: 20px;
	margin: 2px 4px;
	padding: 3px;
}
span.material-symbols-outlined.small {
	border-radius: 16px;
	padding: 2px;
	min-width: 16px;
	min-height: 16px;
	margin: 2px 3px;
	font-size: 16px;
}
span.material-symbols-outlined.large {
	border-radius: 30px;
	padding: 4px;
	min-width: 28px;
	min-height: 28px;
	margin: 2px 4px;
	font-size: 28px;
}

svg.emojione {
   height:15px;
   width:15px;
}

.actionicon {
	font-size		: 16px;
	cursor			: pointer;
	padding			: 2px 4px 2px 4px;
}

.actionicon_m {
    font-size		: 20px;
    cursor			: pointer;
    padding			: 2px 4px 2px 4px;
}

.actionicon_l {
	font-size		: 28px;
	cursor			: pointer;
	padding			: 2px 4px 2px 4px;
}

.actionicon_button {
	cursor			: pointer;
	min-width		: 34px;
	padding			: 4px;
	margin			: 0;
	color			: #4A4A4A;
	outline			: none;
	line-height		: 20px;
	vertical-align	: top;
	text-align		: center;
	display			: inline-block;
	font-weight		: normal;
	background		: #EDF0F2;
	border			: 1px solid #e4e4e4;
	-moz-box-shadow	: 0 1px 2px 0 rgba(0,0,0,0.25);
	box-shadow		: 0 1px 2px 0 rgba(0,0,0,0.25);
}

.ui-icon-button {
	background-color     : #eee;
	display				: inline-block;
	border               : solid 3px #fff;
	border-radius        : 100%;
	text-align           : center;
	box-sizing           : border-box;
	-webkit-box-sizing   : border-box;
	transition           : all ease .8s;
	cursor               : pointer;
	width                : 5em;
	height               : 5em;
	color                : #245fa2;
	font-weight          : 500;
}
.ui-icon-button-label {
	font-size            : 0.9em;
	line-height          : 4.1em;
}
.ui-icon-button-icon {
	font-size            : 3.0em;
	line-height          : 1.3em;
	margin-top           : 1px;
	display              : inline-block;
}
.ui-icon-button:hover {
	background-color     : #245fa2!important;
	color                : #fff;
	box-shadow           : 0 0 5px #ddd;
	border               : solid 3px #eee;
}

i.ui-icon-circle	{
	border-radius		: 7pt;
	border				: solid 1px;
	height				: 13pt;
	width				: 14pt;
	display				: inline-block;
	text-align			: center;
	font-size			: 12pt;
}

.ui-dpubItem-wrap {
	position:absolute;
	top:0;right:0;
	vertical-align: top;
}
.ui-dpubItem {
	float:right;
	border-top:10px solid green ;
	border-left: 10px solid transparent;
	
}

.ui-dpubCaptionBkg {
	background-image: url('../navigation/published-icon.svg');
	background-repeat: no-repeat;
	background-position: right 20px top 12px;
}

.ui-product-colormark {
   width:10px;
   height:10px;
   display:inline-block;
   margin: 0px 3px 0px 3px;
}

.ui-ac-col1 {
	width			: 175px;
	min-width		: 175px;
	overflow		: hidden ;
}

.ui-rc-res_ID {
	width			: 35px;
	float			: left;
	text-align		: right;
	padding-left	: 0;
	padding-right	: 6px;
}
.ui-ac {
	width			: 120px;
	min-width		: 120px;
	padding-right	: 0;
	position		: relative;
}

td.ui-dayplan-sumrow {
	background-color	: #E3F7Ef !important;
}

td.ui-dayplan-sumrow div {
	min-width			: 40px;
	padding-left		: 8px;
	padding-right		: 2px;
	height				: 20px;
	padding-top			: 3px;
	margin-top			: 0;
	text-align			: center;
}

.ui-absence-bar {
   cursor         		: pointer ;
   height         		: 3px;
   border-bottom		: solid 1px #f3fbfe;
}

.ui-hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.ui-hide-scrollbar::-webkit-scrollbar {
	display: none;
}

@media only print {
	.ui-only-screen { display: none; }
}
@media only screen {
	.ui-only-print { display: none; }
}
/************ SHELL PAGE STYLING *****************/
@media only print {
	div.ui-shellpage-body {
		position	: unset !important;
		overflow-y	: unset !important;
	}
}

@media only print {
	div.ui-shellpage-header {
		display		:none;
	}
}
@media only screen {
	div.ui-shellpage-printheader {
		display		:none;
	}

	.ui-printheader {
		display		:none;
	}

	body.ui-legacyV5 {
		overflow-y	:hidden;
	}
	div.ui-legacyV5 {
		position	: absolute !important;
		bottom		: 0 !important;
		width		: 100% !important;
		overflow-y	: auto !important;
	}

	.ui-printheader {
		display		:none;
	}
}

/************ CIRCLE BUTTON      *****************/
.ui-circle-button {
	border-radius        : 100%;
	text-align           : center;
	box-sizing           : border-box;
	-webkit-box-sizing   : border-box;
	transition           : all ease .8s;
	cursor               : pointer;
	width                : 4.2em;
	height               : 4.2em;
	font-weight          : 500;
}
.ui-circle-button-light	{
	color                : #245fa2;
	background-color     : #eee;
	border               : solid 3px #fff;
}
.ui-circle-button-dark	{
	color     			: #eee;
	background-color	: #245fa2;
	border             	: solid 3px #EDF0F2;
}
.ui-circle-button-light:hover {
	color                : #fff;
	background-color     : #245fa2!important;
	box-shadow           : 0 0 5px #ddd;
	border               : solid 3px #eee;
}
.ui-circle-button-dark:hover {
	color                : #245fa2;
	background-color     : #eee!important;
	box-shadow           : 0 0 5px #ddd;
	border               : solid 3px #eee;
}
.ui-circle-button-label {
	font-size            : 0.9em;
	line-height          : 4.1em;
}
.ui-circle-button-icon {
	font-size            : 3.0em;
	line-height          : 1.2em;
	margin-top           : 1px;
	display              : inline-block;
}

/************ WEEK PLANNER **********************/
.ui-wp-bar-theme1, .ui-wp-bar-theme2 {
	text-align       	: left;
	border-radius    	: 0px;
	box-sizing       	: border-box;
}
.ui-wp-bar-theme1		{ color: white ; }
.ui-wp-bar-theme2 		{ color: #4a4a4a ; }
	
.ui-wp-bar-other-theme1 { background-color : #b0bfcd !important; } /* equals #7D8B9D" with opacity:0.5 */
.ui-wp-bar-other-theme2 { background-color : #EDEEF1 !important; }

.ui-wp-bar-drag-copy-theme1:after, .ui-wp-bar-drag-copy-theme2:after {
	content				: '+';
	position		    : absolute;
	right				: 4px;
	bottom				: 10px;
	width            	: 6px;
	height           	: 6px;
	font-size        	: 14px;
	z-index          	: 100;
}
.ui-wp-bar-drag-copy-theme1:after { color:white ; }

.ui-wp-bar-drag-copy-set-theme1:after, .ui-wp-bar-drag-copy-set-theme2:after {
	content				: '+';
	z-index          	: 101;	
	position		    : absolute;
	left			    : 3px;
	top			    	: 0px;
	width            	: 16px;
	height           	: 16px;
	font-size        	: 20px;
}
.ui-wp-bar-drag-copy-set-theme1:after { color:white ; }

.ui-wp-indicator-theme1, .ui-wp-indicator-theme2, .ui-wp-indicator-other-theme1, .ui-wp-indicator-other-theme2, .ui-wp-indicator-fx {
	position         	: relative;
	height           	: 3px;
}
.ui-wp-indicator-theme1 div, .ui-wp-indicator-theme2 div, .ui-wp-indicator-other-theme1 div, .ui-wp-indicator-other-theme2 div, .ui-wp-indicator-fx div {
	position         	:absolute;
	height           	: 3px;
}
.ui-wp-bigindicator-fx {
	position         	: relative;
	bottom				: 7px;
}
.ui-wp-bigindicator-fx div {
	position         	: absolute;
	height           	: 3px;
	/*border-radius		: 4px 4px 0px 0px;*/
	min-width			: 0.5em;
}

.ui-wp-indicator-theme1 div 			{ background-color : #1A62B6; }
.ui-wp-indicator-other-theme1 div 		{ background-color : #596A7B; }

.ui-wp-indicator-theme2 div            	{ background-color : #0099FF !important; }
.ui-wp-indicator-other-theme2 div      	{ background-color : #D0D6DD !important; }


.ui-wp-sumcell {
	overflow-x       	: hidden;
	font-size        	: unset;
	color				: #4a4a4a;
	vertical-align   	: middle;
	text-align			: center;
	border           	: solid 2px #E3F7EF !important;
	background-color 	: #E3F7EF !important;
}
.ui-wp-sumcell-holiday-theme1 {
	border           	: solid 2px #FFECBA !important;
	background-color 	: #FFECBA !important;
}
.ui-wp-sumcell-holiday-theme2 { 
    border              : solid 2px #FFF8E4 !important;    
    background-color    : #FFF8E4 !important;
}

.ui-wp-sumcell-budget {
	border           	: solid 2px #bbe1fe !important;
	background-color 	: #bbe1fe !important;
}

.ui-wp-sumcell-fx {
	border           	: solid 2px #cde2ee !important;
	background-color 	: #cde2ee !important;
}

/************ FX / FUNCTIONAL STYLES ***********/

.ui-fx-bar-unassigned				{ background-color: #f4f5f7 !important;  }

.ui-fx-bar-error-unassigned			{ background-color: black !important; border: solid 1px #9AA0AF; color : white;	}
.ui-fx-bar-error 					{ background-color: black !important; border: solid 1px #D0D6DD; color : white;	}
.ui-fx-legend-error 				{ background-color: black !important; color : white;	}
.ui-fx-indicator-error 				{ background-color: black !important; color : white;	}

.ui-fx-bar-gray-unassigned			{ background-color: #d8e1eb !important; border: solid 1px #9AA0AF;	}
.ui-fx-bar-gray 					{ background-color: #D0D6DD !important; border: solid 1px #D0D6DD;	}
.ui-fx-legend-gray 					{ background-color: #D0D6DD !important; 	}
.ui-fx-indicator-gray 				{ background-color: #9AA0AF !important;	}

.ui-fx-bar-grayblue-unassigned		{ background-color: #d5e7f2 !important; border: solid 1px #81afce;	}
.ui-fx-bar-grayblue					{ background-color: #c1dbea !important; border: solid 1px #c1dbea;	}
.ui-fx-legend-grayblue				{ background-color: #c1dbea !important; 	}
.ui-fx-indicator-grayblue			{ background-color: #81afce !important; color:	#d5e7f2;	}


.ui-fx-bar-lightblue-unassigned		{ background-color: #d1ebfe !important; border: solid 1px #60B9FE;	}
.ui-fx-bar-lightblue 				{ background-color: #BBE1FE !important; border: solid 1px #BBE1FE;	}
.ui-fx-legend-lightblue 			{ background-color: #BBE1FE !important; 	}
.ui-fx-indicator-lightblue			{ background-color: #60B9FE !important; color: #d1ebfe;	}

.ui-fx-bar-turquoise-unassigned  	{ background-color: #c1f2f5 !important; border: solid 1px #34DCD2; 	}
.ui-fx-bar-turquoise  				{ background-color: #9FF2EB !important; border: solid 1px #9FF2EB; 	}
.ui-fx-legend-turquoise  			{ background-color: #9FF2EB !important; 	}
.ui-fx-indicator-turquoise 			{ background-color: #34DCD2 !important; 	}

.ui-fx-bar-lightgreen-unassigned	{ background-color: #d2f0e7 !important; border: solid 1px #56cfa3;	}
.ui-fx-bar-lightgreen				{ background-color: #bcead7 !important; border: solid 1px #bcead7;	}
.ui-fx-legend-lightgreen			{ background-color: #bcead7 !important;	}
.ui-fx-indicator-lightgreen			{ background-color: #56cfa3 !important; 	}

.ui-fx-bar-violet-unassigned 		{ background-color: #ded5f5 !important; border: solid 1px #AD71DC;	}
.ui-fx-bar-violet 					{ background-color: #dbc1ef !important; border: solid 1px #dbc1ef;	}
.ui-fx-legend-violet 				{ background-color: #dbc1ef !important;	}
.ui-fx-indicator-violet				{ background-color: #AD71DC !important; color:	#ded5f5; }

.ui-fx-bar-pink-unassigned 			{ background-color: #fdcee6 !important; border: solid 1px #Fe52ab;	}
.ui-fx-bar-pink 					{ background-color: #FCB9Db !important; border: solid 1px #FCB9Db;	}
.ui-fx-legend-pink 					{ background-color: #FCB9Db !important;	}
.ui-fx-indicator-pink 				{ background-color: #Fe52ab !important; 	}

.ui-fx-bar-red-unassigned 			{ background-color: #ffdfe4 !important; border: solid 1px #F17C82; 	}
.ui-fx-bar-red 						{ background-color: #FFD2D9 !important; border: solid 1px #FFD2D9;	}
.ui-fx-legend-red 					{ background-color: #FFD2D9 !important;	}
.ui-fx-indicator-red 				{ background-color: #F17C82 !important; 	}

.ui-fx-bar-orange-unassigned 		{ background-color: #fff2cf !important; border: solid 1px #FFD761;	}
.ui-fx-bar-orange 					{ background-color: #FFECBA !important; border: solid 1px #FFECBA;	}
.ui-fx-legend-orange 				{ background-color: #FFECBA !important;	}
.ui-fx-indicator-orange				{ background-color: #FFD761 !important; 	}

.ui-fx-bar-yellow-unassigned 		{ background-color: #fffecc !important; border: solid 1px #FFE600;	}
.ui-fx-bar-yellow 					{ background-color: #FFFDAA !important; border: solid 1px #FFFDAA;	}
.ui-fx-legend-yellow 				{ background-color: #FFFDAA !important;	}
.ui-fx-indicator-yellow				{ background-color: #FFE600 !important; 	}

/************ ACTUAL HOUR BARS *****************/

/** ACTUAL **/
.ui-hour-bar-frame-actual {
	position				: absolute;
   	font-size   			: 14px;
	white-space				: nowrap;
	margin-top				: 0;
	border					: solid 1px transparent;
	height					: 22px;
}

.ui-hour-bar-actual {
	position				: absolute;
	font-size   			: 14px;
	margin					: 1px 0 1px 0;
	white-space				: nowrap;
	overflow				: hidden;
	/*border-radius			: 5px 5px 5px 5px;*/
	height					: 22px;
}

.ui-hour-bar-work-actual-theme1 	{ background-color: #079E74 ;	border-left: solid 1px #00855F ; color: white ; }
.ui-hour-bar-work-actual-theme2 	{ background-color: #8EDCBD ;	border-left: solid 1px #56CFA3 ; }
.ui-hour-bar-illness-actual-theme1 	{ background-color: #F60085 ;	border-left: solid 1px #E53A43 ; color: white ; }
.ui-hour-bar-illness-actual-theme2 	{ background-color: #F7A1A5 ;	border-left: solid 1px #F60085 ; }
.ui-hour-bar-vacation-actual-theme1 { background-color: #FFD600 ; 	border-left: solid 1px #FFC42F ; color: white ; }
.ui-hour-bar-vacation-actual-theme2 { background-color: #FDFBBF ;  border-left: solid 1px #FFC42F ; }
.ui-hour-bar-absence-actual-theme1 	{ background-color: #9C54D3 ;	border-left: solid 1px #7D37C3 ; color: white ; }
.ui-hour-bar-absence-actual-theme2 	{ background-color: #C599E6 ;	border-left: solid 1px #AD71DC ; }

.ui-hour-bar-time-actual {
	position		   		: absolute;
	top						: 2px;
	padding					: 1px 1px 0 1px;
}

.ui-hour-bar-time-normal-left-actual {
	/*border-radius			: 9px 9px 9px 9px;*/
	border					: 0px;
	/*height					: 18px;*/
	width			   		: 40px;
	text-align				: center;
   z-index        			: 1 ;
}

.ui-hour-bar-time-normal-right-actual {
	/*border-radius			: 9px 9px 9px 9px;*/
	border					: 0px;
	/*height					: 18px;*/
	width			   		: 40px;
	text-align				: center;
   	z-index        			: 1 ;
}

.ui-hour-bar-time-mini-left-actual {
	font-size				: 8px;
	margin-top				: -2px;
	border					: 0px;
	/*height					: 18px;*/
	width			   		: 30px;
	text-align				: left;
   z-index        			: 1 ;
}

.ui-hour-bar-time-mini-right-actual {
	font-size				: 8px;
	margin-top				: 7px;
	border					: 0px;
	/*height					: 18px;*/
	width			   		: 30px;
	text-align				: right;
   z-index        			: 1 ;
}

.ui-hour-bar-break-actual {
	position		   		: absolute;
	background-color		: black ;
	opacity					: 0.4;
	height					: 20px;
	top						: 1px;
	border-radius			: 0;
   	z-index        			: 1 ;
}

.ui-hour-bar-shortname-actual {
   position		      : absolute;
   top				   : 3px ;
   /*color             : white;*/
   text-align        : center;
}

/** LARGE ACTUAL SUBS **/
.ui-hour-bar-frame-largeactualsubs {
	position		: absolute;
   font-size   :14px;
	white-space		: nowrap;
	margin-top		: 0;
	/*overflow		: hidden;*/
	/*border-radius	: 5px 5px 5px 5px;*/
	border			: solid 1px transparent;
	height			: 22px;
   opacity        : 0.75;
}

.ui-hour-bar-largeactualsubs {
	position		: absolute;
	margin			: 1px 0 1px 0;
	/* top				: 0; */
	white-space		: nowrap;
	overflow		: hidden;
	border-radius	: 5px 5px 5px 5px;
	/*border			: solid 1px #3C86DE;*/
	height			: 22px;
}

.ui-hour-bar-work-largeactualsubs {
	background-color  : #4EB758  ;
	color			      : white ;
}

.ui-hour-bar-illness-largeactualsubs {
	background-color  : #F76D6D ;
	color			      : white ;
}

.ui-hour-bar-vacation-largeactualsubs {
   background-color  : #FFD600  ;
	color			      : white ;
/*   background-color: #e6d60e ;*/
}
.ui-hour-bar-absence-largeactualsubs {
	background-color  : #c467aa ;
	color			      : white ;
}

.ui-hour-bar-time-largeactualsubs {
	position		   : absolute;
   color          : white;
	top				: 2px;
	padding			: 1px 1px 0 1px;
	/*border:solid 1px white;*/
}

.ui-hour-bar-time-normal-left-largeactualsubs {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			   : 40px;
	text-align		: center;
}

.ui-hour-bar-time-normal-right-largeactualsubs {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			   : 40px;
	text-align		: center;
}

.ui-hour-bar-time-mini-left-largeactualsubs {
	font-size		: 8px;
	margin-top		: -2px;
	height			: 18px;
	width			   : 30px;
	text-align		: left;
}

.ui-hour-bar-time-mini-right-largeactualsubs {
	font-size		: 8px;
	margin-top		: 7px;
	height			: 18px;
	width			   : 30px;
	text-align		: right;
}

.ui-hour-bar-break-largeactualsubs {
	position		   : absolute;
	background-color: black ;
	opacity			: 0.4;
	height			: 20px;
	top				: 1px;
	border-radius	: 0;
}

.ui-hour-bar-shortname-largeactualsubs {
   position		      : absolute;
   top				   : 3px ;
   color             : white;
   text-align        : center;
}

/** ACTUAL SUBACTIVITIES**/
.ui-hour-bar-frame-actualsubs {
	position		: absolute;
    font-size   :11px;

	white-space		: nowrap;
	margin-top		: 0;
	/*overflow		: hidden;*/
	/*border-radius	: 5px 5px 5px 5px;*/
	border			: solid 1px transparent;
	height			: 7px;
    opacity        : 0.5;
}

.ui-hour-bar-actualsubs {
	position		: absolute;
	margin			: 1px 0 1px 0;
	/* top				: 0; */
	white-space		: nowrap;
	overflow		: hidden;
	border-radius	: 5px 5px 5px 5px;
	/*border			: solid 1px #3C86DE;*/
	height			: 7px;
}

.ui-hour-bar-work-actualsubs-more {
    background-color : #7ade84;
    padding          : 0px 7px 0px 7px;
    color            : white;
    font-size        : 14px;
}

.ui-hour-bar-work-actualsubs {
	background-color  : #abf1b2  ;
	color			      : white ;
}

.ui-hour-bar-illness-actualsubs {
	background-color  : #F76D6D ;
	color			      : white ;
}

.ui-hour-bar-vacation-actualsubs {
   background-color  : #FFD600  ;
	color			      : white ;
/*   background-color: #e6d60e ;*/
}
.ui-hour-bar-absence-actualsubs {
	background-color  : #c467aa ;
	color			      : white ;
}

.ui-hour-bar-time-actualsubs {
	position		   : absolute;
   color          : white;
	top				: 0px;
	padding			: 1px 1px 0 0px;
	/*border:solid 1px white;*/
}

.ui-hour-bar-time-normal-left-actualsubs {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			   : 40px;
	text-align		: center;
}

.ui-hour-bar-time-normal-right-actualsubs {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			   : 40px;
	text-align		: center;
}

.ui-hour-bar-time-mini-left-actualsubs {
	font-size		: 8px;
	margin-top		: -2px;
	height			: 18px;
	width			   : 30px;
	text-align		: left;
}

.ui-hour-bar-time-mini-right-actualsubs {
	font-size		: 8px;
	margin-top		: 7px;
	height			: 18px;
	width			   : 30px;
	text-align		: right;
}

.ui-hour-bar-break-actualsubs {
	position		   : absolute;
	background-color: black ;
	opacity			: 0.3;
	height			: 12px;
	top				: 1px;
	border-radius	: 0;
}

.ui-hour-bar-shortname-actualsubs {
   position		      : absolute;
   top				   : 1px ;
   color             : white;
   text-align        : center;
}

/** PLAN **/
.ui-hour-bar-frame-plan {
	position		: absolute;
   font-size   :14px;
	/* top				: 23px; this is topOffset */
	white-space		: nowrap;
	/*overflow		: hidden;*/
	/*border-radius	: 5px 5px 5px 5px;*/
	border			: solid 1px transparent;
	height			: 22px;
}

.ui-hour-bar-plan {
	position		: absolute;
	margin			: 1px 0 1px 0;
	font-size   	: 14px;
	/* top				: 23px; this is topOffset */
	white-space		: nowrap;
	overflow		: hidden;
	/*border-radius	: 5px 5px 5px 5px;*/
	/*border			: solid 1px #5B78D8; *//*transparent*/
	height			: 20px;
}

/* Theme 1 - Color shift types */
.ui-hour-bar-work-plan-theme1 		{ background-color: #5499ff; } /*#007FFf ;*/
.ui-hour-bar-illness-plan-theme1 	{ background-color: #F60085 ; }
.ui-hour-bar-vacation-plan-theme1 	{ background-color: #FFD600 ; }
.ui-hour-bar-absence-plan-theme1 	{ background-color: #b176dc; } /* #9C54D3 ;*/
.ui-hour-bar-info-plan-theme1 		{ background-color: #ffa774 ; }

/* Theme 2 - Color shift types */
.ui-hour-bar-work-plan-theme2       { background-color : #8FCEFF; }
.ui-hour-bar-illness-plan-theme2    { background-color : #F7A1A5 ; }
.ui-hour-bar-vacation-plan-theme2   { background-color : #FDFBBF; } /* FFFDAA ; */
.ui-hour-bar-absence-plan-theme2    { background-color : #DBC1EF; }
.ui-hour-bar-info-plan-theme2       { background-color : #FEE3F1 ; }


.ui-hour-bar-time-plan 		{
	position		: absolute;
	/*color			: white ;*/
	top				: 2px;
	padding			: 1px 1px 0 1px;
   	opacity     	: 1.0 !important;   
	/*border:solid 1px white;*/
}

.ui-hour-bar-time-normal-left-plan {
	border-radius	: 9px 9px 9px 9px;
	/*height			: 18px;*/
	width			: 40px;
	text-align		: center;
}

.ui-hour-bar-time-normal-right-plan {
	border-radius	: 9px 9px 9px 9px;
	/*height			: 18px;*/
	width			: 40px;
	text-align		: center;
}

.ui-hour-bar-time-mini-left-plan {
	font-size		: 8px;
	margin-top		: -2px;
	/*height			: 18px;*/
	width			: 40px;
	text-align		: left;
}

.ui-hour-bar-time-mini-right-plan {
	font-size		: 8px;
	margin-top		: 7px;
	/*height			: 18px;*/
	width			: 40px;
	text-align		: right;
}

.ui-hour-bar-break-plan {
	position		: absolute;
	top				: 1px ;
	background-color: black ;
	opacity			: 0.3;
	height			: 20px;
	border-radius	: 0;
}

.ui-hour-bar-shortname-plan {
   position		     : absolute;
   top				 : 3px ;
   /*color             : white ;*/
   text-align        : center;
}

/** BASEPLAN **/
.ui-hour-bar-frame-baseplan {
	position		: absolute;
   font-size   :14px;   
	top				: 23px; /* this is topOffset */
	white-space		: nowrap;
	/*overflow		: hidden;*/
	border-radius	: 5px 5px 5px 5px;
	border			: solid 1px transparent;
	height			: 22px;
}

.ui-hour-bar-baseplan {
	position		: absolute;
	margin			: 1px 0 1px 0;
	top				: 23px; /* this is topOffset */
	white-space		: nowrap;
	overflow		: hidden;
	border-radius	: 5px 5px 5px 5px;
	border			: dashed 1px #7f7f7f;
	height			: 20px;
	background		: #F5F5F5;
}

.ui-hour-bar-time-baseplan {
	position		: absolute;
	color			: #7f7f7f ;
	top				: 2px;
	padding			: 1px 1px 0 1px;
	/*border:solid 1px white;*/
}

.ui-hour-bar-time-normal-left-baseplan {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			   : 40px;
	text-align		: center;
}

.ui-hour-bar-time-normal-right-baseplan {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			: 40px;
	text-align		: center;
}

.ui-hour-bar-time-mini-left-baseplan {
	font-size		: 8px;
	margin-top		: -2px;
	height			: 18px;
	width			: 40px;
	text-align		: left;
}

.ui-hour-bar-time-mini-right-baseplan {
	font-size		: 8px;
	margin-top		: 7px;
	height			: 18px;
	width			: 40px;
	text-align		: right;
}

.ui-hour-bar-break-baseplan {
	position		: absolute;
	top				: 1px ;
	background-color: black ;
	opacity			: 0.3;
	height			: 20px;
	border-radius	: 0;
}

.ui-hour-bar-shortname-baseplan {
   position		     : absolute;
   top				 : 3px ;
   color             : #7f7f7f ;
   text-align        : center;
}

/** GENERIC **/
.ui-dv-bar-theme1 { color: white }

.ui-hour-bar-selected {
	border			: solid 1px #E53A43 ;
}

.ui-hour-bar-moving {
	border			: dotted 1px black ;
}

.ui-hour-bar-droppable {
	background		: repeating-linear-gradient(
		to right,
		/*45deg,*/
		#F5F5F5,
		#F5F5F5 10px,
		#B2C3E8 10px,
		#B2C3E8 20px
	);	
}

/************ STACKED HOUR BARS *****************/
.ui-stacked-hour-bar-frame-actual {
	position		: absolute;
	white-space		: nowrap;
	margin-top		: 4px;
	/*overflow		: hidden;*/
	border-radius	: 10px 10px 10px 10px;
	border			: solid 1px transparent;
	height			: 22px;
}

.ui-stacked-hour-bar-actual {
	position		: absolute;
	margin			: 5px 0 1px 0;
	white-space		: nowrap;
	overflow		: hidden;
	border-radius	: 10px 10px 10px 10px;
	border			: solid 1px #3C86DE;
	height			: 20px;
	background-color: #64AE55;
}

.ui-stacked-hour-bar-work-actual {
	background-color: #64AE55 ;
}

.ui-stacked-hour-bar-illness-actual {
	background-color: #D34238 ;
}

.ui-stacked-hour-bar-absence-actual {
	background-color: #BD00F4 ;
}

.ui-stacked-hour-bar-time-actual {
	position		: absolute;
	top				: 2px;
	color			: white ;
	background-color: black;/*#5E8E54;*//*#3C86DE ;*/
	/*opacity			: 0.85;*/
	padding			: 1px 1px 0 1px;
	/*border:solid 1px white;*/
}

.ui-stacked-hour-bar-time-normal-left-actual {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			: 40px;
	text-align		: center;
}

.ui-stacked-hour-bar-time-normal-right-actual {
	border-radius	: 9px 9px 9px 9px;
	height			: 18px;
	width			: 40px;
	text-align		: center;
}

.ui-stacked-hour-bar-time-mini-left-actual {
	font-size		: 8px;
	margin-top		: -2px;
	height			: 11px;
	width			: 30px;
	border-radius	: 7px 7px 7px 7px;
	text-align		: left;
}

.ui-stacked-hour-bar-time-mini-right-actual {
	font-size		: 8px;
	margin-top		: 8px;
	height			: 11px;
	width			: 30px;
	border-radius	: 7px 7px 7px 7px;
	text-align		: right;
}

.ui-stacked-hour-bar-break-actual {
	position		: absolute;
	background-color: black ;
	opacity			: 0.5;
	height			: 20px;
	top				: 1px;
	border-radius	: 0;
}

.ui-stacked-hour-bar-plan {
	position		: absolute;
	margin			: 1px 0 1px 0;
	white-space		: nowrap;
	overflow		: hidden;
	border-radius	: 10px 10px 10px 10px;
	border			: dashed 1px gray;
	height			: 28px;
	background		: #B2C3E8;/*#F3F3F3;*/
}

.ui-stacked-hour-bar-time-plan {
	position		: absolute;
	border-radius	: 9px 9px 9px 9px;
	color			: black ;
	font-size		: 6pt;
	padding-left	: 2px;
	padding-right	: 2px;
	top				: 30px;
}

.ui-stacked-hour-bar-time-normal-left-plan {
	top				: 30px;
}

.ui-stacked-hour-bar-time-normal-right-plan {
	top				: 30px;
}

.ui-stacked-hour-bar-time-mini-left-plan {
	top				: 30px;
}

.ui-stacked-hour-bar-time-mini-right-plan {
	top				: 40px;
}

.ui-stacked-hour-bar-break-plan {
	position		: absolute;
	background-color: lightgray ;
	opacity			: 0.5;
	height			: 28px;
	top				: 1px;
	border-radius	: 0;
}

.ui-stacked-hour-bar-frame-plan {
	position		: absolute;
	white-space		: nowrap;
	/*overflow		: hidden;*/
	border-radius	: 10px 10px 10px 10px;
	border			: solid 1px transparent;
	height			: 28px;
}

.ui-stacked-hour-bar-selected {
	border			: solid 1px red ;
}

.ui-stacked-hour-bar-moving {
	border			: dotted 1px black ;
}

.ui-tg-dlgFrame		{ background-color:white; border:solid 1px black; padding:2pt; position:absolute; z-index:201;	}
.ui-tg-dlgActions	{ padding-top:4pt; padding-bottom:4pt; text-align:center; }
.ui-tg-tipBox		{

	position		: absolute ;
	background-color: White;
	font-size		: 10pt;
	padding			: 10px 20px 10px 20px;
    /*
	box-shadow		: 5px 5px 100px #888, 5px 5px 5px #888;
	border			: solid 0 #888;	
	border			: solid 1px black;
	*/
	z-index         : 9 ;
    border          : 1px solid #e4e4e4;
    -moz-box-shadow : 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow      : 0 1px 2px 0 rgba(0,0,0,0.25);

	/*-moz-box-shadow: -5px -5px 5px #888;*/
	/*-webkit-box-shadow: -5px -5px 5px #888;*/
	/*box-shadow			: 0 0 5px 1px rgba(1,22,51,1.0) inset;*/
	/*box-shadow			: 0 0 5px 1px rgba(1,22,51,1.0) inset;*/
	/*border-radius		: 5px; */

}

.ui-hour-bar-selected-tipbox {
    min-width: 150px ;
    background-color: #ffffff;
    -moz-box-shadow : 0 1px 2px 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}
.ui-hour-bar-selected-tipbox div {
    font-family: "Ubuntu";
    font-weight: 500;
    font-style: normal;
    font-size: 11px;
    color: #4a4a4a;
}

.ui-hour-bar-selected-tipbox:before {
	content			: '';
	position		: absolute;
	border-right	: solid 7px white;
	border-top		: solid 10px transparent;
	border-radius	: 0 0 0 0;
	left			: 10px;
	top				: -10px;
	z-index			: 2;
}

.ui-hour-bar-selected-tipbox:after {
	content			: '';
	position		: absolute;
	left			: 17px;
	top				: -10px;
	border-left		: solid 7px white;
	border-top		: solid 10px transparent;
	z-index			: 2;
}

.ui-hour-bar-legend {
    /*background-color: #EDF0F2;*/
    text-align: center;
}
.ui-hour-bar-legend div {
    padding: 5px 30px;
}
.ui-hour-bar-details {
    padding: 5px 20px ;
}

.ui-booking-tipbox {
    min-width: 150px ;
    background-color: #ffffff;
    -moz-box-shadow : 0 1px 2px 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}
.ui-booking-tipbox div {
    font-family: "Ubuntu";
    font-weight: 500;
    font-style: normal;
    font-size: 11px;
    color: #4a4a4a;
}

.ui-booking-tipbox:before {
	content			: '';
	position		   : absolute;
	border-right	: solid 7px white;
	border-bottom	: solid 10px transparent;
	border-radius	: 0 0 0 0;
	left			   : 90px;
	bottom			: -10px;
	z-index			: 2;
}

.ui-booking-tipbox:after {
	content			: '';
	position		   : absolute;
	left			   : 97px;
	bottom		   : -10px;
	border-left		: solid 7px white;
	border-bottom	: solid 10px transparent;
	z-index			: 2;
}

.ui-list-tipcontent	{
	position: relative;
	display: none;
}

tr.ui-list-single-selected td {
	background-color: #ffecba !important;
}

.hcell {
   vertical-align		: top;
   padding-top       : 2px;
   border-right      : solid 1px transparent;
}

div.ui-shadow, tr.ui-shadow td {
	-moz-box-shadow		: inset 0 -1px 0 0 #DCE1E6;
	box-shadow			: inset 0 -1px 0 0 #DCE1E6;
}

.dspPlan { margin: 6px 0px 6px 0px; }

.dspPlanHeader 		{
	-moz-box-shadow		: inset 0 -1px 0 0 #DCE1E6;
	box-shadow			: inset 0 -1px 0 0 #DCE1E6;
	padding-bottom		: 10px;
	margin				: 10px 15px 10px 15px;
}

.dspPlanHeaderDow	{
	font-size			: 12px;
	font-weight			: 500;
	color				: #4A4A4A;
}

.ui-header-small  {
   font-size			: 10px;
   font-weight			: 800;
   color				: #4A4A4A;
}
.ui-sum_column          {
   padding-right  : 5px;
   padding-left   : 15px;
   min-width      : 50px;
   white-space    : nowrap;
   text-align     : right;
}

.dspPlanHeaderLabel	{
	font-family			: "Ubuntu Condensed";
	font-size			: 12px;
	font-weight			: normal;
	color				   : #4A4A4A;
}

.dspPlanHeaderDate	{
	font-family			: "Ubuntu Condensed";
	font-size			: 22px;
	text-align			: center;
	font-weight			: 400;
	height				: 25px;
	color				: #4A4A4A;
}

.dspPlanHeaderSmallDate	{
	font-family			: "Ubuntu Condensed";
	font-size			: 14px;
	text-align			: center;
	font-weight			: 400;
	height				: 25px;
	color				: #4A4A4A;
}

.dspPlanReddayHeader{
	font-family         : "Ubuntu Condensed";
	font-size           : 9px;
	color				: #f00094;
	padding-top			: 5px;
	padding-bottom		: 5px;
	text-transform      : uppercase;
}

.dspPlanResource	{
	height				: 37px;
	padding				: 6px 0 0 10px;
}

.dspPlanTime		{
	font-size			: 13px;
	color				: #31466b;
	font-style			: normal;
	font-weight			: 400;
	margin-top			: 1px;
}

.dspPlanActivity	{
	font-size			: 10px;
	color				: #31466b;
	font-style			: normal;
	font-weight			: 700;
	text-transform		: uppercase;
	margin-top			: 0;
}

.dspPlanBreakLabel  {
	font-size			: 8px;
	font-weight			: 700;
}

.dspPlanBreak		{
	font-size			: 11px;
	color				: #31466b;
	font-style			: normal;
	font-weight			: 400;
	margin-top			: 3px;
}

.dspPlanDesc		{
	font-size			: 11px;
	color				: #9B9B9B;
	font-style			: normal;
	font-weight			: 300;
	margin				: 3px 5px 5px 5px;
}
.dspPlanSeparator 	{
	color				: #9B9B9B;
	font-style			: normal;
	font-weight			: 400;
	-moz-box-shadow		: inset 0 1px 0 0 #DCE1E6;
	box-shadow			: inset 0 1px 0 0 #DCE1E6;
	padding-top			: 5px;
	margin				: 5px 20px 1px 20px;
}

.dspPlanPrjIDOther	{
	font-size			: 10px;
	color				: #9B9B9B;
	font-style			: normal;
	font-weight			: 700;
	margin-top			: 3px;
	margin-bottom		: 1px;
}

.dspPlanTimeOther		{
	font-size			: 13px;
	color				: #9B9B9B;
	font-style			: normal;
	font-weight			: 400;
	margin-top			: 1px;
}

.dspPlanActivityOther	{
	font-size			: 10px;
	color				: #9B9B9B;
	font-style			: normal;
	font-weight			: 700;
	text-transform		: uppercase;
	margin-top			: 2px;
}

.dspPlanBreakOther		{
	font-size			: 11px;
	color				: #9B9B9B;
	font-style			: normal;
	font-weight			: 500;
	margin-top			: 2px;
}

.dspPlanErrorBox		{
	background-color	: white;
	-moz-box-shadow		: inset 0 -1px 0 0 #DCE1E6;
	box-shadow			: inset 0 -1px 0 0 #DCE1E6;
	margin				: 6px;
	padding				: 2px;
}

.modalLayer	{
	position			: absolute ;
	left				: 0 ;
	top					: 0 ;
	bottom				: 0 ;
	right				: 0 ;
	width				: 100% ;
	opacity				: 0.4 ;
	background-color	: black ;
}

.modalLightLayer	{
	position			: absolute ;
	left				: 0 ;
	top					: 0 ;
	bottom				: 0 ;
	right				: 0 ;
	width				: 100% ;
	opacity				: 0.15 ;
	background-color	: black ;
}

.modelessLayer	{
	position			: absolute ;
	left				: 0 ;
	top					: 0 ;
	bottom				: 0 ;
	right				: 0 ;
	width				: 100% ;
}

.systemModalLayer	{
	position			: absolute ;
	left				: 0 ;
	top					: 0 ;
	bottom				: 0 ;
	right				: 0 ;
	width				: 100% ;
	opacity				: 0.5 ;
	background-color	: #eeeeee ;
}

.localModalLayer	{
    z-index: 2 !important;
    width: 100%;
    opacity: 0.20;
    background-color: black;
    cursor: wait;
    position: absolute;
    top: 34px;
    left: 0;
    height: 48px;
}

.radiobutton {
	float	: left;
}
.radiolabel	{
	float	: left;
	padding	: 2px 0 0 2px;
}

.notselectable {
	-webkit-touch-callout  : none;
	-webkit-user-select    : none;
	-khtml-user-select     : none;
	-moz-user-select       : none;
	-ms-user-select        : none;
	user-select            : none;
}

body
{
	font-size		: 10pt;
    font-family		: "Ubuntu", sans-serif;
	font-style		: normal;
	font-weight		: normal;
    background-color: white;
    margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	border-style	: none;
	overflow-x      : visible !important;
}
body.ui-body-frame {
    background-color: #fafafa;
}

.Ubuntu-light {
	font-family		: 'Ubuntu' !important;
	font-style		: normal;
	font-weight		: 300;
}

.Ubuntu-normal {
	font-family		: 'Ubuntu' !important;
	font-style		: normal;
	font-weight		: 400;
}

.Ubuntu-medium {
	font-family		: 'Ubuntu' !important;
	font-style		: normal;
	font-weight		: 500;
}

.Ubuntu-bold {
	font-family		: 'Ubuntu' !important;
	font-style		: normal;
	font-weight		: 700;
}

INPUT:not([type=button]):not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]),
SELECT {
	font-family		: 'Ubuntu' !important;
	font-size		: 16px;
	font-style		: normal;
	font-weight		: 400;
	padding-left	: 10px;
	height			: 30px;
}
TEXTAREA {
	font-family		: 'Ubuntu' !important;
	font-size		: 16px;
	font-style		: normal;
	font-weight		: 300;
	padding-left	: 10px;
}

input[type=submit],
input[type=button] {
	font-family		 	: 'Ubuntu' !important;
	font-size		 	: 16px;
	font-style		 	: normal;
	font-weight		 	: 400;
	padding			 	: 0 10px 0 10px;
	height			 	: 30px;
	min-width			: 70px;
	border-radius	 	: 3px;
	border			 	: solid 1px #D0D4D9;
	background-color 	: #EDF0F2;
	color			 	: #4A4A4A;
}

input[type=submit]:hover:enabled,
input[type=button]:hover:enabled {
	background-color 	: #DADEE3 ;
}

input[type=submit]:active:enabled,
input[type=button]:active:enabled {
	background-color 	: #D0D4D9 ;
}

input[type=submit]:focus:enabled,
input[type=button]:focus:enabled {
	outline				: none;
}

input[type=submit]:disabled,
input[type=button]:disabled {
	opacity: 0.5;
	cursor: default;
}

INPUT.primary[type=submit],
INPUT.primary[type=button] {
	border              : 1px solid #31466b;
	background-color    : #5b6b8c;
	color			 	: white;
}
INPUT.primary[type=submit]:hover:enabled,
INPUT.primary[type=button]:hover:enabled {
	background-color 	: #67788c;
}
INPUT.primary[type=submit]:active:enabled,
INPUT.primary[type=button]:active:enabled {
	background-color 	: #5b6b8c;
}

div.primary {
	border			 	: solid 1px #1E4C82;
	background-color 	: #31466b;
	color			 	: white;
}
div.primary:hover {
	background-color 	: #235796 !important;
	color			 	   : white !important;
}

INPUT[type=radio],
INPUT[type=checkbox] {
	font-family		 	: 'Ubuntu' !important;
	font-size		 	: 16px;
	font-style		 	: normal;
	font-weight		 	: 400;
	padding-left	   : 10px;
	color				   : #4A4A4A;
}

INPUT[type=radio]:active,
INPUT[type=checkbox]:active {
	font-family		 	: 'Ubuntu' !important;
	font-size		 	: 16px;
	font-style		 	: normal;
	font-weight		 	: 400;
	color				   : #31466b;
}


SELECT {
	z-index			: -999;
}

TEXTAREA {
	z-index			: -0;
}


H1  {	font-size:28px;	margin-bottom:4px;	margin-top:0; color: #4a4a4a; font-family: "Ubuntu"; font-weight: normal; }
H2  {	font-size:22px;	margin-bottom:0;	margin-top:0; color: #4a4a4a; font-family: "Ubuntu"; font-weight: normal; }
H3  {	font-size:16px;	margin-bottom:4px;	margin-top:0; color: #4a4a4a; font-family: "Ubuntu"; font-style: normal; font-weight: 300; }

P   {	font-size: 12pt;	margin-bottom:4pt;	margin-top:0; }
A 	{
	color			: #1A62B6; /* 5b6b8c; */
	text-decoration	: none;
}

A:hover, A:hover:enabled {
	color			: #00877F; /* 235796; */
	text-decoration	: underline;
}
A:disabled {
	opacity			: 0.5;
	cursor			: default;
}

IMG {	border:0; 	}
form
{
	padding-top		:0;
	padding-bottom	:0;
	margin-top		:0;
	margin-bottom	:0
}

.novertmarg
{
    margin-top      :0;
    margin-bottom   :0;
}

optgroup    { font-style:normal; }

.sectiontitle {
	font-family		: 'Ubuntu' !important;
	font-size		: 16px;
	font-style		: normal;
	font-weight		: 500;
	height			: 30px;
	padding-top		: 20px;
	padding-bottom	: 0;
}

.titleseparator     {	font-size:9pt;  }
.numbermismatch     {	color:Red;	font-weight:bold ;  }

.dlgCaption
{
    /* font-size:9pt; */
    padding-left    :4pt;
    padding-right   :4pt;
    padding-top     :2pt;
    padding-bottom  :2pt;
    font-weight     :bold;
}

.dlgCaption.large
{
	font-size		:12px;
}

.dlgContent
{
    /* font-size:9pt; */
    padding-left    :9pt;
    padding-bottom  :2pt;
}

.dlgLineSpace
{
    padding-top     : 4pt;
    vertical-align  : bottom;
    white-space     : nowrap;
}


.smallinputnumber
{
	text-align		: right;
}

.datectrl
{
	font-size		: 8pt ;
	font-weight		: normal ;
}

.smalltext
{
    font-size       : 8pt;
}


table.frame
{
	padding			: 0;
	margin			: 0;
	border-style	: none;
}

.tightlist
{
    margin          : 0 ;
    padding         : 0 0 0 20pt ;
}

table.popup
{
	color			: White;
	/*background-color: Gray;*/
}

table.tip
{
	position		: absolute ;
	background-color: white;
	font-size		: 10pt;

	/*-moz-box-shadow: -5px -5px 5px #888;*/
	/*-webkit-box-shadow: -5px -5px 5px #888;*/
/*
	box-shadow		: 5px 5px 100px #888, 5px 5px 5px #888;
	padding			: 10px 20px 10px 20px;
	border			: solid 0 #888;
*/

    border          : 1px solid #e4e4e4;
    -moz-box-shadow : 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow      : 0 1px 2px 0 rgba(0,0,0,0.25);
	/*box-shadow			: 0 0 5px 1px rgba(1,22,51,1.0) inset;*/
	/*box-shadow			: 0 0 5px 1px rgba(1,22,51,1.0) inset;*/
	/*border-radius		: 5px; */

}

.ui-dlg-popup
{
	position			: absolute;
	background-color	: white;
	border				: solid 1px #D0D4D9;
	border-radius 		: 5px;
	-moz-box-shadow		: 0 0 10px #cccccc, 0 0 0 #000000;
	box-shadow			: 0 0 10px #cccccc, 0 0 0 #000000;
}

.ui-dlg-menu
{
	position			: absolute;
	background-color	: white;
	border				: solid 1px #D0D4D9;
	border-radius 		: 5px;
	-moz-box-shadow		: 0 0 10px #cccccc, 0 0 0 #000000;
	box-shadow			: 0 0 10px #cccccc, 0 0 0 #000000;
}

.ui-dlg-title-area {
	height				: 50px;
	background-color	: white; /*#EDF0F2;*/
	font-family			: 'Ubuntu' !important;
	font-size			: 16pt;
	font-style			: normal;
	font-weight			: 500;
	/*border-bottom		: solid 1px #D0D4D9;*/
}
.ui-dlg-title-area.nobar {
	background-color 	: #ffffff;
	border-bottom		: solid 1px #ffffff;
}

.ui-dlg-title {
	padding				: 14px 40px 0 20px;
	font-family			: 'Ubuntu' !important;
	font-size			: 14pt;
	font-style			: normal;
	font-weight			: 500;
	text-align			: left;
}

.ui-dlg-content-area, .ui-dlg-content-area td {
   font-size:16px;
}

.ui-dlg-content-popup {
	padding				: 0px 20px 10px 20px;
	background-color	: white;
}

.ui-dlg-content-menu {
	padding				: 0;
}

.ui-dlg-response-message {
	padding				: 0px 20px 4px 20px;
    font-size			: 16px;
}
.ui-dlg-button-area {
	white-space		: nowrap ;
	text-align		: center;
	padding-top		: 15px;
}

.ui-dlg-action-area {
	padding				: 5px 20px 15px 20px; /* use 10,15 or 20px? */
	white-space			: nowrap ;
	text-align			: right;
}
.ui-dlg-action-footer-area {
	padding				: 5px 0 15px 20px; /* use 10,15 or 20px? */
	white-space			: nowrap ;
}

tr.ui-dlg-paragraph td {
	padding-top		: 5px;
}

div.tip
{
	position		: absolute ;
	z-index			: 999 ;
	background-color: White;
	border			: solid 1px black;
	font-size		: 10pt;
}

div.inlineBox
{
	padding-top:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	float:left;
	white-space:nowrap;
}
div.rowMenu
{
	position		: absolute ;
	background-color: White;
	border			: solid 1px black;
	/* font-size		: 10pt; */
	padding         : 2pt;
}

table.help
{
	position		: absolute ;
	background-color: White ;
	border			: solid 1px black;
	font-size		: 10pt;
	display			: none;
	width			: 300px;
}

td.reportdate   		{	color: #fc2e00; }

tr.calendercell td   	{   text-align: right ; }
td.datecell     		{   text-align: right ; }

td
{
   font-size       : 12px;
   /*padding-right   : 4px;*/
   color			: #4a4a4a;
}

td.popup
{
	color           : White;
	padding-right   : 0;
}

td.menu
{
	color           : White;
}

td.menubkg
{
	color           : white;
	background-color: gray;
	border-bottom   : solid 1px black;
	border-top      : solid 1px black;
	height          : 25px;
}

td.sum
{
	border-bottom   : double 3px black;
	border-top      : solid 1px black;
}

.tablecaption
{
    font-weight     : bolder;
    font-size       : 15px;
    color           : black;
    text-indent     : 2pt;
    /*background-color: white;*/
    text-align      : left;
}


.label
{
	font-size       : 9pt;
	font-weight     : bold;
	color           : White;
	text-align      : left;
	border-bottom   : solid 1px White;
}

tr.rowgroup_label td	{
   font-family: "Ubuntu Condensed";
	font-style			: normal;
	font-weight			: normal;
	font-size			: 13.5pt;
	color				: #4a4a4a;
	/*color				     #31466b;*/
   padding-bottom      : 5px;
   padding-left         : 1px;
   vertical-align      : bottom;
}

tr.rowgroup_sum td	{
	font-style			: normal;
	/*font-size			: 12px;*/
	color				: #4A4A4A;
    vertical-align      : middle;
	/*text-align			: right;*/
    /*padding-bottom      : 10px;*/
}

td.rowgroup_sum	{
	font-style			: normal;
	font-size			: 12px;
	color				: #4A4A4A;
    vertical-align      : middle;
	text-align			: right;
    /*padding-bottom      : 10px;*/
}

tr.rowgroup_separator td {
	-moz-box-shadow		: inset 0 -1px 0 0 #DCE1E6;
	box-shadow			: inset 0 -1px 0 0 #DCE1E6;
	/*border-bottom       : solid 1px #DCE1E6;*/
	height				: 30px;
	background-color	: white;
}

tr.rowgroup_footer td	{
	height				: 50px;
	border-top       	: solid 1px #DCE1E6;
}
tr.rowgroup_topborder td {
	border-top       	: solid 1px #DCE1E6;
}

td.row1     	{   background-color: #EBF5FF;                    }
td.row2     	{   background-color: white;                        }
th.row1     	{   background-color: #EBF5FF;                    }
th.row2     	{   background-color: white;                        }
td.rowtot   	{   background-color: white; padding-left: 8px ;    }
tr.row1 td  	{   background-color: #EBF5FF; padding-left:2pt; }
tr.row2 td  	{   background-color: white; padding-left:2pt; }
tr.nopad td 	{   padding-left:0; padding-right:0;            }
tbody.row1 td	{	background-color: #EBF5FF; padding-left:2pt;  }
tbody.row2 td	{	background-color: white; padding-left:2pt;      }
div.row1		{	background-color: #EBF5FF ;	}
div.row2		{	background-color: white;		}
td.nsrow1		{	background-color: #EBF5FF ;	}
td.nsrow2		{	background-color: white;		}
tr.row3sub td 	{   background-color: #fffff0 !important; } /* #fffff0 - 60% of #ffffe6(alt. fff9e9) */

tr.highlightrow:hover td {
   background-color: #c2e0ff !important;
}
.highlightCell {
   background-color	: #FEE3F1 !important;
   border			: #f00078 !important;
}

tr.decorow1 td  {   background-color: #EBF5FF; /*padding-left:2pt;*/ border-right:solid 1px white; }
tr.decorow2 td  {   background-color: white; /*padding-left:2pt;*/  border-right:solid 1px #EBF5FF;  }

table.decorows tr:first-child th {
  border-top: 0;
}
table.decorows tr:last-child td {
  border-bottom: 0;
}
table.decorows tr td:first-child,
table.decorows tr th:first-child {
  border-left: 0;
}
table.decorows tr td:last-child,
table.decorows tr th:last-child {
  border-right: 0;
}

.mandatory  {	color: #fc2e00;	font-weight: bold;  }
.highlight  {	color: #fc2e00;	font-weight: bold;  }
.highlight2 {	color: #0000ff;	font-weight: bold;  }

.number     {	text-align: right ; padding-right: 5pt; }
.redday     {   color: red !important; }
th.header   {	color: White; background-color: #0A2469; font-size: 30px; }

th
{
    color           : #4A4A4A;
    text-indent     : 0;
    background-color: #fff;
    font-size       : 10pt;
    padding-left    : 4px;
    padding-right   : 4px;
    vertical-align  : bottom ;
}

.small
{
    font-size       : 7.5pt;
    font-weight     : normal;
}

.blankline
{
	height		    : 0;
	font-size	    : 0;
	padding		    : 0;
	margin		    : 0;
}

tr.singleline td
{
	border-top	    : solid 1px gray;
	height		    : 1px;
	font-size	    : 1px;
	padding		    : 0 0 0 0;
	margin		    : 0 0 0 0;
}

.singleline
{
	border-top	    : solid 1px gray;
	height		    : 1px;
	font-size	    : 1px;
	padding		    : 0 0 0 0;
	margin		    : 0 0 0 0;
}

tr.doubleline td
{
	border-top	    : double 3px gray;
	height		    : 3px;
	font-size	    : 3px;
	padding		    : 0;
	margin		    : 0;
}

.doubleline
{
	border-top	    : double 3px gray;
	height		    : 3px;
	font-size	    : 3px;
	padding		    : 0;
	margin		    : 0;
}

tr.dottedline td
{
	border-top	    : dotted 1px gray;
	height		    : 1px;
	font-size	    : 1px;
	padding		    : 0 0 0 0;
	margin		    : 0 0 0 0;
}

.dottedline
{
	border-top	    : dotted 1px gray;
	height		    : 1px;
	font-size	    : 1px;
	padding		    : 0 0 0 0;
	margin		    : 0 0 0 0;
}

tr.dashedline td
{
	border-top	    : dashed 0 black;
	height		    : 1px;
	font-size	    : 1px;
	padding		    : 0 0 0 0;
	margin		    : 0 0 0 0;
}

.dashedline
{
	border-top	    : dashed 0 black;
	height		    : 1px;
	font-size	    : 1px;
	padding		    : 0 0 0 0;
	margin		    : 0 0 0 0;
}

.fatline
{
	border-top	    : solid 2px black;
	height		    : 1px;
	font-size	    : 1px;
	padding		    : 0;
	margin		    : 0;
}

.ntfc				{   font-size: 10px; border: solid 1px #D6D7D5}
.ntfc_nb			{   font-size: 10px;}
.underline  		{	border-bottom	: solid 1px black;  }
tr.underline td		{	border-bottom	: solid 1px black;  }
tr.underline th		{	border-bottom	: solid 1px black;  }
tr.lft td           {   text-align      : left; }
tbody.lft td		{   text-align      : left; }
.lft        		{   text-align      : left; }
tr.rgt td           {   text-align      : right; }
tbody.rgt td		{   text-align      : right; }
.rgt        		{   text-align      : right; }
.dsbld				{   text-decoration : line-through }
tr.cnt td           {   text-align      : center; }
.cnt        		{   text-align      : center; }
.bld				{   font-weight		: bold; }
tr.itl td			{   font-style      : italic ;  }
tr.blue td			{   color			: #359099 !important; }
.itl                {   font-style      : italic ;  }
.tot        		{   text-align      : right; font-weight : bold ; white-space: nowrap; }
.grp        		{   text-align      : left; font-weight : bold ; }
tr.red td			{   color			: #E53A43 !important; }
.red				{   color			: #E53A43 !important; }
.green				{   color			: #079E74 !important; }
.blue				{   color			: #31466b; }
.indigo				{   color			: #4314A8; }
.orange				{	color			: #FEA527 !important; }
.purple 			{   color           : #F00094 !important; }
.grayed				{	color			: gray !important;}
table.nwp td		{   white-space     : nowrap; }
tbody.nwp td        {   white-space     : nowrap; }
tr.nwp td           {   white-space     : nowrap; }
.nwp                {   white-space     : nowrap; }
.nopad            { padding: 0 !important; }
.indent     		{   padding-left    : 12px; }
.top				{   vertical-align	: top; }
.bottom				{   vertical-align	: bottom; }
.padtop				{   padding-top		: 3pt; }
tr.vmiddle td		{	vertical-align	: middle ; }
.vmiddle			{	vertical-align	: middle ; }
tr.top td 			{   vertical-align	: top; }
tr.bottom td 		{   vertical-align	: bottom; }
tr.tight td			{	padding			: 0 0 0 0;    white-space     : nowrap; }
.tight     	        {	padding			: 0 0 0 0;    white-space     : nowrap; }
.rgtw				{	text-align		: right ; white-space     : nowrap; }

.tab_highlight		{
						color: black;
						font-weight: bold ;
					}
.tab_normal			{	color: black; }
.tab_frame			{
						border-left	:solid 1px black;
						border-right:solid 1px black;
						border-top	:solid 1px black;
						padding-left:6pt ;
                        padding-right:2px;
						padding-top:6px ;
						padding-bottom:6px ;
                        margin:0 0 0 0;
					}
.tab_separator		{ 	width:10px; }
.tab_separator_small{ 	width:3px; }
.tab_separator_long	{ 	width:50px; }
.tab_new			{
						font-size:10pt;
						border-left:solid 1px black;
						border-right:solid 1px black;
						border-top:solid 1px black;
					}
.tab_content        {
                        padding-right:5pt;
                    }

/* Black dialog box styles */
div.ui-selectable-option {
	color               : white;
    padding             : 20px 50px;
    margin              : 5px;
    font-size	       	: 2em;
    cursor              : pointer;
}
div.ui-selectable-option:hover {
    background-color 	: #40628c;
}

.colhead
{
    text-align      : center;
    font-weight     : bold ;
    vertical-align  : bottom ;
}

div.cell_color
{
    font-size			: 6px;
    vertical-align		: middle;
    width				: 100%;
}

.bar_l
{
    padding			:0;
    border-right	:solid 1px black;
    text-align		:right;
}

.bar_c
{
    padding-left	:4px;
    padding-right	:4px;
    width			:1%;
    text-align		:center;
}

.bar_r
{
    padding			:0;
    border-left		:solid 1px black;
    text-align		:left;
}

.bar_t
{
    padding-left    :2px;
    padding-right   :2px;
}


th.menu
{
    font-size       : 30px;
}

.menu H1	{    color: lime;    text-decoration : underline	}
.menu H2	{    font-size: larger	}

H1.menu     {    font-size: medium;    margin-bottom: 3px;    color: white }
H2.menu     {    font-size: x-small;   margin-bottom: 3pt;    color: white }

.moptr { cursor: pointer }

.tab_ctrl
{
	margin-top      :8px;
	margin-bottom   :6px;
}

/* drop shadow bottom right 25% transparent black */
.shadow_br {
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25) ;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25) ;
}

span.colormark
{
	color           :Blue;
	font-weight     :bold;
}
span.nomark
{
	color           :black;
	font-weight     :normal;
}

textarea.errormark	{
	color					: red ;
	background-position 	: right 4px;
	background-image		: url('../navigation/btn_error.gif') ;
	background-repeat		: no-repeat;
}

input.errormark	{
	color				: red ;
	background-position : right center;
	background-image	: url('../navigation/btn_error.gif') ;
	background-repeat	: no-repeat;
}

input.invalid {
	background-color: rgb(255,240,240) !important;
	border: 1px solid rgba(255, 200, 200, 1);
}
input[type=radio].invalid {
	box-shadow: 0 0 5px rgba(255, 200, 200, 1);
}
textarea.invalid,
select.invalid {
	box-shadow: 0 2px 5px rgba(255, 200, 200, 1);
	border: 1px solid rgba(255, 200, 200, 1) !important;
}
select.invalid option {
	background-color: rgb(255,240,240);
}

.errormsgFrame
{
	width           : 100% ;
	font-weight     : bold ;
	background-color: red ;
	padding         :1pt;
	padding-left    :2px;
}

.errormsgHeading	{	color           : Yellow;	}
.errormsgMessage	{	color           : black;	}

.acReportLineBlank
{
	font-style      : italic ;
	height          : 16px;
}

.acReportLineHeading1
{
    font-size       : 9pt;
	font-weight     : bold;
    margin-bottom   : 3px;
}

.acReportLineSum1
{
	font-weight     : bold;
}

.acReportLineSum2
{
	font-weight     : bold;
    border-bottom   : solid 1px black ;
}

/*.acReportLineNormal
{
}*/

.shadowSepBottom {
	-moz-box-shadow		: inset 0 -1px 0 0 #DCE1E6;
	box-shadow			: inset 0 -1px 0 0 #DCE1E6;
}
.shadowSepRight {
	-moz-box-shadow		: inset -1px 0 0 0 #DCE1E6;
	box-shadow			: inset -1px 0 0 0 #DCE1E6;
}

.shadowSepBottomRight {
	-moz-box-shadow		: inset -1px -1px 0 0 #DCE1E6;
	box-shadow			: inset -1px -1px 0 0 #DCE1E6;
}

.pluginButton {
	background-color		: #EDF0F2 ;
	position				: relative;
	border-radius			: 4px;
	height					: 25px;
	text-align				: center;
	color					: black;
	font-weight				: 500;
	font-size				: 9pt;
	padding-top				: 10px;
	margin					: 0 10px 10px 0;
	-moz-box-shadow			: inset 0 -1px 0 0 #DCE1E6;
	box-shadow				: inset 0 -1px 0 0 #DCE1E6;
	cursor					: pointer;
	-webkit-touch-callout	: none;
	-webkit-user-select		: none;
	-khtml-user-select		: none;
	-moz-user-select		: none;
	-ms-user-select			: none;
	user-select				: none;
}

/* widget */
.ui-widgetbox-caption {
   background-color		      : white ; /*#EDEEF1,#F5FAFF ;*/
   color		              : #4A4A4A ;
   text-align	              : left ;
   padding		              : 10px;
   font-size			      : 10pt;
   font-weight			      : normal; /* 400 */
   -webkit-touch-callout      : none;
   -webkit-user-select	      : none;
   -khtml-user-select	      : none;
   -moz-user-select		      : none;
   -ms-user-select		      : none;
   user-select                : none;
}
/*
.ui-widgetbox-title {
	float					: left;
}
*/
.ui-widgetbox-expand-action-wrapper{
	float		              : left;
	margin-right			  : 10px;
	font-size				  : 11.5pt;
	width					  : 20px;
	color					  : #666666;
}

.ui-widgetBox-outerframe	{ /* Kind of dialog frame */
   margin					  : 0px 0px 8pt 0px;
   border					  : solid 1px #DCE1E6;
   border-radius 			  : 2px;
   -moz-box-shadow            : 0 1px 0 0 #D0D4D9;
   box-shadow                 : 0 1px 0 0 #D0D4D9;
}

.ui-widgetbox-contentframe {
   padding					  : 5px 5px 15pt 5px;
   /*border-bottom			  : solid 1px #DCE1E6;*/
   background-color		      : white;
   /*box-shadow: 0 1px 0 0 #D0D4D9;*/
   margin: 0px 0px 5px 0px;   
}

.ui-widget-card:hover {
	background-color		: #fff!important;
	border-color     		: #ccc;
	opacity          		: 1 !important;
	box-shadow       		: 0 0 5px #e5e5e5;
	-webkit-box-shadow   	: 0 0 5px #e5e5e5;
}

.ui-widget-card {
	float					: inline-start;
	box-sizing           	: border-box;
	-webkit-box-sizing   	: border-box;
	border-radius        	: 4px;
	border               	: solid 1px #e5e5e5;
	box-shadow           	: 1px 1px 10px #d7d7d7;
	-webkit-box-shadow   	: 1px 1px 10px #d7d7d7;
	-webkit-transition   	: all ease .5s;
	transition           	: all ease .5s;
	margin               	: 0.75em;
	padding					: 0.5em 0.75em 0.75em 0.75em ;
	min-height             	: 15em;
	overflow				: hidden;
}
div.ui-widget-card.gray {
	background-color     : #f5f5f5;
}
div.ui-widget-card.yellow {
	background-color     : rgb(255,255,240);
}
div.ui-widget-card.white {
	background-color     : rgb(255,255,255);
}
/*.ui-widgetbox-contentframe,
.ui-widgetbox-contentframe td {
   font-size                  : 10pt;
}*/

/************** radio controls - START *************/

/* Common */
.ui-radio {
	position            : relative;
	display				: inline-block;
}

.ui-radio input[type=radio] {
	display:none;
}

.ui-radio label{
	display             : block;
	position            : relative;
	z-index             : 1;
	cursor              : pointer;
	transition			: all 0.25s linear;
	-webkit-transition  : all 0.25s linear;
}

.ui-radio .check{                   /* Outer ring */
	display             : block;
	position            : absolute;
	border-radius       : 100%;
	top                 : 0px;
	left                : 0px;
	transition          : border .25s linear;
	-webkit-transition  : border .25s linear;
}


.ui-radio .check::before {          /* Inner ring - selected */
	display             : block;
	position            : absolute;
	content             : '';
	border-radius       : 100%;
	top                 : 0px;
	left                : 0px;
	margin              : auto;
	transition          : background 0.25s linear;
	-webkit-transition  : background 0.25s linear;
}

.ui-radio input[type=radio]:checked ~ .check::before{
	background          : #1A62B6;/*#31466b;*/
}

.ui-radio input[type=radio]:checked ~ label{
	color				:white !important;	
}

.ui-radio input[type=radio] ~ label{
	color				:transparent;	
}

.ui-radio i {
	position			: absolute;
}

/* size normal */
.ui-radio-size-normal					{ height : 16px; }
.ui-radio-size-normal label				{ height : 19px; width : 19px; }
.ui-radio-size-normal .check			{ border : 2px solid lightgray; height : 15px; width : 15px; }
.ui-radio-size-normal:hover .check 		{ border : 2px solid #aaaaaa; }
.ui-radio-size-normal .check::before	{ height : 15px; width : 15px; }
.ui-radio-size-normal i					{ left : 5px; top: -3px; font-size:18pt; }
/* .ui-radio-size-normal input[type=radio]:checked ~ .check { border : 2px solid #31466b; }  TO MAKE SOLID IF CHECKED */


/* size medium */
.ui-radio-size-medium label				{ height : 27px; width : 27px; }
.ui-radio-size-medium .check			{ border : 3px solid lightgray; height : 21px; width : 21px; }
.ui-radio-size-medium:hover .check 		{ border : 3px solid #aaaaaa; }
.ui-radio-size-medium .check::before 	{ height : 21px; width : 21px; }
.ui-radio-size-medium i					{ left : 7px; top: -5px; font-size:25pt; }

/* size large */
.ui-radio-size-large label				{ height : 33px; width : 33px; }
.ui-radio-size-large .check				{ border : 4px solid lightgray; height : 25px; width : 25px; }
.ui-radio-size-largenormal:hover .check { border : 4px solid #aaaaaa; }
.ui-radio-size-large .check::before 	{ height : 25px; width : 25px; }
.ui-radio-size-large i					{ left :9px; top: -4px; font-size:30pt; }


/************** radio controls -END *************/

/* div : build tables using div */
.datectrl									{ margin-right:2px; }
.ui-datecontrol-calendarTableFrame			{
	background-color:white;
    /*color:#D0D4D9;*/
	padding:2px;
	position:absolute;
	z-index:1000;
	padding: 10px 20px 10px 20px;
	/*box-shadow: 5px 5px 100px #888, 5px 5px 5px #888;
	border: solid 1px black;
	border: solid 0 #888;*/
	/* border: 1px solid #e4e4e4; */
	border: 1px solid #D0D4D9;
    border-radius: 2px;
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

.ui-datacontrol-header                       {
   height         : 53px;
   font-size      : 16px;
   padding-top    : 5px;
   font-weight    : 300;
}
.ui-datecontrol-header-line1-wrapper         {
   height         : 29px;
}
.ui-datecontrol-nav-arrow                    {
   width          : 20px;
   cursor         : pointer;
   text-align     : center;
}

.ui-datecontrol-caption                      {
   padding        : 0 0 0 0;
   width          : 130px;
   text-align     : center;

}
.ui-datecontrol-link                         {
   color          : #31466b;
   font-weight    : 500;
}
.ui-datecontrol-link:hover                   {
   color          : #235796;
}

.ui-datecontrol-weekdaylabel                 {
   font-size      : 11pt;
   text-align     : center;
}
.ui-datecontrol-date                         {
   font-size      : 15pt;
   font-weight    : 300;
   text-align     : center;
   vertical-align : middle;
   border         : solid 1px white;
}
.ui-datecontrol-sunday                       {
   color          : #E53A43
}
.ui-datecontrol-today                        {
   border            : solid 1px #31466b;
   font-weight       : 400;
   border-radius     : 22px;
}
.ui-datecontrol-date:hover 			         {
   /*color             : black;*/
   background-color  : #c2e0ff;
   border            : solid 1px white;
   border-radius     : 2px;
   cursor            : pointer;
}
.ui-datecontrol-weekno 				         {
   font-weight    : 500;
   font-size      : 12px;
   text-align     : center;
}
.ui-datecontrol-month                        {
   /*border-bottom  :solid 1px white;*/
   font-size      : 15pt;
   font-weight    : 400;
   text-align     : center;
   /*padding-top    : 20px;*/
   vertical-align : middle;
}
.ui-datecontrol-month:hover 			     {
   color             : black;
   background-color  : #c2e0ff;
   border-radius     : 2px;
   cursor            : pointer;
}
.ui-datecontrol-yearlabel                    {
   font-size      : 11pt;
}
.ui-datecontrol-year                         {
   /*border-bottom  :solid 1px white;*/
   font-size      : 15pt;
   font-weight    : 400;
   text-align     : center;
   /*padding-top    : 20px;*/
   vertical-align : middle;
}
.ui-datecontrol-year:hover 			         {
   color             : black;
   background-color  : #c2e0ff;
   border-radius     : 2px;
   cursor            : pointer;
}


.ui-datecontrol-calendarCell				{ border-bottom:solid 1px white; font-size: 15pt; font-weight: 300; width:44px; height: 44px; text-align: center; }

.ui-datecontrol-calendarCell:hover 			{ border-bottom:solid 1px gray; cursor:pointer; }
.ui-datecontrol-calendarWeekday
.ui-datecontrol-calendarSunday 				{ color: #E53A43 }
.ui-datecontrol-calendarWeekNo 				{ font-weight: bold; font-size: 12px; }
.ui-datecontrol-calendarWeekDayHeading		{ text-align: center; font-size: 12px; width:44px; }
.ui-datecontrol-monthSelector				{
   background-color  : white;
   text-align        : center;
   position          : absolute;
   z-index           : 202;
   float             : left;
   padding           : 10px 20px 10px 20px;
   border            : 1px solid #e4e4e4;
   -moz-box-shadow   : 0 1px 2px 0 rgba(0,0,0,0.25);
   box-shadow        : 0 1px 2px 0 rgba(0,0,0,0.25);
}
.ui-datacontrol-monthDisplay                { font-size:12px; }
.ui-datecontrol-monthOption					{ font-weight:normal; font-size:15pt; padding:4px; padding-left:4px; padding-right:4px; }
.ui-datecontrol-monthOption:hover			{ background-color:lightgray; cursor:pointer; }
.ui-datecontrol-yearSelector				{
   background-color  : white;
   text-align        : center;
   position          : absolute;
   right             : 115px;
   z-index           : 202;
   float             : left;
   padding           : 10px 20px 10px 20px;
   border            : 1px solid #e4e4e4;
   -moz-box-shadow   : 0 1px 2px 0 rgba(0,0,0,0.25);
   box-shadow        : 0 1px 2px 0 rgba(0,0,0,0.25);
}
.ui-datacontrol-yearDisplay                 { font-size:12px; }
.ui-datecontrol-yearOption					{ font-weight:normal; font-size:15pt; padding:4px; padding-left:4px; padding-right:4px; }
.ui-datecontrol-yearOption:hover 			{ background-color:lightgray; cursor:pointer }
.ui-datecontrol-navigation-nextprev         { cursor:pointer; font-size:12px; }
.ui-datecontrol-formatError					{ /*border-color: red ;*/ color: #E53A43; }

.ui-mulselcontrol-caption					{ font-weight:bold; padding-top:2pt; padding-left:2pt; padding-bottom:4pt; }
.ui-mulselcontrol-dlgFrame					{ background-color:white; border:solid 1px black; padding:2pt; position:absolute; z-index:201;	}
.ui-mulselcontrol-semiChecked				{ background: url(../navigation/btn_semi_check.gif) no-repeat; width:20px; height:19px; }
.ui-mulselcontrol-semiChecked:hover			{ background: url(../navigation/btn_semi_check_hover.gif) no-repeat; }
/*.ui-mulselcontrol-superLeaf					{  }*/
.ui-mulselcontrol-leaf						{ white-space:nowrap; }
.ui-mulselcontrol-genericLeafPad td			{ padding:3pt 3pt 3pt 3pt; }
.ui-mulselcontrol-actionFrame				{ padding-top:4pt; padding-bottom:4pt; text-align:center; }

.ui-daterangecontrol-dlgFrame				{
/*	box-shadow: 5px 5px 100px #888, 5px 5px 5px #888;
    border : solid 0 #888;*/
    padding: 10px 20px 10px 20px;
    border: 1px solid #e4e4e4;
   	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
   	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

div.ui-tree-leaf-box {
	display          	: inline-block;
	vertical-align   	: top;
}
div.ui-tree-leaf-label {
	display          	: inline-block;
	vertical-align   	: top;
	padding				: 2px 10px 0px 10px;
}
div.ui-tree-branch-leaf {
	padding          : 6px 0px 2px 0px;
}
div.ui-tree-bottom-leaf {
	padding          : 2px 0px 2px 0px;
}

.ui-splitbar-bar {
	position             : relative;
	text-align           : center;
}
.ui-splitbar-button {
	position             : relative;
	display              : inline-block;
	border               : 0px;
	font-size            : 25px;
	background-color     : white;
	border-radius        : 50%;
	width                : 25px;
	height               : 25px;
	text-align           : center;
	color                : #31466b;
	cursor               : pointer;
	box-shadow           : inset 0px -1px 2px 0 rgba(0,0,0,0.25);
}

.ui-floatingmenu {
	position			: absolute;
	z-index				: 100;
	background-color	: white;
	padding				: 5px 5px 5px 5px;
	border				: solid 1px white;
	border-radius		: 2px;
	display				: none;
    -webkit-box-shadow  : 0 1px 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow     : 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow          : 0 1px 2px 0 rgba(0,0,0,0.25);
}
.ui-floatingmenu-arrow, .ui-floatingmenu-shadow {
	position			: absolute;
	pointer-events   	: none;
	left				: -22px;
	top					: 7%;
	bottom				: 100%;
	border				: solid transparent;
	width				: 0px;
	height				: 0px;
}
.ui-floatingmenu-arrow {
	border-color		: rgba(136, 183, 213, 0);
	border-right-color	: #fff;
	border-width		: 10px;
	margin-left			: 2px;
	margin-top			: 1px
}
.ui-floatingmenu-shadow {
	border-color		: rgba(194, 225, 245, 0);
	border-right-color	: #ccc;
	border-width		: 11px;
	margin-left			: 0px;
}

.ui-floatingmenu-items {
	text-align:left;
	padding:2px;
}
.ui-floatingmenu-item {
	cursor: pointer;
}
.ui-floatingmenu-item-icon {
	margin: 2px 10px 2px 3px;
	font-size: 24px !important;
	float: left;
	min-width: 22px;
}
.ui-floatingmenu-item-label {
	font-size: 10pt;
	vertical-align: top;
	display: inline-block;
}

div.tbl {
	/* background      : none yellow; */
	/* border          : none solid #333333 1px; */
	margin          : 0 0 0 0;
	padding         : 0 0 0 0;
	/* text-align      : center; */
	width           : auto;
}

div.tbl-row {
	/* background      : none #ffffcc; */
	/* border          : solid #000000 1px; */
	/* color           : #000000; */
	margin-top      : 0;
	margin-right    : auto;
	margin-bottom   : 0;
	margin-left     : auto;
	padding         : 0;
	/* text-align      : center; */
	text-align		: left ;
	/* width           : 100%; */
}

div.tbl-cell {
	/* border          : solid 1px black; */
	float           : left;
	margin          : 0;
	padding         : 0;
	/* width           : 100pt; */
}

div.tbl-eor {
	clear           : both;
	margin          : 0;
	padding         : 0;
	width           : auto;
}

div.lblCell 	{ width:60pt; }
div.numCell		{ width:30pt; text-align:right;/*border: solid 1px black;*/}
div.lblspCell	{ width:90pt; text-align:right;/*border:solid 1px black;*/}


/*********************************************************************************************************
 *
 *	 Messages
 *
/*********************************************************************************************************/
.ui-msg-notification-frame {
	background: rgb(251,176,64); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(251,176,64,1) 0%, rgba(220,127,39,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,176,64,1)), color-stop(100%,rgba(220,127,39,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(251,176,64,1) 0%,rgba(220,127,39,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(251,176,64,1) 0%,rgba(220,127,39,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(251,176,64,1) 0%,rgba(220,127,39,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(251,176,64,1) 0%,rgba(220,127,39,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb040', endColorstr='#dc7f27',GradientType=0 ); /* IE6-9 */

	position		: absolute;
	font-family		: Helvetiva, sans-serif;
	font-size		: 14pt;
	color			: #011633 ;
	border			: solid 1px #DC7F27;
	border-radius	: 0 0 4px 4px;
	padding-top		: 5px;
	padding-bottom	: 5px;
	padding-left	: 20px;
	padding-right	: 20px;
	z-index			: 9999 ;
	top				: 0;
	display			: none;
	box-shadow		: 3px 3px 2px 0 #000000;
}

/*********************************************************************************************************
 *
 *	 Widget: tgMessage
 *
/*********************************************************************************************************/
.ui-message-container {
	/*background-color: #DBE2ED;*/
	width			: 100%;
	padding-top		: 20px;
	padding-bottom	: 40px;
}

.ui-message-conv-frame {
	border-bottom	: solid 1px #0003;
	padding			: 5px 2px 3px 0px;
	cursor			: pointer;
}

.ui-message-conv-frame.selected {
	background-color : #DAFAF8 ;
}

.ui-message-frame-gray {
	color				: #4a4a4a;
	background-color	: #ededed;/*#F9F7F4;*/
	border-top			: solid 1px #ededed;
	border-left			: solid 1px #ededed;
	border-right		: solid 1px #ededed;
}

.ui-message-frame-blue {
	color				: #4a4a4a ;
	background-color	: #FFF8E4;
	border-top			: solid 1px #FFF8E4;
	border-left			: solid 1px #FFF8E4;
	border-right		: solid 1px #FFF8E4;
}
.ui-message-frame-blue A 		{  color: #31466b; font-weight: 500; }
.ui-message-frame-blue A:hover 	{
	color			: #31466b;
	text-decoration	: underline;
}

.ui-message-frame {
	position			: relative;
	width				: 55%;
	border-radius		: 3px 3px 0 0;
	margin-left			: 7px;
	margin-bottom		: 40px;
	padding-left		: 10px;
	padding-right		: 10px;
	padding-bottom		: 10px;
}

.ui-message-frame-bottom-gray {
	background-color	: #ededed;
	border-bottom		: solid 1px #ededed;
	border-left			: solid 1px #ededed;
	border-right		: solid 1px #ededed;
}

.ui-message-frame-bottom-blue {
	background-color	: #FFF8E4;
	border-bottom		: solid 1px #FFF8E4;
	border-left			: solid 1px #FFF8E4;
	border-right		: solid 1px #FFF8E4;
}

.ui-message-frame-bottom {
	position		: absolute;
	width			: 100%;
	border-radius	: 0 0 3px 3px;
	padding-bottom	: 10px;
	bottom			: -11px;
	left			: -1px;
}

.ui-message-frame-bottom-gray:before {
	content			: '';
	position		: absolute;
	border-right	: solid 5px #ededed;
	border-bottom	: solid 10px transparent;
	border-radius	: 0 0 0 0;
	left			: 10px;
	bottom			: -11px;
	z-index			: 2;
}

.ui-message-frame-bottom-gray:after {
	content			: '';
	position		: absolute;
	left			: 15px;
	bottom			: -11px;
	border-left		: solid 5px #ededed;
	border-bottom	: solid 10px transparent;
	z-index			: 2;
}

.ui-message-frame-bottom-blue:before {
	content			: '';
	position		: absolute;
	border-right	: solid 5px #FFF8E4;
	border-bottom	: solid 10px transparent;
	border-radius	: 0 0 0 0;
	right			: 15px;
	bottom			: -11px;
	z-index			: 2;
}

.ui-message-frame-bottom-blue:after {
	content			: '';
	position		: absolute;
	right			: 10px;
	bottom			: -11px;
	border-left		: solid 5px #FFF8E4;
	border-bottom	: solid 10px transparent;
	z-index			: 2;
}
/*
.ui-message-innerlight-gray {
}

.ui-message-innerlight-blue {
}
*/
.ui-message-innerlight{
	position		: absolute;
	z-index			: 0;
	top				: 1px;
	left			: 6px;
	right			: 6px;
	border-radius	: 3px;
	height			: 14px;
}

.ui-message-content{
	position		: absolute;
	z-index			: 1;
	margin-right	: 15px;
	margin-left		: 15px;
	margin-top		: 10px;
	top				: 0;
	left			: 0;
	/*xborder: solid 1px black;*/
}

.ui-message-datetime{
	position		: absolute;
	bottom			: -27px;
	color			: #8892A5;/*011633*/
	font-size		: smaller;
	margin-bottom	: -2px;
	white-space		: nowrap;
	border			: solid 0 black;
}
.ui-message-datetime-left {
	left			: 0;
	margin-left		: 23px;
}

.ui-message-datetime-right {
	right			: 0;
	margin-right	: 23px;
}

/*********************************************************************************************************
 *
 *	 Widget: tgNote
 *
/*********************************************************************************************************/

.ui-note-container	{
	position		: absolute ;
	margin			: 0;
	color			: black ;
}
.ui-note-title {
	/*border			: solid 1px black;*/
	position		: absolute;
	right			: 10px;
	top				: 0;
	max-width		: 90%;
	text-align		: right;
	/*overflow		: hidden ;*/
	font-family 	: 'Homenaje', sans-serif;
	/*font-size		: 12px; */
	font-size		: 10pt;
	padding-top		: 2px;
}

.ui-note-content {
	/*border			: solid 1px black;*/
	position		: absolute;
	font-family 	: 'Homenaje', sans-serif;
	font-weight		: normal;
	border-radius	: 0 0 400px / 40px 0;
}

/*.ui-note-*/

.ui-note-content:after {
	content					:'';
	position				: absolute;
	top						: -15px;
	left					: 30%;
	width					: 40%;
	height					: 30px;
	opacity					: 0.2;
	transform				: rotate(-2deg);
	-moz-transform			: rotate(-2deg);
    -webkit-transform		: rotate(-2deg);
	background-color		: black;
}

.ui-note-orange {	background-color		: #FEA527 ;	}
.ui-note-yellow {	background-color		: #F8F0A8 ;	}
.ui-note-green 	{	background-color		: #DAE8BF ;	}
.ui-note-white 	{	background-color		: #e7e7e7 ; }
/*.ui-note-white 	{	background-color		: white ; border: solid 1px black;	}*/

.threshold-sub	    { color: black; background-color: #70D3FA !important; }
.threshold-min	    { color: black; background-color: #A3EAFF !important; }
.threshold-level	{ color: black; background-color: #D7FFA8 !important; }
.threshold-low	    { color: black; background-color: #F8FF7D !important; }
.threshold-mid	    { color: black; background-color: #FFEC5E !important; }
.threshold-high     { color: black; background-color: #FFC75E !important; }
.threshold-critical { color: black; background-color: #FF6B6B !important; }

.stateBlue	    { color: #70D3FA; }
.stateGreen	    { color: #D7FFA8; }
.stateOrange    { color: #FEA527; }
.stateRed       { color: #FF6B6B; }

/* notification box (prototype) */

.nbFixed {
   position:absolute;
   left:40px;
   top:-160px;
}

.notificationBox {
   margin                 : 3px 5px;
   /* padding                : 15px 15px 4px 10px; */
    -webkit-border-radius  : 4px;
    -moz-border-radius     : 4px;
    border-radius          : 4px;
    min-width              : 450px;
    color                  : #4a4a4a;
   background-color        : #fdfdfd;
}
.notificationBox-mark {
   position             : absolute;
   top                  : 0;
   left                 : 0;
   bottom               : 0;
   width                : 40px;
   padding-top          : 20px;
}

.notificationBox.nb-info {
   border               : 1px solid #4a4a4a;
}

.notificationBox.nb-action {
   border               : 1px solid #31466b;
}

.notificationBox.nb-error {
   border               : 1px solid #E53A43;
}

.nb-infomark {
   background-color     : #4a4a4a ;
}

.nb-actionmark {
   background-color     : #31466b ;
}

.nb-errormark {
   background-color     : #E53A43 ;
}

/* Buttonized date/period selector control */

._buttonDateSelCalendar i {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

._buttonDateSelCalendar i,
._viewModeSelector a,
._buttonDateSelector a {
    background-color: #DCE1E6;
    color: #fafafa;
    text-decoration: none;
}
._buttonDateSelCalendar i {
	border-radius: 2px;
}
._buttonDateSelCalendar i.active,
._viewModeSelector a.active,
._buttonDateSelector a.active {
	background-color: #d0d4d9;
}
._buttonDateSelCalendar i:hover,
._viewModeSelector a:hover,
._buttonDateSelector a:hover {
	background-color: #dadee3;
	text-decoration: none;
}
._buttonDateSelCalendar i,
._viewModeSelector a,
._buttonDateSelector a {
    min-width: 34px;
    padding: 4px 8px;
	margin: 0 0 1px 0;
    color: #4A4A4A;
    outline: none;
	line-height: 20px;
	height:	20px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-weight: normal;
    background: #EDF0F2;
    border: 1px solid #d0d4d9;
}
._buttonDateSelCalendar i.ion-calendar {
	cursor: pointer;
	font-size: 14pt;
	padding: 5px 8px;
}
._viewModeSelector a:first-child,
._buttonDateSelector a:first-child {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
}
._viewModeSelector a:last-child,
._buttonDateSelector a:last-child {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
	border-left: 0 ;
}

.ui-icon.in-progress {      background: url("../navigation/prototype/in-progress-16.png") 0 0 no-repeat;  }
.ui-icon.pending-approval { background: url("../navigation/prototype/pending-approval-16.png") 0 0 no-repeat;  }
.ui-icon.approved {         background: url("../navigation/prototype/approved-16.png") 0 0 no-repeat; }
.ui-icon.archived {         background: url("../navigation/prototype/archived-16.png") 0 0 no-repeat; }

/*** EXPERIMENTAL USER PROFILE DLG ***/

.profileDlgPopup {
	position: absolute;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.profileDlgPopup td.dlgContentArea {
    padding: 0;
}
.ui-dropdown-menu-left,
.imageSelectCtrlContainer,
.ui-dlg-user-profile-container {
	background: #fff;
	outline: none;
	overflow: hidden;
    display: block;
	right: 0;
	top: 25px;
	border-radius: 2px;
}
.ui-dropdown-menu-left:after,.ui-dropdown-menu-left:before,
.imageSelectCtrlContainer:after, .imageSelectCtrlContainer:before,
.ui-dlg-user-profile-container:after, .ui-dlg-user-profile-container:before {
	bottom: 100%;
	left: 90%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ui-dropdown-menu-left:after,.ui-dropdown-menu-left:before {
	left: 26px;
}
.ui-dropdown-menu-left:before,
.imageSelectCtrlContainer:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ccc;
	border-width: 10px;
	margin-left: -14px;
}
.ui-dropdown-menu-left:after,
.imageSelectCtrlContainer:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 9px;
	margin-left: -13px;
	margin-bottom: -1px;
}

.ui-dlg-user-profile {
	z-index: 3;
	right: 10px;
}
.ui-dlg-user-profile-container {
	min-width: 280px;
	max-width: 310px;
}
.ui-dlg-user-profile-container:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ccc;
	border-width: 12px;/* 13 */
	margin-left: -4px; /* -7 */
}
.ui-dlg-user-profile-container:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 11px;
	margin-left: -3px;
	margin-bottom: -1px;
}
.ui-dlg-user-profile-section {
	margin: 10px;
	display: block;
}
.ui-dlg-user-profile-section.userName {
	min-height: 60px;
	margin: 10px 5px;
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	display: flex;
	background-color: #f9f9f9;
	padding: 10px;
}

.ui-dlg-user-profile-avatar-link {
}
.ui-dlg-user-profile-avatar {
}
.ui-dlg-user-profile-avatar > span.material-symbols-outlined {
	background-color: #31466b;
	color: #fff;
	padding: 5px;
}
.ui-dlg-user-profile-content {
	display: inline-block;
	vertical-align: top;
    padding-left: 5px;
	float: right;
}
.ui-dlg-user-profile-content.ui-dlg-user-profile-active-role {
	max-width: 95%;
}
.ui-dlg-user-profile-content.ui-dlg-user-profile-menu-item {
	width: 97%;
	display: inline-block;
	padding: 8px 5px;
	margin-left: 20px;
}
.ui-dlg-user-profile-content.ui-dlg-user-profile-menu-item:hover {
	background-color: #f4f4f4;
}
.ui-dlg-user-profile-name {
    font-weight: bold;
	font-size: 0.9em;
    margin: -4px 0 1px 0;
}
.ui-dlg-user-profile-role {
	font-size: 0.8em;
	margin: 3px 0;
	color: #9B9B9B;
}
.ui-dlg-user-profile-email {
	display: flex;
	align-items: center;
}
.ui-dlg-user-profile-email a[data-id=profileChangeEmail] {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: small;
	min-width: 185px;
}
.ui-dlg-user-profile-mi-icon,
.ui-dlg-user-profile-mi-label {
	float: left;
	cursor: pointer;
}
.ui-dlg-user-profile-mi-icon {
	background: #EDF0F2;
	border: 1px solid #e4e4e4;
	border-radius: 20px;
	min-width: 25px;
	margin: 0 auto;
}
.ui-dlg-user-profile-mi-label {
	padding-left: 10px;
	line-height: 25px;
}
.ui-dlg-user-profile-mi-label a {
	color: #4A4A4A;
	font-weight: 410;
}
.ui-dlg-user-profile-content footer {
	font-size: 10px;
	color: #a4a4a4;
}

.resourceAvatarContextMenu {
	padding: 5px 0;
	border-radius: 4px;
	position: absolute;
}
.resourceAvatarContextMenu div div {
	color: #31466b;
	height: 30px;
	border-bottom: 1px solid #e4e4e4;
	padding: 5px 15px 0 15px;
	line-height: 30px;
}
.resourceAvatarImageWrapper {
	float: left;
}
.myPageProfilePic.minimized img,
.resourceAvatarImageWrapper img.minimized {
	width: 40px !important;
	transition: all 0.2s ease-in;
}
.resourceAvatarImageWrapper img {
	transition: all 0.2s ease-in;
}

.imageSelectCtrl {
	position: absolute;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.25);
}
.imageSelectCtrl td.dlgContentArea {
    background-color: #fff;
}

.imageSelectCtrlContent {
	padding: 0 10px 0 0;
	width: 100%;
}
.imageSelectCtrlContent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.imageSelectCtrlContent i.icon {
	color: #31466b;
	margin-right: 10px;
	vertical-align: middle;
}
li.imageSelectOption {
    color: #31466b;
    height: 40px;
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 20px 0 20px;
    cursor: pointer;
    width: 100%;
    vertical-align: middle;
    line-height: 40px;
	min-width: 85px;
}
li.imageSelectOption.select {
	padding: 3px 20px;
}
li.imageSelectOption.select select {
	min-width: 150px;
}
div.imageSelectOption {
    color: #31466b;
    height: 40px;
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 20px 0 20px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 40px;
}

div.imageSelectOption:hover, li.imageSelectOption:hover {
    background-color: #c2e0ff;
}

.imageSelectOption .shortcut {
	right: 8px;
	position: absolute;
	margin-right: 5px;
	font-size: small;
}

#dlgEditCostItem td.displayQuantity,
#dlgEditCostItem td.displayUnitPrice {
	padding-left: 10px;
}

/* Sidebar menu */

#sidebarMenu {
	color: #4a4a4a;
}
.menuColumn {
	/*width: 50%;*/
    min-width: 230px;
    display: table-cell;
    background-color: #fff;
}
.menuColumn:last-child {
    padding-right: 20px;
}
.mainMenuItem,
.subMenuItem {
   display: table;
   padding: 10px 0;
   width: 100%;
}
.mainMenuItem {
	margin-left: 10px;
	height: 25px;
	border-bottom: 1px solid #9b9b9b;
	padding-bottom: 4px;
    min-width: 160px;
}
.mainMenuItem:last-child {
   border-bottom: 0;
}

.mainMenuItem a,
.mainMenuItem span {
   font-size: 10.5pt;
   color: #4a4a4a !important;
   text-decoration: none !important;
}
.mainMenuItem a:hover,
.mainMenuItem span:hover {
   color:#235796 !important;
}
.subMenuItem a,
.subMenuItem span {
   font-size: 9.5pt;
   color: #4a4a4a !important;
   text-decoration: none !important;
}
.mainMenuItem a:hover,
.mainMenuItem span:hover {
   color:#235796 !important;
}
.subMenu {
    margin-top: 10px;
}
div.icon-wrapper {
    min-width: 25px;
    vertical-align: baseline;
    display: inline-block;
    margin-right: 5px;
}
div.icon-wrapper p {
    text-align: center;
    padding: 0;
    margin: 0;
}
/* Navigation pane */

.navigationPane {
	padding: 0;
	z-index: 10;
	position: absolute;
	top: 3px;
	max-width: 500px;
	/*min-width: 400px;*/
	width: inherit;
	left: 70px;
	/* color: #fff; */
	/* background: rgba(38, 95, 163,0.5); */
	color: #4A4A4A;
	background: #fafafa;
	border: 1px solid rgba(0, 34, 51, 0.1);
	box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05), 2px 4px 10px 0 rgba(0, 34, 51, 0.05);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
}
.navigationPane > div {
	width: 100%;
}
.stateStatus {
    float: left;
    padding: 5px 10px;
}
.statusLabel {
    font-weight: 600;
}
.statusContainer .statusIcon {
	font-size:16px;
	margin-right: 6px;
	margin-left: 6px;
}
.statusContainer .statusMiniIcon {
	font-size	: 16px;
	margin-left: 6px;
	margin-right: 6px;
}
.totalsContainer div {
	margin		: 0px 5px 0px 10px;
	font-weight	: 600;
	float		: right;
}
.totalsContainer .labelTotal {
	float: left;
}
.statusContainer,
.totalsContainer {
	display: inline-block;
	/*width: 50%;*/
	line-height: 15px;
	/*padding: 5px 0;*/
}
.ui-widgetBox-state, .ui-widgetBox-state-margin	{
	border				: solid 1px #DCE1E6;
	border-top			: 0px;
	border-radius 		: 2px;
	-moz-box-shadow     : 0 1px 0 0 #D0D4D9;
	box-shadow          : 0 1px 0 0 #D0D4D9;
	background-color	: white;
	padding				: 5px 0px;
	margin				: 0px 0px 5px 0px;
 }
 .ui-widgetBox-state-margin {
	margin				: 0px 5px 10px 10px;
 }

/*
.navigationPane {
	display: none;
	max-height: 35px;
	padding: 0 0 10px 0;
	background-color: #EBF5FF;
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}*/
.navigationPane .frame {
	padding-top: 5px;
}
.navigationPane .dateDspControl,
.navigationPane .pageDspControl,
.navigationPane .pluginDspControl {
    vertical-align: top;
	white-space: nowrap;
}
.navigationPane .dateDspControl h1,
.navigationPane .statusDspControl h1,
.navigationPane .pageDspControl h1,
.navigationPane .pluginDspControl h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
}
.navigationPane .pageDspControl {
	padding-left: 30px;
    min-width: 275px;
    width: 1%;
}
.navigationPane .dateDspControl {
    min-width: 150px;
    width: 1%;
}
.navigationPane .statusDspControl {
    vertical-align: bottom;
    text-align: right;
    height: 30px;
}
.statusDspControl .grey { color: #D8D8D8; }
.statusDspControl .blue { color: #31466b; }
.statusDspControl .red { color: #FF1E00; }
.statusDspControl .green { color: #A5EC5E; }
.statusDspControl .orange { color: #FEA527; }
.statusDspControl .stateStatus {
    min-width: 350px;
}
.statusDspControl .statusLabel {
    font-size	: 22px;
    color		: #4A4A4A;
    /*float		: right;*/
}
.statusDspControl .statusMiniLabel {
    font-size	: 15px;
    color		: #4A4A4A;
    /*float		: right;*/
}
.statusDspControl .statusIcon {
    /*float: right;*/
    margin-right: 6px;
}
.statusDspControl .statusMiniIcon {
    /*float: right;*/
	font-size	: 16px;
    margin-left: 6px;
    margin-right: 6px;
}
.navigationPane .pluginDspControl {
    text-align: right;
    width: 97%;
    vertical-align: top;
	padding-right: 50px;
}
.navigationPane .pluginDspControl > table {
    width: 100%;
}
.pluginDspControl .topPanePluginContainer {
    min-width: 250px;
}
.pluginDspControl .totalsContainer {
    text-align: right;
    vertical-align: bottom;
}
.pluginDspControl .totalsContainer div > div {
    margin: 0 0 0 12px;
    float: right;
}
.pluginDspControl .totalsContainer .labelTotal {
    font-family : "Ubuntu";
    font-style	: normal;
    font-weight	: 300;
    font-size   : 12px;
    color       : #4a4a4a;
}
.pluginDspControl .totalsContainer .qtyTotal,
.pluginDspControl .totalsContainer .amtTotal {
    font-family : "Ubuntu";
    font-style	: normal;
   	font-weight	: 700;
    font-size   : 12px;
    color       : #4a4a4a;
}

.topPanePluginContainer .targetMin,
.topPanePluginContainer .targetMax {
    font-size: 12px;
    float: right;
    clear: both;
}
.topPanePluginContainer .targetOpt,
.topPanePluginContainer .currentTotal {
	float: left;
	vertical-align: bottom;
	font-size: 30px;
}

/* Select/dropdown styling */

.selectorMenu {
    background-color: #fafafa;
    padding: 8px 0 8px 20px;
    min-height: 30px;
    margin: 2px 0;
	white-space: nowrap;
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    min-width: 960px;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
	.selectorMenu .projectSelectContainer select {
		max-width: 176px;
	}
}

@media only screen and (max-width: 767px) {
	.selectorMenu .projectSelectContainer select {
		max-width: 186px;
	}
}


/* The CSS */
.viewSelector select,
.projectSelectContainer select {
    padding: 6px;
    margin: 0 0 1px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4a4a4a;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d0d4d9;
	font-size: 10pt;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .selectorMenu select { padding-right:18px; }
}
/* Targetting IE browsers for select box labels */
@media screen\0 {
	.projectSelectContainer select::-ms-expand { display: none; }
}

.projectSelectContainer label:hover:after,
.selectorMenu label:hover:after {
	background-color: #dadee3;
}
.selectorMenu label { position:relative; }
.projectSelectContainer label:after,
.selectorMenu label:after {
	margin: 0;
    content: '\f3d0';
    font-family: "Ionicons";
    color: #4a4a4a;
    font-size: 18px;
    line-height: 15px;
    height: 20px;
    width: 22px;
    right: 1px;
	/* chrome -8, ff -8, ie -20 */
	top: -8px;
    padding: 8px 0 0 12px;
    position: absolute;
    pointer-events: none;
    background-color: #edf0f2;
	border-top: 1px solid #d0d4d9;
	/*border-bottom: 1px solid #d0d4d9;*/
}

/* target edge */
@supports (-ms-ime-align:auto) {
	.projectSelectContainer label:after,
	.selectorMenu label:after {
		top: -20px;
	}
}
/* target ie9, ie10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.projectSelectContainer label:after,
	.selectorMenu label:after {
		top: -20px;
	}
}
/* target ff */
@-moz-document url-prefix() {
	.projectSelectContainer label:after,
	.selectorMenu label:after {
		top: -8px;
	}
}

/* Needs to come here after projectselectcontainer label:after */
.imageSelectOption label:after {
	position: relative;
	right: 36px;
	padding: 8px 12px 2px 12px;
	top: 6px;
}

/*div.selectorMenu div:first-child {*/
	/*padding-right: 30px;*/
/*}*/
.selectorMenu div:not(:first-child) {
	margin-right: 20px;
}
.selectorMenu div:first-child {
	margin-right: 20px;
}
div.viewSelector {
	padding-left: 15px;
}
div.viewSelector,
div.buttonDateSelector,
div.viewModeSelector,
div.projectSelectContainer {
	overflow: hidden;
}
div.viewModeSelector,
div.buttonDateSelector {
    /*width: 33%;*/
    margin-left: 10px;
}
div.projectSelectContainer {
    float: right;
}
div.customPageControlContainer,
div.customPageControlContainer div {
	float: left;
}
div.customPageControlContainer div {
	margin-right: 10px !important;
}

@media (max-width: 1320px) {
	/* If custom page controls are in use; make sure they drop with necessary padding and margins
		to the second line in the selectorMenu container when screen width < 1320px */
	/*
	div.customPageControlContainer {
		margin-left: 10px;
		padding-top: 10px;
	}
	*/
}
div.viewSelector,
div.viewModeSelector,
div.buttonDateSelector {
    float: left;
}
div.toolsContainer,
div.filterContainer {
    float: left;
/*	margin-right: 20px;*/
}
.selectButton {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 2px;
    margin: 0 10px 0 0;
    min-width: 34px;
    color: #4A4A4A;
    outline: none;
    text-align: center;
    font-weight: normal;
    background-color: #EDF0F2;
	border: 1px solid #d0d4d9;
	line-height: 20px;
}
.selectButton:hover {
    color: #4A4A4A !important;
    background-color: #dadee3 !important;
	text-decoration: none !important;
}
.selectButton i.icon {
	font-size: 14pt;
	margin: 0;
	padding: 0;
	min-width: 34px;
	color: #4A4A4A;
	line-height: 10px;
	vertical-align: top;
	text-align: center;
	font-weight: normal;
}

.projectSelectContainer table {
    padding: 0;
    margin: 0;
}
.projectSelectContainer td,
.viewSelector label {
    color: #4a4a4a;
}

#resource_selector tbody {
    display: none;
}

/* menu + header + sidebar styles */

#logoContainer {
	padding: 5px 0;
	white-space: nowrap;
	float: right;
/*	padding: 5px 0;
	margin: 0 auto;
	white-space: nowrap;
	max-width: 50px;*/
}
#moduleDateTitleContainer {
	padding: 4px 0;
	white-space: nowrap;
	text-align: center;
	float: left;
	max-width: 500px;
	margin-left: 10px;
}
#moduleDateTitleContainer div.moduleTitle,
#moduleDateTitleContainer div.moduleDate {
	display: inline-block;
}
#moduleDateTitleContainer div.moduleTitle h1 {
	font-size			: 13pt;
	font-weight			: 500;
	color				: #fff;
	display				: inline-block;
	line-height			: 25px;
	text-transform   	: uppercase;
}
#moduleDateTitleContainer div.moduleDate h2 {
	font-size			: 13pt;
	font-weight			: 500;
	display				: inline-block;
	color				: white;
	padding				: 0 0 0 50px;
	line-height			: 25px;
	text-transform   	: uppercase;
}
#moduleDateTitleContainer div.moduleDate h3 {
	font-size			: 13pt;
	font-weight			: 500;
	display				: inline-block;
	color				: white;
	padding				: 0 0 0 20px;
	line-height			: 25px;
	text-transform   	: uppercase;
}

#moduleStatusContainer {
	position: absolute;
	top: 80px;
	right: 0;
	min-height: 100px;
	max-width: 300px;
	font-family: sans-serif;
	padding: 1rem;
	margin: 1.5rem;
	background: white;
	box-shadow: 0 0 6px 2px rgba(0,0,0,.1);
	transition: all .2s ease;
	border-bottom: 2px solid transparent;
}
#moduleStatusContainer * {
	font-family: "Ubuntu Condensed", sans-serif;
}
#customerLogoContainer {
	/*padding: 7px 0;
	float: right;*/
	padding: 4px 0 0 0;
	margin: 0 auto;
	max-width: 250px;
}
#customerLogoContainer a {
    color: #ffffff;
    font-family: "Ubuntu", sans-serif;
    font-weight: 600;
    font-size: 10pt;
    text-transform: uppercase;
    vertical-align: bottom;
}
#logoImage {
	height: 20px;
	padding: 2px 0 0 5px;
}
#customerLogoImage {
	height: 20px;
	padding-left: 13px;
}
#customerLogoContainer img {
	max-width: 150px !important;
	object-fit: scale-down !important;
}
#XmainArea {
	width: 100%;
	height: 100%;
/*	padding-left: 10px;*/
	clear: both;
}
#headerModuleWrapper {
    margin: 0;
    width: 100%;
}
@media screen {
	.contentArea, #kpiContentArea {
		padding: 30px 25px 0 25px;
		/*height: 100%; Denis testing without height. This 100% height makes container smaller then content */
	}
}
i.icon {
    font-size: 20px;
}
i.icon.small {
	font-size: 16px;
	padding: 0 2px;
}
i.big-icon {
    font-size: 22px;
	margin: 5px 2px 5px 10px;
}
.menuIcon i.icon {
    font-size: 24px;
}
.menuIcon i.icon,
.menuAvatar i.icon {
    padding: 5px;
    vertical-align: bottom;
}
.alertIcon {
	margin-top: 3px;
}
.alertIcon i.icon {
	padding: 5px;
    vertical-align: bottom;
	font-size: 24px;
	color: white !important;
}

.menuIcon, .menuAvatar {
    color: white !important;
    height: 35px;
    width: 35px;
    vertical-align: middle;
    margin: 0 auto;
    float: left;
    white-space: nowrap;
	text-align: center;
    cursor: pointer;
}
/*.menuIcon {
	background-color: #31466b;
}*/
/*
.menuAvatar {
	background-color: #1d487D;
}
*/
.menuIcon:hover, .menuIcon.active {
	background-color: #fafafa;
	color: #31466b !important;
	transition: all ease 0.5s;
}
.alertIcon a,
.alertIcon a:hover {
    color: white !important;
    /*background-color: #1d487D;*/
    height: 35px;
    width: 35px;
    vertical-align: middle;
    margin: 0 auto;
    float: left;
    white-space: nowrap;
	text-align: center;
}
.menuAvatar,
.menuMessageAlertBox,
.menuSearchBox,
.menuTaskAlertBox {
	float: right;
}
.menuAvatar div.resInList {
    padding: 2px;
}
.menuAvatar .resourceInList-container {
    padding: 2px;
}
.menuAvatar .resourceInList-circle {
    float: left;
    height: 24px;
    width: 24px;
    border: solid 1px #fff;
    text-align: center;
    margin-right: 6px;
    background-size: cover;
    display: block;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
}
.menuAvatar .resourceInList-avatar {
    font-size: 11pt ;
    margin-top: 2px;
}

div.ui-empfront-maininfo-avatar {
	padding-left: 10px;
}
div.ui-empfront-maininfo-avatar .resourceInList-circle {
	float: left;
	height: 77px;
	width: 77px;
	border: 2px solid #fff;
	text-align: center;
	background-size: cover;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all ease .5s;
}
div.ui-empfront-maininfo-avatar div.resourceAvatarImageWrapper img {
	width: 77px !important;
	transition: all ease .5s;
}
div.ui-empfront-maininfo-avatar div.resourceInList-avatar {
	font-size: 50px;
	line-height: 63px;
}

#resourceAvatarContextMenu {
	height: 26px;
	width: 26px;
	border: solid 1px #fff;
	background-color: #31466b;
	display: block;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	margin-left: 68px;
	margin-top: 68px;
	cursor: pointer;
	position: absolute;
}
#resourceAvatarContextMenu i.ion-ios-camera-outline {
	font-size: 18pt;
	color: #fff;
	cursor: pointer;
}

.menuLoggedIn {
    float: left;
    padding: 15px 15px 0 0;
}
.header {
    margin: 0;
    background-color: #1E4C82;
    width: 100%;
    white-space: nowrap;
    overflow: visible;
	display:inline-block;
}
.blueheader {
    background-color: #31466b;
	/*background-image: linear-gradient(180deg, #31466b 0%, #1d487D 100%);*/
    padding: 0;
    margin: 0;
    width: 100%;
    height: 35px;
    float: left;
    white-space: nowrap;
    overflow: visible;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
.menuFrame {
    white-space: nowrap;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	display: none;
	z-index: 999;
	top:0px;
	overflow:hidden;
}
.menuWrapper {
    background-color: #fff;
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
    position: absolute;
	top: 35px;
    height: 100%;
	display: none;
}
#topRightHeader {
	/*background-color: #1d487D;*/
	height: 35px;
	min-width: 100px;
}
#topRightHeaderShort {
    width: 35px;
    /*background-color: #1d487D;*/
   	height: 35px;
}

/* Plugin column */

td.pluginColumn {
    padding: 15px 50px 0 15px;
    background-color: #fafafa;
    border-left: 1px solid #e4e4e4;
    vertical-align: top;
}
td.pluginColumn > * {
    background-color: white;
}

/* Notification badge */

.badge {
	background: radial-gradient( 1px -11px, circle, #f00094 2%, #f00094 25px );
	background: -moz-radial-gradient( 1px -11px, circle, #f00094 2%, #f00094 25px );
	background: -ms-radial-gradient( 1px -11px, circle, #f00094 2%, #f00094 25px );
	background: -o-radial-gradient( 1px -11px, circle, #f00094 2%, #f00094 25px );
	background: -webkit-radial-gradient( 1px -11px, circle, #f00094 2%, #f00094 25px );
	background-color: #f00094;
	border: 1px solid #f00094;
	border-radius: 12px;
	box-shadow: 1px 2px 0 #4A4A4A;
	color: white;
	height: 10px;
	padding: 1px 2px 1px 1px;
	text-align: center;
	min-width: 8px;
}

/* only needed for this sample */
.badge {
	float: right;
	top: -25px;
	left: 20px;
	margin-right: 17px;
	position: relative;
	font-size: 9px;
}

/* Resource in List */

.resourceInList-container {
    padding: 2px;
}
.resourceInList-circle {
    float:left;
    height:24px;
    width:24px;
    border:solid 1px #1E4C82;
    background-color:#31466b;
    text-align:center;
    margin-right:6px;
    background-size: cover;
    display: block;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
.resourceInList-avatar {
    margin-top:4px;
    color:#FFFFFF;
    font-family: "Ubuntu Condensed", sans-serif;
    font-size:14px;
    /* line-height: 16px; */
}

/* Various GUI changes - last-minute quick wins */

.small-icon {
    font-size: 16px !important;
}

tr.ubuntuResRow td {
    padding: 10px;
}
.ubuntuResSubRow td {
    padding: 5px 10px;
}
.ubuntuResName a {
  	font-style: normal;
  	font-weight: 300;
    font-size: 11pt;
}

.ubuntuStateChangeLog {
    padding: 10px 10px 10px 10px;
}
.ubuntuStateChangeLog,
.ubuntuStateChangeLog td,
.ubuntuStateChangeLog div,
.ubuntuStateChangeLog p {
   font-weight: 300;
   font-style : normal;
   font-size  : 10pt;
}
.ubuntuTeamRow td {
    border-bottom: solid 1px #DCE1E6;
}

/* Button styles */

.timegripButton
{
    background-color: #EDF0F2;
    position: relative;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    padding: 7px 20px;
    border: 0;
    margin: 0 10px 10px 0;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25) ;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25) ;
    cursor: pointer;
    color: #4A4A4A;
}

.timegripButton:hover
{
	background-color: #DCE1E6;
	color: #4A4A4A;
}

a.textButton {
    color: #31466b;
    padding: 0 10px;
    font-size: 9pt;
}
a.textButton:active {
    color: #1e4c82;
}
a.textButton:hover {
    text-decoration: underline;
    color: #235796;
}

/* Resman styles */
.resmanTable {
	width:100%;

}

.resmanTable th {
    text-align: left;
	padding:5px 10px;
}


.resmanTable tbody tr td {
    font-size: 10pt;
}

.resmanTable tbody tr td a {
	padding:10px 15px;
}
.resmanTable tbody tr td a:hover {
	color:#31466b;
}


.discrete {
    color: darkgray;
    font-size: x-small;
    /*font-weight: bold;*/
}

/** MARKDOWN STYLES BEGINS **/

div.markdown h1 { font-size: 22px; font-weight:500; }
div.markdown h2 { font-size: 19px; font-weight:400; margin-top: 20px; }
div.markdown h3 { font-size: 16px; font-weight:500; margin-top:10px; margin-bottom:10px; }
div.markdown pre {
	display: block;
	padding: 9.5px;
	margin: 15px 15px 15px 0px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 4px;
}
div.markdown code {
	font-family: monospace;
}

div.markdown ul, div.markdown ol {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.7;
}

div.markdown {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.42857143;
}

div.markdown ol {
	font-size:12px;
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 15px;
}

div.markdown p {
	margin-top:7px;
	margin-bottom:5px;
	line-height:1.75;
}
div.markdown table {
	border-collapse: collapse;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding	: 0;
	margin	: 10px 0px 10px 0px;  /* ejects outer border-spacing */
	border-color: transparent;
}
div.markdown th, div.markdown td {
	font-size: 11px;
	font-weight: 400;
}
/*
div.markdown thead {
	background-color: #fafafa;
}
*/
div.markdown th {
	font-size		: 10pt;
	font-weight		: 600;
	font-style		: normal;
	vertical-align  : middle ;
	text-transform  : uppercase ;
	background-color: #F8F8F8; /*#EBF5FF*/
}

div.markdown tr:nth-child(-n+2) {
	height: 30px;
}
div.markdown th {
	padding-left: 10px;
}
div.markdown tbody {
	background-color: #fff;
}
div.markdown tbody tr td {
	padding: 10px;
}
div.markdown td {
	font-size: 12px;
}
div.markdown tbody tr td a {
	font-size	: 12px;
	font-style	: normal;
	font-weight	: 400;
}
div.markdown tbody tr td {
	padding: 4px 10px 6px 10px;
}

div.markdown thead th, div.markdown thead th+th {
	border: 1px solid #DCE1E6;
}

div.markdown tbody tr:nth-child(2n+1) td+td {
	border-left: 1px solid #DCE1E6 ;
}
div.markdown tbody tr:nth-child(2n+1) td {
	background-color: #fff;
}
div.markdown tbody tr:nth-child(2n+2) td+td {
	border-left: 1px solid #DCE1E6 ;
}
div.markdown tbody tr:nth-child(2n+2) td {
	background-color: #FAFAFA;/*#EDF0F2;*/
}

div.markdown tbody tr td:first-child {
	padding-left: 10px;
	padding-right: 10px;
}
div.markdown tbody tr td:first-child,
div.markdown tbody tr td:nth-child(2),
div.markdown tbody tr td:first-child { border-left: 1px solid #DCE1E6 !important; }
div.markdown tbody tr td:last-child { border-right: 1px solid #DCE1E6 !important; }
div.markdown tr:last-child td {
	border-bottom: 1px solid #DCE1E6 !important;
}
div.markdown a {
	text-decoration: underline;
}
div.markdown img {
    margin			: 10px 10px 10px 10px;
    max-width		: 90%;
    background-color: white;
    box-shadow		: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/** MARKDOWN STYLES ENDS **/

table.outlineTable {
	border-spacing	: 4px;
}
table.outlineTable td, table.outlineTable th {
	padding			: 4px;
}
table.outlineTable th {
	border-bottom	: solid 1px #aaa;
}

/** NEW STYLES **/

/** NEW STYLES **/

.listTable tr.ui-list-group td {
	padding				: 5px 5px !important;
	border-top			: solid 1px #DCE1E6 ;
	background-color	: white !important;
	font-size			: 1.01em !important
}
table.ui-light-list tr.ui-list-group td {
	border-bottom	: 1px solid transparent !important;
	padding			: 5px 5px !important;
	font-size		: 1.01em !important
}

table.ui-light-list {
	border-spacing: 0;
}
table.ui-light-list th {
	line-height		: 42px;
	white-space		: nowrap;
	box-sizing		: border-box;
	padding			: 1px 9px 1px 13px;
	border-bottom	: 1px solid rgb(237, 235, 233);
	font-weight		: normal;
}
table.ui-light-list th {
	border-left: 1px solid #f8f8f9;
}

table.ui-light-list td {
	padding			: 5px 9px 9px 13px;
	border-bottom	: 1px solid rgb(237, 235, 233);
	background-color: white;
}
table.ui-light-list tbody tr:hover td {
	background-color: #FFEDF1 !important; /*#F1E6F8 !important; #e2b4b4*/
}
table.ui-light-list th i {
	font-size:17px;
	padding-left:5px;
	position: relative;
    top: 2px;
}
table.ui-light-list th small {
	font-size: smaller;
	line-height: normal;
	display: block;
	margin: -10px 0 10px 0;
}
table.ui-fat-list th i {
	font-size:17px;
	padding-left:5px;
	position: relative;
    top: 2px;
}
table.ui-light-list.r4x4 tbody tr:nth-child(8n+1) td+td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+2) td+td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+3) td+td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+4) td+td {
	border-left: 1px solid #f8f8f9;
}
table.ui-light-list.r4x4 tbody tr:nth-child(8n+1) td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+2) td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+3) td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+4) td {
	background-color: #fff;
}
table.ui-light-list.r4x4 tbody tr:nth-child(8n+5) td+td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+6) td+td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+7) td+td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+8) td+td {
	border-left: 1px solid #ffffff;
}
table.ui-light-list.r4x4 tbody tr:nth-child(8n+5) td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+6) td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+7) td,
table.ui-light-list.r4x4 tbody tr:nth-child(8n+8) td {
	background-color: #f8f8f9;
}

.reportTable {
    border-collapse: collapse;
    /*border-spacing: 2px 0;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: transparent;
}
.reportTable th,
.reportTable td {
    font-size: 11px;
    font-weight: 400;
}

.reportTable thead {
    position: sticky;
	top: 0;
}

.reportTable th {
    font-size       : 12px;
    font-style		: normal;
   	font-weight		: 600;
    vertical-align  : middle ;
    text-transform  : uppercase ;
}
.reportTable th.small {
    border-top: 0;
    font-size       : 11px;
    font-style		: normal;
   	font-weight		: 600;
    text-transform  : uppercase ;
}
.reportTable th.small .normal {
    font-style		: normal;
    font-size       : 10px;
   	font-weight		: 400;
    text-transform  : none ;
}

.reportTable tr:nth-child(-n+2) {
    height: 30px;
}
.reportTable th {
    background-color: #EBF5FF;
	border-right	: solid 1px white;
    font-size		: 10pt;
    font-weight		: 500;
}
.reportTable thead th.small {
    font-size		: 9pt;
}
.reportTable tbody {
    background-color: #fff;
}
.reportTable td.grp {
    font-weight: 600;
}

.reportTable tbody tr td {
    padding: 10px;
}

.reportTable tbody tr td a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.interactiveTable tr:last-child td {
    padding-bottom: 17px;
}

.myHover {
    background-color: #c2e0ff !important;
    border-color: #c2e0ff !important;
}

/* 4x4 rows alternating background+border colours */
.standardTable tbody:nth-child(2) tr:nth-child(odd) td+td {
    border-left: 1px solid #fafafa;
}
.standardTable tbody:nth-child(2) tr:nth-child(odd) td {
    background-color: #ffffff;
}
.standardTable tbody:nth-child(2) tr:nth-child(even) td+td {
    border-left: 1px solid #ffffff;
}
.standardTable tbody:nth-child(2) tr:nth-child(even) td {
    background-color: #EDF0F2;
}

.kpiTable {
    padding: 0;
    /*border-spacing: 1px 0;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	/*box-sizing:border-box;*/
    /*margin: 30px 10px 10px 10px;    /* ejects outer border-spacing */
    width: 100%;    /* in case content is too short */
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.25);
    border-collapse: collapse;
    border-color: transparent;
}

#kpiHeadings td:first-child {
    border: 0;
}

.kpiTable thead th,
.kpiTable thead tr th.small:nth-child(-n+2),
.kpiTable thead tr th.small:last-child {
    border: 1px solid #DCE1E6;
}
.kpiTable thead tr th:not(:last-child),
.kpiTable thead tr th.small:not(:last-child) {
    border-right: 0;
}
.kpiTable tr.grouprow td.grp {
    padding: 8px 0 6px 10px ;
    font-size: 14px;
    font-weight: 600;
}
.kpiTable tr td.bld {
	font-weight: bold !important;
}
.kpiTable tr th.hidden,
.kpiTable tr td.hidden {
	display: none;
}
.kpiTable tr.grouprow td.sum {
    background-color: #EBF5FF;
	border: 1px solid #d0d4d9;
}
.kpiTable tr.grouprow td.sum:last-child {
	border-right: 1px solid #ebf5ff;
}
/* 4x4 rows alternating background+border colours */
.kpiTable tbody tr:nth-child(8n+1) td+td,
.kpiTable tbody tr:nth-child(8n+2) td+td,
.kpiTable tbody tr:nth-child(8n+3) td+td,
.kpiTable tbody tr:nth-child(8n+4) td+td {
    border-left: 1px solid #fafafa;
}
.kpiTable tbody tr:nth-child(8n+1) td,
.kpiTable tbody tr:nth-child(8n+2) td,
.kpiTable tbody tr:nth-child(8n+3) td,
.kpiTable tbody tr:nth-child(8n+4) td {
    background-color: #ffffff;
}
.kpiTable tbody tr:nth-child(8n+5) td+td,
.kpiTable tbody tr:nth-child(8n+6) td+td,
.kpiTable tbody tr:nth-child(8n+7) td+td,
.kpiTable tbody tr:nth-child(8n+8) td+td {
    border-left: 1px solid #ffffff;
}
.kpiTable tbody tr:nth-child(8n+5) td,
.kpiTable tbody tr:nth-child(8n+6) td,
.kpiTable tbody tr:nth-child(8n+7) td,
.kpiTable tbody tr:nth-child(8n+8) td {
    background-color: #EDF0F2;
}
.kpiTable tbody tr td {
    padding: 4px 0 6px 0;
}
.kpiTable tbody tr td:first-child {
    border-left: 1px solid #DCE1E6;
    padding-left: 10px;
}
.kpiTable tbody tr td:first-child,
.kpiTable tbody tr td:nth-child(2),
.kpiTable tbody tr td a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-right: 4px;
}
.kpiTable thead tr:first-child th:last-child,
.kpiTable thead tr th.small:last-child,
.kpiTable tbody tr td:last-child {
    border-right: 1px solid transparent;
/*    -moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);
   	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);*/
}
/*.kpiTable tbody tr:last-child td:not(:last-child) {*/
/*.kpiTable {
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
   	box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
}*/
.kpiTable td.row1,
.kpiTable td.row2 {
    background: none;
    border-bottom-color: transparent;
}
.kpiTable tbody td.cnt {
    text-align: center;
    padding: 0 2px 0 4px;
}
.kpiTable tbody td.rgt,
.kpiTable tbody td.tot {
    text-align: right;
    padding: 0 2px 0 4px;
}
.kpiTable tbody tr td a {
    text-decoration: underline;
}

/* End KPI report styles */

/* Print Styled Tables */

.printTable {
	border-collapse: collapse;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: transparent;
}
.printTable th,
.printTable td {
	font-size: 12px;
}
.printTable thead {
	background-color: #fff;
	border-bottom: solid 1px #d0d4d9;
}
.printTable thead th,
.printTable thead th.small,
.printTable thead th+th {
	border: 1px solid #DCE1E6;
}
.printTable thead th.small {
	text-transform: none;
}

.printTable th {
	vertical-align  : middle ;
	text-transform  : uppercase ;
	text-align      : left;
	padding-left    : 10px;
}
.printTable th.small {
	border-top      : 0;
	text-transform  : uppercase ;
	text-align      : left;
	padding-left    : 10px;
}
.printTable th.small .normal {
	text-transform  : none ;
	text-align      : left;
	padding-left    : 10px;
}

.printTable tr:nth-child(-n+2) {
	height: 30px;
}
.printTable th {
	background-color: #EBF5FF;
	font-size: 10pt;
	font-weight: bold;
}
.printTable thead th.small {
	font-size: 9pt;
}
.printTable tbody {
	background-color: #fff;
}
.printTable td.grp {
	font-weight: bold;
}

.printTable tbody tr td {
	padding: 10px;
	border-bottom: 1px solid black;
}
.printTable tbody tr.narrow td {
	padding: 2px 10px;
}

.printTable tbody tr td a {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}

/* 4x4 rows alternating background+border colours */
.printTable tbody tr:nth-child(2n+2) td+td {
	border-left: 1px solid #ffffff;
}
.printTable tbody tr:nth-child(2n+2) td {
	background-color: #fafafa;
}
.printTable tbody tr:nth-child(2n+1) td+td {
	border-left: 1px solid #fafafa;
}
.printTable tbody tr:nth-child(2n+1) td {
	background-color: #ffffff;
}
.printTable tbody tr td:first-child {
	border-left: 1px solid #DCE1E6;
	padding-left: 10px;
}
.printTable tbody tr td:last-child {
	border-right: 1px solid #DCE1E6;
}

@media print {
	.printTable th {
		background-color: #fafafa;
		font-size: 10pt;
		font-weight: bold;
	}
	/* 4x4 rows alternating background+border colours */
	.printTable tbody tr:nth-child(2n+2) td+td {
		border-left: 1px solid #ffffff;
	}
	.printTable tbody tr:nth-child(2n+2) td {
		background-color: #fafafa;
	}
	.printTable tbody tr:nth-child(2n+1) td+td {
		border-left: 1px solid #fafafa;
	}
	.printTable tbody tr:nth-child(2n+1) td {
		background-color: #ffffff;
	}
}

/* List Edit Control Tables (e.g. project and customer relation, etc.) */

.listEditControlsTable {
	border-collapse: collapse;
	/*border-spacing: 2px 0;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: transparent;
}
.listEditControlsTable th,
.listEditControlsTable td {
	font-size: 14px;
	font-weight: 400;
}
.listEditControlsTable thead {
	/*background-color: #fafafa;*/
	border-bottom: solid 1px #d0d4d9;
}

.listEditControlsTable th {
	font-size       : 12px;
	font-style		: normal;
	font-weight		: 600;
	vertical-align  : middle ;
	text-transform  : uppercase ;
	text-align      : left;
	padding-left    : 10px;
}
.listEditControlsTable th.small {
	border-top      : 0;
	font-size       : 11px;
	font-style		: normal;
	font-weight		: 600;
	text-transform  : uppercase ;
	text-align      : left;
	padding-left    : 10px;
}
.listEditControlsTable th.small .normal {
	font-style		: normal;
	font-size       : 10px;
	font-weight		: 400;
	text-transform  : none ;
	text-align      : left;
	padding-left    : 10px;
}

.listEditControlsTable tr:nth-child(-n+2) {
	height: 30px;
}
.listEditControlsTable th {
	background-color: #fff;
	font-size: 10pt;
	font-weight: 600;
}
.listEditControlsTable thead th.small {
	font-size: 9pt;
}
.listEditControlsTable tbody {
	background-color: #fff;
}
.listEditControlsTable td.grp {
	font-weight: 600;
}

.listEditControlsTable tbody tr td {
	padding: 10px;
}
.listEditControlsTable tbody tr.narrow td {
	padding: 2px 10px;
}

.listEditControlsTable tbody tr td a {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}

.listEditControlsTable td.blue {
	color: #31466b;
}

/* 4x4 rows alternating background+border colours */
.listEditControlsTable tbody tr:nth-child(2n+1) td+td {
	border-left: 1px solid #ffffff;
}
.listEditControlsTable tbody tr:nth-child(2n+1) td {
	background-color: #EBF5FF;
}
.listEditControlsTable tbody tr:nth-child(2n+2) td+td {
	border-left: 1px solid #EBF5FF;
}
.listEditControlsTable tbody tr:nth-child(2n+2) td {
	background-color: #ffffff;
}

/* 2x2 rows alternating background+border colours */
.listEditControlsTable.r2x2 tbody tr:nth-child(4n-2) td + td,
.listEditControlsTable.r2x2 tbody tr:nth-child(4n-3) td + td {
	border-left: 1px solid #ffffff;
}

.listEditControlsTable.r2x2 tbody tr:nth-child(4n-2) td,
.listEditControlsTable.r2x2 tbody tr:nth-child(4n-3) td {
	background-color: #EBF5FF;
}

.listEditControlsTable.r2x2 tbody tr:nth-child(4n) td + td,
.listEditControlsTable.r2x2 tbody tr:nth-child(4n-1) td + td {
	border-left: 1px solid #EBF5FF;
}

.listEditControlsTable.r2x2 tbody tr:nth-child(4n) td,
.listEditControlsTable.r2x2 tbody tr:nth-child(4n-1) td {
	background-color: #ffffff;
}

/* List / overview tables */

.listTableControls {
    background-color: #fff;
    padding: 15px 15px 0 15px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}
.listTableControls a {
    text-decoration: underline;
}
/*
.listTableControls table {
    padding: 10px;
}
*/
.listTableHighlightRow tr:hover td {
    background-color: #c2e0ff !important;
    border-color: #c2e0ff !important;
}

.listTable {
    padding: 0;
    /*border-spacing: 1px 0;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 30px -10px 0 10px;  /* ejects outer border-spacing */
    /*min-width: 98%;*/             /* in case content is too short */
    border-color: transparent;
}
.listTable thead th,
.listTable thead th.small,
.listTable thead th+th {
    border: 1px solid #DCE1E6;
}
.listTable thead th.small {
    text-transform: none;
}
.listTable tfoot td {
	font-size: 16px;
}
.listTable tr.grouprow td.grp {
    padding: 8px 0 6px 10px ;
    font-size: 14px;
    font-weight: 600;
}
.listTable tr.grouprow td.sum:last-child {
	border-right: 1px solid #ebf5ff;
}

.listTable tbody tr:nth-child(2n+1) td+td {
    border-left: 1px solid #fff;
}
.listTable tbody tr:nth-child(2n+1) td {
    background-color: #fff;
}
.listTable tbody tr:nth-child(2n+2) td+td {
    border-left: 1px solid #fff;
}
.listTable tbody tr:nth-child(2n+2) td {
    background-color: #EDF0F2;
}

.listTable.r4x4 tbody tr:nth-child(8n+1) td+td,
.listTable.r4x4 tbody tr:nth-child(8n+2) td+td,
.listTable.r4x4 tbody tr:nth-child(8n+3) td+td,
.listTable.r4x4 tbody tr:nth-child(8n+4) td+td {
	border-left: 1px solid #fff;
}
.listTable.r4x4 tbody tr:nth-child(8n+1) td,
.listTable.r4x4 tbody tr:nth-child(8n+2) td,
.listTable.r4x4 tbody tr:nth-child(8n+3) td,
.listTable.r4x4 tbody tr:nth-child(8n+4) td {
	background-color: #fff;
}
.listTable.r4x4 tbody tr:nth-child(8n+5) td+td,
.listTable.r4x4 tbody tr:nth-child(8n+6) td+td,
.listTable.r4x4 tbody tr:nth-child(8n+7) td+td,
.listTable.r4x4 tbody tr:nth-child(8n+8) td+td {
	border-left: 1px solid #fff;
}
.listTable.r4x4 tbody tr:nth-child(8n+5) td,
.listTable.r4x4 tbody tr:nth-child(8n+6) td,
.listTable.r4x4 tbody tr:nth-child(8n+7) td,
.listTable.r4x4 tbody tr:nth-child(8n+8) td {
	background-color: #EDF0F2;
}

.listTable tbody tr td {
    padding: 4px 3px 6px 3px;
}
.listTable tbody tr td:first-child {
    padding-left: 10px;
}
.listTable tbody tr td:first-child,
.listTable tbody tr td:nth-child(2),
.listTable tbody tr td a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.listTable tr td.singleline:first-child,
.listTable tbody tr td:first-child { border-left: 1px solid #DCE1E6 !important; }
.listTable tr td.singleline:last-child,
.listTable tbody tr td:last-child { border-right: 1px solid #DCE1E6 !important; }
.listTable tr:last-child td {
    border-bottom: 1px solid #DCE1E6 !important;
}
.listTable td.fatline,
.listTable td.singleline {
    border: 0 !important;
    background: none;
}
.listTable tbody td.rightAlign {
	text-align: right;
	padding-right: 6px;
}
.listTable tbody td.rgt,
.listTable tbody td.tot {
    text-align: center !important ;
}
.listTable tbody td.tot,
.listTable tbody td.bld {
    font-weight: 600 !important;
}
.listTable a {
    text-decoration: underline;
}
.listTable td {
    font-size: 12px;
}

.listTable tr.grouprow td.grp,
.listTable td.grp {
    white-space     : nowrap;
}
.listTable tr.grouprow td.sum {
    background-color: #EBF5FF;
	border: 1px solid #d0d4d9;
}


/* End report list styles */

.allocationTable {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.allocationTable td.pageContent {
	width: 100%;
	background-color: #fff;
	padding-bottom: 30px;
}
.allocationTable td.pluginColumn {
	border: 0;
}
.allocationTable td.snippetColumn {
	border: 0;
	background-color: #fafafa;
	padding: 10px 0 0 10px;
}
.pageContent {
	border: 0;
	-moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);
}

div.content {
    margin: 20px 0 0 10px;
}

#snippetHeader, .bottomTabGroup {
	width: 100%;
    margin: 0 auto;
    height: 33px;
    background: #EDF0F2;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}
#snippetContent {
	padding: 5px 0;
	clear: left;
}

#snippetHeader a:first-child, .bottomTabGroup a:first-child {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}
.statLink:hover,
.statLink.active
{
	background-color: #DCE1E6;
	color: black;
}
.statLink {
   background-color: #EDF0F2;
   position: relative;
   text-align: center;
   color: black !important;
   font-weight: 500;
   font-size: 9pt;
   min-width:96px; /* Gives a min of 110px inc padding */
   padding: 10px 7px;
   border: 0;
   display: block;
   float: left;
   cursor: pointer;
   text-decoration: none !important;
}

/* Disables blue outline highlight that some jQuery UI components use */
.ui-state-focus {
    outline: none;
}
.weekOverviewTable tr:hover td,
.monthOverviewTable tr:hover td ,
.yearOverviewTable tr:hover td {
	background-color: #c2e0ff !important;
}

.weekOverviewTable,
.monthOverviewTable,
.yearOverviewTable {
    border-collapse: collapse;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    background-color: #ffffff;
    border-color: transparent;
    margin-bottom: 10px;
}
.weekOverviewTable .weekNoHeadings th,
.weekOverviewTable .dataHeadings th,
.monthOverviewTable .weekNoHeadings th,
.monthOverviewTable .dataHeadings th,
.yearOverviewTable .weekNoHeadings th,
.yearOverviewTable .dataHeadings th {
    border-color: transparent;
}
.weekOverviewTable .dataHeadings th + th,
.monthOverviewTable .dataHeadings th + th,
.yearOverviewTable .dataHeadings th + th {
    border-left: 1px solid #ffffff;
}
.weekOverviewTable .dataHeadings th,
.monthOverviewTable .dataHeadings th {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    padding: 3px 5px;
}
.yearOverviewTable .dataHeadings th {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    padding: 10px 5px 5px 5px;
}
.weekOverviewTable .dspLabelHeader,
.monthOverviewTable .dspLabelHeader,
.yearOverviewTable .dspLabelHeader {
    margin: 10px 15px 0 15px;
    text-align: right;
    height: 46px;
}
.weekOverviewTable .dspLabelHeader div.headingLabel,
.monthOverviewTable .dspLabelHeader div.headingLabel,
.yearOverviewTable .dspLabelHeader div.headingLabel {
    font-size: 9pt;
    text-align: right;
}
.weekOverviewTable .dspPlanHeader,
.monthOverviewTable .dspPlanHeader,
.yearOverviewTable .dspPlanHeader {
    margin: 10px 15px 0 15px;
}
.weekOverviewTable .dspPlanHeader a,
.monthOverviewTable .dspPlanHeader a,
.yearOverviewTable .dspPlanHeader a {
    font-size: inherit;
}
.weekOverviewTable tr.rowgroup td + td,
.monthOverviewTable tr.rowgroup td + td,
.yearOverviewTable tr.rowgroup td + td {
    border: 1px solid #ffffff;
}
.weekOverviewTable tr.rowgroup td,
.monthOverviewTable tr.rowgroup td,
.yearOverviewTable tr.rowgroup td {
    background-color: #ffffff;
}
.weekOverviewTable tr.rowgroup td.ui-sum-column,
.monthOverviewTable tr.rowgroup td.ui-sum-column,
.yearOverviewTable tr.rowgroup td.ui-sum-column {
	background-color: #E3F7Ef;
}

.weekOverviewTable tr.rowgroup td.grp,
.monthOverviewTable tr.rowgroup td.grp,
.yearOverviewTable tr.rowgroup td.grp {
    padding: 8px 0 6px 10px ;
    font-size: 14px;
    font-weight: 600;
    border-color: transparent;
}
.weekOverviewTable .row1 td + td,
.monthOverviewTable .row1 td + td,
.yearOverviewTable .row1 td + td {
    border: 1px solid #EBF5FF;
}
.weekOverviewTable .row1 td,
.monthOverviewTable .row1 td,
.yearOverviewTable .row1 td {
    background-color: #fff;
}
.weekOverviewTable .row2 td + td,
.monthOverviewTable .row2 td + td,
.yearOverviewTable .row2 td + td {
    border: 1px solid #fff;
}
.weekOverviewTable .row2 td,
.monthOverviewTable .row2 td,
.yearOverviewTable .row2 td {
    background-color: #EBF5FF;
}
.weekOverviewTable .row1 td:first-child,
.weekOverviewTable .row2 td:first-child,
.monthOverviewTable .row1 td:first-child,
.monthOverviewTable .row2 td:first-child,
.yearOverviewTable .row1 td:first-child,
.yearOverviewTable .row2 td:first-child {
    border-left: 0;
    border-color: transparent;
}
.weekOverviewTable .row1 td:last-child,
.weekOverviewTable .row2 td:last-child,
.monthOverviewTable .row1 td:last-child,
.monthOverviewTable .row2 td:last-child,
.yearOverviewTable .row1 td:last-child,
.yearOverviewTable .row2 td:last-child {
    border-right: 0;
}

.weekOverviewTable tbody:last-child td:not(.singleline),
.monthOverviewTable tbody:last-child td:not(.singleline),
.yearOverviewTable tbody:last-child td:not(.singleline) {
    border: 0;
}
.yearOverviewTable tr.singleline,
.yearOverviewTable tr.singleline td {
    border: 0;
}

.monthOverviewTable td.ui-sum-column {
	background-color: #E3F7Ef;
}
.weekOverviewTable td.ui-sum-column {
	background-color: #E3F7Ef;
}

.monthOverviewTable .ubuntuResSubRow tr.dashedline td {
	border-bottom: 1px solid #cccccc !important;
}

/* Context sensitive notification area */
#contextHelpIcon {
    float: right;
    /*margin-right: 10px;*/
    display: none;
    cursor: pointer;
}
#contextHelpBox {
    margin: 20px 25px 0 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 80px;
    border: 1px solid #4a4a4a;
    background-color: #fff;
}
.contextCloseBtn {
    float: right;
    padding: 15px 0 0 5px;
}
.contextIcon {
    background-color: #4a4a4a;
    margin: 0 auto;
    width: 30px;
    vertical-align: middle;
    height: 80px;
    display: table-cell;
    line-height: 80px;
    text-align: center;
}
.contextIcon i.icon {
    color: #ffffff;
}
.contextMsg {
    display: table-cell;
    padding: 5px;
    font-size: 12px;
}

#reportFilterControls tr td:first-child {
    padding-right: 35px;
}
#reportFilterControls td {
    padding: 0 4px 10px 0;
}

@media only screen {
	div.ui-report-frame {
		background-color: #fafafa;
		position		: absolute;
		top				: 135px;
		width			: 100%;
		bottom			: 0px;
		padding			: 0px;
	}
	div.ui-report-wrapper {
		padding			: 15px 25px 0px 25px;
	}
}

.ui-profile-info {
	min-height			: 200px;
	background-color	: #FFFFFE;
	-webkit-box-shadow	: 0 0 5px #B2BBC6;
	box-shadow			: 0 0 5px #B2BBC6;
	margin				: 10px 10px 10px 10px;
	padding				: 10px;
	transition			: height 0.25s ease-in;
}
.ui-profile-info.minimized {
	min-width: 900px;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	margin: 10px 0 0 10px;
	min-height: auto;
	max-height: 60px !important;
	overflow: hidden;
	transition: height 0.2s ease-out;
}

.myPageHeader {
	min-width: 900px;
	min-height: 200px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	margin: 10px 10px 0 10px;
	transition: height 0.25s ease-in;
}
.myPageHeader.minimized {
	min-width: 900px;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	margin: 10px 10px 0 10px;
	min-height: auto;
	max-height: 60px !important;
	overflow: hidden;
	transition: height 0.2s ease-out;
}

.myPageProfilePic {
	padding: 15px 0;
	width: 15%;
	display: table-cell;
	border-right: 1px solid #eaeaea;
	vertical-align: top;
}
.myPageProfilePic.minimized {
	padding: 0.5em 0;
	/*width: 10%;*/
}
.deptCardGeoHeader {
	padding: 15px 0;
	min-width: 200px;
    display: table-cell;
	float: right;
    vertical-align: top;
}
/*
.myPageProfilePic div.userProfileAvatar,
.deptCardGeoHeader div.projectGeoMap {
}
*/
.myPageProfileDetails {
	vertical-align: top;
	padding: 10px 0 0 10px;
	min-height: 180px;
	float: left;
}
.deptCardDetails {
    vertical-align: top;
    padding: 10px 10px 0 10px;
    min-height: 180px;
	float: left;
}
.myPageProfileDetails.minimized {
	max-height: 60px !important;
	overflow: hidden;
	float: left;
}
.deptCardDetails {
	float: left;
}
.myPageProfileExtended,
.deptCardExtended {
    vertical-align: top;
    padding: 0 10px;
}
.myPageProfileDetails td,
.myPageProfileDetails a,
.myPageProfileExtended td,
.myPageProfileExtended a,
.deptCardDetails td,
.deptCardDetails a,
.deptCardExtended td,
.deptCardExtended a {
    font-size: 9pt;
}
.myPageProfileDetails strong,
.myPageProfileExtended strong,
.deptCardDetails strong,
.deptCardExtended strong {
    color: #4A4A4A;
}
.myPageProfileDetails a,
.myPageProfileExtended a,
.deptCardDetails a,
.deptCardExtended a {
    text-decoration: underline;
}
.myPageArea {
	min-width: 900px;
	margin: 10px 10px 0 10px;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	clear: left;
}
.ui-tab-container {
	margin				: 20px 10px 10px 10px;
	-webkit-box-shadow	: 0 0 5px #B2BBC6;
	box-shadow			: 0 0 5px #B2BBC6;
}
.deptCardArea {
    min-width: 890px;
    margin: 10px 0 0 10px;
    float: left;
    clear: left;
}
.tabHeader {
    background-color: #EDF0F2;
}
.tabHeader > div {
	display: inline-block;
	/* IE fix. */
	/*display: inline;*/
	zoom: 1;
    vertical-align: top;
    border-right:1px solid #dce1e6;
}
.tabHeader:after {
    content: '';
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.tabHeader .tabActive {
    background-color: #DCE1E6;
}
.myPageContent {
    background-color: #fff;
}

.myPageProfilePic .userProfileAvatar .resourceInList-avatar {
    font-size: 34pt;
    line-height: 84px;
}
.myPageProfilePic.minimized .userProfileAvatar .resourceInList-avatar {
	font-size: 1.5em;
	line-height: 1.5em;
}
.myPageProfilePic .userProfileAvatar .resourceInList-container {
    padding: 2px 10px;
}
.myPageProfilePic .userProfileAvatar .resourceInList-circle {
    float: left;
    height: 96px;
    width: 96px;
    border: solid 1px #1E4C82;
    background-color: #31466b;
    text-align: center;
    margin-right: 6px;
    background-size: cover;
    display: block;
    border-radius: 64px;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    margin-left: 10px !important;
	transition: all 0.25s ease-out;
}
.myPageProfilePic.minimized .userProfileAvatar .resourceInList-circle {
	height: 3em;
	width: 3em;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	margin-left: 30px !important;
	transition: all 0.2s ease-in;
}
.myPageProfileExpand {
	float: right;
	vertical-align: top;
	margin-top: 10px;
}
.myPageProfileExpandCtrl {
	float: right;
	margin-right: 33px;
	cursor: pointer;
}
/*
.myPageProfileExpandCtrl.minimized {
	margin-right: -85px;
}
*/
.myPageProfileExpandCtrl i.icon {
	font-size: 24px;
	color: #31466b;
	cursor: pointer;
}
.myPageProfileExpandCtrl i.icon.selected {
	color: #D0D4D9;
}
.myPageProfileGradient {
	width: 100%;
	height: 25px;
	margin-top: 35px;
	position: relative;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
tr.header-plugin:not(:first-child) td {
  padding-bottom: 10px;
}
tr.header-plugin td,
tr.header-plugin a {
    font-size: 12px;
}
tr.header-plugin td.wmRefText,
tr.header-plugin td.ohRefText {
    text-align: right;
}

table.wmPlugin td.wmDegrees,
table.wmPlugin td.wmSymbol {
	color: #9b9b9b ;
}
table.wmPlugin td.wmSymbol img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* Historical Figures plugin styles */

.ssbw-content th {
	font-family: 'Ubuntu Condensed';
	font-weight: 400;
}
.ssbw-content tr:nth-last-child(2) td {
    border-bottom: 1px solid #EDF0F2;
    padding-bottom: 5px;
}
.ssbw-content tr:last-child td {
    border-bottom: 1px solid #EDF0F2;
    background-color: #ffffff !important;
    padding: 5px 0;
}
.ssbw-content tr:nth-child(8n+1) td,
.ssbw-content tr:nth-child(8n+2) td,
.ssbw-content tr:nth-child(8n+3) td,
.ssbw-content tr:nth-child(8n+4) td {
    background-color: #EDF0F2;
}
.ssbw-content tr:nth-child(8n+5) td,
.ssbw-content tr:nth-child(8n+6) td,
.ssbw-content tr:nth-child(8n+7) td,
.ssbw-content tr:nth-child(8n+8) td {
    background-color: #ffffff;
}
.ssbw-content tr td:not(:first-child) {
	text-align		: right;
    color			: #31466b;
	padding-right	: 2px;
}
.ssbw-content td.ssbw-value.cnt {
    text-align: center;
}

/* Loading symbol */
/* Spinning Downloading*/
.three-bounce {
	position: relative;
	margin: 0 auto;
	width: 80px;
	text-align: center;
	padding: 10px 0;
	/*background-color: transparent;*/
}

.three-bounce .sk-child {
	width: 10px;
	height: 10px;
	background-color: #1D4B81;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: three-bounce 1.4s ease-in-out 0s infinite both;
	animation: three-bounce 1.4s ease-in-out 0s infinite both;
}

.three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes three-bounce {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes three-bounce {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* Generic uploader styles */
#resourceImportWrapper > div {
	margin: 2px 5px;
}
#resourceImportWrapper div.uploadArea {
	min-height: 300px;
	width: 49%;
	padding: 0;
	float: left;
	border: 1px solid #fff;
}

#resourceImportWrapper div.resultArea {
	min-height: 250px;
	max-height: 300px;
	overflow: auto;
	width: 49%;
	padding: 0;
	float: left;
}

#resourceImportWrapper div.previewArea {
	min-height: 250px;
	max-height: 350px;
	width: 98%;
	clear: both;
	float: left;
}

#resourceImportWrapper div.previewResult {
	overflow: hidden;
	overflow-y: scroll;
	overflow-x: auto;
	max-height: 340px;
	width: 100%;
}
#resourceImportWrapper .previewTable {
	margin: 0;
}
#resourceImportWrapper .previewTable tr th {
	cursor: pointer;
}
#resourceImportWrapper div a.windowLabel {
	border: 1px solid rgba(255,255,255,0);
	background: rgba(243,245,246,.8);
	display: inline-block;
	top: 5px;
	right: 5px;
	text-align: center;
	font-size: 11px;
	border-radius: 20px;
	z-index: 30;
	color: #7f94a1;
	line-height: 23px;
	padding: 0 7px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-ms-transition: all .1s;
	transition: all .1s;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.uploadForm { /* Styling div container of drag'n'drop upload zone */
	margin: 10px auto;
	width: 80%;
}

.uploadForm .box {
	font-size: 16px;
	background-color: #ffffff;
	position: relative;
	padding: 70px 20px;
	max-width: 560px;
	min-width: 300px;
	text-align: center;
}

.uploadForm .box.has-advanced-upload {
	background-color: #EBF5FF;
	outline: 2px dashed gray;
	outline-offset: -10px;
}

.uploadForm .box.has-advanced-upload .box__dragndrop {
	display: inline;
}

.uploadForm .box__dragndrop,
.uploadForm .box__uploading,
.uploadForm .box__success,
.uploadForm .box__error {
	display: none;
}

.uploadForm .box__choose {
	cursor: pointer;
	font-weight: 600;
}

.uploadForm .box__filelist ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.uploadForm .box__filelist ul li img {
	max-width: 300px;
}

.uploadForm .box.is-dragover {
	background-color: grey;
}

.uploadForm .box.is-uploading .box__input {
	visibility: hidden;
}

.uploadForm .box.is-uploading .box__uploading {
	display: block;
}

.uploadForm .box__button {
	display: block;
	padding: 8px 16px;
	margin: 20px auto 0;
}

.uploadForm .no-js .box__button {
	display: block;
}

.uploadForm .box__file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.uploadForm .srcDocumentList {
	margin-top: 10px;
}

/* PROTOTYPE - HINT ICON */

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}
.input-group-addon,
.input-group-btn,
.form-control {
	display: table-cell;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102,175,233,.6);
}

.input-group-btn {
	position: relative;
	font-size: 0;
}
/* Special case for drop-down lists (SELECT) */
.input-group.list .input-group-btn {
	vertical-align: top;
	right: 30px;
}
.input-group-addon, .input-group-btn {
	width: 1%;
	vertical-align: middle;
}
.input-group-btn .btn {
	display: inline-block;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.1em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	outline: 0;
	border: 1px solid transparent;
}

.input-group-btn:last-child>.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	z-index: 2;
	margin-left: -38px;
}
.input-group-btn>.btn {
	position: relative;
}
.input-group-btn:last-child>.btn-custom {
	z-index: 2;
	margin-left: -22px;
}
.input-group-btn .btn-default {
	text-transform: none;
	border-radius: 0;
}
.btn-default.button-info-hint {
	padding: 5px 8px;
	color: inherit;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default.select-button-info-hint {
	padding: 3px 8px;
	color: inherit;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default.button-info-hint-noborder {
	padding: 4px 8px;
	color: inherit;
	background-color: #fff;
}
.input-group .hint-icon {
	display: inline-block;
	color: #31466b;
}
button.button-info-hint:hover {
	background-color: #EDF0F2;
}
.hint-tipbox {
	max-width: 280px;
	font-size: small;
	line-height: 1.3em;
	overflow-y: auto;
	max-height: 430px;
	margin: 8px 0;
}
.input-group-btn div.hidden {
	display: none;
}
.input-group-btn.round {
	vertical-align: middle !important;
	right: 0 !important;
}
.input-group-btn.round:last-child>.btn,
.input-group-btn.round:last-child>.btn-group {
	z-index: 2;
	margin-left: 0;
}
.input-group-btn.round .btn-default {
	text-transform: none;
	border-radius: 50%;
	border-top-left-radius: 50% !important;
	border-bottom-left-radius: 50% !important;
	background-color: transparent;
}


/* AUTO COMPLETE SELECT COMBO BOX */
.autocomplete-select {
	position: relative;
	display: flex;
	/*display: inline-block;*/
}
.autocomplete-select-input {
	margin: 0;
	padding: 5px 10px;
	font-size: 11pt !important;
	box-sizing: border-box;
}
.autocomplete-select-label {
	cursor: pointer;
	float: right;
	width: 32px;
	height: 30px;
}
.autocomplete-select-label:after {
	margin: 0;
	content: '\f3d0';
	font-family: "Ionicons";
	color: #4a4a4a;
	font-size: 18px;
	line-height: 16px;
	height: 45px;
	width: 28px;
	right: 0;
	top: 7px;
	padding: 5px 10px;
	position: relative;
	pointer-events: none;
	background-color: #edf0f2;
	border: 1px solid #a9a9a9;
	border-left: 0;
}
.input-group.list .autocomplete-select-label {
	/* experimental fix for select fields in formbuilder... */
	/*margin-top: -30px;*/
	z-index: 100;
}

/* target edge */
@supports (-ms-ime-align:auto) {
    .autocomplete-select-label:after {
		top: 7px;
		padding: 5px 10px 5px 10px;
    }
	label[data-type=select] .autocomplete-select-label {
		/* experimental fix for select fields in formbuilder... */
		margin-top: -30px;
		z-index: 100;
	}
}
/* target ie9, ie10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .autocomplete-select-label:after {
        top: 7px;
		padding: 4px 10px 4px 10px;
    }
	label[data-type=select] .autocomplete-select-label {
		/* experimental fix for select fields in formbuilder... */
		margin-top: -30px;
		z-index: 100;
	}
}
/* target ff */
@-moz-document url-prefix() {
    .autocomplete-select-label:after {
        top: 8px;
    }
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-autocomplete {
	position: relative;
	background-color: white;
	padding: 0;
	z-index: 999; /* this is safe because this will only open in webpage when selecting element from list */
	border: 1px solid #a9a9a9;
	max-width: 350px;
	max-height: 330px;
	overflow-y: auto;
	overflow-x: hidden;
}
.ui-autocomplete.wide {
	max-width: 450px !important;
}
.ui-autocomplete-input {
	border: 1px solid #a9a9a9;
}
.ui-autocomplete-input.invalid {
	background-color: rgb(255,240,240);
}
.ui-autocomplete .ui-menu-item {
	list-style-type: none;
	padding: 8px 10px;
	width: 100%;
}
.ui-autocomplete .ui-menu-item a {
	color: black;
}
.ui-autocomplete .ui-menu-item:hover {
	background-color: #edf0f2;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus {
	font-weight: 600;
}
.ui-autocomplete .ui-autocomplete-category {
	text-align: left;
	font-weight: 550;
	padding: 6px 10px;
}

/* Reminders */

.ui-reminder-wrapper {
	position: absolute;
	top: 89px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
}
.ui-reminder-calendar-frame {
	padding-top: 1em;
}
.ui-reminder-calendar-frame td {
	vertical-align: top;
	background-color: #fafafa;
	padding: 0.7em;
	font-size: 10pt;
}

.ui-reminder-calendar-month-label {
	margin-left: 320px;
	font-weight: 600;
	font-size: 1.1em;
	padding: 5px 0;
}

.ui-reminder-context-menu {
	padding				: 5px 0;
	border-radius		: 4px;
}
.ui-reminder-context-menu div div {
	color: #5499FF;
	height: 30px;
	border-bottom: 1px solid #e4e4e4;
	padding: 5px 15px 0 15px;
	line-height: 30px;
}
/*
.ui-reminder-calendar-month {
}
*/
.ui-reminder-calendar-month thead th {
	background-color: #EBF5FF;
	font-weight: 500;
	text-align: center;
	color: #4A4A4A;
	text-indent: 0;
	font-size: 0.8em;
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: bottom;
}
.ui-reminder-calendar-day-cell {
	vertical-align: top;
	padding-right: 2px;
	min-width: 100px;
	min-height: 105px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-flex;
	border-left: solid 1px transparent;
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
	cursor: pointer;
}
.ui-reminder-calendar-day-cell:hover {
	background-color: #EBF5FF;
}
.ui-reminder-calendar-day-cell.blankcell {
	background: transparent;
	border: 0;
	cursor: default;
}
/*
.ui-reminder-calendar-day-label:hover {
	text-decoration: underline;
	cursor: pointer;
}
*/
.ui-reminder-calendar-day-label.today {
	border: solid 1px #31466b;
	font-weight: 400;
	float: left;
	border-radius: 50%;
	line-height: 1.2em;
	padding: 0.2em;
	height: 15px;
}
.ui-reminder-calendar-day-presentation-cell {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 100px;
	border: 1px solid transparent;
	padding-right: 2px;
	display: inline-block;
}
.ui-reminder-calendar-day-event {
	max-width: 95px;
	height: 14px;
	border-radius: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	padding: 2px 0;
	overflow: hidden;
	cursor: pointer;
}
.ui-reminder-calendar-day-event.detail {
	min-width: 155px;
	max-width: 220px;
}
.ui-reminder-calendar-day-event-label {
	color: #fff;
	font-weight: 500;
	font-size: 10pt;
	text-align: center;
	margin: 0 2px;
}
.ui-reminder-calendar-day-event-label .truncate {
	width: 90px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-reminder-visibility-show-selection {
	margin-left: 20px;
	color: #31466b;
	text-decoration: underline;
	font-weight: 500;
	cursor: pointer;
}

/* experimental */

.ui-reminder-detail-heading-weekday {
	display: block;
	color: #70757a;
	font-size: 12pt;
	line-height: 16px;
	padding-bottom: 0;
	text-transform: uppercase;
	margin: 0 45%;
}
.ui-reminder-detail-heading-dayno {
	font-weight: 400;
	cursor: pointer;
	line-height: 40px;
	color: #3c4043;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 45%;
}
.ui-reminder-calendar-header-row,
.ui-reminder-calendar-day-row {
	display: table-row;
}
.ui-reminder-calendar-day-row {
	position: relative;
	overflow: hidden;
}
.ui-reminder-calendar-week-no-column {
	display: table-cell;
	background-color: #EDF0F2;
	padding: 0 6px;
}
.ui-reminder-calendar-week-no-label {
	padding-top: 5px;
	min-width: 15px;
	font-weight: 600;
}
.ui-reminder-calendar-week-no-label-padding {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	color: #EDF0F2;
}
.ui-reminder-calendar-month {
	margin-left: 10px;
}
.ui-reminder-calendar-month .ui-reminder-calendar-week-no-column:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.ui-reminder-calendar-month .ui-reminder-calendar-week-no-column:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ui-reminder-calendar-day-label {
	padding-right: 12px;
}

.ui-reminder-calendar-day-label-row {
	white-space: nowrap;
}
.ui-reminder-calendar-day-presentation-container {
	height: 0;
}
.ui-reminder-calendar-day-presentation-row {
	position: relative;
	/*border: 1px solid #FFA500;*/
	width: 100%;
	top: -83px;
	height: 0; /* only allow height if events exist in row */
}
.ui-reminder-calendar-header-cell {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 100px;
	display: inline-block;
	border: 1px solid transparent;
	font-weight: 500;
	text-align: center;
	color: #4A4A4A;
	font-size: 1em;
}
.ui-reminder-calendar-day-more-events {
	font-weight: 600;
	font-size: 0.9em;
	text-decoration: underline;
	cursor: pointer;
}
.ui-reminder-calendar-color-picker {
	outline: none;
}
.ui-reminder-color-redday { background-color: #f00094; }
.ui-reminder-color-redday2 { background-color: #c3006e; }
.ui-reminder-color-redday3 { background-color: #9a0066; }
.ui-reminder-color-redday4 { background-color: #F8444A; }
.ui-reminder-color-redday5 { background-color: #D8333C; }
.ui-reminder-color-redday6 { background-color: #C9282D; }
.ui-reminder-color-redday7 { background-color: #D04347; }
.ui-reminder-color-redday8 { background-color: #D75E62; }
.ui-reminder-color-redday9 { background-color: #DD797C; }
.ui-reminder-color-redday10 { background-color: #F660BC; }
.ui-reminder-color-redday11 { background-color: #F780CA; }
.ui-reminder-color-default { background-color: #125994; }
.ui-reminder-color-darkblue { background-color: #67788C; }
.ui-reminder-color-blue { background-color: #60B9FE; }
.ui-reminder-color-cyan { background-color: #34DCD2; }
.ui-reminder-color-green { background-color: #56CFA3; }
.ui-reminder-color-purple { background-color: #C599E6; }
.ui-reminder-color-fuschia { background-color: #fc89c3; }
.ui-reminder-color-red { background-color: #F17C82; }
.ui-reminder-color-orange { background-color: #FEA527; }
.ui-reminder-color-yellow { background-color: #FFD761; }
/*
.ui-reminder-color-lightblue	{ color: black; background-color: #A3EAFF !important; }
.ui-reminder-color-green		{ color: black; background-color: #D7FFA8 !important; }
.ui-reminder-color-greenyellow  { color: black; background-color: #F8FF7D !important; }
.ui-reminder-color-lightyellow	{ color: black; background-color: #FFEC5E !important; }
.ui-reminder-color-darkyellow	{ color: black; background-color: #FFC75E !important; }
.ui-reminder-color-red 			{ color: black; background-color: #FF6B6B !important; }
*/

.ui-reminder-visibility-warn-diff-selection {
	margin: 10px 0;
}
.ui-reminder-visibility-warn-icon {
	float: left;
	margin-right: 10px;
	color: #F00094;
}
.ui-reminder-visibility-warn-legend {
	float: left;
	font-size: small;
	color: #F00094;
}

/* reminder notification style */
#ui-reminder-notifications-dropdown {
	position: absolute;
	top: 54px;
	right: 0;
	left: initial;
	z-index: 30;
	display: none;
	width: 300px;
	background-color: #fff;
	border: 1px solid #f0f0f5;
	border-top: 0;
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.025);
	box-shadow: 3px 3px 2px rgba(0,0,0,0.025);
	margin: 1px 0 0 0;
	margin-left: -1px;
}

/* reminder plugin styles */
.ui-reminder-plugin-day-event-entry {
	margin: 0 5px 5px 5px;
}
.ui-reminder-plugin-day-event-entry:hover {
	background-color: #EBF5FF; /* #c2e0ff */
}

.ui-reminder-plugin-day-event {
	display: table-cell;
	height: 1.1em;
	border-radius: 0.25em;
	padding: 5px 0;
	overflow: hidden;
	cursor: pointer;
}
.ui-reminder-plugin-day-event:first-child {
	padding-right: 5px;
	white-space: nowrap;
}
.ui-reminder-plugin-day-event-sticker {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.ui-reminder-plugin-day-event-text {
	font-weight: 500;
	font-size: 1.0em;
	text-align: center;
	margin: 0 0.1em;
}
.ui-reminder-plugin-day-event-text.legend {
	font-size: 1.1em;
	font-weight: 600;
}
.ui-reminder-plugin-day-event-text.desc {
	display: block;
	text-align: left;
}
.ui-reminder-plugin-day-event-desc {
	padding: 0 5px;
}

#dlgViewDateDetails {
	min-width: 200px;
}


/*
 EXPERIMENTAL
 */
.tg-viewmode-container {
	height: 30px;
	border: 1px solid #d0d4d9;
	background-color: #EDF0F2;
	box-sizing: border-box;
	position: relative;
	display: block;
	float: left;
}
.tg-viewmode-container:hover {
	background-color: #dadee3;
}

.tg-viewmode-button {
	min-width: auto;
	height: 30px;
	margin-left: 0;
	padding-left: 8px;
	color: black;
	border: 0;
	cursor: pointer;
	display: inline-block;
	outline: none;
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 30px;
}

.tg-viewmode-selected-label-wrap {
	margin: 16px;
	margin-left: 4px;
	margin-right: 25px;
	position: relative;
}
.tg-viewmode-selected-label {
	font-size: 10pt;
	font-weight: 500;
	text-transform: none;
	opacity: 1;
	color: #3c4043;
	/*line-height: 20px;*/
	margin-top: 7px;
	margin-bottom: 5px;
}

.tg-viewmode-selector-arrow {
	color: #80868b;
	position: absolute;
	margin-top: -10px;
	top: 50%;
	right: 8px;
	cursor: pointer;
	display: inline-block;
}
.tg-viewmode-selector-arrow:after {
	content: '\f3d0';
	font-size: 20px;
	font-family: "Ionicons";
	font-feature-settings: 'liga' 1;
	-webkit-font-smoothing: antialiased;
	pointer-events: none;
	line-height: 1;
	letter-spacing: normal;
}

/*** PROTOTYPE WIZARD ***/
.stepWizard {
	min-width: 600px;
	max-height: 550px;
	/*border: 1px solid #ddd;*/
}
.stepWizardNav .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.stepWizardNav ul.step-anchor {
	border: 0;
	border-bottom: 1px solid #ddd;
	padding: 0;
	background: #f5f5f5;
	border-radius: 0;
	border-top-right-radius: 5px;
	list-style: none;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.stepWizardNav .nav-tabs .nav-item {
	margin-bottom: -1px;
}

.stepWizardNav ul.step-anchor > li.active > a {
	border-color: #5499FF !important;
	color: #fff !important;
	background: #5499FF !important;
}

.stepWizardNav ul.step-anchor > li > a,
.stepWizardNav ul.step-anchor > li > a:hover {
	color: #bbb;
	text-decoration: none;
	padding: 10px 0 10px 45px;
	position: relative;
	display: block;
	border: 0 !important;
	border-radius: 0;
	outline-style: none;
	background: #f5f5f5;
}

.stepWizardNav ul.step-anchor > li:first-child > a {
	padding-left: 15px;
}

.stepWizardNav ul.step-anchor > li > a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #ddd;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.stepWizardNav ul.step-anchor > li > a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #f5f5f5;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}

.stepWizardNav ul.step-anchor > li.active > a:after {
	border-left: 30px solid #5499FF !important;
}
.stepWizardNav a.nav-link small {
	/*    font-size: 80%;
        font-weight: 400;*/
	font-size: 70%;
	font-weight: 300;
}

.stepWizardNav ul.step-anchor > li{
	position: relative;
	margin-right: 2px;
}

.stepWizardNav ul.step-anchor > li > a,
.stepWizardNav ul.step-anchor > li > a:hover {
	color: #bbb;
	text-decoration: none;
	outline-style: none;
	/*background: transparent !important;*/
	border: none !important;
	cursor: auto;
}

.stepWizardNav ul.step-anchor > li.clickable > a:hover {
	color: white !important;
	background: transparent !important;
	/*cursor: pointer;*/
}

.stepWizardNav ul.step-anchor > li.active > a {
	border: none;
	color: white;
	background: transparent;
	/*cursor: pointer;*/
}

.stepWizardNav ul.step-anchor > li.active > a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.stepWizardNav ul.step-anchor > li.done > a {
	border: none !important;
	color: #e4e4e4 !important;
	background: #5499FF !important;
	/*cursor: pointer;*/
}

.stepWizardNav ul.step-anchor > li.done > a:after {
	background: transparent;
	border-left: 30px solid #5499FF;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.stepWizardNav ul.step-anchor > li.incomplete > a {
	border: none !important;
	color: #FF6B6B !important;
	background: #FFD1D1 !important;
	/*cursor: pointer;*/
}

.stepWizardNav ul.step-anchor > li.incomplete > a:after {
	background: transparent;
	border-left-color: #FFD1D1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.stepWizardNav ul.step-anchor > li.disabled > a,
.stepWizardNav ul.step-anchor > li.disabled > a:hover {
	color: #eee !important;
	/*cursor: hand;*/
}

.stepWizard .step-content {
	position: relative;
	background-color: white;
	border-top: 0;
	margin: 0 auto 20px;
}

.stepWizard .step-content h1 {
	font-size: 20px;
	margin: 0 0 4px 0;
	color: #4a4a4a;
	font-family: "Ubuntu";
	font-weight: normal;
}
.stepWizard .step-content h3 {
	font-size: 15px;
	font-weight: 500;
	font-family: "Ubuntu";
	color: #5499FF;
	margin-top: 10px;
}
.stepWizard .step-content h2 {
	border-bottom: 1px #bbb solid;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14pt;
	margin: 10px 0;
}

/* Responsive CSS */
@media screen and (max-width: 768px) {
	.stepWizardNav .nav-tabs > li {
		float: none !important;
	}
}

/* Experimental progress tracker in wizard */

.stepWizard ol.lcProgTracker {
	display: table;
	list-style-type: none;
	margin: 0 auto 30px;
	padding: 0;
	table-layout: fixed;
	min-width: 600px;
	width: auto;
}

.stepWizard ol.lcProgTracker li {
	display: table-cell;
	text-align: center;
	line-height: 3em;
}

.stepWizard ol.lcProgTracker li.lcProgTracker.done {
	color: black;
	border-bottom: 4px solid #0CB686;
}
.stepWizard ol.lcProgTracker li.lcProgTracker.incomplete {
	color: black;
	border-bottom: 4px solid #E53A43;
}
.stepWizard ol.lcProgTracker li.lcProgTracker.todo {
	color: #7f7f7f;
	border-bottom: 4px solid #7f7f7f;
}
.stepWizard ol.lcProgTracker li.lcProgTracker.active {
	color: #5499FF !important;
	border-bottom: 4px solid #5499FF !important;
}

.stepWizard ol.lcProgTracker li:after {
	content: "\00a0\00a0";
}

.stepWizard ol.lcProgTracker li:before {
	position: relative;
	bottom: -2.5em;
	float: left;
	left: 50%;
	line-height: 1em;
}

.stepWizard ol.lcProgTracker li.lcProgTracker.done:before {
	content: "\2713";
	color: white;
	background-color: #0CB686;
	height: 1.5em;
	width: 1.5em;
	line-height: 1.5em;
	border: none;
	border-radius: 1.5em;
}
.stepWizard ol.lcProgTracker li.lcProgTracker.done a {
	color: #0CB686;
}

.stepWizard ol.lcProgTracker li.lcProgTracker.incomplete:before {
	content: "\0021";
	color: white;
	background-color: #E53A43;
	height: 1.5em;
	width: 1.5em;
	line-height: 1.5em;
	border: none;
	border-radius: 1.5em;
}
.stepWizard ol.lcProgTracker li.lcProgTracker.incomplete a {
	color: #E53A43;
}

.stepWizard ol.lcProgTracker li.lcProgTracker.todo:before {
	content: "";
	color: white;
	background-color: #7f7f7f;
	height: 1.5em;
	width: 1.5em;
	line-height: 1.5em;
	border: none;
	border-radius: 1.5em;
}
.stepWizard ol.lcProgTracker li.lcProgTracker.todo a {
	color: #7f7f7f;
}

.stepWizard ol.lcProgTracker li.lcProgTracker.active:before {
	content: "";
	color: white;
	background-color: #5499FF !important;
	height: 1.5em;
	width: 1.5em;
	line-height: 1.5em;
	border: none;
	border-radius: 1.5em;
}
.stepWizard ol.lcProgTracker li.lcProgTracker.active a {
	color: #5499FF !important;
}

/* Client Selector */
.clientSelectionPopup {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.clientSelectionContainer {
	min-width: 450px;
	overflow: auto;
	background: rgba(255, 255, 255, 0.9);
	background-size: cover;
	/*height: 500px;
	border-radius: 20px;*/
}

.clientListWrapper {
	overflow: auto;
	max-height: 450px;
	margin: 0;
}
.clientListWrapper .legend {
	font-size: 20px;
	margin-top: 10px;
	font-weight: 500;
}
.clientSelectionListWrapper {
	top: 0;
	opacity: 1;
	overflow: auto;
	overflow-y: scroll;
	max-height: 450px;
	margin: 20px 0;
}
.clientSelectionList {
	list-style-type: none;
	text-align: center;
	position: relative;
	/*transition: all ease 0.3s;*/
	top: 0;
	opacity: 0;
	padding: 0;
}

.clientSelectionList li {
	color: #4a4a4a;
	padding: 12px;
	font-size: 20px;
	cursor: pointer;
}

.clientSelectionList li:hover {
	color            : #245FA2;
	background-color : #edf0f2;
	/*background-color : #FFF8E4;*/
}
.clientSelectionList li.selected {
	color            : #245FA2;
	background-color : #edf0f2;
}

/* Periodic notification banner/alert */
.tg-periodic-notification-box {
	position: fixed;
	top: -50%;
	left: 35%;
	margin: 0;
	/*background: linear-gradient(0deg, #0B66E2 0%, #0099FF 86.67%);*/
	background: linear-gradient(0deg, #67788C 0%, #7D8B9D 85%);
	color: #FFFFFF;
	width: 500px;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-moz-box-shadow: 0 5px 15px rgba(0,0,0, 0.2);
	box-shadow: 0 5px 15px rgba(0,0,0, 0.2);
	z-index: 100;
}
.tg-periodic-notification-box.animation {
	top: 25px;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.tg-periodic-notification-close-icon {
	cursor: pointer;
	vertical-align: top;
	float: right;
}
.tg-periodic-notification-content-wrapper {
	width: 100%;
	vertical-align: top;
	padding: 20px 10px;
}
.tg-periodic-notification-content-message * {
	color: #ffffff;
}
.tg-periodic-notification-content-action {
	margin-top: 20px;
	font-weight: 600;
	cursor: pointer;
}
.tg-periodic-notification-content-action-remind-later {
	float: right;
	font-weight: 600;
	cursor: pointer;
	margin-top: 20px;
	margin-right: 20px;
}

/* Login styles */
#loginbox {
	width: 400px;
	min-height: 260px;
	background-color: #fcfcfc;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	margin: 50px auto;
}
div.tg-login-container {
	margin: 20px auto;
	width: 100%;
	display: inline-block;
}
div.tg-login input[type=text],
div.tg-login input[type=password] {
	min-width: 315px;
	width: 95%;
	margin-top: 22px;
	border-radius: 3px;
	border:  1px solid #D1D1D1;
	box-shadow: inset 0 0 15px #F2F2F2;
}

div.tg-login input[type=button],
div.tg-login input[type=button]:hover {
	height: 47px;
	box-shadow: none;
	background-color: #31466b;
	background-image: none;
	color: white;
	-webkit-appearance: none;
	appearance: none;
	margin: 0 auto;
}
div.tg-login-container div {
	margin: 0 20px;
}
div.tg-login-container div div {
	margin: 0;
}
div.tg-login-container .check {
	margin: 0 !important;
}
div.tg-login-container h3 {
	margin: 10px 0;
}
div.tg-login-container .tg-masked-contact-details div:first-child {
	margin: 5px 0 !important;
}
div.tg-login-assistance-container {
	margin-top: 20px;
	float: right;
}
div.tg-login-button-container {
	margin: 20px auto 0 auto !important;
	display: table;
}
.tg-login-send-token-container,
.tg-login-verify-token-container {
	min-height: 100px;
}
.tg-masked-contact-details {
	min-height: 100px;
}
.tg-login-challenge-label {
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0 10px !important;
}
.tg-login-loginname-wrapper {
	margin-bottom: 8px !important;
}
span.tg-login-loginname-copy {
	margin-right: 5px;
}
span.tg-login-loginname {
	cursor: pointer;
	font-size: 18px;
}
div.tg-logo {
	background-color: #31466b;
	padding: 10px 20px;
}
div.tg-logo img {
	/*height: 42px;*/ /* orig size 84px */
	margin: 10px 20px;
	padding: 8px 0;
}

.tg-login-numPadContainer {
	width: 95%;
	box-sizing: border-box;
	margin: 0 auto;
	z-index: 3;
}
.tg-login-NumPad {
	border-collapse: collapse;
	width:100%;
	border:solid 1px #eee;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	opacity:0;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}
.tg-login-NumPad td {
	height:80px;
	text-align:center;
	background-color:#fff;
	color:#555;
	border-bottom:1px solid #eee;
	font-size:33px;
	padding:0;
	margin:0;
	cursor: pointer;
}
.tg-login-NumPad td:hover {
	background-color: #f5f5f5;
	color:#000;
	cursor:pointer;
}

/* Styles from lifecycle (also needed by resource wizard) */
div[data-id=templateDest] tr td:last-child input:not([type=radio]):not([type=range]), div[data-id=templateDest] tr td:last-child select {
	max-width: 370px;
	border: 1px solid #d0d4d9;
}

div[data-id=templateDest] .markMandatory {
	position: relative;
}
div[data-id=templateDest] .markMandatory::after {
	content: '\f314';
	font-family: 'Ionicons';
	color: #f00094;
	margin-left: 5px;
	vertical-align: top;
	font-size: 10px;
	position: absolute;
	right: -15px;
}

div[data-id=templateDest] input.markChanged,
div[data-id=templateDest] textarea.markChanged {
	background-color: #FFF8E4;
}
div[data-type=radio]:has(input[type=radio].markChanged),
td[data-type=checkbox]:has(input[type=checkbox].markChanged) {
	background-color: #FFF8E4;
	display: inline;
	line-height: 1.8em;
}
td[data-type=select]:has(select.markChanged) {
	background-color: #FFF8E4;
}

div[data-id=templateDest] input {
	font-size: 10pt !important;
}

div.auditLogRecords thead *,
div.auditLogRecords tbody * {
	font-size: 12px;
}
div.auditLogRecords tfoot * {
	font-size: 14px;
}


/* Announcement/status banner */

.tg-announcement-banner {
	position: fixed;
	color: #000;
	background: #FFD761;
	width: 100%;
	z-index: 100;
}
.tg-announcement-banner.slideup,
.tg-announcement-banner.slidedown {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: max-height 0.3s ease-in-out;
	-moz-transition: max-height 0.3s ease-in-out;
	-o-transition: max-height 0.3s ease-in-out;
	transition: max-height 0.3s ease-in-out;
}
.tg-announcement-banner.slidedown {
	max-height: 35px;
}
@media (min-width: 1600px) {
	.tg-announcement-banner-inner {
		max-width: 1600px;
	}
}
@media (min-width: 1280px) {
	.tg-announcement-banner-inner {
		max-width: 1280px;
	}
}
@media (min-width: 976px) {
	.tg-announcement-banner-inner {
		max-width: 976px;
	}
}
@media (min-width: 760px) {
	.tg-announcement-banner-inner {
		max-width: 760px;
	}
}
.tg-announcement-banner-inner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 20px;
}
.tg-announcement-banner-box {
	padding: 4px 12px;
	background-color: transparent;
}
.tg-announcement-banner-flexbox {
	box-sizing: border-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.tg-announcement-banner-icon {
	box-sizing: border-box;
	padding-right: 8px;
}
.tg-announcement-banner-message {
	box-sizing: border-box;
	-webkit-box-flex: 2;
	flex-grow: 2;
}
.tg-announcement-banner-button {
	box-sizing: border-box;
	padding-left: 8px;
}
.tg-announcement-banner-button i {
	cursor: pointer;
}