@font-face {
	font-family: SourceSansPro;
	font-style: normal;
	font-weight: 300;
    src: url('fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Light.woff2') format('woff2'),
         url('fonts/SourceSansPro-Light.woff') format('woff'),
         url('fonts/SourceSansPro-Light.ttf') format('truetype'),
         url('fonts/SourceSansPro-Light.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: SourceSansPro;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Regular.woff2') format('woff2'),
         url('fonts/SourceSansPro-Regular.woff') format('woff'),
         url('fonts/SourceSansPro-Regular.ttf') format('truetype'),
         url('fonts/SourceSansPro-Regular.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: SourceSansPro;
	font-style: italic;
	font-weight: 400;
    src: url('fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Italic.woff2') format('woff2'),
         url('fonts/SourceSansPro-Italic.woff') format('woff'),
         url('fonts/SourceSansPro-Italic.ttf') format('truetype'),
         url('fonts/SourceSansPro-Italic.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: SourceSansPro;
	font-style: normal;
	font-weight: 600;
    src: url('fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
         url('fonts/SourceSansPro-SemiBold.woff') format('woff'),
         url('fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
         url('fonts/SourceSansPro-SemiBold.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: SourceSansPro;
	font-style: italic;
	font-weight: 600;
    src: url('fonts/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
         url('fonts/SourceSansPro-SemiBoldItalic.woff') format('woff'),
         url('fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype'),
         url('fonts/SourceSansPro-SemiBoldItalic.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: SourceSansPro;
	font-style: normal;
	font-weight: 700;
	url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdo.woff) format('woff');
    src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Bold.woff2') format('woff2'),
         url('fonts/SourceSansPro-Bold.woff') format('woff'),
         url('fonts/SourceSansPro-Bold.ttf') format('truetype'),
         url('fonts/SourceSansPro-Bold.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: SourceSansPro;
	font-style: italic;
	font-weight: 700;
    src: url('fonts/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
         url('fonts/SourceSansPro-BoldItalic.woff') format('woff'),
         url('fonts/SourceSansPro-BoldItalic.ttf') format('truetype'),
         url('fonts/SourceSansPro-BoldItalic.svg#SourceSansPro') format('svg');
}

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

* {
	margin: 0;
}

html, body {
	height: 100%;
	font-family: SourceSansPro, Arial, sans-serif;
	font-size: 14px;
	margin: 0em;
	padding: 0em;
	color: rgba(0, 0, 0, 0.7);
	background:#FFF;
}

a:link, a:visited, a:hover, a:active {
	color:#1B3453;
}
.checked {
	color:#006600;
}
.active .checked  {
	color:#E7F4E4;
}

b.required {
	color: #980000;
	font-size: 1.4em;
	font-weight: bold;
}

body.appbody, body.basebody {
	overflow:hidden;
}

div.menu + div.menu, 
input[type='submit'] + input[type='submit'], 
input[type='button'] + input[type='button'],
input[type='submit'] + br + input[type='submit'],
input[type='button'] + br + input[type='button'] {
	margin-top: 6px;
}

.hilite {
	color: #980000;
}

img {
	border: 0;
}

img#cal {
	width: 17px;
	height: 16px;
}

p + p { padding: 1em 0em 0em 0em; } 

pre { 
	font-size: 14px;
	font-family: SourceSansPro, Arial, sans-serif;
    word-wrap: break-word;
	white-space: -o-pre-wrap;  
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap;
	white-space: pre-wrap;
}

#homeform pre, #admhomeform pre, pre.defaultfont {
	font-family: monospace;
}

.bkgblue  { 
	color: black;
	border: 1px solid black;
	background-color: #3766FF;
}
.bkggreen { 
	color: white;
	border: 1px solid black;
	background-color: #006600;
}
.bkgred  { 
	color: white;
	border: 1px solid black;
	background-color: #A80000;
}
.bkgyellow  { 
	color: black;
	border: 1px solid black;
	background-color: #e6c300;
}
.txtblue  { 
	color: mediumblue;
}
.txtgreen { 
	color: #006600;
}
.txtred  { 
	color: #A80000;
}
.txtyellow  { 
	color: #e6c300;
}

/*--------------------------------------- DIV ------------------------------------------------------------------------------ */
div.dataentry {
	position: relative;
	white-space: nowrap;
	padding-bottom: 6px;
}

div.datarpt {
	position: relative;
	padding-bottom: 6px;
}

div.dr, div.row {
	white-space: nowrap;
	position: relative;
	margin: 10px 0 10px 0;
	clear:both;
}

.flex-table-row {
	display: flex;
}

div.drw {
	position: relative;
	white-space: nowrap;
}

div.dw {
	position: relative;
    white-space: normal; 
}

div#idbar {
	width: 100%;
	background-color: #DBE3ED;
	border-top: 1px solid #1B3453;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #1B3453;
	font-size: 1.0em;
	text-align: left;
	white-space: nowrap;
	overflow:auto;
}

div#loginmsg {
	display:inline-block;
	overflow-y: auto;
    padding: 10px;
	width: 430px;
	height: 5em;
	background-color: #E1E1E1;
	color: #980000;
    word-wrap: break-word;
    white-space: -o-pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
	white-space: pre-wrap; 
    border-top: 2px solid #cccccc;
	text-align: center;
}

div.tooltip {
	z-index: 20;
	opacity: 1.0; 
	filter: alpha(opacity=100); 
	position: absolute;
	width: 400px;
	background: #dbe3ed;
	top: 200px;
	left: 300px;
	border-color: #000000 !important;
	border-width: 1px !important;
	padding: 5px;
	border-style: solid;
	font-size: 12px;
	font-weight: 100;
    word-wrap: break-word;
    white-space: -o-pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
	white-space: pre-wrap; 

	text-align: left;
}

/*--------------------------------------- FLEX TABLE --------------------------------------------------------------------------- */
.flex-table  {
  	display: flex;
  	flex-direction: column; /* Stacks header and rows vertically */
 	background-color: #DBE3ED;
	border: 1px solid #476A7F;
}	

.flex-table-header,
.flex-table-row {
  display: flex;
  width: 100%;
}		

.flex-table-header {
	background-color: #476A7F;
	color: white;
	border-right: none;
	text-align: center;
}

.flex-table-cell {
	flex: 1;
	padding: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.flex-table-header .flex-table-cell {
	border-right: 1px solid #ccc;
}

.flex-table-cell:first {
	border-left: 1px solid #476A7F;
}

.flex-table-cell:last-child {
    border-right: none;
}		

/* Media query for smaller screens (e.g., mobile) */
@media (max-width: 768px) {
  .flex-table-header {
    display: none; /* Hide header on small screens */
  }

  .flex-table-row {
    flex-direction: column; /* Stack cells vertically in a row */
    margin-bottom: 15px;
    border: 1px solid #ccc; /* Add border around stacked row */
    width: auto;
  }

  .flex-table-cell {
    flex: none; /* Remove flex distribution */
    text-align: left;
    border: none; /* Remove individual cell borders */
    border-bottom: 1px solid #eee; /* Add separator between stacked cells */
  }

  .flex-table-cell:last-child {
    border-bottom: none; /* No border on the last cell */
  }
}

/*--------------------------------------- FLEX TABLE END--------------------------------------------------------------------------- */

div.two-column {
	width:50%;
	float:left;
}
div.three-column {
	width:33.3%;
	float:left;
}
div.four-column {
	width:25%;
	float:left;
}
/*--------------------------------------- DIV END--------------------------------------------------------------------------- */



  
			
/*--------------------------------------- HEADERS H1 H2 H3 ----------------------------------------------------------------- */
#appcontent h1, #popup h1, #appcenter h1, div.appcenter h1 {
	width: 100%;
	background-color: #DBE3ED;
	border: none;
	color: #1B3453;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0; 
	white-space: nowrap;
}
#appcontent h1:first-of-type, #popup h1:first-of-type, #appcenter h1:first-of-type, div.appcenter h1:first-of-type {
	width: 100%;
	background-color: #476A7F;
	border: none;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0; 
	white-space: nowrap;
}
h2 {
	width: 100%;
	background-color: #DBE3ED;
	border: none;
	color: #1B3453;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	margin: 0; 
	white-space: nowrap;
	display:inline-block;
}
h2:first-of-type {
	width: 100%;
	background-color: #476A7F;
	border: none;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	margin: 0; 
	white-space: nowrap;
	display:inline-block;
}

h2 {
	width: 99.8%; /* prevents horizontal scroll bar always showing */	
}

#appcontent h3 {
	width: 99.8%; /* prevents horizontal scroll bar always showing */
	background-color: #DBE3ED;
	border: none;
	color: #1B3453;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	margin: 0em 0em 0em 0em; 
	white-space: nowrap;
	display:inline-block;
}

#basecontent div {
	margin-left:15px;
}
/*--------------------------------------- HEADERS H1 H2 H3 END ------------------------------------------------------------- */

/*--------------------------------------- APP TAG START------------------------------------------------------------- */
#confirmdlg.confirmdlg, .dialogbox {
	display:none;
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: white;
	padding: 10px;
	width: 400px;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
	     
/* The Close Button */
#confirmdlg.confirmdlg .close { 
	width:25%;	
	display:inline-block;
	padding: 5px 10px;
	font-size: 16px;
	margin: 0;
	margin-top: 15px;
 }

