body,html{margin:0;padding:0;width:100%;height:100%}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}#container{display:flex;width:100%;height:100%;overflow:hidden}#menu{width:250px;background-color:#0f5376;box-shadow:0 1px 2px rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);z-index:999;font-family:sans-serif}.blueol{color:#0078d0}.yellowol{color:#ffb114}.blackol{color:#7d7d7d}.greenol{color:#00a651}.redol{color:#f0282d}h1{color:#fff;text-align:center;margin:12px 0;font-weight:700;font-size:28px;letter-spacing:1.5px;text-shadow:3px 3px 2px #000000a8;user-select:none}h2,h3{color:#fff;text-align:center;font-weight:700;font-size:17px;letter-spacing:1px;text-shadow:3px 3px 2px #000000a8;user-select:none}#header{padding-bottom:25px;cursor:pointer}#menu{display:flex;flex-direction:column;height:100%}#menus{height:calc(100% - 120px)}#sites,#sports,#tracks{max-height:33.3333%;box-sizing:border-box;padding:0 10px 10px 10px;background-color:#0e4461;display:flex;flex-direction:column}#sitesScroll,#sportsScroll,#tracksScroll{overflow-y:auto}h4{color:#fff;font-size:18px;display:flex;justify-content:space-between;cursor:pointer;user-select:none;padding:5px 0}.site,.sport{background-color:#fff;border-radius:5px;border:1px solid #d3d3d3;min-height:25px;display:flex;align-items:center;box-sizing:border-box;padding:2px 5px;font-size:15px;margin:3px 3px 3px 0;cursor:pointer;user-select:none}.site:hover,.sport:hover{background-color:#0f5376;color:#fff}.track{color:#fff;border-radius:5px;border:1px solid #d3d3d3;min-height:25px;display:flex;align-items:center;box-sizing:border-box;padding:2px 5px;font-size:15px;margin:3px 3px 3px 0;cursor:pointer;user-select:none}.track:hover{background-color:#fff;color:#000}#popup-id{display:flex;align-items:center;font-size:15px;margin:3px 0}#popup-id img{margin-right:10px;width:21px;height:21px}#map{width:calc(100% - 250px);height:100%}#reduce{display:none;position:fixed;left:20px;top:10px;height:37px;width:25px;background-color:#0f5376;z-index:999;padding:0 3px;border-radius:3px;cursor:pointer;box-shadow:0 1px 2px rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}#reduce div{background-color:#fff;border-radius:5px;height:4px;width:25px;margin:6px 0}@media screen and (max-width:600px){#menu{position:fixed;left:-250px;z-index:10000}#map{width:100%}#reduce{display:block}}@media screen and (max-height:500px){#header{display:none}#menus{height:100%}}