/* FONTS */
@font-face {
  font-family: "Ubuntu Mono";
  src: url('/fonts/ubuntu-mono/UbuntuMono-R.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu Mono";
  src: url('/fonts/ubuntu-mono/UbuntuMono-RI.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
	font-family: "Ticketing";
	src: url('/fonts/ticketing/Ticketing.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}


/* MAIN PAGE STUFF */
body {
  background-color: #002a56;
  display: grid;
  justify-content: center;
  align-items: center;
  color: black;
  font-family: Verdana;
}

.logbook {
  font-family: "Ubuntu Mono";
  text-align: justify;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

tfooter {
  background-color: #5CABFF;
}

.buttons-table {
  border-collapse: collapse;
  margin: auto;
}
.buttons-table td,
.buttons-table th {
  padding: 10px;
}

/* MAIN LAYOUT */
.td-title {
  background-color: #5CABFF;
}

.sidenav {
  width: 20%;
  border-style: outset;
  background-color: #5CABFF;
  vertical-align:top;
  padding-top:10px;
}

.td-mainpage {
  width:80%;
  vertical-align:top;
  background-color: #5CABFF;
}

.div-mainsection {
  padding-left:10px;
  padding-right:10px;
}

.h4-sidenav {
  margin: auto;
}

.div-sidenav {
  padding-left:5px;
  padding-right:5px;
}

.sidenav-menu {
  font-family: "Ticketing";
  font-size:17px;
  
}

.main-table{
  margin: auto;
  width: 900px;
}

hr {
  height: 1px;
  background-color: #FFD100;
  border-style: solid;
  border-bottom: 1px solid #FFE98A;
  border-right: 1px solid #FFE98A;
}