html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background-color: #000; color: #fff; font-family: sans-serif; } #map { width: 100vw; height: 100vh; background: black; } [class~="leaflet-container"] { cursor: default !important; } [class~="leaflet-interactive"] { cursor: pointer !important; } #watermark { position: fixed; bottom: 6.6vh; right: 1vw; width: 10.625rem; opacity: 0.5; z-index: 9999; pointer-events: none; } #cursorViewportPosition, [class~="input-overlay"], [class~="textHelper"], [class~="button-overlay"] { position: fixed; color: white; font-size: 0.9375rem; z-index: 9999; } #cursorViewportPosition { background-color: rgba(0, 0, 0, 0.5); border: 0.125rem solid black; box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.5); padding: 0.625rem; right: 1vw; bottom: 1vh; } [class~="textHelper"] { background-color: rgba(0, 0, 0, 0.5); border: 0.125rem solid black; box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.5); padding: 0.625rem; top: 1vh; left: 1vw; } [class~="input-overlay"] { top: 1vh; right: 2vw; min-width: 10vw; max-width: 30vw; } [class~="input-row"] { padding: 0.3125rem; background-color: rgba(0, 0, 0, 0.5); border: 0.125rem solid black; box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.5); } input[type="text"], input[type="number"], textarea { background-color: #111; color: #fff; border: 0.0625rem solid #444; padding: 0.3125rem 0.625rem; caret-color: white; font-family: inherit; } input::placeholder, textarea::placeholder { color: #888888; opacity: 0.5 !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888 !important; opacity: 0.5 !important; } input::-moz-placeholder, textarea::-moz-placeholder { color: #888888 !important; opacity: 0.5 !important; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888888 !important; opacity: 0.5 !important; } [class~="button-overlay"] { bottom: 1vh; left: 1vw; padding: 0.3125rem; background-color: rgba(0, 0, 0, 0.5); border: 0.125rem solid black; box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.5); } button[class~="custom-button"] { background-color: rgba(0, 0, 0, 0.4) !important; color: #c6aa58 !important; border: none !important; padding: 0.625rem 1.25rem; transition: background-color 0.2s ease, color 0.2s ease; } button[class~="custom-button"]:hover, button[class~="custom-button"]:focus { background-color: rgba(0, 0, 0, 0.7) !important; color: #f7d77a !important; } button[class~="custom-"]button[class~="active"] { background-color: rgba(0, 0, 0, 0.9) !important; color: #f7d77a !important; } a[class~="link-gold"] { color: #c6aa58; text-decoration: none; transition: color 0.2s ease; } a[class~="link-gold"]:hover { color: #f7d77a; text-decoration: underline; } [class~="nav-tabs"] [class~="nav-link"] { background-color: transparent !important; color: white; border: none; } [class~="nav-tabs"] [class~="nav-link"]:hover, [class~="nav-tabs"] [class~="nav-link"]:focus { background-color: rgba(0, 0, 0, 0.3) !important; color: #f7d77a; outline: none; box-shadow: none; } [class~="nav-tabs"] [class~="nav-"]link[class~="active"] { background-color: transparent !important; color: #f7d77a !important; border: none; position: relative; } [class~="nav-tabs"] [class~="nav-"]link[class~="active"]::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1875rem; background-color: #c6aa58; border-radius: 0.125rem; } input[type="checkbox"] { accent-color: #008bd1; background-color: transparent; border: 0.0625rem solid #c6aa58; cursor: pointer; } input[type="checkbox"]:not(:checked) { background-color: transparent; } input[type="checkbox"]:focus { outline: none; box-shadow: none; } [class~="text-muted"] { color: #ccc !important; opacity: 0.75 !important; } [class~="leaflet-div-icon"] { background: none !important; border: none !important; } [class~="leaflet-div-icon"]::after { content: ""; display: block; width: 0.625rem; height: 0.625rem; background-color: #c6aa58; border: 0.125rem solid white; border-radius: 50%; box-shadow: 0 0 0.125rem black; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } [class~="zone-divider"] { display: block; width: 100%; height: 0.125rem; background: rgba(255,255,255,0.2) !important; box-shadow: 0 0.0625rem 0 rgba(0,0,0,0.4); margin: 0.625rem 0; }