html {
	margin: 0px;
	height: 100vh;
	width: 100vw;
	width: 100%;
	height: 100%;
}

body {
    font-family: "Arial Nova Light", "Open Sans Light", Arial, SunSans-Regular, Helvetica, Geneva, sans-serif;
	font-size: 0.9em;
	color: rgb(99,99,99);
	margin: 0px;
	width: 100%;
	height: 100%;
}

  h2 {
	font-size: 1.7em;
	color: rgb(99,99,99);
	padding: 0em;
	margin: 0em;}

  h3 {
	font-size: 1.4em;
    color: rgb(3,172,211);
	padding: 0em;
	margin: 0em;}


  h4 {
    font-family: "Arial Nova Light", "Open Sans Light", Arial, SunSans-Regular, Helvetica, Geneva, sans-serif;	  
	font-size: 1.5em;
	color: rgb(99,99,99);
	font-style: italic;
	padding: 0em;
	margin: 0em;
	line-height:1.4em}	

  h5 {
	color: white;
	font-size:1.5em;
    padding: 0px;
	margin: 0px;}

  h6 {
	font-size: 1.2em;
	color: rgb(99,99,99);	
	padding: 0em;
	margin: 0em;}

  div#accolist{
  min-height: 644px;
  max-height: 70vh; /*72vh 644px;*/
  width: 836px;
  overflow-y: auto;
}
  div#filters{
  height: 585px;
  overflow-y: auto;
}
/*blue button start*/
.myButton {
	background-color:rgb(3,172,211);
	border:1px solid rgb(3,172,211);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1em;
	padding:4px 20px;
	text-decoration:none;
}
.myButton:hover {
	background-color:rgb(115,225,253);
}
.myButton:active {
	position:relative;
	top:1px;
}
/*blue button end*/
/*logo button start*/
.logoButton {
	background-image: url("pics/logo4.png");
	background-repeat: no-repeat;
	display:inline-block;
	width:358px;
	height:76px;
}
.logoButton:hover {
	background-image: url("pics/logo5.png");
}
.logoButton:active {
	position:relative;
	top:2px;
	left:-2px;
}
/*logo button end*/
/*fb button start*/
.fbButton {
	background-image: url("pics/hofb1.png");
	background-repeat: no-repeat;
	display:inline-block;
	width:35px;
	height:35px;
}
.fbButton:hover {
	background-image: url("pics/hofb2.png");
}
.fbButton:active {
	position:relative;
	top:-2px;
}
/*fb button end*/

/*page links start*/
/* unvisited link */
.head:link {
    color: rgb(3,172,211);
	text-decoration: none;
	font-size:1.1em;
	padding:5px 10px;
}

/* visited link */
.head:visited {
    color: rgb(3,172,211);
	text-decoration: none;
}

/* mouse over link */
.head:hover {
	background-color: rgb(99,99,99);
    color: white;
	text-decoration: none;
}

/* selected link */
.head:active {
    color: white;
	background-color: rgb(3,172,211);
	text-decoration: none;
}
/*active page link bold*/
#en .en, #fr .fr, #nl .nl, #de .de, #lo .lo , #rm .rm , #bf .bf , #cp .cp , #su .su , #co .co , #re .re {
  font-weight: bold;
	font-size:1.1em;
}
/*menu links start*/
/* unvisited link */
.menu:link {
    color: white;
	text-decoration: none;
	font-size:1em;
	padding:5px 10px;
}

/* visited link */
.menu:visited {
    color: white;
	text-decoration: none;
}

/* mouse over link */
.menu:hover {
    color: white;
	background-color: rgb(3,172,211);
	text-decoration: none;
}

/* selected link */
.menu:active {
    color: white;
	background-color: rgb(3,172,211);
	text-decoration: none;
}
/* content text buttons */
/* unvisited link */
.content:link {
    color: rgb(3,172,211);
	text-decoration: none;
	font-size:1em;
	padding:0px 0px;
}

/* visited link */
.content:visited {
    color: rgb(3,172,211);
	text-decoration: none;
}

/* mouse over link */
.content:hover {
	background-color: rgb(99,99,99);
    color: white;
	text-decoration: none;
}

