html {
	margin: 0px;
	padding: 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: 1em;
	color: rgb(99,99,99);
	margin: 0px;
	padding: 0px;	
	width: 100%;
	height: 100%;
	width: 100vw;	
}
  h1 {
	font-size: 1.2em;
	color: white;
	padding: 0em;
	margin: 0em;}

  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-size: 1.2em;
	color: rgb(99,99,99);	
	padding: 0em;
	margin: 0em;}	

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

  h6 {
	font-size: 0.7em;
	color: rgb(99,99,99);	
	padding: 0em;
	margin: 0em;}
	
/*top navigation bar start*/
.navbar {
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 100;
}
/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
}
/*top navigation bar end*/
/*page links start*/
/* unvisited link */
.navbar .fr:link,
.navbar .en:link,
.navbar .de:link,
.navbar .nl:link,
.navbar .fr:visited,
.navbar .en:visited,
.navbar .de:visited,
.navbar .nl:visited
 {
	background: rgb(191,191,191);
	background-repeat: no-repeat;
	display: block;
    line-height: 40px;
	width: 20%;
	height: 40px;
	text-align: center;
	text-decoration: none;
	background-position: center;
	box-shadow: inset -1px 0 1px rgba(99,99,99,.8);
	-moz-box-shadow: inset -1px 0 1px rgba(99,99,99,.8);
    -webkit-box-shadow: inset -1px 0 1px rgba(99,99,99,.8);
	font-size: 1.7em;
	color: rgb(99,99,99);	
}
.navbar .fr:hover,
.navbar .en:hover,
.navbar .de:hover,
.navbar .nl:hover,
.navbar .fr:active,
.navbar .en:active,
.navbar .de:active,
.navbar .nl:active
 {
	font-size: 1.7em;
	color: white;		
}
.navbar .livredor:link,
.navbar .livredor:visited
 {
	background: rgb(191,191,191) url("livredor.png");
	background-repeat: no-repeat;
	display: block;
    line-height: 40px;
	width: 20%;
	height: 40px;
	text-align: center;
	text-decoration: none;
	background-position: center;
	box-shadow: inset -1px 0 1px rgba(99,99,99,.8);
	-moz-box-shadow: inset -1px 0 1px rgba(99,99,99,.8);
    -webkit-box-shadow: inset -1px 0 1px rgba(99,99,99,.8);
	font-size: 1.7em;
	color: rgb(99,99,99);	
}
.navbar .livredor:hover,
.navbar .livredor:active
 {
	background: rgb(191,191,191) url("livredor2.png");
	background-repeat: no-repeat;
	background-position: center;
}
/*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:10px 15px;
	text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}
/*blue button end*/
/*fb button start*/
.fbButton {
	background-image: url("../resources/pics/hofb1.png");
	background-repeat: no-repeat;
	display:inline-block;
	width:30px;
	height:30px;
}
.fbButton:active {
	position:relative;
	top:-2px;
}
/*fb button end*/
/*page links start*/
/*active page link bold*/
#en .en, #fr .fr, #nl .nl, #de .de, #rm .rm , #bf .bf , #cp .cp , #su .su , #co .co , #re .re {
  font-weight: bold;
  color: white;
}
/*livredor active page*/
#lo .livredor {
	background: rgb(191,191,191) url("livredor2.png");
	background-repeat: no-repeat;
	background-position: center;
}


/*menu links start*/
/* unvisited link */
.menu:link {
    color: white;
	text-decoration: none;
	font-size:1em;
	background-color: rgb(99,99,99);
	background-repeat: no-repeat;
	display: block;
    line-height: 38px;
	height: 38px;
	text-align: center;
	text-decoration: none;	
	margin-bottom: 1px;
	width: 100%;
}

/* visited link */
.menu:visited {
    color: white;
	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;
}

/* 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:5px 10px;
}

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

/* selected link */
.foot:active {
     color: white;
	 background-color: rgb(3,172,211);	 
	 text-decoration: none;
}
/*page links end*/
div.lvd {
	color: rgb(99,99,99);
	font-size:0.9em;	
}
/*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;
	z-index:80;
}
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:100%;
	padding:5px;
	text-align:left;
	display: inline-block;	
	overflow: auto;	
}
.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;
 }