header {
	z-index: 400;
	position: fixed;
	width: 100vw;
	height: 11vh;
	padding: 0;
	top: 0;
    text-align:left; 
	background-color: #ffffff;
}

header img.logo {
	height: 6vh;
	position: absolute;
	top: 1vh;
	left: 0.7vw;
}

div.toolbar{
	padding-top: 1vh;
	padding-left: 17vh;
	height: 7vh;
}

div.toolbar button{
	border-radius: 0.3vw;
	height: 6vh;
	width: 5vw;
	font-size: 0.8vw;
}

div#userInfo{
	display: flex;
	align-items: center;
	justify-content: center;
  
	border-radius: 0.3vw;
	height: 6vh;
	position: absolute;
	top: 1vh;
	right: 1vw;
	width:13vw;
	height: 5.9vh;
	border-radius: 0.25vw;
	border: 1px #BDBEC0 solid;
	background-color: #efefef;
}

div#userInfo > div{
	font-size: 0.68vw;
	text-align: center;
}

div.userBar{
	position: relative;
	background-color: #1C3F93;
	width:100vw;
	height: 3vh;
	color: #67D0F1;
	font-size: 1.8vh;
	text-align: center;
	padding-right: 6vw;
}

.userBar ul{
    margin: 0;
}

section {
	display: inline-block;
	/*float: left; apple glitch*/
	margin-top: 11vh;
	text-align: left;
}

aside{
	margin-top: 11vh;
	display: inline-block;
	/*float: left; apple glitch*/
}



h1 {
	font-size: 1.6vw;
	color: #073B71;
	font-weight: normal;
}

h2 {
	font-size: 1.5vw;
	color: #073B71;
	font-weight: normal;
}

h3 {
	font-size: 1.4vw;
	color: #073B71;
	font-weight:bold;
}

h4 {
	font-size: 1.2vw;
	color: #073B71;
	font-weight: normal;
}

h5 {
	font-size: 1.1vw;
	color: #073B71;
	font-weight: normal;
}

h6 {
	font-size: 0.9vw;
	color: #073B71;
	font-weight: normal;
	margin: 0;
}

p {
	font-size: 0.8vw;
}

select {
    font-size: 0.8vw;
}

div.messageBox {
	position: fixed;
	display: none;
	top: 0;
	width: 100vw;
	z-index: 9999;
	font-size: 2.5vh;
	font-weight: bold;
	color: #311B09;
	background-color: #F69C54;
	text-align: center;
	padding: 0.8vh;
	left: 0;
}

div.messageBox a {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
	color: #1122CC;
}

div#popup {
	margin: auto; 
	display: none;
	position: fixed;
	z-index: 500;
	text-align:left;
	background-color: #fff;
	border: #888888 1px solid;
	border-radius: 0.5vw;
	padding: 1vw;
	height: 85vh;
	width: 60vw;
	top: 3.3vw;
	left: 20vw;
    box-shadow: var(--boxShadow);
}


div#popUpTop {
	text-align: right;
	width: 58vw;
}

div#popUpContent{
	position: relative;
	text-align:left;
	overflow-y: scroll;
	width: 58vw;
	height: 75vh;
}

div#popup1 {
	margin: auto; 
	display: none;
	position: fixed;
	z-index: 400;
	text-align:left;
	background-color: #fff;
	border: #888888 1px solid;
	border-radius: 0.5vw;
	padding: 1vw;
	height: 85vh;
	width: 60vw;
	top: 3.3vw;
	left: 20vw;
    box-shadow: var(--boxShadow);
}


div#popUpTop1 {
	text-align: right;
	width: 58vw;
}

div#popUpContent1 {
	position: relative;
	text-align:left;
	overflow-y: scroll;
	width: 58vw;
	height: 75vh;
}