/* selected link */
.content:active {
	background-color: rgb(99,99,99);
    color: white;
	text-decoration: none;
}


/* footer buttons */
/* unvisited link */
.foot:link {
    color: white;
	text-decoration: none;
	font-size:0.9em;
	padding:2px 10px;
}

/* visited link */
.foot:visited {
    color: white;
	text-decoration: none;
}

/* mouse over link */
.foot:hover {
	background-color: rgb(99,99,99);
    color: white;
	text-decoration: none;
}

/* selected link */
.foot:active {
     color: white;
	 background-color: rgb(3,172,211);	 
	 text-decoration: none;
}

/* pagination buttons */
/* unvisited link */
.pagi:link {
    color: rgb(99,99,99);
	text-decoration: none;
	font-size:1em;
	padding:5px 10px;
}

/* visited link */
.pagi:visited {
    color: rgb(99,99,99);
	text-decoration: none;
}

/* mouse over link */
.pagi:hover {
	background-color: rgb(99,99,99);
    color: white;
	text-decoration: none;
}

/* selected link */
.pagi:active {
     color: white;
	 background-color: rgb(3,172,211);	 
	 text-decoration: none;
}
/*page links end*/
/*livredor start*/
.radio-toolbar { 
    color: rgb(99,99,99);
	text-decoration: none;
	font-family:Arial;
	font-size:1em;
	padding:5px 10px;
}
/*livredor end */
/* welcome text buttons */
/* unvisited link */
.welcome:link {
    color: white;
	text-decoration: none;
    font-style: italic;
	font-size:2.6em;
	padding:0px 0px;
    position: relative;
    top: -20vh;
	z-index: 90;
}
/* visited link */
.welcome:visited {
    color:white;
}
/* mouse over link */
.welcome:hover {
	position:relative;
	top:-20.2vh;
	left:0.2vh;	
}
/* selected link */
.welcome:active {
    color: rgb(3,172,211);
}

/* ubd logo buttons */
/* unvisited link */
.ubd:link {
    position: relative;
    top: 0vh;
	z-index: 90;
}
/* mouse over link */
.ubd:hover {
	position:relative;
	top: 0.2vh;
	left:0.2vh;	
}
div.relative {
	color: rgb(99,99,99);
	font-size:0.9em;	
    position: relative;
    top: -3vh;
	z-index: 100;
}
div.lvd {
	color: rgb(99,99,99);
	font-size:0.9em;	
}
div.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}
/*livredor record table start*/
table.table1 {
	text-align:left;
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	table-layout:fixed;
	display: inline-table;
	width:303px;
	height:220px;
	background:linear-gradient(rgb(146,177,205),white,white,white,white,white,white,rgb(146,177,205));
	font-size:0.8em;
}
table.table1 td{
	vertical-align:top;
}		
table.table2 {
	padding:5px;
	width:111px;
	height:190px;
	background:white;
	table-layout:fixed;
}	
table.table2 td {
	word-wrap:break-word;
	vertical-align:top;
}
table.table3 {
	width:171px;
	height:200px;
	padding:5px;
	text-align:left;
	display: inline-block;	
	overflow: auto;	
}
/*livredor record table end*/

/*.COVID-19Button {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
 .COVID-19Button:active {
	position:relative;
	top:1px;
}
.COVID-19Button:hover {
	position:relative;
	top:1px;
 }
 */

/* font-screen scaler MUST BE AT END OF FILE !!! */
/*@media only screen and (max-width: 1200px) {
   body { 
      font-size: 0.8em; 
   }
}*/
/* font-screen scaler 2 MUST BE AT END OF FILE !!! */
@media screen and (max-width: 949px){
    body {
       font-size: 0.7em;
    }
}
/* font-screen scaler 2 MUST BE AT END OF FILE !!! */
@media screen and (min-width: 950px) and (max-width: 1499px){
    body {
       font-size: 1em;
    }
}
/* font-screen scaler 2 MUST BE AT END OF FILE !!! */
@media screen and (min-width: 1500px) {
    body {
       font-size: 1.1em;
    }
}