#confirmdlg.confirmdlg > div, #confirmdlg.confirmdlg .close > div {
	margin: 0;
}
/*--------------------------------------- APP TAG END------------------------------------------------------------- */

/*--------------------------------------- INPUT ---------------------------------------------------------------------------- */
input[type=submit], input[type=button], #confirmdlg div.close > div {
	font-size: 14px;
	background: #475A6F;
	color: #FFFFFF;
	border: none;
	border-radius: 8px; 
	text-decoration: none; 
	font-weight: bold; 
	padding: 4px 10px 4px 10px; 
	margin:3px;
	cursor: pointer;
}
input[type=submit]:hover, input[type=button]:hover, #confirmdlg div.close > div:hover {
	background: #476A7F;
}

input[type=submit]:disabled, input[type=button]:disabled {
  	border: 1px solid gray;
  	background-color: #dedede;
  	color: gray;
}

input[type=submit][disabled=disabled], input[type=button][disabled=disabled] {
  	border: 1px solid gray;
  	background-color: #dedede;
  	color:gray;
}

/*--------------------------------------- INPUT END ------------------------------------------------------------------------ */

/*--------------------------------------- SPAN ----------------------------------------------------------------------------- */
span.dc {
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
}

span.dd, span.rd {
	display: inline-block;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}

