.leaflet-center, .leaflet-fullwidth {
    left: 50%;
    transform: translate(-50%, 0%);
}

.leaflet-fullwidth {
    width: calc(100% - 20px);
}

.leaflet-middle {
    top: 50%;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    transform: translate(0%, -50%);
}

.leaflet-center.leaflet-middle {
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.suncalc-control {
/*    pointer-events: none; */
}
.suncalc-dusk {
    fill: red;
    stroke-width: 0;
    fill-opacity: 0.5;
}

.suncalc-dawn {
    fill: yellow;
    stroke-width: 0;
    fill-opacity: 0.5;
}

@media (pointer: coarse) {
    .suncalc-sun-label {
        font-size: 9px;
    }
}

@media (pointer: fine) {
    .suncalc-sun-label {
        font-size: 11px;
    }
}

.suncalc-sun {
    fill: #FFB800;
    fill-opacity: 0.5;
}

.suncalc-sun.twilight {
    fill: #781600;
    fill-opacity: 0.35;
}

.suncalc-sun.night {
    fill: black;
    fill-opacity: 0.15;
/*
    stroke: black;
    stroke-dasharray: 2px 2px;
    stroke-width: 1;
    stroke-opacity: 0.5;
    */
}

.suncalc-background {
    fill: white;
    fill-opacity: 0.5;
}

.suncalc-moon{
    fill: black;
}

.suncalc-sun-path {
    stroke-width: 3;
    stroke-opacity: 0.7;
    fill: none;
    stroke: orangered;
}

.suncalc-sun-path.night {
    stroke-width: 2;
    stroke-opacity: 0.2;
    fill: none;
    stroke: black;
}

.suncalc-moon-path {
    stroke-width: 2;
    stroke-dasharray: 2 2;
    stroke-opacity: 0.7;
    fill: none;
}
.suncalc-moon-path {
    stroke: darkred;
}

.suncalc-azimuth-circle {
    stroke-width: 1;
    stroke-opacity: 0.5;
    fill: none;
    stroke: black;
}

.suncalc-compass {
    stroke-width: 1;
    stroke-opacity: 0.5;
    fill: none;
    stroke: black;
}
.suncalc-compass.north, .suncalc-compass.south {
    stroke-width: 5;
    stroke-opacity: 1;
}
.suncalc-compass.north {
    stroke: red;
}
.suncalc-compass-label.north {
    font-size: 1.1em;
    fill: red;
}
.suncalc-compass.south, {
    stroke: blue;
}
.suncalc-compass-label.south {
    font-size: 1.1em;
    fill: blue;
}
.suncalc-compass-label {
    font-size: 0.8em;
    stroke: none;
    fill: black;
    fill-opacity: 1;
    dominant-baseline: middle;
    text-anchor: middle;
    user-select: none;
}

.suncalc-azimuth {
    stroke-width: 3;
    stroke-dasharray: 8 3;
    stroke: orangered;
}
.suncalc-duskdawn {
    stroke-width: 2;
    stroke: darkred;
    stroke-dasharray: 3 2;
    fill: none;
}
.suncalc-sunrisesunset {
    stroke-width: 3;
    stroke: darkred;
    fill: none;
}

.suncalc-sun-label {
    font-family: -apple-system, "Helvetica Neue", "Segoe UI", "Roboto", sans-serif;
    text-anchor: middle;
    dominant-baseline: middle;
    font-weight: bold;
    pointer-events: none;
    user-select: none;
}

.suncalc-sun-label {
    fill: black;
    text-shadow: 0px 0px 4px white;
}

.suncalc-shaded {
    // opacity: 0.5;
}