div#popup2 {
	margin: auto; 
	display: none;
	position: fixed;
	z-index: 400;
	text-align:left;
	background-color: #FFFFFF;
	border: #888888 1px solid;
	border-radius: 0.5vw;
	padding: 1vw;
	width: 40vw;
	top: 8vw;
	left: 30vw;
    box-shadow: var(--boxShadow);
}


div#popUpTop2 {
	text-align: right;
}

div#popUpContent2 {
	position: relative;
	text-align:left;
	overflow-y: scroll;
	min-height: 25vh;
	max-height: 60vh;
}


table{
	font-size: 0.7vw;
}

table.list {
	border-collapse: collapse;
	font-size: 0.7vw;
	width: 100%;
}

table.list th {
	padding: 0.2vw;
	border: 0;
}

table.list td {
	padding: 0.2vw;
}

table.list tr:nth-child(even){
	background-color: #E8EAF6;
}
table.list tr:nth-child(odd){
	background-color: #FFFFFF;
}

table.list1 {
	border-collapse: collapse;
	font-size: 0.7vw;
	width: 100%;
}

table.list1 th {
	padding: 0.2vw;
	border: 0;
}

table.list1 td {
	padding: 0.2vw;
}

table.list1 tr:nth-child(4n+2), table.list1 tr:nth-child(4n+3) {
	background-color: #E8EAF6;
}




table.list2 {
	border: 1px #C1C1A9 solid;
	border-collapse: collapse;
	font-size: 0.7vw;
	width: 98%;
}

table.list2 th {
	background-color: #C1C1A9;
	padding: 0.3vw;
	border: 0;
}

table.list2 tr:nth-child(odd){
	background-color: #E4E5B5;
}

table td {
	vertical-align: top;	
}


table.tbl3{
	
    background-color: transparent;
}
table.tbl3 tr:nth-child(odd){
	background-color: #FFFFFF;
}
table.tbl3 td{
    border: hidden;
    font-size: 1vw;
}


button {
	border-radius: 0.25vw;
	font-size: 0.74vw;
	padding: 0.3vw;
	vertical-align: top;
}

.width0001{
    width: 0.6vw;
}


.width01{
	width: 1.4vw;
}

.width02{
	width: 1vw;
}


.width0{
	width: 3vw;
}
.width1{
	width: 6.5vw;
}
.width2{
	width: 9vw;
}
.width3{
	width: 15vw;
}
.width35{
	width: 18vw;
}

.width4{
	width: 20vw;
}

.width45{
	width: 30vw;
}

.width47{
	width: 40vw;
}
.width49{
	width: 48vw;
}

.width5{
	width: 50vw;
}
.width6{
	width: 55vw;
}
.width7{
	width: 75vw;
}
.width8{
	width: 80vw;
}
.width9{
	width: 95vw;
}

.height1{
    height: 40vh;
}
.height2{
    height: 60vh;
}
.height3{
    height: 80vh;
}

.height10{
    height: 1.5vw;
}
.height11{
    height: 1.65vw;
}
.height14{
    height: 9vw;
}
.height15{
    height: 12vw;
}

.minWidth0{
    min-width: 3vw
}
.minWidth1{
    min-width: 6.5vw
}
.minWidth2{
    min-width: 9vw
}

input[type=button].closeButton{
	background: none;
	border: 0;
	color: #555;
	font-size: 2.6vw;
	padding: 0;
    cursor: pointer;
}

table.searchBox{
	width: auto;
	background-color: #efefef;
	height: 1.5vw;
	border: 1px #888 solid;
}
table.searchBox button{
	background: transparent;
	height: 1.5vw;
	border: 0px;
	border-radius: 0;
	padding: 0.1vw;
}
table.searchBox input[type=text]{
	border: 0px;
}

table.grid{
    border: 1px #999 solid;
	border-collapse: collapse;
	font-size: 0.85vw;
	background-color: #FFF;

}

table.grid th{
	background-color: #D9E0E9;
	padding: 0.12vw;
}

table.grid td{
	padding: 0.12vw;
}

table.grid tr:nth-child(odd){
	background-color: #F5F5F5;
}
table.grid tr:nth-child(even){
	background-color: #FFFFFF;
}