span.rd {
	padding-left: 2px;
}

span.ddw {
	display: inline-block;
	text-align: left;
    white-space: normal; 
	vertical-align: top;
}

span.ddr {
	display: inline-block;
	text-align: right;
	white-space: nowrap;
	width: 12em;
	vertical-align: top;
}

span.dda {
	display: inline-block;
	text-align: left;
	white-space: nowrap;
	width: 12em;
	vertical-align: top;
}

span.ddaw {
	display: inline-block;
	text-align: left;
    white-space: normal; 
	width: 18em;
	vertical-align: top;
}

span.dh {
	display: inline-block;
	vertical-align: top;
}

span.dha, span.dha20 {
	display: inline-block;
	text-align: right;
	width: 16em;
	font-weight: bold;	
	vertical-align: top;
}

span.dha20 {
	width: 20em;
}

span.dhan {
	display: inline-block;
	text-align: right;
	width: 16em;
	vertical-align: top;
}

span.dhaw {
	display: inline-block;
	text-align: left;
	width: 18em;
	font-weight: bold;	
	vertical-align: top;
}

span.dhb {
	display: inline-block;
	font-weight: bold;	
	vertical-align: top;
}

span.dw {
	display: inline-block;
	text-align: left;
    white-space: normal; 
	vertical-align: top;
}

span.dwr {
	display: inline-block;
	text-align: right;
    white-space: normal; 
	vertical-align: top;
	width: 80%;
}

span.def {
	display: inline-block;
	text-align: left;
    word-wrap: break-word;
    white-space: -o-pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
	white-space: pre-wrap; 
    vertical-align: top;
	width: 45em;
	height: 12.2em;
	border: 1px solid;
	padding: 0.5em;
	overflow: auto;
	display: none;
}

span.ml {
	display: inline-block;
	white-space: nowrap;
	padding-bottom: 0.25em;
}
/*--------------------------------------- SPAN END ------------------------------------------------------------------------- */

/*--------------------------------------- TABLE ---------------------------------------------------------------------------- */
table thead, tfoot, th, td {
	white-space: nowrap;
}

table thead, tfoot {
	width: 100%;
	text-align: center;
	margin: 0em 0em 0em 0em; 
}

table th, td {
	text-align: left;
}
table th.aright, td.aright {
	text-align: right;
}
table th.acenter, td.acenter { 
	text-align: center;
}

