html,body{height:100%;margin:0;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#000}body{min-height:100%}a{text-decoration:none;color:#6ec4e9}a:hover{color:#fff}h1{font-size:20pt;font-weight:lighter}h2{font-size:16pt;font-weight:lighter;color:#6ec4e9}h3{font-size:14pt;font-weight:lighter}.shadow{text-shadow:0px 0px 6px #000,0px 0px 6px #000,0px 0px 6px #000}.settingsLabel{color:#6ec4e9;top:-30px;left:5px;font-size:14px;position:absolute}.group{position:relative;margin-top:35px}.groupSelect{position:relative;margin-top:55px;height:70px}.groupCheckbox{position:relative;height:10px;margin-top:30px}button{color:#fff}button:disabled{color:rgba(255,255,255,.2)}.inverseButton{font-size:20px;background-color:#000;color:#6ec4e9;padding:10px}.inverseButton:focus{background-color:#fff;color:#000}.inverseButton:disabled{opacity:.2}.okButton{font-size:40px;background-color:#6ec4e9;color:#000}.okButton:disabled{opacity:.2}.backButton{font-size:5vh}input[type=text]{font-size:18px;padding:10px 10px 10px 5px;display:block;width:400px;max-width:calc(100% - 20px);border:none;border-bottom:1px solid #757575;background:rgba(0,0,0,0);color:#fff}input[type=text]:focus{outline:none}.inputLabel{color:#999;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}input[type=text]:focus~.inputLabel,input[type=text]:valid~.inputLabel{top:-20px;font-size:14px;color:#6ec4e9}.bar{position:relative;display:block;width:414px;max-width:calc(100% - 4px)}.bar:before,.bar:after{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#6ec4e9;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}input[type=text]:focus~.bar:before,input[type=text]:focus~.bar:after{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}input[type=text]:focus~.highlight{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{from{background:#6ec4e9}to{width:0;background:rgba(0,0,0,0)}}input[type=checkbox].css-checkbox{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}input[type=checkbox].css-checkbox+label.css-label{padding-left:30px;height:25px;display:inline-block;line-height:25px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;cursor:pointer;font-size:18px}input[type=checkbox].css-checkbox:checked+label.css-label{background-position:0 -25px}label.css-label{background-image:url("../assets/images/checkbox.png");-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background-color:rgba(0,0,0,0);border:0;padding:10px}button:focus{background-color:rgba(255,255,255,.4);border:0;outline:none}button{border:0}.backgroundVideo{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block;position:fixed}.backgroundImage{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block;position:fixed}.appMenuButton{display:none;position:absolute;top:50px;left:50px}.appMenuButton img{width:50px;height:50px}.chartBackButton{display:none;position:absolute;top:5vh;left:5vh}.chartBackButton span{font-size:5vh}.settingsButton{position:absolute;top:5vh;right:5vh}.fullscreenButton{position:absolute;top:6vh;right:12vh}.settingsButton span{font-size:5vh}.settingsButton img{width:50px;height:50px}.garageButton{position:absolute;top:15vh;right:20vh}.garageButton .garageImageContainer{position:relative}.garageButton .garageOpenedDiv{position:absolute}.garageButton .garageClosedDiv{position:absolute;max-height:0vh;overflow:hidden}.garageButton button:focus{background:rgba(0,0,0,0);filter:drop-shadow(0px 0px 10px #ffffff)}.garageButton img{width:15vh;height:15vh}.title{text-align:center;color:#fff;font-size:4vh;margin-top:1vh}#dateTimeDiv{position:relative}.currentDate{text-align:center;position:absolute;top:5vh;font-size:4vh;width:100%}.currentTime{text-align:center;position:absolute;top:10vh;font-size:8vh;width:100%}#invalidStationId{position:absolute;top:calc(50% - 25vh);left:calc(50% - 27vw - 10px);width:54vw;height:50vh;background-color:rgba(0,0,0,.6)}#invalidStationIdError{width:100%;text-align:center;position:absolute;top:40%}.forecast{position:absolute;top:calc(50% - 25vh);left:calc(50% - 27vw - 10px);width:54vw;height:50vh;background-color:rgba(0,0,0,.6)}.todayForecastIcon{text-align:center}.todayForecastIcon img{height:12vh}.todayForecastText{text-align:center;margin-top:0;font-size:3vh;margin-left:1vh;margin-right:1vh}.forecastDayList{position:absolute;width:calc(100% - 1vh);bottom:1vh;display:flex;flex-wrap:nowrap}.forecastDay{position:relative;height:22vh;background-color:rgba(0,0,0,.5);text-align:center;flex:1;margin-left:1vh;display:flex;flex-direction:column}.forecastDay img{margin-top:1vh;height:6vh}.forecastDay span{display:block;width:100%;margin:auto}.forecastDay #title{margin-top:.7vh;font-size:2vh}.forecastDay #temperature{font-size:3vh;margin-bottom:1vh;width:100%}.forecastConditionText{display:flex;flex:1;font-size:2vh;overflow:hidden;text-overflow:ellipsis}#forecastDayTemplate{position:fixed;text-align:center;flex-direction:column}.forecastDayDetails{background-color:rgba(0,0,0,.8);text-align:center;flex:1;display:flex;flex-direction:column}.forecastDayDetails .text{height:3vh;overflow:hidden;text-overflow:ellipsis;font-size:1vh;margin-bottom:1vh}.forecastDayDetails img{margin-top:.5vh;height:3vh}.forecastDayDetails #daypartName{text-align:center;width:100%;display:inline-block;font-size:1.2vh;margin-top:1vh}.forecastDayDetails #condition{text-align:center;width:100%;display:inline-block}.forecastDayDetails .forecastDetailsDiv{font-size:1.2vh}.forecastDayDetails #title{margin-top:.7vh;font-size:1.5vh}.forecastDayDetails #temperature{font-size:3vh;margin-bottom:1vh;width:100%}.forecastDayDetails #forecastDetailsThunder{font-size:1vh}#thunderWarning{position:absolute;top:5vh;left:5vh}#iconThunderWarning{font-size:6vh;display:block}#iconThunderCategory{font-size:11vh}#iconThunderCategoryNumber{position:absolute;font-size:6vh;left:3.8vh;top:4.8vh}#thunderWarningContent{position:absolute;left:13vh;top:0}#forecastThunder{display:block;width:18vh;font-size:2vh}.currentTemperature{position:absolute;bottom:5vh;left:3vw;color:#fff;font-size:9vh}#temperatureTrend{font-size:4vh;display:inline-block}.barometerClimbing{color:#90ee90}.barometerFalling{color:#f08080}.climbingFast{vertical-align:super;color:#90ee90}.climbingSlow{transform:rotate(45deg);vertical-align:super;color:#90ee90}.fallingFast{color:#f08080}.fallingSlow{color:#f08080;transform:rotate(-45deg)}.lastRefreshed{position:absolute;bottom:30px;left:50px;color:#f08080;font-size:20px}.currentTotalRain{position:absolute;bottom:6vh;right:3vw;color:#fff;font-size:7vh}.currentPWSData{position:absolute;bottom:18vh;right:3vw;color:#fff;font-size:4vh;text-align:right}#barometerIcon{display:inline-block;position:relative}#barometerIcon .barometerIconPointer{top:0;position:absolute;transform-origin:50% 60%}.settingsDialog{position:absolute;width:100%;height:100%;background-color:#000}.modalDialog{position:absolute;width:100%;height:100%}.modalDialogBackground{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5)}#startWizard{position:absolute;width:100%;height:100%;background-image:url("../assets/images/tablet1.jpg");background-size:cover;background-position:center}.startWizardContent{background-color:rgba(0,0,0,.9);padding:20px;position:absolute;overflow:auto}@media(max-width: 768px){.startWizardContent{width:calc(100% - 40px);height:calc(100% - 40px)}}@media(min-width: 768px){.startWizardContent{width:calc(80% - 40px);height:calc(80% - 40px);left:10%;top:10%}}.startWizardButtonsContainer{display:flex;flex-wrap:wrap;justify-content:center}.startWizardButtonsItem{min-width:200px;max-width:400px;flex:1}.startWizardButtonsItemImage{width:100%}#settingsWindow{position:absolute;width:calc(100% - 40px);height:calc(100% - 40px);padding:20px}#settingsWindowContent{overflow-y:auto;height:calc(100% - 80px);width:100%;margin-top:20px}#settingsWindowCloseButton{display:inline;font-size:30px;left:10px;top:20px}.settingsWindowIcon{font-size:18pt;float:left;vertical-align:middle;margin-right:10px}#abcWindow{position:absolute;width:70vw;height:70vh;left:calc(50% - 35vw - 20px);top:calc(50% - 35vh - 20px);background-color:rgba(0,0,0,.9);padding:20px;border:#fff 1px solid}#abcWindow h1{color:#6ec4e9;text-align:center;font-size:4vh}#abcWindow h2{font-size:3vh}#abcWindow span{font-size:2vh}#abcWindow button{background-color:#6ec4e9;color:#000;font-size:2.5vh;text-transform:uppercase;cursor:pointer}#abcWindow button:hover{background-color:#fff}#UserId{color:gray}.helpButton{display:inline-block;margin-left:10px;font-size:16px;cursor:pointer;pointer-events:all}.todaySunMoon{position:absolute;top:1vh;left:1vh}.todaySunMoon img{width:4vh;height:4vh;margin-top:.4vh}.todaySunMoon span{font-size:3vh}.sunMoon{position:relative}.sunMoon #chevronDown{height:1vh;width:2vh;margin-top:3vh;margin-left:1vh}#moonPhaseImage{font-size:4vh}.forecastData{position:absolute;top:1vh;right:1vh;text-align:right}.forecastData span{margin-left:4px;vertical-align:middle;font-size:3.5vh}@keyframes blinking{0%{opacity:0}1%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}.battery{position:absolute;right:150px;top:60px;animation:blinking 1s linear infinite}.battery img{width:30px}.currentlyRaining{position:absolute;left:5vh;bottom:45vh;width:20vh}.currentlyRainingDiv{position:relative}.currentlyRainingCloud{position:absolute;font-size:20vh}.currentlyRaining #rainMetric{display:block;position:absolute;font-size:2vh;top:9vh;width:100%;text-align:center}.currentlyRaining #currentRainRate{display:block;position:absolute;font-size:7vh;top:10.5vh;width:100%;text-align:center}.rainDrops{display:flex;align-items:center;justify-content:center;position:absolute;top:21vh;width:100%;left:-10px}@keyframes animatedBackground{0%{background-position-y:0}100%{background-position-y:20vh}}.rainDrop{width:3vh;height:6vh;background-image:url("../assets/images/RainDrops.png");background-position-y:10vh;transform:rotate(20deg);animation:animatedBackground 5s linear infinite;text-align:center}#buttonCharts{font-size:5vh}#myChart{background-color:rgba(0,0,0,.5)}.charts{position:absolute;top:25vh;left:0;right:0px;bottom:15vh}.chartContainer{position:relative;margin-left:150px;margin-right:150px;height:90%}.previousChart{position:absolute;left:20px;top:calc(50% - 50px)}.previousChart span{font-size:5vh}.nextChart{position:absolute;right:20px;top:calc(50% - 50px)}.nextChart span{font-size:5vh}.ad{position:absolute;display:flex;align-items:center;bottom:4vh;width:50vw;left:calc(50% - 25vw)}.ad span{position:absolute;top:0;left:5px;pointer-events:none;font-size:2vh}.ad a{width:100%}.ad img{width:100%}.motd{position:absolute;bottom:4vh;color:#fff;font-size:4vh;text-align:center;left:40vh;right:40vh;height:15vh;display:flex;align-items:center}#motd_author{color:#6ec4e9;font-size:3.5vh}#manualRefreshButton{position:absolute;top:50px;left:50px}@keyframes moveInFromLeft{from{transform:translateX(-50px)}to{transform:translateX(0px)}}@keyframes moveInFromRight{from{transform:translateX(50px)}to{transform:translateX(0px)}}@keyframes moveInFromTop{from{transform:translateY(20px)}to{transform:translateY(0px)}}@keyframes moveInFromBottom{from{transform:translateY(-20px)}to{transform:translateY(0px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeInFromLeft{animation-name:moveInFromLeft,fadeIn;animation-duration:1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(0.16, 0.95, 0.67, 1)}.fadeInFromRight{animation-name:moveInFromRight,fadeIn;animation-duration:1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(0.16, 0.95, 0.67, 1)}.fadeInFromTop{animation-name:moveInFromTop,fadeIn;animation-duration:1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(0.16, 0.95, 0.67, 1)}.fadeInFromBottom{animation-name:moveInFromBottom,fadeIn;animation-duration:1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(0.16, 0.95, 0.67, 1)}.fadeInFast{animation-name:fadeIn;animation-duration:200ms;animation-iteration-count:1}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-iteration-count:1}.fadeOutFast{animation-name:fadeOut;animation-duration:200ms;animation-iteration-count:1;animation-fill-mode:forwards}.fadeOut{animation-name:fadeOut;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}@font-face{font-family:"myfont";src:url("../fonts/myfont.eot");src:url("../fonts/myfont.eot?#iefix") format("embedded-opentype"),url("../fonts/myfont.woff") format("woff"),url("../fonts/myfont.ttf") format("truetype"),url("../fonts/myfont.svg#myfont") format("svg");font-weight:normal;font-style:normal}[class*=icon-]:before{display:inline-block;font-family:"myfont";font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrowDown:before{content:"A"}.icon-arrowUp:before{content:"B"}.icon-settings:before{content:"C"}.icon-wind:before{content:"D"}.icon-temperature:before{content:"E"}.icon-rain:before{content:"F"}.icon-graph:before{content:"G"}.icon-barometer:before{content:"H"}.icon-humidity:before{content:"I"}.icon-chevronRight:before{content:"J"}.icon-chevronLeft:before{content:"K"}.icon-thunder:before{content:"L"}.icon-navigateBack:before{content:"M"}.icon-barometerPointer:before{content:"N"}.icon-barometerEmpty:before{content:"O"}.icon-help:before{content:"U"}.icon-triangle:before{content:"V"}.icon-chevron:before{content:"W"}.icon-sun:before{content:"X"}.icon-sad:before{content:"Y"}.icon-moon-wxc:before{content:"Z"}.icon-moon-fq:before{content:"["}.icon-moon-wxg:before{content:"\\"}.icon-moon-f:before{content:"]"}.icon-moon-wng:before{content:"^"}.icon-moon-lq:before{content:"_"}.icon-moon-wnc:before{content:"`"}.icon-moon-n:before{content:"a"}.icon-snow:before{content:"b"}.icon-bell:before{content:"c"}.icon-weatherStation:before{content:"d"}.icon-close:before{content:"e"}.icon-ok:before{content:"f"}.icon-cloud:before{content:"g"}#canvasSnow{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}#canvasRain{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}#imageName{position:absolute;right:20px;bottom:20px;font-size:12px;display:none}#appInfo{color:gray;margin-top:80px}#tooltipTemplate{position:fixed;border-radius:5px;padding:1vh;font-size:3vh;background-color:#6ec4e9;color:#000}#removeAds{background-color:#6ec4e9;color:#000}.removeAdsBanner{background-color:#6ec4e9;display:inline-block;padding:20px;position:relative}