/* main layout */
#main {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#options-panel {
    width: 39.5%;
    height: 99%;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    overflow: auto;
    display: inline-block;
    overflow: hidden;
}

#map-panel {
    width: 59.5%;
    height: 99%;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    position: relative;
}


/* override */
.Select-clear {
    display: none !important
}

.modebar {
    display: none !important;
}

.marker-icon span {
    font-weight: 750;
    font-size: 24px;
    text-shadow: 0 0 10px white;
    -webkit-text-stroke: 0.3px white;
}

.marker-text span {
    font-weight: 750;
    font-size: 20px;
    text-shadow: 0 0 10px white;
    -webkit-text-stroke: 0.1px white;
}

.tooltip {
    text-transform: none !important;
}


/* Leaflet crispness override */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    /* Preserve crisp pixels with scaled up images */
    image-rendering: optimizeSpeed;
    /* Legal fallback */
    image-rendering: -moz-crisp-edges;
    /* Firefox        */
    image-rendering: -o-crisp-edges;
    /* Opera          */
    image-rendering: -webkit-optimize-contrast;
    /* Safari         */
    image-rendering: optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: crisp-edges;
    /* CSS4 Proposed  */
    image-rendering: pixelated;
    /* CSS4 Proposed  */
    -ms-interpolation-mode: nearest-neighbor;
    /* IE8+           */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}