@import url(https://brick.freetls.fastly.net/Lato:400,400i,600,700);
body {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #343a40;
  text-align: left;
  background-color: #fff;
}

gender {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 20rem;
  font-weight: 400;
  line-height: 1.5;
  color: #343a40;
  text-align: left;
  background-color: #fff;
}

.modal-xl {
  max-width: 1100px;
}
table.ratingchart {
  margin: 0.5em;
  padding: 0.3em;
  border: thick solid #000000;
}
table.ratingchart tr.alt {
  background-color: #cccccc;
}
table.ratingchart td.heading {
  border-bottom: thin solid #000000;
  font-weight: bold;
}
table.ratingchart td.term {
  padding: 0em 0.5em 0em 0.5em;
  font-size: 0.9em;
  text-align: right;
}
table.ratingchart td.term2 {
  padding: 0em 0.5em 0em 0.5em;
  font-size: 0.9em;
  text-align: left;
}
table.ratingchart td.number {
  width: 1.25em;
  padding: 0em;
  border: 1px solid #000000;
  font-size: 0.8em;
  text-align: center;
}
tr:nth-child(even) {
  background: #ccc;
}
tr:nth-child(odd) {
  background: #fff;
}

.modal {
  z-index: 1050; 
  position: fixed;
  top: 0;
  left: 0;
  display: block; 
}
.modal {
  z-index: 1055 !important; 
}
.modal-backdrop {
  z-index: 1045 !important; 
}
.subtitle {
  background-color: #0551a8;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}
th.left{
  text-align: left!important;
  
}

th.right{
  text-align: right!important;
}

td.left{
  text-align: left!important;
}

td.right{
  text-align: right!important;
}