table.grid1{
    border: 1px #999 solid;
	border-collapse: collapse;
	font-size: 0.85vw;
	background-color: #FFF;
    width: 32vw;
}

table.grid1 th{
	background-color: #D9E0E9;
    text-align: left;
	padding: 0.12vw;
}

table.grid1 td{
	padding: 0.12vw;
}


table.grid1 tr:nth-child(odd){
	background-color: #F5F5F5;
}


table.grid1 td:nth-child(1){
    width: 10vw;
}

table.grid1 td:nth-child(2){
    width: 10vw;
}

table.grid1 td:nth-child(3){
    width: 10vw;
}


table.grid2{
    border: 1px #999 solid;
	border-collapse: collapse;
	font-size: 0.85vw;
	background-color: #FFF;
    width: 98vw;
}

table.grid2 th{
	background-color: #D9E0E9;
	padding: 0.12vw;
}

table.grid2 td{
	padding: 0.12vw;
}


table.grid2 tr:nth-child(odd){
	background-color: #F5F5F5;
    border-collapse: collapse;
}


table.grid2 td:nth-child(1){
    width: 20vw;
}

table.grid2 td:nth-child(2){
    width: 7vw;
}

table.grid2 td:nth-child(3){
    width: 5vw;
}

table.grid2 td:nth-child(4){
    width: 7vw;
}
table.grid2 td:nth-child(5){
    width: 15vw;
}
table.grid2 td:nth-child(6){
    width: 7vw;
}
table.grid2 td:nth-child(7){
    width: 15vw;
}

table.grid2 td:nth-child(8){
    width: 7vw;
}

table.grid9{
	border-collapse: collapse;
    color: #333333;
}

table.grid9 th{
	padding: 0.25vw;
    background-color: #FFFFFF;
}
table.grid9 td{
	border: 1px #bbb solid;
	padding: 0.25vw;
    background-color: #FFFFFF;
}

input[type=text]{
	font-size: 0.7vw;
}

label{
	font-size: 0.8vw;
}

textarea{
	font-size: 0.9vw;
}

input[type=button]{
	font-size: 1.1em;
	margin: 0.02vw;
}
input[type=button].mainButton{
	font-size: 1.6em;
}




img.actionIcon{
    width: 20vw;
}

div{
	font-size: 0.7vw;	
}



div.quickText{
	display: none;
	position: absolute;
	width: 40vw;
	height: 20vw;
	background-color: #fff;
	z-index: 200;
	border: 1px #888 solid;
	overflow-y: scroll;
}

img.favoriteStar{
    width: 1.4vw;
	vertical-align: top;
}

img.pencilTool{
    width: 1.4vw;    
}

.fileUploadBrowseButton{
	width: 13vw;
	height: 8vw;
	border-radius: 0.5vw;
	border: 2px #3282CC dashed;
	background-color: #D3E5F5;
	margin: 0.3vw;
}

.fileUploadFormSubmitButton{
	width: 13vw;
}

.maxSize1{
	max-width: 10vw;
	max-height: 10vw;
}

.maxSize2{
	max-width: 6vw;
	max-height: 6vw;
}

.borderGrey1{
    padding: 0.2vw;
    border-radius: 0.2vw;
    margin: 0.2vw;
    border: #aaaaaa 2px solid;
}

.borderGreyDashed{
    padding: 0.2vw;
    border-radius: 0.2vw;
    margin: 0.2vw;
    border: #aaaaaa 1px dashed;
}

div.ajaxDropList{
    position: absolute;
    width: 30vw;
    height: 15vh;
    overflow-y: scroll;
    border: 1px #777 solid;
    padding: 0.3vw;
    background-color: #fff;
    z-index: 410;
}

thead.stickyPopup tr:nth-of-type(1) th {
    position: sticky;
    top: 0vh;
    background-color: #ffffff;
}


#pdfViewerIframe{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}