html, body {
  background-color: rgb(255, 255, 255);
}

.school-selection {
  cursor: pointer;
}

td.details-control {
  cursor: pointer;
}

#school-name {
  padding: 0.25em;
  margin: 0.25em;
  padding-left: 0.5em;
  border: 0.25em solid red;
}

.main-content {
  height: 100%;
  margin-top: 1%;
}

#accordion {
  margin-bottom: 5%;
}

.fa {
  font-size: 1.25em;
}

.exit {
  position: absolute;
  color: white;
  font-size: 2em;
  margin: 0.25em;
  right: 0;
  top: 0;
}

.exit:hover {
  cursor: pointer;
  color: black;
}

.navbar {
  background-color: #4caf50;
  color: white;
}

.navbar .navbar-brand {
  color: white;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: white;
}

.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.navbar a {
  color: white;
}

.navbar .nav-item:hover {
  color: #1B5E20;
}

.brand:hover {
  cursor: pointer;
  color: black;  
}

.result-table table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.result-table tr:nth-of-type(odd) { 
  background: #eee; 
}
.result-table th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.result-table td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

.img {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 2%;
}

.embed-responsive {
  height: 64em;
}

.on-small {
  margin-bottom: 10%;
}

h2 {
  margin-bottom: 3%;
}

#populationDiv {
  display: none;
}

table.dataTable>tbody>tr.child span.dtr-title {
  display: block;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  white-space: pre-line;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  background-color: #4caf50;
}

.page-item.active .page-link {
  background-color: #4caf50;
  border-color: #4caf50;
}

.page-link {
  color: #4caf50;
  margin-bottom: 0.5em;
}

.table-bordered {
  border: 1px solid #4caf50;
}