/* body {
    margin: 0;
    padding: 0;
    height: 100vh;
} */
#earth-js, #three-js, .ej-svg, .ej-canvas, .top {
    position: absolute;
    /* left: 0; */
    top: 30vh; 
    align-content: center;
}
.ej-center {
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#earth-js {
    z-index: 0;
}
#three-js, .ej-svg, .ej-canvas, .top {
    /*position: relative;*/
    z-index: 3;
}
.land path{
    fill: rgb(28,42, 51);
    stroke-opacity: 1;
}
.lakes path {
    fill: rgb(69,172,229);
    stroke-opacity: 1;
}
.countries path {
    stroke: rgb(185, 180, 175);
    stroke-linejoin: round;
    stroke-width: 0.2;
    fill: rgb(28,42, 51);
    opacity: 1;
}
.countries path:hover {
    stroke-width:1;
    fill: rgb(17, 121, 204);
    opacity: 1;
}
.countries path:not([d]),
.points path:not([d]) {
    opacity: 0;
}
.countries path:not([d]),
.points path:not([d]) {
    opacity: 0;
}
.ocean {
    fill: url(#ocean);
}
.graticule path {
    fill: none;
    opacity: 0.2;
    stroke: black;
    stroke-width: 0.5;
}
.dot path {
    fill: rgba(100,0,0,.4);
    stroke: rgba(100,0,0,.6);
    stroke-width: 0.2;
}
.labels {
    font: 8px sans-serif;
    fill: black;
    opacity: .5;
}
#three-js, .ej-canvas, .noclicks {
    pointer-events:none;
}
.point{
    opacity:.6;
    fill: rgb(17, 121, 204);
}
.ej-country-tooltip,
.ej-bar-tooltip,
.ej-dot-tooltip {
    background: #fff;
    border: solid #ccc 1px;
    color: #666;
    display: none;
    font-family: sans-serif;
    font-size: 14px;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    z-index: 3;
}
.ej-hidden {
    display: none;
}
.input-area {
    background-color: #b7b7b7;
    position: absolute;
    padding: 20px;
    z-index: 5;
}
.input-area button {
    padding: 15px;
}
.set-options, .set-options2 {
    display: inline-block;
    position: absolute;
    z-index: 999;
    /*top: 25px;*/
}
.set-options2 {
    z-index: 998;
}