.th, .td, table{
  border-bottom: 0.5px solid #444;
  border-collapse: collapse;
  border-color: #255690;
}


.th, .td{
  font-size: 18px;
  font-weight:500;
  font-family: 'Segoe UI', 'Open Sans', sans-serif !important;
}

.th {
  padding: 5px;
  background-color: #255690;
  color: white;
}

.td{
  padding: 15px;
}

tr:nth-child(even) {
  background-color: #ebecf0;
}
.th-left{
  border-left: 0.5px solid rgb(255, 255, 255) ;
}
.td-left{
  border-left: 0.5px solid #444 ;
}
.header{ 
  display: flex;
  flex-direction: column;
  height: 200px;
  align-content: space-between;
}

.logo{
  right: 20;
  width: 150px;
  height: 150px;
  align-self: flex-end;
  margin-right: 30px;
}

.nav{
  display: block;
  height: 15px;
  background-color: #255690;
  margin-right: 0px;
  margin-left: 0px;
}

.colored-text{
  color: #255690;
}

.logo-container{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.logo-text{
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  align-items: flex-end;
  justify-content: center;
}

.colored-text, .black-text{
  text-align: right;
}

.colored-text{
  font-size: 20px;
  font-weight: bold;
}

.black-text{
  font-size: 15px;
}

.table-container{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.footer-container{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 20px;
}

.footer{
  width: 100%;
}

.footer-text{
  color: white;
  font-weight: 400;
  font-size: 14px;
  height: 30px;
}

.footer-logo{
  margin-top: -7px;
  margin-left: 5px;
  width: 70px;
  height: 30px;
}