#weatherMonthCanvas{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;display:flex;margin:0;padding:0;border:0;width:917px;height:250px}#chartWrapper,#degreeType,#forecastWrapper,#weatherTmpl{font:normal 1em/1 Roboto,sans-serif;display:none;color:#777}#forecastWrapper{margin-bottom:20px}#forecast{display:flex;flex-wrap:wrap;color:#777;justify-content:center;margin:0;padding:0}#forecast .fcDay{margin:0;list-style:none;margin-left:-1px;padding:0;text-align:center;border:1px solid #ddd;flex:1 0 5%}#forecast .fcDate{font-size:12px;padding:4px;line-height:12px;border-bottom:1px solid #ddd;font-weight:700;background-color:#f8f8f8;white-space:nowrap}#forecast .fcImg{margin-top:5px;background:#fff}#forecast .fcImg img{width:50px}#forecast .fcTemp{font-size:12px;padding:3px}#forecast .fcHigh{font-size:1.4em;color:#ff9838;font-weight:700}#forecast .fcLow{color:#999}#forecast .fcTempMeas{font-size:11px;text-align:center}#forecast .fcDesc{font-size:11px;padding:5px;color:#337cc0;font-weight:700}#forecast .fcRain{font-size:12px;padding:5px;color:#888}#canvasWrapper{margin-bottom:20px;width:99%}#weatherMonthContainer{padding:5px 0 0 0;border-radius:4px;position:relative}#monthlyDetailsWrapper{font:normal 1em/1 Roboto,sans-serif;color:#777;margin-bottom:0;padding:0}#monthlyDetails{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;width:auto;margin:0 auto}#monthlyDetails .sectBox{min-width:100px;border:1px solid #ddd;border-radius:3px;margin:0 5px 5px 0;flex:1}#monthlyDetails .sectTitle{font-size:12px;padding:5px 0;font-weight:700;border-bottom:1px solid #ddd;background-color:#f8f8f8;margin-bottom:8px;color:#888}#monthlyDetails .wIcon{font-size:20px}#monthlyDetails .wData{font-size:12px;padding:5px 0;font-weight:400;color:#777}.fa-temperature-high{color:#ffbf80}.fa-temperature-low{color:#88c0ef}.fa-thunderstorm{color:#a1887f}.fa-snowflake{color:#4fc3f7}.fa-sun{color:#ffa726}.fa-humidity{color:#4db6ac}.fa-wind{color:#4dd0e1}.fa-umbrella{color:#9575cd}#degreeType{color:#777;margin:5px 0 20px 0;width:100%;font-size:15px;color:#999;text-align:center}#degreeType a{text-decoration:none;border:1px solid #ccc;border-radius:4px;padding:2px 38px;color:#aaa;font-weight:700;font-size:12px}#degreeType a.active,#degreeType a.active:hover{border:1px solid #81bced;color:#fff;background-color:#81bced}#degreeType a:hover{border:1px solid #a9d4f6;color:#fff;background-color:#a9d4f6}.fa-map-marker:before{content:"\f041"!important}.fa-shield:before{content:"\f132"!important}.fa{font-family:FontAwesome;font-weight:inherit}@media (max-width:400px){#canvasWrapper{width:98%}}