body {
    font-family: Arial, Helvetica;
    font-size: 1.2em;
}
form, select, option, input {
	font-family: Arial, Helvetica;
    font-size: 1.2em;
}
table, th, td {
    border-collapse: collapse;
    border: 1px solid black;
}
th {
    background-color: #EEE;
}
th, td {
    text-align: left;
    vertical-align: top;
    padding: 5px;
}
input {
    font-family: Arial, Helvetica;
    font-size: 1.1em;
}


.hiddencontent {
	display: none;
	background-color: #f1f1f1;
}

.hint {
	font-size: 0.8em;
}

span.success {
	color: #2d794d;
}

span.error {
	color: #AA2E25;
}

span.cancel {
	color: #AA2E25;
}

span.optimise1 {
	background-color: #2d794d;
	color: #FFF;
}

span.optimise2 {
	background-color: #792d35;
	color: #FFF;
}

span.optimise3 {
	background-color: #7f8bb0;
	color: #FFF;
}

span.optimise5 {
	background-color: #652d79;
	color: #FFF;
}

a.cancellink:link, a.cancellink:visited {
	text-decoration: none;
}

a.target[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}

div#moreoptions {
	display: none;	
}

/* Bootstrap Datepicker */
.datepicker td {
	font-weight: bold;
	background-color: #FEE100;
}

table#logtable {
	margin-top: 25px;
}


/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
  margin-bottom: 45px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.2em;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #FEE100;
  color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 980px) {

h1 {
	font-size: 2.6em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 2.2em;
}


h4 {
	font-size: 2.0em;
}

td {
	font-size: 1.6em;
}

td#dateselectbutton {
	padding-left: 35px;
}

span {
	font-size: 1.4em;
}

input[type=checkbox] {
	transform: scale(2);
	margin: 15px;
}

button[type=submit] {
	transform: scale(2);
	margin: 15px;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 18px 20px;
  text-decoration: none;
  font-size: 2.2em;
}

.topnav {
  margin-bottom: 65px;
}

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
    .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}