table th.awrap, td.awrap { 
    word-wrap: break-word;
    white-space: -o-pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
	white-space: pre-wrap; 

}

table a.sortcol:link, a.sortcol:visited, a.sortcol:hover, a.sortcol:active {
	color: #1B3453;
	text-decoration: underline;
}

table tr.altrow:nth-child(even), div.altrow:nth-child(even) {
	background-color: white;
}

table tr.altrow:nth-child(odd), div.altrow:nth-child(odd) {
	background-color: #F0F7FF;
}
/*--------------------------------------- TABLE END------------------------------------------------------------------------- */

/*--------------------------------------- TABLE.DATATABLE ------------------------------------------------------------------ */
table.datatable input[type=submit], input[type=button] {
	font-size: small;
	background: #DBE3ED;
	color: #476a7f;
	border: solid 1px;
	font-weight: normal; 
	padding: 3px 10px 3px 10px; 
}

table.datatable input[type=submit]:hover, input[type=button]:hover {
	background: rgba(218, 226, 236, 0.8);
	color: rgba(72, 106, 127, 0.5);
}

table.datatable {
	border: 1px solid Black;
	border-collapse:collapse; 	
	margin: 10px 0 10px;
	table-layout: auto !important;
}

table.datatable th {
	background-color: #DBE3ED;
	border: 1px solid Black;
	color: #1B3453;
	padding: 0.25em;
	white-space: nowrap;
}

table.datatable td, table.datatable td.wrap {
	border: 1px solid Black;
	color: #000000;
	padding: 0.25em;
	white-space: nowrap;
}

table.datatable td.wrap, form[id^="integrityreports_"] table.datatable tr td:last-child {
	white-space: normal;
	table-layout: auto !important;
}

/*--------------------------------------- TABLE.DATATABLE END -------------------------------------------------------------- */

/*--------------------------------------- TABLE.SORTABLE ------------------------------------------------------------------ */
table.sortable input[type=submit], input[type=button] {
	font-size: small;
	background: #DBE3ED;
	color: #476a7f;
	border: solid 1px;
	font-weight: normal; 
	padding: 3px 10px 3px 10px; 
}

table.sortable input[type=submit]:hover, input[type=button]:hover {
	background: rgba(218, 226, 236, 0.8);
	color: rgba(72, 106, 127, 0.5);
}

table.sortable {
	border: 1px solid Black;
	border-collapse:collapse; 	
	margin: 10px 0 10px;
	table-layout: auto !important;
}

table.sortable th {
	background-color: #DBE3ED;
	border: 1px solid Black;
	color: #1B3453;
	padding: 0.25em;
	text-align: center;
	white-space: nowrap;
}

table.sortable th[data-sortable-type] {
	cursor: pointer;
	text-decoration: underline;
}

th.sortable-asc::after {
	content: " " url("../images/asc.png");
}	

th.sortable-desc::after {
	content: " " url("../images/desc.png");
}	

table.sortable td, table.sortable td.wrap {
	border: 1px solid Black;
	color: #000000;
	padding: 0.25em;
	white-space: nowrap;
}

/*--------------------------------------- TABLE.SORTABLE END -------------------------------------------------------------- */

/*--------------------------------------- TEXTAREA ------------------------------------------------------------------------- */
textarea[readonly] {
	background-color:#E1E1E1 !important;
}

textarea {
    word-wrap: break-word;
    white-space: -o-pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
	white-space: pre-wrap; 

}

.dd:textarea {
    word-wrap: break-word;
    white-space: -o-pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
	white-space: pre-wrap;
}
/*--------------------------------------- TEXTAREA END---------------------------------------------------------------------- */

/*--------------------------------------- ADMIN STYLES---------------------------------------------------------------------- */
div.admerrors {
	width: 40%;
	position: absolute;
	margin-top: 20px;
	color: #980000;
	clear:both;
}

span.rh {
	display: inline-block;
	text-align: right;
	width: 20em;
	font-weight: bold;	
	vertical-align: top;
}

span.rp {
	display: inline-block;
	text-align: left;
    white-space: normal; 
	vertical-align: top;
}
/*--------------------------------------- ADMIN STYLES END ------------------------------------------------------------------ */

/*--------------------------------------- APP LAYOUT/CONTENT --------------------------------------------------------------- */
div#appcenter, div.appcenter {
	margin: 0.25em 0.5em 0em 0.25em;
	padding: 0em 0em 0em 0em;
	text-align: center;
}

