body {
    font-family: 'Corbel', sans-serif;
    background-color: white; 
}

.card {
  font-family:'Corbel';
}

/* Table styles */
.dataTables_wrapper { font-family: "Corbel"}

table {
  border: 0.1px rgb(226, 226, 226) solid;
}

table.dataTable thead th {
  background-color:rgb(0, 152, 215);
  color: white;
  border-bottom: none;
}

table.dataTable tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075) ;
  cursor: pointer;
  border-top: none;
}

table th {
  padding:8px 8px;
}

table td {
border: 0.1px rgb(226, 226, 226) solid;
  padding:5px 4px;
}

table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-filter select {
  font-family: 'Corbel';
  font-size: 16px;
}

div.dataTables_filter, div.dataTables_length {
  padding: 1% 0%;
}

.dtfh-floatingparent { 
  font-family: "Corbel"; 
}

/* Make last row bold for technical potential table */
#tp_by_sector tr:last-child {
  font-weight: bold;
}

/* Mapping styles */
.colorbar-div {
  position: absolute;
  font-family:'Corbel';
  background-color:rgba(255, 255, 255, 0);
  margin-bottom: 10px;
  font-size:14px;
}

.selection-title {
  margin:0 auto;
  font-family:'Corbel';
  text-align:center;
  font-size:15px;
}

/* Maplibregl selection panel */ 
.maplibregl-export-list {
  font-family:'Corbel';
}

/* Navbar styles */
.navbar {
    background-color: #0072CE; 
}

.navbar-brand,
.navbar-nav .nav-link {
    color: #fff; 
}

.navbar-brand:hover,
.navbar-nav .nav-link:hover {
    color: #fff; 
}

/* Button styles */
.btn-primary {
    background-color: #0072CE; 
    border-color: #0072CE;
    color: #fff;
}

.btn-primary:hover {
    background-color: #005DA6; 
    border-color: #005DA6;
    color: #fff;
}