body{font-family:Lato,sans-serif;font-style:bold;background-image:radial-gradient(#3d293c,#000)}#title{width:1800px;height:65px;text-align:left;padding-left:70px;color:#a537fd;border-bottom:rgb(160,133,222) dashed 2px;border-top:rgb(160,133,222) dashed 2px;margin-bottom:1.5px}#content{width:1870px;height:900px;display:flex;flex-direction:row;padding-bottom:25px;border-bottom:rgb(166,146,212) dashed 2px}#left{flex:12;display:flex;flex-direction:column}#mapPanel{flex:2;display:flex;flex-direction:row}#barPanel{flex:1;display:flex;flex-direction:row}#right{flex:6;display:flex;flex-direction:column;padding-left:10px;padding-bottom:50px;border-left:rgba(160,133,222) dotted 2px}#map{flex:7;text-align:center;display:flex;flex-direction:column}#maptitle{flex:50}#themap{flex:481;position:relative}#map-slider{flex:47}#bar{flex:4}#barchart{position:absolute}#packLayout-export{flex:5;z-index:2}#packLayout-import{flex:5}#layoutchart-info{flex:4}#exportBarChart{height:290px;width:600px;align-self:flex-end}#exportBarChart h2{font-size:20px;color:#e6e6fa}#importBarChart{height:290px;width:600px;align-self:flex-end}#importBarChart h2{font-size:20px;color:#e6e6fa}#packLayout-export circle{stroke:#0000;z-index:2}#packLayout-export svg text{z-index:5;fill:#fff;font-size:13px}#packLayout-import circle{z-index:2}#packLayout-import svg text{z-index:5;fill:#fff;font-size:13px}path{fill:#fff;stroke:#fff;stroke-width:.5px}path:hover{stroke:silver;stroke-width:2px;fill-opacity:.5}#maptitle{text-align:left}.maptitle{font-size:20px;color:#fff;text-align:left}.box{margin:.5px;float:left;text-align:center}.chartBar:hover{fill:#4d308b}.xaxis{fill:none}.axis line{fill:#fff;stroke:#fff;shape-rendering:crispEdges}.axis text{font-family:sans-serif;font-size:11px;text-anchor:start;fill:#fff}.tooltip{position:absolute;max-width:200px;height:auto;padding:5px;background-color:#fff;border-radius:5px;box-shadow:4px 4px 10px rbga(0,0,0,.5);pointer-events:none;font-family:Lato,sans-serif;font-style:bold;font-size:18px}.slidecontainer{width:100%}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;width:100%;height:10px;background:#d3d3d3;outline:none;opacity:.9;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:13px;background:#a085de;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#a085de;cursor:pointer}.commodity-label{color:#fff}.mapLegend{z-index:1;position:absolute;right:0;top:0}.legend-label{fill:#fff}.chartTitle{font-family:Economica,sans-serif;font-size:25px;font-style:bold}.chart-label{font-style:"bold";font-size:"18px";text-shadow:1.5px 3px black}.axisLabel text{fill:#fff}.textLabels{fill:#fff;font-size:16px}.show-state-name{font-family:Orbitron,"sans-serif";text-shadow:1.5px 3px black}.selected{fill-opacity:.5}