#appcenter p, div.appcenter p {
	margin: 0em 0em 0em 0em;
}

form.leftmenu + div#appcontent, div#basecontent  {
	overflow: auto;
}

form.leftmenu + div#appcontent  {
	margin: 0em 1em 0em 22.3em;
}

#appcontent p {
	width: 100%;
	margin : 0;
}

#appcontent input[name='view'], #appcontent input[name='save'] {
	display:none;
}

#appcontent input[type='file'] {
	background: #DBE3ED;
	border: solid 1px;
	padding: 3px 10px 3px 10px; 
}

#appcontent label[for$='view'], #appcontent label[for$='save'] {
	display:none;
}

div#popup {
	margin: 0.25em 0.5em 0em 0.25em;
	padding: 0;
	text-align: left;
}
div#popup div:not(:first-child) {
	margin-left: 0.8em;
}
div.popup {
	margin: 0 1em;
}


#popup p {
	margin: 0;
}

#pkicontent, #accesscodecontent {
	display:inline-block;
	height: 190px;
	width:430px;
	margin-top: 40px;
	background-color: #F0F7FF;
	border: solid 2px #1B3453;
	border-radius: 16px;
}

#pkicontent h2, #accesscodecontent h2 {
	margin-top:0;
	border-top-left-radius:14px;
	border-top-right-radius:14px;
}

#accesscodecontent {
  	height: 248px;
}

#notice {
	display:inline-block; 
    width:1000px; 
    background-color: #F0F7FF; 
    border: solid 2px #1B3453; 
    border-radius: 16px;
	margin-top: 40px;
}

/*--------------------------------------- APP LAYOUT/CONTENT END ----------------------------------------------------------- */

/*--------------------------------------- #APPHEADER #APPFOOTER ------------------------------------------------------------ */
div#appheader {
	height: 7.5em;
	width: 100%;
	min-width: 1100px;
}
div#appheader.popup {
	height: 3.4em;
}
div#appheader div {
	float: left;
}
div#appheader div.top {
	background: #DBE3ED;
	height: 55%;
}
div#appheader div.bottom {
	height: 45%;
}
div#appheader div.right {
	margin: 22px 69px 0 0; 
	float: right;
}
div#appheader.popup div.right {
	float: left;
}
div#appheader div.bottom div.icons {
	 margin-top: 6px;
}
div#appheader div.bottom div.icons a {
	margin: 10px;
}
	
div#appheader h1 {
	margin: 24px;
}
div#appheader div.leftdata {
	 margin: 12px 0px 0px 69px; 
	 font-size: 33px; 
}
div#appheader div.rightdata a, div#appheader div.rightdata span {
	margin: 10px;
}

div#appfooter {
	width: 100%;
	height: 5.5em;
	padding: 0em;
	background-color: #DBE3ED;
	color: #000000;
	white-space: nowrap;
	border-top: 2px solid #DBE3ED;
	text-align:center;
	position:absolute;
	bottom:0;
}
/*--------------------------------------- #APPHEADER #APPFOOTER END -------------------------------------------------------- */

/*--------------------------------------- DASHBOARD ------------------------------------------------------------------------ */
div#dashopts {
	white-space: nowrap;
	border-right: 2px solid #cccccc;
	font-size: 11px;
	height: 100%;
}

div#dashopts div.dtree { 
	background-color: #FFFFFF;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	display: block;
	height: 18em;
	overflow-y: scroll;
	padding: 0em;
}

div#dashopts div.atree { 
	background-color: #FFFFFF;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	display: block;
	height: 28em;
	overflow-y: scroll;
	padding: 0em;
}

div#dashcontent {
	font-size: 11px;
	height: 100%;
	white-space: nowrap;
	margin: 20px 0 0 0;
}
/*--------------------------------------- DASHBOARD END -------------------------------------------------------------------- */

