.text-custom{background:#fff}.bg-custom{background:#11526c}.link{color:#00f;text-decoration:underline}#barContainer{height:610px}#container{font-family:Open Sans,sans-serif;width:60%;margin-left:10%;margin-right:10%;height:550px;float:left}#legend{width:20%;float:left}#pieCon{height:400px}#pieContainer{float:left;font-family:Open Sans,sans-serif;width:80%;height:370px}svg{width:100%;height:100%}text.axis{font-size:15px;font-weight:600}.tick text{font-size:14px;font-weight:400;background:#b0c4de}text.title{font-size:20px;font-weight:600}text.labelValue{font-size:15px;font-weight:600;fill:#000;pointer-events:none}text.avgLabel{font-size:16px;font-weight:550;pointer-events:none}text.pieLabelPerCent{font-size:13px}text.pieLabelPerCent,text.pieLabelValue{text-anchor:middle;font-weight:700;pointer-events:none}text.pieLabelValue{font-size:15px}line{stroke:grey}line.avgLine{stroke:grey;stroke-width:2;pointer-events:none}div.tooltip{position:absolute;width:60px;height:28px;text-align:center;padding:6px;font:13px sans-serif;background:#616161;color:#fff;border:0;border-radius:8px}.zoomOutImage,div.tooltip{pointer-events:none}.display-none{display:none}.mobile{margin-top:20px}.cardtitle{font-size:100%}#mobile-box{width:100%}#barSvg{margin-bottom:60px}@media only screen and (max-width:1700px){#barContainer{height:510px}#container{height:450px}}@media only screen and (max-width:1400px){#barContainer{height:510px}#container{width:70%;margin-left:5%;margin-right:5%;height:450px}}@media only screen and (max-width:1200px){#barContainer{height:510px}#container{width:68%;margin-left:2%;margin-right:0;height:450px}#pieContainer{width:68%}#legend{width:30%}}@media only screen and (max-width:1100px){#barContainer{height:380px}#container{height:350px}}@media only screen and (max-width:700px){#barContainer{height:350px}#container{height:320px}}@media only screen and (max-width:600px){#barContainer{height:490px}#container{width:100%;float:none}#legend{width:100%}#pieCon{height:560px}#pieContainer{width:100%;margin-bottom:30px}}@media only screen and (max-width:500px){#barContainer{height:470px}#container{height:300px}.cardtitle{font-size:90%}#mobile-box p{font-size:80%}#display2{width:60px}#display3{height:30px;margin-top:22px}#barSvg text,.axis,.crop{font-size:90%}}@media only screen and (max-width:420px){#barContainer{height:420px}#container{height:220px;margin-top:20px;margin-bottom:20px}.cardtitle{font-size:90%}#mobile-box p{font-size:60%}#display2{width:60px}#display3{height:22px;margin-top:26px}.q-input-target{font-size:70%;width:50px}}