:root {
    --link-color: #f7e626;
    --accenty: black !important;
    --border-radius: 1px;
    --highlight-color: #dce0e5;
}
html, body { font-size: 12pt }
body {
    background-color: #fff;
    color: black;
    font-family: 'Open Sans', sans-serif;
    margin: 20px 20px;
}
a:not(.modebar-btn, .maplibregl-ctrl-logo) {
    color: #000;
}
a:not(.modebar-btn, .maplibregl-ctrl-logo):link, a:not(.modebar-btn, .maplibregl-ctrl-logo):visited {
    color: inherit;
    text-decoration: none;
    border-bottom: 2px solid #000;
    padding: 0.07em;
    border-radius: 1px;
}
a:not(.modebar-btn, .maplibregl-ctrl-logo):hover, a:not(.modebar-btn, .maplibregl-ctrl-logo):active, a:not(.modebar-btn, .maplibregl-ctrl-logo):focus {
    text-decoration: none !important;
    background-color: var(--link-color);
}
.maplibregl-ctrl-attrib {
    font-size: 50%;
    margin:  -2.25em 0 0 0.5em;
    text-align: right;
}
.maplibregl-ctrl-attrib  a, .maplibregl-ctrl-attrib  a:hover {
    border: none;
    background-color: transparent;
}
/* Hide map attribution */
/*.maplibregl-ctrl-attrib { display: none !important; }*/
/* Don't style map attribution links */
/* .maplibregl-ctrl-attrib-inner a {
    color: inherit !important;
    border: none !important;
}
 */
ul {
    list-style-type: square;
    padding-left: 1em;
}
#logo {
    height: 1.6em;
    padding: 0 0 0.25em 0.5em;
}
#map {
    padding: 0px;
    border: 0px solid rgba(0, 0, 0, .125);
    height: 500px;
    border-radius: var(--border-radius);
}
#map .modebar {
    top: 15%;
    left: 0%;
}

*:focus {
    outline: none;
}
/*--- Dash styling -------------------*/
.card {
    border-radius: var(--border-radius);
}
.dash-table-container .dash-spreadsheet-container {
    display: flex;
    flex-direction: row;
    position: relative;
    line-height: initial;
    border-radius: var(--border-radius);
}
.cell-table {
    font-family: inherit !important;
}
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th {
    background-color: #f8f9fa !important;
}
.dash-cell.cell--selected.focused {
    background-color: var(--highlight-color) !important;
}
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th:hover [class^="column-header--"]:not(.disabled),
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th:hover [class^="dash-filter--"]:not(.disabled)
{
    color: var(--accenty) !important;
    border-color: var(--accenty) !important;
}
input.dash-filter--case {
    display: none !important;
}
.DateInput_input {
    font: inherit;
}
.DateRangePickerInput__withBorder {
    border-radius: var(--border-radius);
}
.Select div {
    border-radius: var(--border-radius);
}
/* Bootstrap -------------------------*/