/*--------------------------------------- LEFT MENUCONTAINER --------------------------------------------------------------- */
#leftmenucontainer {
	position:absolute;
	left: 0em;
	width: 20.3em;
	white-space: nowrap;
	margin-left:1em;
	border: none;
	overflow-y: auto;
	overflow-x: hidden;
}
#leftmenucontainer div.statustracker, div#statusTracker {
	width: 17.6em;	
	padding-top: 1em;
	text-align: center;
	color: #113A62;
	font-weight: bold;
}
div#leftmenu container * {
	box-sizing: border-box
}
#leftmenucontainer div.statusbar, div#statusTracker div.statusbar {
	width: inherit;
	background-color: #DBE3ED;
	border-radius: 25px;
	overflow: hidden;
	border: solid 1px #113A62;
	display: flex;
}
#leftmenucontainer div.completed, div#statusTracker div.completed {
	width: 80%;
	text-align: right;
	display: table;
	background-color: #FFFFFF;
	border: solid 1px #113A62;
	margin: 10px 2px 10px 12px;
	float: left;
}
#leftmenucontainer div.percentage, div#statusTracker div.percentage {
	height: 18px;
	color: white;
	background-color: #006600;
}
#leftmenucontainer div.percentagecompleted, div#statusTracker div.percentagecompleted {
 	width: 0;
 	margin-top:10px;
}

/*--------------------------------------- LEFT MENUCONTAINER END ----------------------------------------------------------- */

/*--------------------------------------- LEFT MENU ------------------------------------------------------------------------ */

div#leftmenu {
	width: 17.6em;	
}
div#leftmenu a {
	position: relative;
    color: black;
    display: block;
    padding: 12px 7px 12px 7px;
    text-decoration: none;
    border-top: solid 1px #113A62;
    cursor: pointer;
}
div#leftmenu a.checked {
	padding: 0 7px 0 7px;
}
div#leftmenu a.checked div {
 height:2.8em;
}
div#leftmenu a.checked span.rating {
	position:absolute;
	top: 12px;
}
div#leftmenu a.checked span.tabcomplete {
	font-size:30px;
	color:#006600;
	float:right;
}
div#leftmenu a.rated img {
	float:right;
	margin-top:5px;
}
div#leftmenu a.rated.checked img {
	float:right;
	margin:18px;
}
div#leftmenu a.checked.active span.tabcomplete {
	color:#E7F4E4;
}
div#leftmenu, div.childmenu {
	border: 1px solid #1B3453;
	border-top: none;
}
div#leftmenu div.childmenu > a:not(.active):not(.childmenu) {
 	background: #DBE3ED;
 	color: #113A62;
}
#hold {
	background: #DBE3ED;
 	color: #113A62;
}
#hold a.active.childmenu {
	background-color: #1B3453;
	color: #113A62;
}
a#hold.childmenu {
	color: #113A62;
}
div#leftmenu div.childmenu > a:not(.active):not(.childmenu):hover {
	background-color: #dedede;
}
div#leftmenu a.active {
 	background: #476A7F;
 	color: white;
 	border-right: solid 1px #476A7F;
} 
div#leftmenu a.active .ratingcheckmark{
	color: #E7F4E4;
} 
div#leftmenu a.active.childmenu {
	background-color: #1B3453;
}

div#leftmenu a.active:not(.childmenu):after {
	content:"";
    position: absolute;
    left:100.4%;
    top:0;
    border:20.5px solid transparent;
    border-left: 20.5px solid #476A7F;
}
div#leftmenu a:not(.active):hover {
    background-color: #dedede;
}
div#leftmenu a.childmenu:not(.active):hover {
	background-color: #C9D1DB;
}
div#leftmenu a.childmenu > div > a > span  {
	padding-left:20px;
}


/* display properties */
div#leftmenu a.childmenu + div {
 	display: none;
}
div#leftmenu a.childmenu.active + div {
	display: block;
}

/* separate two contiguous active child menus */
div#leftmenu a.childmenu.active + div.childmenu > a.childmenu.active {
	border-top: 2px solid #476A7F;
}

/*--------------------------------------- LEFT MENU END -------------------------------------------------------------------- */

input[type=text], input[type=password], select, textarea{
	border-radius: 4px; 
	border-style: groove; 
	padding: 3px 10px 3px 0px; 
}

/*--------------------------------------- .MENUBOX AND .MENU---------------------------------------------------------------- */
div.menubox {
	float:left;
	position: relative;
	white-space: nowrap;
	font-size: 14px;
	width: 20em;
	margin: 5em 0em 5em 5em; 
}

div.menubox div.menuhdr {
	margin: 0em 0em 0.25em 0em; 
	padding: 0.25em 0em 0.25em 0em;
	position: relative;
	white-space: nowrap;
	background-color: #DDDDDD;
	font-size: 14px;
	color: #1B3453;
	font-weight: bold;
	border-bottom: 3px solid grey;
	text-align: center;
}

