#leftbar.opened .bar-header {
    background-color: #6db1d1;
}

#leftbar .leftbar-pills .nav-item .nav-link.active {
    background-color: #35a0c7;
    color: #f8f9fa;
}

#leftbar .leftbar-pills .nav-item .nav-link:hover {
    background-color: #f8f9fa;
    color: #6db1d1;
}

#leftbar .leftbar-pills .nav-item .nav-link.active:hover {
    background-color: #f8f9fa;
    color: #6db1d1;
}

.grid-table.grid-table-header {
    background-color: #35a0c7!important;
}

.card-header.bg-dark {
    background-color: #35a0c7!important;
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 167, 203, 0.41);
}

.btn-outline-dark:hover {
    background-color: #6db1d1;
    border-color: #6db1d1;
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    background-color: #6db1d1;
    border-color: #6db1d1;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 167, 203, 0.41);
}

.adam-card-popup>.card>.card-body button[data-toggle="collapse"], .adam-card-popup>.card>.card-body button.location-button {
    background-color: #6db1d1;
    border-color: #4ca7cb;
}

.adam-card-popup>.card>.card-body button[data-toggle="collapse"]:focus, .adam-card-popup>.card>.card-body button.location-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 167, 203, 0.41);
}

.adam-card-popup>.card .card-location>.card-header {
    background-color: #6db1d1;
    border-color: #4ca7cb;
}

.btn-dark {
    background-color: #4ca7cb;
    border-color: #4ca7cb;
}

.btn-dark:hover {
    background-color: #6db1d1;
    border-color: #4ca7cb;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    background-color: #6db1d1;
    border-color: #4ca7cb;
}

.btn-dark.focus, .btn-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 167, 203, 0.41);
}

#gis_toolbar .btn-dark {
    color: #f8f9fa;
}

.btn-heatmap {
    border-color: #4ca7cb!important;
}

.btn-heatmap.btn-light {
    color: #4ca7cb;
}

.catalogue .keyword {
    background: #35a0c7;
}

.geom-row-container {
    background: #4ca7cb;
}

.grid-table-bottom.bg-dark {
    background: #4ca7cb!important;
}

#subset_container .playlist_container {
    border-color: #4ca7cb!important;
}

#subset_container .layer_container.selected {
    background-color: #4ca7cb!important;
}

#subset_container .layer_container .layer_container-bottom {
    background-color: #4ca7cb!important;
}

.slider-popup {
    position: fixed;
    bottom: 22vh;
    right: .5vw;
    z-index: 12;
    width: 2rem;
    height: 12rem;
    background: #4ca7cb;
    padding: .75rem .25rem;
    border-radius: 0.25rem;
}

.slider-popup .noUi-target {
    height: 100%;
    margin: 0 auto;
    width: .75rem;
    background: #fff;
}

.slider-popup .noUi-vertical .noUi-handle {
    width: 1.5rem;
    height: 1.5rem;
    background: #4ca7cb;
    box-shadow: inset 0 0 1px #4ca7cb, inset 0 1px 7px #3a7f9a, 0 3px 6px -3px #145169;
}

.slider-popup .noUi-tooltip {
    display: block;
    font-size: .875rem;
    background: #4ca7cb;
    color: #f8f9fa;
}

#gis_bar>button {
    color: #f8f9fa;
    background-color: #4ca7cb;
    border-color: #4ca7cb;
}

#gis_controller button {
    color: #f8f9fa;
    background-color: #4ca7cb;
    border-color: #4ca7cb;
}

#gis_controller .compass-container {
    border-color: #4ca7cb;
}

.vector-button-container {
    position: fixed;
    top: 7vh;
    right: .5vw;
    z-index: 12;
}

.vector-button-container button.btn-vector-opener {
    color: #f8f9fa;
    background-color: #4ca7cb;
    border-color: #4ca7cb;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    border-color: #f8f9fa;
}

.vector-button-container .vector-selector-container {
    display: none;
    position: absolute;
    top: -.2rem;
    right: 3.2rem;
}

.vector-button-container.opened .vector-selector-container {
    display: block;
}

.vector-button-container .vector-selector-container button {
    color: #4ca7cb;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    width: 6rem;
    font-size: .75rem;
}

.vector-button-container .vector-selector-container button.selected {
    color: #f8f9fa;
    background-color: #4ca7cb;
    border-color: #4ca7cb;
}

.vector-button-container .btn-vector-opener .icon {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/static/images/coastal_crete/water_current.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}