body {
    min-height: 100vh;
    height:100%;
    background-color: #343a40!important;
}
.container-fluid:not(.project-page) {
    background-color: white;
}
.navbar {
    background-color: white;
}

.graph-container .col-md-9 {
    color:white;
}
.graph-container .jumbotron.bg-dark {
    padding:40px !important;
}
.custom-logo {
    height: 60px;
}
.btn-download {
    margin-right:10px;
}
.search-form-results:not(.compare) {
    display:flex;
    flex-direction: row;
    align-items: flex-end;
}
.search-form-results:not(.compare) > *:not(:first-child) {
    margin-left: 20px;
}

.search-form-results.compare > div {
    display:flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom:16px;
}
.search-form-results.compare > div > *:not(:first-child) {
    margin-left: 20px;
}

.graph-div h3 {
    margin-top: 60px;
}
.graph-div h4 {
    margin-bottom: 30px;
}

.graph-div {
    width:100%;
}
.chart-legend-side {
    display: flex;
    align-items: flex-end;
}
.chart_legend {
    width:100%;
}

.chart_legend ul {
    list-style: none;
}
.chart_legend ul li span {
    width:20px;
    padding: 5px;
    display: inline-block;
    margin-right: 6px;
}
.toggle-table .btn {
    margin-bottom:12px;
}
.toggle-table .table {
    display:none;
    max-width:800px;
}
.toggle-table .table-wide {
    max-width:none;
}
.toggle-table .table-wide td {
    padding:2px;
    text-align: center;
    border:1px solid;
}
.btn-upload-data {
    margin-right:10px;
}
.project-page {
    background-color: #343a40!important;
    color: white;
}
.project-page .col-md-3 {
    color: #212529;
}
.navbar a {
    color: #212529;
}
.video-list {
    display: flex;
    flex-direction: row;
}

.next-row {
    margin-left: 0;

}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.active-projects {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding:5px;
    gap:15px;
    word-break: break-all;
}
.active-projects a {
    color: black;
}
.active-projects > div {
    flex-basis: 30%;
    min-width:300px;
    width:30%;
}
.active-projects > div > p {
    margin-bottom:0;
}
.active-projects img {
    max-width:300px;
}
.monitoring-types > div {
    margin: 0 auto;
    width:300px;
}

.video-div {
    display: flex;
    margin: -2%;
    flex-wrap: wrap;
}
.video-div > * {
    width:32%;
    padding:2%;
}
.gallery {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    column-gap: 20px;
    row-gap: 40px;
}
.gallery > div {
    margin: 0 auto;
}
#last-file {
    padding:10px;
}

a.link-dark {
    color: black;
}

body.voorbeeld-pagina, body.klant-pagina {
    background-color: white !important;
}
body.voorbeeld-pagina p {
    max-width:800px;
}
body.voorbeeld-pagina .jumbotron > *:not(:first-child) {
    margin-top: 40px;
}
body.voorbeeld-pagina .jumbotron > .img-label {
    margin-top: 0;
}

body.klant-pagina .container {
    max-width:800px;
    margin: 0 auto;
}
body.klant-pagina a {
    color: black;
}
body.klant-pagina a:hover {
    color: black;
    text-decoration: none;
}
body.klant-pagina a:hover h3 {
    text-decoration: underline;
}

.iframe-content {
    border: 1px solid grey;
    padding:10px;
}

.form-control {
    height: auto !important;
}