div.menu {
	position: relative;
	white-space: nowrap;
	font-size: 14px;
}
/*--------------------------------------- .MENUBOX AND .MENU END------------------------------------------------------------ */

/*--------------------------------------- SPELL CHECK ---------------------------------------------------------------------- */
button.spchk {
	width: 7em;
}

input.ro {
	background-color: #F0F7FF;
}
/*--------------------------------------- SPELL CHECK END ------------------------------------------------------------------ */

/*--------------------------------------- #TABS ---------------------------------------------------------------------------- */
div#tabs {
	position: relative;
	height: auto;
	border-bottom: solid 2px #CCCCCC;
	padding-top: 4px;
	display: inline-block;
	width: 100%;
}

#tabs ul {
	float: left;
	position: relative;
	list-style: none;
}

#tabs ul li {
	float: left;
	padding-left: 9px;
}

#tabs li a {
	float: left;
	display: inline-block;
	text-decoration: none;
	padding: 7px 9px 0 0;
	font-weight: bold;
}

#tabs li.tla { 
	background: url(../images/tabal.png) top left no-repeat #FFF;
}

#tabs a.taa {
	background: url(../images/tabar.png) top right no-repeat #FFF;
	font-weight: bold;
	color: #000000;
	border-bottom: solid 2px #F0F7FF;
} 

#tabs .taa:link, .taa:visited, .taa:hover, .taa:active {
	color: #000000;
}

#tabs li.tli { 
	background: url(../images/tabil.png) top left no-repeat #FFF;
}

#tabs a.tai {
	background: url(../images/tabir.png) top right no-repeat #FFF;
	font-weight: bold;
	color: #DBE3ED;
}
 
#tabs .tai:link, .tai:visited, .tai:hover, .tai:active {
	color: #DBE3ED;
}
/********************************/
/*	VIEWCORPREL.JSP PAGE STYLES */
/********************************
	These manage the bounding containers used to 
	organize 3 separate DataTable elements on the 
	page so mustn't overlap/override any 'dataTable' 
	styles.
/********************************/

div.outerPanel {
	clear:both;
	padding-left:15%;
	min-width:560px;
}

div.innerPanelSep {
	clear:right;
	text-align: center;
	width:560px;
}

div.innerPanelSep0 {
	clear:both;
	text-align: center;
	margin: 2px 0px;
}

div.innerPanelSep > img {
	width: 12px;
	height: 16px;
}

div.innerPanelData {
	 height:125px;
	 width:560px;
	 float:left;
	 clear:right;
	 font-color:#FFF;
	 padding: 5px 0px;
	 overflow-y:auto;
	 overflow-x:hidden;
	 border: 1px solid #444444
}

div.tablePanel {
	clear:both;
	margin: 5px 20px;
	text-align:middle;
}

table.tableArea {
	width:100%;
	border-collapse:collapse;
	border:1px solid;
}

table.tableArea thead th,
table.tableArea thead td {
	white-space: nowrap;
	padding: 2px 5px;
}

table.tableArea tbody th,
table.tableArea tbody td {
	white-space: normal;
	padding: 5px;
}

table.tableArea thead .namecol,
table.tableArea tbody .namecol {
	border-right:1px solid;
	text-align:left;
	/*min-width:10em !important;*/
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    max-width: 290px;
}

table.tableArea thead .cagecol,
table.tableArea tbody .cagecol {
	border-right:1px solid;
	width:60px !important;
}

table.tableArea thead .frcdcol,
table.tableArea tbody .frcdcol {
	width:135px !important;
}

.themeSubsidiary {
	background-color:#D1D9B2;
	text-align:center;
}

.themePredecessor {
	background-color:#CEC6DD;;
	text-align:center;
}

.themeImmOwner {
	background-color:#F1B382;
	text-align:center;
}

/*--------------------------------------- .TIMEOUTMODAL AND .TIMEOUTMODALCONTENT---------------------------------------------------------------- */
div.timeoutModal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

div.timeoutModalContent {
	background-color: #FFF;
	margin: auto;
	padding: 20px;
	border: 1px solid black;
	width: 60%;
}
div.column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
}

div.rowf {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
.pki-invalid-error {
    color: #cc0000; /* A clear error color */
    font-weight: bold;
    text-align: left;
    white-space: pre-line; /* Preserves line breaks */
}



/*--------------------------------------- #TABS END ------------------------------------------------------------------------ */