blue1 {
    color: rgba(0,154,170,1.000);
    line-height: 11px;
}
gust {
    color: #ff8841;
    line-height: 11px;
}
.w34uptime,
ogrey,
ogreyh1 {
    -webkit-border-radius: 3px
}

.aqigood,
.aqimod,
.aqipoor,
.aqixpoor {
    padding-top: 3px;
    font-weight: 700;
    font-family: weathertext;
    width: 36px;
    height: 36px;
    line-height: 40px;
    margin-top: 0;
    text-align: center;
    color: #fff;
    position: absolute
}

.aqigood,
.aqimod {
    margin-left: 5px
}

oblueh1 {
    color: #01a4b4
}

oorangeh1 {
    color: #ff8841
}

oredh1 {
    color: #e47769
}

ogrey,
ogreyh1 {
    color: #aaa;
    background: rgba(86, 95, 103, .4);
    padding: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: .9em
}

.aqigood,
uv0 {
    background-color: #9aba2f
}

.aqigood {
    border-radius: 50%;
    border: 0;
    font-size: 13px
}

.aqimod,
.aqipoor {
    border-radius: 50%;
    font-size: 13px
}

.aqimod {
    background-color: #cda51b;
    border: 0
}

.aqipoor,
.aqixpoor {
    margin-left: 3px
}

.aqipoor {
    background-color: #ff8841;
    border: 0
}

.aqixpoor {
    background-color: #e47769;
    border-radius: 50%;
    border: 0;
    font-size: 14px
}

aqigrey {
    font-family: Arial;
    position: absolute;
    font-size: 12px;
    color: #fff;
    margin-left: 8px;
    display: block;
    margin-top: -53px;
    margin-bottom: 7px;
    font-weight: 600
}

.aqi1112a,
.aqi1113a,
.aqi67a,
.aqi810a {
    margin-left: 40px;
    width: 60px;
    height: 60px;
    text-align: center
}

aqit {
    font-size: 6pt;
    color: #fff
}

.aqi01a,
.aqi03a,
.aqi1112a,
.aqi1113a,
.aqi35a,
.aqi67a,
.aqi810a {
    padding-top: 3%;
    margin-top: -5px
}

.aqi01a,
.aqi03a {
    width: 60px;
    height: 60px;
    text-align: center;
    font-weight: 400
}

.aqi1112a span,
.aqi1113a span {
    color: #aaa
}

.aqi01a {
    color: #777
}

.aqi03a,
.aqi35a {
    border: 2px solid rgba(57, 61, 64, 1)
}

.aqi1112a,
.aqi67a,
.aqi810a {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1)
}

.aqi03a {
    color: #9aba2f
}

.aqi35a,
.aqi67a {
    font: 2em weathertext, arial, system
}

.aqi35a,
.aqi67a,
spaneboltek {
    font-weight: 400
}

.aqi35a {
    color: rgba(255, 112, 50, 1);
    width: 60px;
    height: 60px;
    text-align: center
}

.aqi67a {
    color: #cda51b
}

.aqi810a {
    font: 2em weathertext, arial, system;
    color: #ff8841;
    font-weight: 400
}

.aqi1112a {
    color: #e47769;
    font-weight: 400
}

.aqi1113a {
    font: 1.9em weathertext, arial, system;
    color: #a475cb;
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1);
    font-weight: 400
}

aqia,
aqialo,
aqiap {
    font-size: .3em;
    position: absolute;
    text-align: center;
    color: #aaa
}

aqia {
    margin: 30px auto 0 -37px
}

aqiap {
    margin: 30px auto 0 -35px
}

aqialo {
    margin: 30px auto 0 -31px
}

.ozonegood,
.ozonemoderate,
.ozonepoor,
.ozoneverygood {
    margin-left: 40px;
    width: 60px;
    height: 60px;
    margin-top: 10px
}

.ozonegood,
.ozonepoor {
    line-height: 14px;
    color: #aaa;
    font-family: Arial, system
}

.ozonepoor {
    padding-top: 18px
}

.ozonegood,
.ozonemoderate,
.ozoneverygood {
    -moz-osx-font-smoothing: grayscale;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    position: absolute
}

.ozonedark {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1);
    padding-top: 15px;
    font-size: 12px;
    font-weight: 400
}

.ozonegood,
.ozonelow,
.ozonemoderate,
.ozoneverygood {
    padding-top: 18px;
    
    line-height: 14px
}

.ozonelow {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1);
    font-size: 18px;
    font-weight: 600;
    color: #01a4b4
}

.ozonegood,
.ozonemoderate {
    font-weight: 400;
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.ozonemoderate {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1);
    color: #ff8841
}

.ozonegood {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1);
    color: #9aba2f
}

.ozonepoor {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1);
    color: #e47769
}

.ozoneverygood {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, 1);
    font-size: 18px;
    color: #9aba2f
}

infogrey {
    color: #aaa
}

.wu34i {
    background: 0;
    color: #777
}

.wu34i p:first-of-type {
    position: relative;
    border: 1px solid #333;
    width: 90px;
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    margin: 3px;
    float: left;
    height: 145px;
    color: #aaa;
    background: rgba(37, 41, 45, .7);
    background: -moz-linear-gradient(top, rgba(37, 41, 45, .7) 0, rgba(37, 41, 45, .7) 40%, rgba(32, 34, 38, .4) 40%, rgba(32, 34, 38, .4) 100%);
    background: -webkit-linear-gradient(top, rgba(37, 41, 45, .7) 0, rgba(37, 41, 45, .7) 40%, rgba(32, 34, 38, .4) 40%, rgba(32, 34, 38, .3) 100%);
    background: linear-gradient(to bottom, rgba(37, 41, 45, .7) 0, rgba(37, 41, 45, .7) 40%, rgba(32, 34, 38, .4) 40%, rgba(32, 34, 38, .4) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(37,41,45,0.7)', endColorstr='rgba(32,34,38,0.4)', GradientType=0)
}

adv,
adv1 {
    left: 40px;
    margin-top: 5px;
    font-size: 12px
}

.apixuforecast34,
adv,
adv1 {
    display: block
}

bluefi,
hiti,
lowti,
orangefi {
    padding: 2px;
    font-weight: 700
}

.weather34solarrate,
adv1,
solarwm2,
wfblue,
wfgreen {
    font-weight: 400
}

bluefi,
chancei,
lowti {
    color: #01a4b5;
    font-size: 12px
}

hiti,
orangefi {
    color: #ff8841;
    font-size: 12px
}

greenfi {
    color: #9aba2f
}

greyfi {
    font-size: 12px
}

dayi,
raini,
rainui,
tempui,
windui {
    font-size: 12px;
    font-family: Arial, Helvetica
}

.menucolor {
    color: #e47769
}

windred {
    color: #d86858
}

windorange {
    color: #ff8841
}

windgreen {
    color: #9aba2f
}

adv1 {
    font-family: Arial, Helvetica
}

.weather34solarrate,
.weather34solarrate span {
    font-family: weathertext, arial, system;
    font-size: 12px
}

.weather34-solarrate-bar {
    background: 0;
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 20px;
    margin-top: 40px;
    color: rgba(57, 61, 64, 1)
}

.weather34solarrate {
    color: #ff8841;
    position: absolute;
    margin-left: 36px;
    margin-top: 27px;
    width: 20px;
    max-height: 100px;
    line-height: 10px
}

.weather34solarrate span {
    color: #777
}

solarwm2 {
    font-size: 10px
}

.weather34solarrate1,
.weather34solarrate1 span,
.weather34uvrate,
.weather34uvrate span {
    font-family: weathertext, arial, system;
    font-size: 12px;
    font-weight: 400
}

.weather34-solarrate1-bar {
    background: 0;
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 230px;
    margin-top: 38px
}

.weather34-solarrate1-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/solarrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, 1);
    border-bottom: 5px solid rgba(57, 61, 64, 1);
    border-top: 3px solid rgba(57, 61, 64, 1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-solarrate1-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-solarrate1-bar .bar-inner1000 {
    shape-rendering: crispEdges;
    background: rgba(128, 105, 152, .8);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-solarrate1-bar .bar-inner700 {
    shape-rendering: crispEdges;
    background: rgba(174, 81, 82, .8);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-solarrate1-bar .bar-inner1,
.weather34-solarrate1-bar .bar-inner400,
.weather34-solarrate1-bar .bar-inner600 {
    shape-rendering: crispEdges;
    background: rgba(191, 115, 55, 1);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34solarrate1 {
    color: #ff8841;
    position: absolute;
    margin-left: 238px;
    margin-top: 17px;
    width: 20px;
    max-height: 100px;
    line-height: 10px
}

.weather34solarrate1 span {
    color: #777
}

.weather34-uvrate-bar {
    background: 0;
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 230px;
    margin-top: 38px
}

.weather34-uvrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/uvrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, 1);
    border-bottom: 5px solid rgba(57, 61, 64, 1);
    border-top: 3px solid rgba(57, 61, 64, 1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-uvrate-bar .bar-inner10,
.weather34-uvrate-bar .bar-inner8 {
    shape-rendering: crispEdges;
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px
}

.daylightcompass2>.daylightcompass-line2,
.homeweathercompass2>.homeweathercompass-line2 {
    -webkit-clip-path: polygon(100%0, 100%100%, 100%100%, 0100%, 00);
    -ms-clip-path: polygon(100%0, 100%100%, 100%100%, 0100%, 00);
    bottom: 25px
}

.weather34-uvrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-uvrate-bar .bar-inner10 {
    background: rgba(128, 105, 152, .6);
    border: 0
}

.weather34-uvrate-bar .bar-inner8 {
    background: rgba(174, 81, 82, .6);
    border: 0
}

.weather34-uvrate-bar .bar-inner3,
.weather34-uvrate-bar .bar-inner5 {
    -webkit-border-radius: 1px 1px 2px 2px;
    width: 100%;
    shape-rendering: crispEdges
}

.weather34-uvrate-bar .bar-inner5 {
    background: rgba(255, 136, 65, .6);
    border: 0
}

.weather34-uvrate-bar .bar-inner3 {
    background: rgba(221, 181, 73, .6);
    border: 0
}

.weather34-uvrate-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(143, 177, 42, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34uvrate {
    color: #ff8841;
    position: absolute;
    margin-left: 238px;
    margin-top: 17px;
    width: 20px;
    max-height: 100px;
    line-height: 10px
}

.weather34uvrate span {
    color: #777
}

greyuv,
solartrend {
    color: #aaa
}

purpleuv {
    color: #a475cb
}

reduv {
    color: #e47769
}

orangeuv {
    color: #ff8841
}

greenuv {
    color: #9aba2f
}

rainrateblue {
    color: #01a4b4
}

.apixuforecast34block {
    margin-left: 10px
}

.apixuforecast34 {
    float: left;
    width: 30%;
    margin: 2px 2px 2px 3px;
    font-family: ' Helvetica', Arial;
    height: 145px;
    padding: 5px;
    color: #aaa;
    background: rgba(37, 41, 45, .7);
    background: -moz-linear-gradient(to top, rgba(37, 41, 45, .7) 0, rgba(37, 41, 45, .7) 64%, rgba(32, 34, 38, .4) 64%, rgba(32, 34, 38, .4) 100%);
    background: -webkit-linear-gradient(to top, rgba(37, 41, 45, .7) 0, rgba(37, 41, 45, .7) 64%, rgba(32, 34, 38, .4) 64%, rgba(32, 34, 38, .4) 100%);
    background: linear-gradient(to top, rgba(37, 41, 45, .7) 0, rgba(37, 41, 45, .7) 64%, rgba(32, 34, 38, .4) 64%, rgba(32, 34, 38, .4) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(37,41,45,0.7)', endColorstr='rgba(32,34,38,0.4)', GradientType=1);
    border: 1px solid rgba(153, 155, 156, .2);
    line-height: 13px;
    font-size: 12px
}

uppercase {
    text-transform: capitalize
}

greenf {
    color: #9aba2f;
    font-size: 12px;
    padding: 2px;
    font-weight: 700
}

solartrend {
    position: absolute;
    margin-left: 15px;
    margin-top: -15px
}

uvtrend {
    position: absolute;
    margin-left: 5px;
    margin-top: -5px
}

.tempblue,
.tempgreen,
.temporange,
.tempred {
    margin-top: -17px;
    float: left;
    width: 60px
}

.metricsymbol {
    position: absolute;
    top: 15px;
    left: 81px
}

.tempblue,
.tempbluedew,
.tempgreen,
.tempgreendew,
.temporange,
.temporangedew,
.tempred,
.tempreddew {
    position: relative;
    background: 0;
    padding: 1px;
    border-radius: 4px;
    margin-left: 35px
}

yellow,
yellow1 {
    color: rgba(230, 161, 65, 1)
}

.tempgreen {
    font-weight: 400;
    color: #aaa
}

.tempgreen span {
    font-weight: 600;
    color: #9aba2f
}

.temporange {
    font-weight: 400;
    color: #aaa
}

.temporange span {
    font-weight: 600;
    color: #ff8841
}

.tempred {
    font-weight: 400;
    color: #aaa
}

.tempred span {
    font-weight: 600;
    color: #e47769
}

.tempblue {
    font-weight: 400;
    color: #aaa
}

.tempblue span {
    font-weight: 600;
    color: #01a4b4
}

.tempbluedew,
.tempgreendew,
.temporangedew,
.tempreddew {
    font-weight: 400;
    color: #aaa;
    margin-top: -5px;
    float: left;
    width: 60px
}

.tempbluefeels,
.tempgreenfeels,
.temporangefeels,
.tempredfeels {
    position: relative;
    background: 0;
    padding: 1px;
    border-radius: 4px;
    margin-left: 44px;
    float: left;
    width: 60px;
    margin-bottom: 8px;
    margin-top: 0
}

.tempgreenfeels {
    font-weight: 400;
    color: #aaa
}

.tempgreenfeels span {
    font-weight: 600;
    color: #9aba2f
}

.temporangefeels {
    font-weight: 400;
    color: #aaa
}

.temporangefeels span {
    font-weight: 600;
    color: #ff8841
}

.tempredfeels {
    font-weight: 400;
    color: #aaa
}

.tempredfeels span {
    font-weight: 600;
    color: #e47769
}

.tempbluefeels {
    font-weight: 400;
    color: #aaa
}

.tempbluefeels span {
    font-weight: 600;
    color: #01a4b4
}

.tempgreendew span {
    font-weight: 600;
    color: #9aba2f
}

.temporangedew span {
    font-weight: 600;
    color: #ff8841
}

.tempreddew span {
    font-weight: 600;
    color: #e47769
}

.tempbluedew span {
    font-weight: 600;
    color: #01a4b4
}

.barometerblue,
.barometerorange {
    font-weight: 400;
    color: #aaa;
    background: 0;
    width: 60px;
    line-height: 10px;
    position: relative;
    border-radius: 4px;
    padding: 1px;
    float: left
}

.barometerblue {
    margin-top: 5px
}

.barometerorange {
    margin-top: 0;
    margin-left: 0
}

.barometerblue {
    margin-left: 5px
}

.barometerorange span {
    font-weight: 600;
    color: rgba(255, 112, 50, 1)
}

.barometerblue span {
    font-weight: 600;
    color: #01a4b4
}

.barometergreen {
    position: relative;
    font-weight: 400;
    color: #fff;
    background: rgba(144, 177, 42, 1);
    padding: 1px;
    border-radius: 4px;
    margin-top: 0;
    margin-left: 120px;
    float: left;
    width: 60px
}

.daylightblue,
.daylightred,
.moonrisered,
.moonsetblue {
    position: relative;
    width: 65px;
    line-height: 10px;
    margin-top: 0
}

.barometergreen span,
.barometergreen supunit {
    font-weight: 600;
    color: #fff
}

.daylightblue,
.daylightgreen span,
.daylightred,
.daylightred span {
    font-weight: 400;
    color: #aaa
}

.daylightblue,
.daylightred {
    background: 0;
    padding: 1px;
    border-radius: 4px;
    margin-left: 20px;
    float: left
}

.moonrisered,
.moonrisered span,
.moonsetblue {
    font-weight: 600;
    color: #fff
}

.moonrisered {
    background: rgba(255, 124, 57, 1);
    padding: 1px;
    border-radius: 4px;
    margin-left: 0;
    float: left
}

.moonsetblue {
    background: rgba(0, 154, 171, .7);
    padding: 1px;
    border-radius: 4px;
    margin-left: 10px;
    float: left
}

.rainrateblue,
.raintodayblue {
    position: relative;
    background: 0;
    border-radius: 4px;
    font-family: weathertext, arial, system;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    padding: 1px;
    float: left
}

,
.nextmoonrise,
.nextmoonset {
    font-weight: 600;
    color: #fff;
    text-align: center
}

.rainrateblue {
    font-weight: 400;
    color: #01a4b4;
    margin-top: 0;
    margin-left: -5px;
    width: 45px;
    font-size: 12px
}

.rainrateblue span {
    font-weight: 400;
    color: #aaa;
    font-size: 10px
}

.raintodayblue {
    font-weight: 400;
    color: #01a4b4;
    margin-top: -7px;
    margin-left: 5px;
    width: 55px;
    font-size: 14px
}

.raintodayblue span,
todayrain {
    font-weight: 400;
    color: #aaa;
    font-size: 12px
}

trising {
    color: #ff8841
}

tfalling {
    color: #01a4b4
}

tsteady {
    color: #9aba2f
}

.homeweathercompass2 {
    position: absolute;
    width: 175px;
    height: 175px;
    margin-top: -30px;
    margin-left: 60px
}

.homeweathercompass2>.homeweathercompass-line2 {
    right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: 25px;
    top: 25px;
    width: 170px;
    height: 170px;
    border: 8px solid rgba(61, 64, 66, .7);
    border-top: 8px solid rgba(61, 64, 66, 1);
    border-right: 8px solid rgba(61, 64, 66, 1);
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: rotate(-45deg);
    margin: auto
}

.homeweathercompass2 {
    display: block;
    text-align: center;
    color: #aaa;
    
    font-weight: 600;
    line-height: 12px;
    font-size: 12px;
    z-index: 10;
    margin: 25px 0 auto 40px
}

.thearrow3,
.thearrow4,
.thearrow7 {
    z-index: 200;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%
}

.text2,
.text3 {
    font-family: weathertext, Arial;
    font-weight: 400
}

.text2 {
    font-size: 20px;
    margin-left: 35px;
    margin-top: 75px;
    color: #ff8841
}

.pressuretext {
    position: absolute;
    font-size: 13px;
    color: #aaa;
    margin-top: -20px;
    margin-left: 33px;
    width: 80px;
    background: rgba(61, 64, 66, .2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-align: center
}

.text2 span,
.text3 {
    font-size: 12px;
    color: #aaa
}

.text3 {
    position: relative;
    margin-left: 5px;
    margin-top: 45px;
    float: left
}

.barometertrend2 {
    position: absolute;
    font-weight: 400;
    color: #aaa;
    background: 0;
    padding: 1px;
    border-radius: 4px;
    margin-top: 124px;
    margin-left: 10px;
    float: left;
    width: 60px;
    line-height: 10px;
    font-size: 10px
}

.thearrow3 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 50%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.thearrow3:after,
.thearrow4:after,
.thearrow7:after {
    -webkit-transform: translate(-50%, -50%)
}

.barometertrend2 span {
    font-weight: 600;
    color: #9aba2f
}

.barometerconv {
    width: 70px;
    font: 10px arial, system;
    line-height: 10px;
    margin-top: 130px;
    position: absolute;
    text-align: center;
    color: #9aba2f;
    font-weight: 600
}

.barometerlimits,
.hoursgoneby {
    position: absolute;
    font-size: 12px
}

.barometerconv span,
convtext {
    color: #aaa;
    display: block;
    font-weight: 400
}

.barometerlimits {
    margin-top: 57px;
    margin-left: 16px;
    width: 235px;
    color: #777;
    font-weight: 400;
    font-family: Helvetica, Arial
}

.thearrow3:after {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 9px 0;
    border-color: rgba(255, 121, 58, 1) transparent transparent;
    transform: translate(-50%, -50%)
}

.thearrow3:before {
    width: 6px;
    height: 6px;
    position: absolute;
    z-index: 9;
    left: 2px;
    top: -5px;
    border: 2px solid rgba(255, 255, 255, .8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.thearrow4:after,
.thearrow7:after {
    position: absolute;
    border-style: solid;
    border-width: 3px;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-color: #9aba2f
}

convtext {
    color: #aaa;
    font-weight: 400
}

.daylightbox,
.moonimage {
    background: 0;
    border: 0
}

#daylight {
    background: rgba(37, 41, 45, .7);
    border: 6px solid rgba(95, 96, 97, .5)
}

.hoursgoneby {
    top: 40px;
    left: 27px;
    color: #aaa;
    border: 0
}

.daylightvalue,
.daylightvalue minutes {
    font-family: weathertext, Helvetica, Arial;
    font-size: 26px;
    line-height: 20px;
    width: 100px;
    position: absolute;
    color: #aaa;
    border: 0
}

.daylightvalue {
    left: -7px;
    top: 55px;
    z-index: 1;
    background: 0
}

.daylightvalue minutes {
    left: 40px;
    z-index: auto
}

.daylightvalue span {
    position: absolute;
    color: #aaa;
    font-size: 3px;
    left: 67px;
    top: 0;
    border: 0
}

.daylightvalue period {
    position: absolute;
    font-size: 12px;
    left: 10px;
    top: 25px;
    line-height: 12px;
    width: 120px;
    border: 0;
    color: #ff8841
}

.daylightvalue dayperiod {
    position: absolute;
    color: #aaa;
    font-size: 10px;
    left: 15px;
    top: 20px;
    width: 100px;
    border: 0
}

.daylightvalue hrs,
.daylightvalue min {
    position: absolute;
    color: #aaa;
    font-size: 9px;
    top: -17px;
    letter-spacing: normal
}

.daylightvalue min {
    left: 85px
}

.daylightvalue hrs {
    left: 40px
}

.hrstillsunset,
.hrswassunrise {
    width: 100px;
    position: absolute;
    font-size: 10px;
    margin-left: 120px
}

.daylightvalue:before {
    color: #9aba2f
}

.hrswassunrise {
    margin-top: -120px;
    line-height: 12px
}

.hrstillsunset {
    margin-top: -20px;
    line-height: 12px
}

.sunrisehome,
.sunsethome {
    width: 100px;
    font-size: 10px;
    margin-left: -95px;
    line-height: 12px;
    position: absolute
}

.sunrisehome {
    margin-top: -120px
}

.sunsethome {
    margin-top: -20px
}

.weather34menulisting {
    width: 250px;
    background: rgba(37, 41, 45, .7);
    padding: 5px;
    color: #aaa;
    height: 800px;
    position: absolute;
    left: 0;
    overflow: hidden;
    top: -800px;
    font-size: 14px
}

.weather34menulistings {
    position: relative;
    margin-top: 50px;
    list-style: none;
    line-height: 25px;
    float: left;
    text-align: left;
    margin-left: 5px;
    font-weight: 400;
    color: #aaa
}

.sunlightday,
.sunriseday {
    margin-left: 0;
    text-align: center
}

.weather34menulistings a {
    font-weight: 400;
    color: #aaa
}

.weather34menulistings a:hover {
    font-weight: 400;
    color: #9aba2f
}

.weather34menulistings p {
    height: 3px;
    margin-top: -15px
}

.weather34menulistings underline {
    
    font-weight: 700;
    font-size: 12px
}

.daylightvalue1,
.daylightvalue1 minutes {
    font-family: weathertext, Helvetica, Arial;
    font-size: 26px;
    line-height: 20px;
    border: 0;
    position: absolute;
    color: #aaa
}

@media screen and (max-width:768px) {
    header {
        display: block;
        height: 0
    }
    .clock-container,
    .homeindoordate,
    .menuclock,
    .w34logo,
    oblueh1,
    ogreenh1,
    ogreyh1 {
        display: none
    }
    .newweather34menu {
        width: 30px;
        height: 24px;
        display: block;
        cursor: pointer;
        top: 3px;
        left: 60px;
        position: absolute;
        z-index: 1;
        background: 0 0;
        border: 0
    }
}

@media screen and (max-width:480px) {
    header {
        display: block;
        height: 0
    }
    .clock-container,
    .homeindoordate,
    .menuclock,
    .w34logo,
    oblueh1,
    ogreenh1,
    ogreyh1 {
        display: none
    }
    .newweather34menu {
        width: 30px;
        height: 24px;
        display: block;
        cursor: pointer;
        top: 3px;
        left: 15px;
        position: absolute;
        z-index: 1;
        background: 0 0;
        border: 0
    }
}

strongnumbers {
    font-weight: 600
}

.daylightvalue1 {
    left: 0;
    z-index: 1;
    width: 100px;
    background: 0;
    font-weight: 400;
    margin-top: 25px
}

.daylightvalue1 minutes {
    left: 40px;
    z-index: auto;
    width: 100px
}

.daylightvalue1 period,
.daylightvalue1:before {
    font-family: Helvetica, Arial;
    background: 0
}

.daylightvalue1 span {
    border: 0
}

.daylightvalue1 dayperiod {
    font-size: 10px;
    left: 15px;
    top: 20px;
    width: 100px
}

.daylightvalue1 hrs,
.daylightvalue1 min {
    font-size: 9px;
    top: -17px;
    color: #aaa;
    letter-spacing: normal;
    position: absolute
}

.daylightvalue1 min {
    left: 85px
}

.daylightvalue1 hrs {
    left: 40px
}

.moonimage {
    color: #aaa;
    border: 0;
    position: absolute;
    left: 55px;
    top: 94px;
    font-size: 10px;
    line-height: 20px;
    z-index: 1
}

.sunlightday {
    width: 100px;
    position: absolute;
    line-height: 9px;
    margin-top: 10px;
    color: #aaa
}

.sundarkday,
.sunriseday {
    font: 10px arial, system
}

.sunriseday {
    margin-top: 125px;
    position: absolute;
    width: 100px;
    line-height: 9px;
    color: #aaa
}

.sundarkday,
.sunsetday {
    position: absolute;
    margin-left: 222px;
    text-align: center;
    width: 100px;
    color: #aaa
}

.sundarkday {
    line-height: 9px;
    margin-top: 10px
}

.sunsetday {
    margin-top: 125px;
    font: 10px arial, system;
    line-height: 9px
}

.thearrow5:before,
.thearrow5keep:before {
    font-family: weathericons;
    z-index: 999;
    position: absolute
}

.thearrow5keep:before {
    content: '\f00d \f04d ';
    top: -5px;
    font-size: 10px
}

.thearrow5:before {
    content: '\f00d ';
    margin-top: -10px;
    font-size: 16px;
    width: 20px
}

.thearrow5:after {
    position: absolute;
    left: 50%;
    top: -7px;
    background-color: NONE;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0;
    border-color: #ff8841;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 500
}

.daylightcompass2 {
    position: absolute;
    width: 175px;
    height: 175px;
    margin-top: -30px;
    margin-left: 60px
}

.daylightcompass2>.daylightcompass-line2 {
    right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: 25px;
    top: 25px;
    width: 170px;
    height: 170px;
    border: 4px dotted rgba(61, 64, 66, .7);
    border-top: 4px dotted rgba(61, 64, 66, 1);
    border-right: 4px dotted rgba(61, 64, 66, 1);
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: auto
}

.daylightcompass2 {
    display: block;
    text-align: center;
    color: #aaa;
    
    font-weight: 600;
    line-height: 12px;
    font-size: 12px;
    z-index: 10;
    margin: 25px 0 auto 40px
}

wfblue,
wfgreen,
wforange,
wfred {
    font-size: 15px
}

.orangealerticon {
    margin-top: -57px;
    margin-left: 160px;
    background: 0;
    padding: 4px;
    line-height: 20px;
    position: relative
}

.clock-container,
.timeago,
.uvimax,
.weather34-aqi-bar,
.weather34-aqi-bar .bar,
.weather34-luxrate-bar,
.weather34aqi,
.weather34i-uvrate-bar,
.weather34i-uvrate-bar .bar,
.weather34luxrate,
luxrate,
memclock,
smallicon {
    position: absolute
}

windchill {
    color: #01a4b4
}

.zam {
    color: #aaa;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #444;
    line-height: 16px;
    margin-left: -5px
}

smallicon {
    margin-top: -12px;
    margin-left: 10px;
    color: #aaa
}

.timeago {
    display: inline;
    margin-top: 12px;
    width: 100px;
    height: 15px;
    left: 80px
}

aurora {
    color: #aaa
}

wforange {
    color: #ff8841
}

wfgreen {
    color: #9aba2f
}

wfblue {
    color: #01a4b4
}

wfred {
    color: #e47769
}

.weather34i-uvrate-bar {
    background: 0;
    height: 100px;
    width: 130px;
    margin-left: 105px;
    margin-top: 38px
}

.weather34i-uvrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/uvmarker.svg) no-repeat;
    width: 90px;
    border: 1px solid rgba(57, 61, 64, 1);
    border-bottom: 5px solid rgba(57, 61, 64, 1);
    border-top: 3px solid rgba(57, 61, 64, 1);
    -webkit-border-radius: 1px 1px 2px 2px;
    bottom: 0
}

.weather34i-uvrate-bar .bar-inner10,
.weather34i-uvrate-bar .bar-inner8 {
    shape-rendering: crispEdges;
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px
}

.weather34i-uvrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34i-uvrate-bar .bar-inner10 {
    background: rgba(128, 105, 152, .4);
    border: 0
}

.weather34i-uvrate-bar .bar-inner8 {
    background: rgba(174, 81, 82, .6);
    border: 0
}

.weather34i-uvrate-bar .bar-inner3,
.weather34i-uvrate-bar .bar-inner5 {
    -webkit-border-radius: 1px 1px 2px 2px;
    width: 100%;
    shape-rendering: crispEdges
}

.weather34i-uvrate-bar .bar-inner5 {
    background: rgba(255, 136, 65, .6);
    border: 0
}

.weather34i-uvrate-bar .bar-inner3 {
    background: rgba(221, 181, 73, .6);
    border: 0
}

.weather34i-uvrate-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(143, 177, 42, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34todayraintext {
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.uv10 {
    font-family: weathertext, arial, system;
    font-weight: 400;
    background: 0;
    border: 0;
    font-size: 16px;
    line-height: 0;
    padding-top: 0
}

.weather34iuvrate span {
    color: #777;
    font-family: arial, system;
    font-size: 8px;
    font-weight: 400
}

.uvimax {
    width: 100px;
    text-align: left;
    margin-top: 140px;
    margin-left: 127px;
    color: #ff8841;
    font: 700 10px arial, system
}

.uvimax span {
    color: #aaa;
    font: 10px arial, system
}

.weather34aqi,
.weather34aqi span,
.weather34luxrate,
.weather34luxrate span,
luxrate {
    font-size: 12px;
    font-family: weathertext, arial, system
}

.weather34luxrate,
.weather34luxrate span,
luxrate {
    font-weight: 400
}

.weather34aqi,
.weather34luxrate {
    line-height: 10px;
    max-height: 100px
}

whiteuv {
    color: #ccc
}

.weather34-luxrate-bar {
    background: 0;
    height: 100px;
    width: 30px;
    margin-left: 230px;
    margin-top: 40px;
    color: rgba(57, 61, 64, 1)
}

.weather34-luxrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/luxrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, 1);
    border-bottom: 5px solid rgba(57, 61, 64, 1);
    border-top: 3px solid rgba(57, 61, 64, 1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-luxrate-bar .bar-inner10,
.weather34-luxrate-bar .bar-inner8 {
    shape-rendering: crispEdges;
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px
}

.weather34-luxrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-luxrate-bar .bar-inner10 {
    background: rgba(128, 105, 152, .6);
    border: 0
}

.weather34-luxrate-bar .bar-inner8 {
    background: rgba(174, 81, 82, .6);
    border: 0
}

.weather34-luxrate-bar .bar-inner3,
.weather34-luxrate-bar .bar-inner5 {
    -webkit-border-radius: 1px 1px 2px 2px;
    shape-rendering: crispEdges;
    width: 100%
}

.weather34-luxrate-bar .bar-inner5 {
    background: rgba(255, 136, 65, .6);
    border: 0
}

.weather34-luxrate-bar .bar-inner3 {
    background: rgba(221, 181, 73, .6);
    border: 0
}

.weather34-luxrate-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(143, 177, 42, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-aqi-bar,
luxrate {
    background: 0;
    width: 30px
}

.weather34luxrate span {
    color: #777
}

.menucalendar {
    margin-left: 125px;
    margin-top: 5px;
    margin-bottom: -70px;
    font-weight: 600;
    color: #fff
}

.weather34-aqi-bar {
    height: 100px;
    margin-left: 30px;
    margin-top: 38px
}

.weather34-aqi-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/aqirulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, 1);
    border-bottom: 5px solid rgba(57, 61, 64, 1);
    border-top: 3px solid rgba(57, 61, 64, 1);
    -webkit-border-radius: 1px 1px 2px 2px;
    bottom: 0
}

.weather34-aqi-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-aqi-bar .bar-inner1000,
.weather34-aqi-bar .bar-inner600,
.weather34-aqi-bar .bar-inner700 {
    shape-rendering: crispEdges;
    background: rgba(211, 93, 78, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-aqi-bar .bar-inner200,
.weather34-aqi-bar .bar-inner400 {
    -webkit-border-radius: 1px 1px 2px 2px;
    width: 100%;
    shape-rendering: crispEdges
}

.weather34-aqi-bar .bar-inner400 {
    background: rgba(255, 124, 57, .6);
    border: 0
}

.weather34-aqi-bar .bar-inner200 {
    background: rgba(221, 181, 73, .6);
    border: 0
}

.weather34-aqi-bar .bar-inner1 {
    shape-rendering: crispEdges;
    background: rgba(255, 124, 57, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34aqi {
    color: #ff8841;
    margin-left: 36px;
    margin-top: 17px;
    width: 20px;
    font-weight: 400
}

.weather34aqi span {
    color: #777
}

.clock-container {
    float: left;
    color: #fff;
    font: 1.1em weathertext, arial, system;
    top: 15px;
    list-style: none;
    width: 110px;
    height: 1.25em;
    right: 127px;
    border: 0;
    padding-top: 4px;
    line-height: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(154, 186, 47, 1) 18%, rgba(0, 164, 180, 1) 18%, rgba(0, 164, 180, 1) 80%);
    padding-left: 25px;
    padding-right: 5px
}

.clock-container>ul,
.weather34clock {
    display: inline;
    color: #fff;
    list-style: none;
    margin-left: -20px
}

.clock-container>ul>li,
.clock-container>ul>li>span,
.weather34clock {
    display: inline;
    list-style: none;
    margin-left: -30px
}

.clock-container>ul>li>span,
.homeweather34clock,
.menuclock,
.weather34clock {
    display: inline;
    list-style: none
}

.clock-container>ul>li>span,
.weather34clock {
    display: inline;
    margin-left: 10px
}

memclock {
    top: 3px;
    left: 2.5px;
    padding-right: 20px
}

.weather34calendarapp {
    text-align: center;
    margin-left: 180px;
    margin-bottom: -10px;
    margin-top: 5px
}

.weather34calendarapp-calendar {
    height: 60px;
    margin-bottom: 0;
    width: 50px
}

#weather34weekday {
    background: #9aba2f;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    text-transform: none;
    font-weight: 700;
    font-family: Arial, system
}

#weather34day {
    background: #01a4b4;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    font-family: weathertext;
    height: 26px;
    line-height: 24px;
    text-align: center
}

.alertcircle,
.weather34todayraintext {
    -moz-border-radius: 50%;
    font-weight: 400
}

#weather34sidebarMenu,
.weather34sidebarMenuInner li {
    background: rgba(18, 18, 18, .7);
    width: 240px;
    float: left;
    font-weight: 400
}

#weather34sidebarMenu {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-250px);
    transition: transform 250ms ease-in-out;
    height: 900px;
    z-index: 30
}

.weather34sidebarIconToggle,
.weather34spinner,
input[type=checkbox] {
    transition: all .3s;
    box-sizing: border-box
}

.weather34sidebarMenuInner {
    margin: 0;
    padding: 0;
    border-top: 0;
    width: 240px;
    float: left;
    font-weight: 400
}

.weather34cross.part-2,
.weather34horizontal {
    margin-top: 3px
}

.weather34sidebarMenuInner li {
    list-style: none;
    color: #aaa;
    padding: 5px 5px 5px 10px;
    cursor: pointer;
    border-bottom: 0;
    font-size: 12px
}

.weather34sidebarMenuInner li span {
    display: block;
    font-size: 12px;
    color: #aaa;
    float: left;
    width: 240px;
    font-weight: 400
}

.weather34sidebarMenuInner li a {
    color: #aaa;
    cursor: pointer;
    text-decoration: none;
    float: left;
    font-size: 12px;
    font-weight: 400
}

.weather34sidebarMenuInner li a:hover {
    color: #ff8841;
    cursor: pointer;
    text-decoration: none;
    float: left;
    font-size: 12px;
    font-weight: 400
}

input[type=checkbox]:checked~#weather34sidebarMenu {
    transform: translateX(0)
}

input[type=checkbox] {
    display: none
}

.weather34sidebarIconToggle {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 22px;
    left: 15px;
    height: 22px;
    width: 22px
}

.weather34spinner {
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #aaa
}

.weather34cross.part-1,
.weather34cross.part-2,
.weather34horizontal {
    position: relative;
    transition: all .3s;
    box-sizing: border-box;
    float: left
}

.homehardwarestatus,
uptime {
    position: absolute;
    font-size: 10px;
    font-weight: 400
}

input[type=checkbox]:checked~.weather34sidebarIconToggle>.weather34horizontal {
    transition: all .3s;
    box-sizing: border-box;
    opacity: 0
}

input[type=checkbox]:checked~.weather34sidebarIconToggle>.weather34cross.part-1 {
    transition: all .3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px
}

input[type=checkbox]:checked~.weather34sidebarIconToggle>.weather34cross.part-2 {
    transition: all .3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px
}

.cclicencelogo {
    margin: 0;
    padding: 5px;
    float: left
}

uptime {
    left: 50px;
    padding-top: 5px;
    top: 65px
}

.homehardwarestatus {
    margin-left: 65px;
    top: 3px;
    color: #aaa;
    font-family: arial, system;
    width: 200px
}

.lightdistance,
.lighttime {
    color: #ff8841;
    position: absolute
}

.indicator,
.maxyesterday,
.todaymax,
yesterdaytimemax {
    color: #aaa;
    position: absolute
}

.lighttime {
    margin-left: 80px;
    top: 50px
}

.lightdistance {
    margin-left: 55px;
    top: 30px
}

.indicator {
    font-size: .8em;
    float: left;
    width: 100px;
    line-height: 25px;
    top: 0;
    left: 5px
}

.alertcircle {
    font-size: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 40px;
    border: .12rem solid rgba(95, 96, 97, .9);
    line-height: 39px;
    font-family: weathertext, arial, helvetica
}

rainc,
rainf {
    font-size: 15px
}

.maxyesterday {
    font-size: 9px;
    top: -12px;
    left: 13px
}

.todaymax,
yesterdaytimemax {
    font-size: 12px
}

.yesterdaymax {
    position: absolute;
    top: 0;
    left: 25px
}

.yesterdaymin {
    position: absolute;
    top: 0;
    left: 125px
}

yesterdaytimemax {
    top: 15px;
    left: 15px
}

.todaymax {
    top: 62px;
    left: -15px;
    width: 250px;
    float: left
}

.weather34-rrrate-bar {
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 237px;
    margin-top: 40px;
    color: rgba(57, 61, 64, 1)
}

rainu {
    font-size: 10px;
    font-weight: 400;
    color: #aaa;
    left: 3px;
    padding-left: 0
}

.almanac,
.rainannual1 {
    font-size: 11px;
    color: #aaa;
    position: absolute;
    line-height: 14px
}

.rainannual1 {
    margin-left: 5px;
    margin-top: 23px;
    font-family: arial, system;
    width: 70px;
    border: 1px solid rgba(71, 75, 78, .5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px
}

.almanac {
    font-weight: 400;
    top: -18px;
    margin-left: 7px;
    background: rgba(97, 106, 114, .2);
    padding: 0 2px;
    border-radius: 2px
}

.weather34i-rairate-bar {
    background: 0;
    position: absolute;
    height: 100px;
    width: 130px;
    margin-left: 115px;
    margin-top: 38px
}

#raincontainer {
    height: 170px;
    overflow: hidden;
    position: absolute;
    width: 208px;
    margin-top: -70px;
    left: -20px
}

#raincontainer div {
    position: absolute
}

#weather34rainbeaker {
    border: 4px solid rgba(57, 61, 64, 1);
    border-top: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    height: 100px;
    left: 14px;
    bottom: 0;
    width: 100px;
    background: url(rain/rainmarker.svg) no-repeat
}

#weather34rainbeaker:after,
#weather34rainbeaker:before {
    border: 4px solid rgba(57, 61, 64, 1);
    border-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    content: '';
    height: 5px;
    position: absolute;
    top: 0;
    width: 10px
}

#weather34rainbeaker:before {
    left: -10px
}

#weather34rainbeaker:after {
    right: -10px
}

#weather34rainwater {
    background-color: rgba(0, 154, 171, .6);
    border: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    bottom: 0;
    max-height: 90px;
    overflow: hidden;
    width: 92px
}

.weather34todayraintext {
    color: rgba(0, 154, 171, 1);
    position: absolute;
    margin-left: 137px;
    margin-top: 59px;
    font-family: weathertext, arial, system;
    max-height: 42px;
    background: rgba(37, 41, 45, .7);
    width: 2.7rem;
    height: 2.7rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 15px;
    line-height: 10px;
    padding-top: 14px;
    border: .12rem solid rgba(95, 96, 97, .9)
}

.circlewftodayemperature,
.circleyestemperature {
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 2.7rem
}

.weather34todayraintext span {
    color: #777;
    font-family: arial, system;
    font-size: 8px;
    font-weight: 400
}

.wfstrikes,
.wftemp {
    color: #aaa;
    position: absolute
}

.circlewflightningtoday,
.circlewftodayemperature,
.circleyestemperature {
    font-family: weathertext, Arial, system;
    display: table-cell;
    text-align: center;
    height: 2.7rem;
    color: #aaa;
    background: 0;
    position: absolute;
    vertical-align: middle
}

.circleindoortemperature {
    background: 0
}

.circleyestemperature {
    line-height: 44px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 25px;
    margin-left: 0;
    font-size: .6em;
    border: 1px solid rgba(95, 96, 97, .9)
}

.circlewflightningtoday,
.circlewftodayemperature {
    line-height: 42px
}

.circlewftodayemperature {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 20px;
    margin-left: 0;
    font-size: .55em;
    border: 1px solid rgba(95, 96, 97, .9)
}

.wftemp {
    font-size: 9px;
    top: -12px;
    left: 12px
}

.lightningstrikes {
    margin-left: 9px;
    position: absolute;
    margin-top: 50px;
    width: 15px;
    font-size: .3em
}

.yesterdaytempword {
    margin-left: 12px;
    position: absolute;
    margin-top: 54px;
    width: 15px;
    font-size: .32em
}

.circlewflightningtoday {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 2.7rem;
    margin-top: 21px;
    margin-left: 0;
    font-size: .6em;
    border: 1px solid rgba(95, 96, 97, .9)
}

.wfstrikes {
    font-size: 9px;
    top: -12px;
    left: 12px
}

.weather34i-cloud-bar {
    background: 0;
    position: absolute;
    height: 100px;
    width: 100px;
    margin-left: 105px;
    margin-top: 38px
}

.weather34i-cloud-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/cloudmarker.svg) no-repeat;
    width: 100px;
    border: 5px solid rgba(57, 61, 64, 1);
    border-bottom: 3px solid rgba(57, 61, 64, 1);
    border-top: 1px dotted rgba(57, 61, 64, 1);
    -webkit-border-radius: 1px 1px 3px 3px;
    -moz-border-radius: 1px 1px 3px 3px;
    -o-border-radius: 1px 1px 3px 3px;
    -ms-border-radius: 1px 1px 3px 3px;
    border-radius: 1px 1px 3px 3px;
    position: absolute;
    bottom: 0
}

.weather34i-cloud-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34i-cloud-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(159, 163, 166, .2);
    width: 100%;
    -webkit-border-radius: 1px 1px 3px 3px;
    -moz-border-radius: 1px 1px 3px 3px;
    -o-border-radius: 1px 1px 3px 3px;
    -ms-border-radius: 1px 1px 3px 3px;
    border-radius: 1px 1px 3px 3px;
    border: 0;
    border-top: 1px dotted rgba(255, 124, 57, 1)
}

.weather34icloud,
aqiimageg {
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.weather34icloud {
    color: rgba(255, 124, 57, 1);
    position: absolute;
    margin-left: 135px;
    margin-top: 57px;
    font-family: weathertext, arial, system;
    max-height: 41px;
    font-weight: 400;
    background: rgba(37, 41, 45, .7);
    width: 41px;
    height: 41px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 15px;
    line-height: 10px;
    padding-top: 13px;
    border: .12rem solid rgba(95, 96, 97, .9)
}

.weather34icloud span {
    color: #777;
    font-family: arial, system;
    font-size: 8px;
    font-weight: 400
}

.circlepurple,
lorange,
tempblue,
tempgreen,
temporange,
tempred {
    font-weight: 600
}

.extraqiinfo,
.extraqiinfo2 {
    position: relative;
    top: 110px;
    font-size: .8em;
    color: #aaa;
    left: -35px
}

.airqualitymoduleposition {
    position: relative;
    left: 75px;
    top: 10px
}

.daylightmoduleposition {
    position: relative;
    left: 0;
    margin-top: 1px
}

.moonphasemoduleposition {
    position: relative;
    left: 95px;
    margin-top: 10px
}

highestrecorded {
    margin-top: -25px;
    display: block;
    color: #aaa;
    margin-left: 10px
}

dusk {
    font-family: Helvetica, Arial;
    color: #gray;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    width: 70px;
    margin-left: -14px;
    top: 3px
}

.moonposition1 {
    position: absolute;
    padding-top: 0;
    margin-top: -3px;
    margin-left: -3px;
    font-size: 11px
}

.wu3dayforecast {
    background: 0;
    margin: -14px auto 0 5px
}

.darkskyforecasthome {
    position: absolute;
    width: 300px;
    background: 0;
    /*margin: 30px auto 0 65px;*/
    font-size: 12px;
    color: #aaa;
    
    display: block;
    border-radius: 4px;
    overflow: hidden
}

.darkskydiv,
.darkskyforecastinghome {
    
    overflow: hidden!important
}

.darkskydiv {
    width: 300px;
    height: 180px;
    margin-top: 10px
}

.darkskyforecastinghome {
    float: left;
    display: inline;
    width: 29.3%;
    border-radius: 4px;
    margin: 0 0 100px 4%;
    height: 140px;
    padding: 0;
    background-color: none;
    border: 1px solid rgba(153, 155, 156, .1);
    color: #aaa
}

.darkskyweekdayhome {
    position: absolutue;
    text-align: center;
    padding: 2px;
    color: #FFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    margin: 0;
    background: rgba(37, 41, 45, .2);
}

.darkskyforecasthome darkskytemphihome {
    margin-top: 0;
    font-size: 12px;
    color: #ff8841;
    font-family: Arial, Helvetica;
    margin-left: 1%
}

.darkskyforecasthome darkskytemphihome span {
    font-size: 12px;
    color: #ff8841
}

.darkskyforecasthome darkskytemplohome {
    font-size: 12px;
    color: #01a4b4;
    font-family: Arial, Helvetica
}

.darkskyforecasthome darkskytemplohome span {
    font-size: 12px;
    color: #01a4b4f;
    font-family: Arial, Helvetica
}

.darkskyforecasthome darkskytempwindhome,
.darkskyforecasthome darkskytempwindhome span4 {
    color: #aaa;
    font-family: Arial, Helvetica;
    font-size: 12px
}

.darkskyforecasthome darkskytempwindhome span {
    font-size: 12px;
    color: #01a4b4;
    font-family: Arial, Helvetica
}

.darkskyforecasthome darkskytempwindhome span2 {
    font-size: 12px;
    color: rgba(144, 177, 42, 1);
    font-family: Arial, Helvetica
}

.darkskyiconcurrent span1,
.darkskynexthours,
.darkskynexthours span1,
.darkskynexthours span2 {
    
    color: #aaa
}

.darkskynexthours span1,
.darkskynexthours span2 {
    font-size: 12px
}

.darkskyiconcurrent {
    position: relative;
    margin-top: 20px;
    margin-bottom: -10px;
    margin-left: 35px;
    float: left
}

.darkskyiconcurrent span1 {
    font-size: .9em
}

heatindex {
    color: #aaa;
    margin-top: -25px;
    display: block;
    font-size: 12px
}

.orangealerticonheatindex {
    margin-top: -35px;
    margin-left: 160px;
    padding: 4px;
    line-height: 20px;
    position: relative
}

.averagetemp,
.avgtemptime,
.avgtep,
.calendar34,
.darkskysummary,
.hometemperatureindoortrend1,
.indoortep,
.indoortrendhouse,
.weatherclock34 {
    position: absolute
}

.weatherclock34 {
    margin: 20px auto 0;
    left: 20px;
    font-size: .6em;
    color: #aaa;
    font-family: weathertext, helvetica, arial;
    text-align: center;
    width: 200px;
    padding: 5px;
    line-height: 18px
}

.calendar34 {
    left: 10px;
    top: 20px;
    color: rgba(230, 232, 239, .2)
}

.darkskysummary {
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
    height: 35px;
    padding: 5px;
    margin-top: 20px;
    margin-left: 125px;
    max-width: 120px;
    color: #aaa
}

.darkskynexthours {
    font-size: .8em;
    position: relative;
    text-align: center;
    margin: 85px auto auto;
    width: 240px;
    line-height: 11px
}

.averagetemp {
    font-size: .6em;
    color: #aaa;
    display: block;
    top: 8px;
    width: 30px;
    left: 6px
}

.circleavgtemperature,
.circleindoortemperature {
    line-height: 44px;
    vertical-align: middle;
    width: 2.7rem;
    font-family: weathertext, Arial, system;
    height: 2.7rem;
    position: absolute;
    text-align: center;
    color: #aaa
}

.avgtep {
    color: #aaa;
    margin-top: 12px;
    margin-left: 15px;
    font-size: .65em
}

.circleavgtemperature {
    display: table-cell;
    border-radius: 50%;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 1.1em;
    border: 1px solid #444
}

.circlegreen,
.circleindoortemperature {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%
}

.avgtemptime {
    margin-left: 18px;
    margin-top: 35px;
    display: block
}

.indoortep {
    color: #aaa;
    margin-top: 102px;
    margin-left: 15px;
    font-size: .7em
}

indoorblue,
tempblue {
    color: #01a4b4
}

indoororange,
temporange {
    color: #ff8841
}

indoorgreen,
tempgreen {
    color: #9aba2f
}

.circleindoortemperature {
    display: table-cell;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-top: 98px;
    margin-left: 5px;
    font-size: 1.1em;
    border: 1px solid #444
}

.maxcircleblue,
.maxcirclegreen {
    display: flex;
    align-items: center
}

indoorblue,
indoorgreen,
indoororange,
indoorred,
indooryellow {
    font-family: weathertext, helvetica, arial
}

.rainratesmall,
.small {
    font-family: Arial, system
}

.hometemperatureindoortrend1 {
    margin-left: 18px;
    margin-top: 125px;
    width: 15px
}

indoorred {
    color: rgba(211, 93, 78, 1)
}

indooryellow {
    color: rgba(233, 171, 74, 1)
}

.indoortrendhouse {
    margin-top: 40px;
    margin-left: 120px;
    font-size: 14px
}

.indoorhomesvg {
    margin-top: -28px;
    left: 8px
}

.indoorhomevalue {
    position: relative;
    margin-top: -90px;
    left: 4px;
    font-size: 26px
}

.indoorhomehumidity {
    position: absolute;
    margin-top: -115px;
    margin-left: 20px
}

.indoorhomefeels {
    position: absolute;
    margin-top: -35px;
    margin-left: 230px
}

homeindoordescription {
    position: absolute;
    font-size: 14px;
    left: 106px;
    line-height: 48px;
    text-align: center;
    color: #aaa
}

homeindoordescription span {
    font-size: 14px
}

.alertcircle,
.alertcircle3 {
    margin-top: 12px
}

.lightningalerticon,
.rainalerticon {
    margin-top: -55px;
    padding: 4px;
    line-height: 20px;
    position: relative
}

.airhouse,
.airsvg,
.indoorhomemax,
.indoorhomemin,
.svgfeels,
airdescription {
    position: absolute
}

.homeweatheralert {
    top: 40px
}

.rainalerticon {
    margin-left: 150px
}

suplight {
    color: #aaa;
    left: 5px;
    font-size: .7em
}

.lightningalerticon {
    margin-left: 165px
}

img {
    image-rendering: pixelated
}

tempred {
    color: #ee7159
}

.svgfeels {
    margin-left: 105px;
    margin-top: -3px
}

.indoorhomemax {
    margin-top: -115px;
    margin-left: 230px
}

.indoorhomemin {
    margin-top: -32px;
    margin-left: 20px
}

.airhouse {
    margin-top: -10px;
    margin-left: 7px;
    background: 0
}

.airsvg {
    margin-top: -12px;
    left: 20px
}

.dottedcirclegreen,
.dottedcircleorange,
.dottedcirclepurple,
.dottedcirclered,
.dottedcircleyellow {
    width: 100px;
    height: 100px;
    margin-top: 25px;
    z-index: 20;
    position: absolute;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

indoorpurple {
    color: #a475cb
}

.circlegreen,
.circleorange,
.circlepurple,
.circlered,
.circleyellow {
    width: 40px;
    height: 39px;
    line-height: 29px;
    font-weight: 600;
    color: #fff
}

.small,
.smallf {
    top: 10px;
    line-height: 10px;
    color: #fff;
    position: absolute
}

.maxcircleblue,
.maxcirclegreen,
.maxcircleorange,
.maxcircleyellow {
    width: 46px;
    overflow: hidden
}

.airwarning {
    position: absolute;
    margin-left: 150px;
    margin-top: 45px
}

.airwarning1,
.circlegreen,
.circleorange,
.circlepurple,
.circlered,
.circleyellow {
    margin-top: 0;
    position: absolute
}

.airwarning1 {
    margin-left: -60px
}

.airwarning2,
.airwarning21 {
    position: absolute
}

.circlegreen,
.circleyellow {
    font-size: 12px
}

.circlegreen {
    padding-top: 5px;
    background: #9aba2f;
    border-radius: 50%
}

.circleorange,
.circleyellow {
    padding-top: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 12px
}

.circleyellow {
    background: rgba(233, 171, 74, 1);
    border-radius: 50%
}

.circleorange {
    background: #ff8841;
    border-radius: 50%
}

.circlepurple,
.circlered {
    padding-top: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px
}

.circlered {
    background: rgba(211, 93, 78, 1)
}

.circlepurple {
    background: #a475cb
}

.small {
    font-size: 9px;
    font-weight: 400
}

.smallf {
    font-size: .5em;
    font-weight: 400
}

.maxcircleblue,
.maxcirclegreen,
.maxcircleorange,
.maxcirclered,
.maxcircleyellow {
    font-weight: 400;
    height: 46px;
    border-radius: 50%;
    color: #fff;
    line-height: 24px;
    padding-top: 8px;
    font-family: weathertext, system;
    border: 2px solid rgba(59, 61, 63, 1)
}

.maxcircleblue {
    justify-content: center;
    background: #01a4b4
}

.maxcirclegreen {
    justify-content: center;
    background: #9aba2f
}

.maxcircleorange,
.maxcircleyellow {
    align-items: center;
    display: flex
}

.maxcircleyellow {
    justify-content: center;
    background: rgba(233, 171, 74, 1)
}

.maxcircleorange {
    justify-content: center;
    background-color: #ff5722
}

.maxcirclered,
uv0,
uv10,
uv3,
uv5,
uv8 {
    align-items: center;
    width: 46px;
    overflow: hidden
}

.maxcirclered {
    display: flex;
    justify-content: center;
    background-color: #ef5350
}

.airwarning2 {
    margin-top: 15px;
    margin-left: 15px
}

.airwarning21 {
    margin-top: 100px;
    font-size: 14px;
    margin-left: 15px
}

.airwarning3,
.airwarning4 {
    position: absolute;
    margin-left: 0
}

.airwarning3 {
    margin-top: 65px
}

.w34uptime {
    float: right;
    margin-right: 125px;
    margin-top: -30px;
    color: #bbb;
    font-size: 12px;
    background: rgba(86, 95, 103, .4);
    padding: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

uviforecasthourred {
    background: rgba(211, 93, 78, 1)
}

uviforecasthourorange {
    background: #ff8841
}

uviforecasthourgreen {
    background: #9aba2f
}

uv3,
uviforecasthouryellow {
    background: rgba(233, 171, 74, 1)
}

.airwarning4 {
    margin-top: 95px
}

.airwarning4 spani {
    font-size: 11px;
    line-height: 15px
}

.airwarning2 span,
.airwarning21 span {
    line-height: 14px;
    font-weight: 400;
    font-size: 8px
}

.airwarning4 span {
    font-size: 8px;
    line-height: 12px
}

uviforecasthourgreen,
uviforecasthourorange,
uviforecasthourred,
uviforecasthouryellow {
    border-radius: 4px;
    padding: 0 3px;
    font-size: 14px;
    font-family: weathertext, system;
    color: #fff
}

spanewind,
spanewind2,
windyeartimemax,
windyesterdaytimemax {
    color: #aaa;
    font-size: 11px;
    position: absolute
}

spanewind,
spanewind2 {
    
    top: -10px;
    width: 30px
}

spanewind {
    left: 45px
}

spanewind2 {
    left: 42px
}

windyesterdaytimemax {
    top: 15px;
    left: 5px
}

windyeartimemax {
    top: 15px;
    left: -75px;
    width: 200px
}

.azimuth,
.dewindooricon,
.elevation,
.homeindoorfeels1,
.indoordewpoint,
.indoorhomeheat,
.lightningstrikes1,
.wfstrikes1,
.wftemp1,
.yesterdaytempword1,
svgdewindoor,
talert {
    position: absolute
}

.indoorhomeheat {
    margin-top: 43px;
    margin-left: 123px;
    padding: 5px;
    line-height: 10px;
    color: #f2f2f2;
    z-index: 10;
    font-size: 13px
}

.indoordewpoint {
    color: #aaa;
    margin-top: 15px;
    margin-left: 110px;
    font-size: .9em
}

.indoordewpoint span {
    font-size: 1.1em
}

svgdewindoor {
    margin-left: 5px;
    margin-top: 0
}

.dewindooricon {
    margin-left: 92px;
    margin-top: 15px
}

darkgrey {
    color: #aaa
}

.circlewflightningtoday1,
.maxcirclerain,
uv0,
uv10,
uv3,
uv5,
uv8 {
    font-family: weathertext, system
}

.orangealerticon1 {
    top: -10px
}

.circlewflightningtoday1 {
    height: 80px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #aaa;
    position: absolute;
    line-height: 80px;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 80px;
    margin-top: 28px;
    margin-left: 25px;
    font-size: 2.1em;
    border: 3px solid #ff8841;
    font-weight: 200
}

.wftemp1 {
    font-size: 14px;
    top: -25px;
    left: 22px;
    color: #aaa
}

.lightningstrikes1 {
    margin-left: 48px;
    margin-top: 85px;
    width: 15px;
    font-size: .8em
}

.yesterdaytempword1 {
    margin-left: 12px;
    margin-top: 52px;
    width: 15px;
    font-size: .32em
}

.wfstrikes1 {
    font-size: 9px;
    top: -12px;
    left: 12px;
    color: #aaa
}

.homeindoorfeels1 {
    margin-left: 125px;
    margin-top: 20px;
    border-radius: 3px;
    padding: 5px;
    text-align: left;
    border: 1px solid rgba(95, 96, 97, .4);
    width: 170px;
    font-size: 14px;
    color: #aaa
}

.lightningbox {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid solid
}

lightningannualx,
lightningannualx1 {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    color: #aaa
}

lorange {
    color: #ff8841;
    font-weight: 400
}

lorange1 {
    color: #ff8841;
    font-weight: 100
}

timeago {
    display: block;
    font-size: 12px;
    color: #aaa
}

agolightning {
    color: #ff8841;
    font-size: 13px
}

uv0,
uv10,
uv3,
uv5,
uv8 {
    display: flex;
    justify-content: center;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    line-height: 10px;
    padding-top: 0;
    font-size: 18px;
    border: 1px solid rgba(53, 56, 58, 1);
    font-weight: 400
}

.orangeclock,
notifyblue {
    -webkit-border-radius: 3px
}

uv5 {
    background-color: #f5650a
}

uv8 {
    background-color: #ef5350
}

uv10 {
    background-color: #a475cb
}

talert {
    top: 15px;
    margin-left: 40px;
    font-size: 14px;
    line-height: 16px
}

.orangealerticon1 {
    margin-top: -17px;
    margin-left: 160px;
    background: 0;
    padding: 4px;
    line-height: 10px;
    position: relative
}

.weather34iuvrate {
    position: absolute;
    margin-left: 125px;
    margin-top: 70px
}

.uvspan {
    position: absolute;
    font-size: 10px;
    line-height: 0;
    font-weight: strong;
    margin-top: 145px;
    margin-left: 115px;
    color: #aaa
}

.weather34luxrate {
    color: #f5650a;
    margin-left: 250px;
    margin-top: 27px;
    font-size: 12px;
    width: 28px;
    max-height: 100px;
    line-height: 10px;
    font-weight: 400;
    text-align: center
}

.barrainrate,
.luxrate {
    font-weight: 400;
    text-align: left
}

.weather34luxrate span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px;
    font-weight: 400;
    display: block
}

luxrate,
luxratei {
    color: #ff8841;
    padding: 0;
    margin-top: 0;
    text-align: left;
    display: inline-block;
    position: absolute
}

luxrate {
    left: -5px
}

luxratei {
    left: -10px
}

luxrate span {
    color: #777;
    font-size: 10px;
    left: 5px
}

.luxrate {
    color: #f5650a;
    font-size: 12px;
    padding-left: 0
}

.luxrate span {
    color: #777;
    font-size: 12px;
    left: 4px;
    margin-top: 1px
}

.weather34uvpyramid {
    position: absolute;
    margin-top: 15px;
    margin-left: 84px;
    color: rgba(75, 75, 77, .7)
}

spanefreezing {
    position: absolute;
    font-size: 12px;
    color: #4cb1bd;
    
    top: -3px;
    width: 200px;
    left: 20px;
    font-weight: 400
}

.orangeclock {
    position: relative;
    background: rgba(205, 82, 69, .8);
    padding: 1px;
    color: #fff;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 100px;
    height: 19px;
    text-align: center;
    margin-left: 45px;
    margin-top: 3px;
    font-family: "Courier New", Courier, monospace
}

.maxcirclerain,
.rainratesmall {
    position: absolute;
    font-weight: 400
}

.maxcirclehum,
.maxcirclerain {
    display: flex;
    align-items: center;
    overflow: hidden;
    background: rgba(42, 43, 48, .8)
}

darkgray {
    color: #aaa
}

.maxcirclerain {
    justify-content: center;
    height: 36px;
    width: 38px;
    border: 1px solid rgba(230, 232, 239, .1);
    border-radius: 50%;
    color: #01a4b4;
    line-height: 26px;
    padding-top: 7px;
    left: 12.7px;
    top: 55px
}

.rainratesmall {
    top: 3px;
    color: #777;
    font-size: 9px;
    line-height: 12px;
    left: 9px
}

.weather34feelsrate,
.weather34indoorhumrate {
    position: absolute;
    margin-top: -5px;
    font-size: 12px;
    max-height: 100px
}

.weather34feelsrate,
.weather34feelsrate span,
.weather34indoorhumrate,
.weather34indoorhumrate span {
    font-family: arial, system;
    color: #bbb
}

nosun {
    position: absolute;
    left: -5px;
    top: 25px
}

.weather34indoorhumrate {
    margin-left: 24px
}

.weather34feelsrate {
    margin-left: 239px
}

.maxcirclehum {
    justify-content: center;
    height: 34px;
    width: 37px;
    font-weight: 400;
    border: 1px solid rgba(230, 232, 239, .2);
    border-radius: 50%;
    color: #bbb;
    line-height: 28px;
    padding-top: 8px;
    
    position: absolute;
    left: 1px;
    top: 60px
}

.weather34feelsword,
.weather34humidityword {
    color: #999;
    font-size: 10px;
    font-family: arial, system;
    position: absolute
}

.thearrow4:after,
.thearrow7:after {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0
}

.thearrow3:after,
.thearrow4:after,
.thearrow7:after,
.weather34barometerarrowactual:after,
.weather34barometerarrowmin:after {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.weather34humidityword {
    margin-left: 28px;
    margin-top: 17px
}

.weather34feelsword {
    margin-left: 235px;
    margin-top: 17px
}

.thearrow7:after {
    top: 0;
    border-radius: 0;
    border-bottom: 5px solid rgba(255, 124, 57, .7)
}

.thearrow4:after {
    top: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 5px solid rgba(102, 188, 199, .7)
}

.thearrow4,
.thearrow7 {
    position: absolute;
    top: 0;
    left: 43%;
    margin-left: -6px;
    width: 10px;
    height: 50%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.thearrow3:after,
.thearrow4:after,
.thearrow7:after {
    background-color: NONE;
    -o-transform: translate(-50%, -50%)
}

.weather34luxvalue {
    position: absolute;
    margin-left: 242px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 10px;
    font-weight: 400;
    text-align: center;
    max-width: 20px;
    z-index: 10
}

.solarsun,
.weather34luxword {
    margin-left: 233px
}

.weather34luxvalue span {
    font-size: 10px;
    font-weight: 400;
    display: block;
    z-index: 10
}

.circlelux,
circlesolar {
    display: flex;
    position: absolute;
    font-family: weathertext, arial, system;
    background: rgba(37, 41, 45, .7);
    width: 2.3rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 13px;
    line-height: 12px;
    padding-top: 5px;
    border: .12rem solid rgba(95, 96, 97, .9);
    left: -4px;
    top: 70px
}

.luxratedark,
.weather34solarvalue {
    line-height: 10px;
    position: absolute
}

.circlelux,
circlesolar span {
    display: block;
    align-items: center;
    font-size: 11px
}

solarluxvalue {
    font-size: 15px
}

.solarsun {
    position: absolute;
    margin-top: 25px;
    color: rgba(255, 124, 57, 1)
}

.weather34luxword,
.weather34solarword {
    margin-top: 35px;
    font-size: .7em;
    color: #bbb;
    position: absolute
}

.weather34solarword {
    margin-left: 12px
}

.weather34solarvalue {
    margin-left: 32px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    max-width: 20px;
    z-index: 10
}

.weather34solarvalue span {
    font-size: 10px;
    font-weight: 400;
    display: block;
    z-index: 10
}

.luxratedark,
.luxratedark span {
    text-align: center;
    font-size: 11px
}

nosun1 {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 10
}

.weather34barometerarrowactual,
.weather34barometerarrowmin {
    z-index: 200;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%
}

.luxratedark {
    color: #f5650a;
    display: inline-block;
    left: -5px
}

.luxratedark span {
    color: color: rgba(236, 87, 27, 1);
    display: block
}

.weather34-feelslikeindoor,
.weather34-humidityindoor {
    position: absolute;
    height: 100px;
    width: 30px;
    margin-top: 20px;
    color: rgba(57, 61, 64, 1)
}

.weather34-feelslikeindoor {
    margin-left: 232px
}

.weather34-humidityindoor {
    margin-left: 17px
}

.weather34uvposition {
    position: relative;
    margin-top: -5px
}

.weather34barometerarrowactual {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
    width: 8px;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.weather34barometerarrowactual:after {
    background-color: NONE;
    -o-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0;
    border-color: rgba(255, 124, 57, 1) transparent transparent;
    transform: translate(-50%, -50%)
}

.weather34barometerarrowactual:before {
    content: 'o o o';
    width: 0;
    position: absolute;
    left: 2px;
    top: -5px;
    border: 0;
    color: rgba(255, 124, 57, 1);
    font-size: 5px;
    font-family: Arial, system
}

.weather34barometerarrowmax:after,
.weather34barometerarrowmax:before,
.weather34barometerarrowmin:after,
.weather34barometerarrowmin:before {
    content: '';
    position: absolute
}

.weather34barometerarrowmin {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
    width: 8px;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.weather34barometerarrowmin:after {
    background-color: NONE;
    -o-transform: translate(-50%, -50%);
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: rgba(102, 188, 199, .8);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.weather34barometerarrowmin:before {
    width: 0;
    left: 2px;
    top: -5px;
    border: 0;
    color: rgba(102, 188, 199, .6);
    font-size: 5px;
    font-family: Arial, system
}

.weather34barometerarrowmax {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
    width: 8px;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.weather34barometerarrowmax:after {
    -webkit-transform: translate(-50%, -50%);
    background-color: NONE;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: rgba(255, 121, 58, .8);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

#weather34sunclock2,
.weather34sunclock {
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%
}

.weather34barometerarrowmax:before {
    width: 0;
    left: 2px;
    top: -5px;
    border: 0;
    color: rgba(255, 121, 58, .6);
    font-size: 5px;
    font-family: Arial, system
}

.daylightvalue1:before,
.daylightvalue34:before {
    content: "Estimated";
    letter-spacing: normal
}

.weather34-barometerruler {
    position: absolute;
    width: 135px;
    height: 1px;
    border: 1px dashed rgba(53, 56, 58, 1);
    background: 0;
    margin-left: 65px;
    margin-top: 62px
}

weather34-barometerlimitmax,
weather34-barometerlimitmin,
weather34-barometerlimitminf {
    margin-top: -6px;
    position: absolute;
    font-size: 11px
}

weather34-barometerlimitmin {
    left: -27px;
    color: rgba(77, 175, 189, 1)
}

weather34-barometerlimitmax {
    left: 140px;
    color: rgba(255, 124, 57, 1)
}

weather34-barometerlimitminf {
    left: -20px;
    color: rgba(77, 175, 189, 1)
}

weather34-barometerlimitmaxf {
    position: absolute;
    margin-top: 0;
    left: 163px;
    font-size: 11px;
    color: rgba(255, 124, 57, 1)
}

.solaricon,
.solaricon1 {
    position: absolute;
    margin-top: 20px
}

.solaricon {
    margin-left: 35px
}

.solaricon1 {
    margin-left: 250px
}

.homeweatherstationlogo {
    margin-top: -7px;
    margin-left: 25px
}

#weather34lightningdialog-notify {
    width: 200px;
    max-height: 250px;
    right: 10px;
    top: 10px;
    z-index: 9999;
    position: fixed;
    
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 2
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 2
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.weather34lightningdialog-box {
    position: relative;
    min-height: 80px;
    max-height: 180px;
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    background: rgba(97, 106, 114, 1)
}

.weather34lightningdialog-box .header {
    height: 30px;
    position: relative;
    color: #aaa;
    background: rgba(97, 106, 114, 1);
    line-height: 22px;
    font-family: Arial, system
}

.weather34lightningbackground-alert {
    height: 100%;
    width: 100%;
    background-color: rgba(61, 64, 66, 1);
    position: absolute
}

.weather34lightningcontents {
    z-index: 100;
    position: inherit;
    font-size: 14px;
    text-align: center
}

.weather34lightningmain-content {
    padding: 8px 20px 10px 10px;
    height: content-max;
    background: rgba(97, 106, 114, 1);
    color: #fff;
    line-height: 16px;
    text-align: center;
    
    font-size: .9remem
}

period {
    color: #aaa
}

.daylightvalue1 {
    position: absolute;
    margin-left: 85px;
    top: 45px
}

.daylightvalue1 hours {
    position: relative;
    left: -5px
}

.daylightvalue1 period {
    position: absolute;
    font-size: 11px;
    line-height: 1em;
    top: 20px;
    left: 44px;
    letter-spacing: normal;
    color: #ff7c39
}

.daylightvalue1 hrs {
    margin-left: 0
}

.daylightvalue1 span {
    position: relative;
    left: 42px;
    top: -3px;
    color: #ff7c39;
    font-size: 26px;
    margin-right: 7px
}

.azimuth,
.elevation {
    position: absolute;
    margin-top: -20px;
    font-size: 11px;
    width: 50px;
    
    line-height: 12px;
    font-weight: 400;
    color: #bbb
}

.daylightvalue1:before {
    position: absolute;
    display: block;
    font-size: 11px;
    line-height: 20px;
    top: -28px;
    left: 45px;
    border: 0;
    color: #aaa
}

notifyblue,
notifyorange {
    color: #fff;
    padding: 0 2px;
    
    font-weight: 600
}

.azimuth {
    left: -60px
}

.elevation {
    left: 160px
}

.sundialcontainerdiv {
    position: relative;
    top: 10px;
    margin-left: -5px
}

notifyblue {
    background: #44a6b5;
    border-radius: 3px
}

notifyorange {
    background: #ff7c39;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

body {
    font-smoothing: antialiased;
    color-adjust: [exact]
}

.vp2container {
    display: flex;
    justify-content: center;
    align-items: center
}

.consoleoutlook {
    position: relative;
    color: #bbb;
    font-size: .42em;
    
    font-weight: 400;
    margin-top: 1.5rem;
    line-height: 1em;
    margin-left: 20px;
    width: 170px
}

.weather34sunclock {
    width: 120px;
    height: 120px;
    background: 0;
    margin-left: 95px;
    margin-top: 15px;
    border-radius: 100%;
    position: absolute;
    border: 4px solid rgba(59, 60, 63, 1);
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

#mooncircleinner,
#weather34sunclock2 {
    background: 0;
    margin-left: 1px;
    position: absolute
}

.weather34sunclock div {
    position: absolute;
    -webkit-transform-origin: 49.6% 49.5%;
    -moz-transform-origin: 49.6% 49.5%;
    -o-transform-origin: 49.6% 49.5%;
    -ms-transform-origin: 49.6% 49.5%;
    transform-origin: 49.6% 49.5%;
    transform: rotate(0)
}

#weather34sunclock2 {
    width: 110px;
    height: 110px;
    margin-top: 1px;
    border-radius: 100%;
    border: 2px solid rgba(86, 95, 103, 1);
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.consoleicon {
    position: absolute;
    left: 170px;
    top: 32px;
    width: 28px;
    height: 28px
}

.sun-south {
    left: 145px;
    top: 5px
}

.sun-north {
    left: 146px;
    top: 135px
}

.sun-east {
    left: 87px;
    top: 70px
}

.sun-west {
    left: 218px;
    top: 70px
}

.sun-east,
.sun-north,
.sun-south,
.sun-west {
    font-size: 8px;
    position: absolute;
    color: #bbb
}

#mooncircleinner {
    width: 110px;
    height: 110px;
    top: 1px;
    border-radius: 50%;
    border: 2px solid rgba(86, 95, 103, 1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.daylightvalue34,
.daylightvalue34 minutes {
    font-family: weathertext, Helvetica, Arial;
    font-size: 26px;
    line-height: 20px;
    width: 100px;
    border: 0;
    position: absolute;
    color: #f8f8f8
}

.daylightvalue34 {
    left: 17px;
    margin-top: 20px
}

.daylightvalue34 minutes {
    left: 40px
}

.daylightvalue34 period,
.daylightvalue34:before {
    font-family: Helvetica, Arial
}

.daylightvalue34 dayperiod {
    color: #f8f8f8;
    border: 0;
    position: absolute;
    font-size: 10px;
    left: 15px;
    top: 20px;
    width: 100px
}

.daylightvalue34 hrs,
.daylightvalue34 min {
    font-size: 9px;
    top: -17px;
    color: #f8f8f8;
    letter-spacing: normal;
    position: absolute
}

.daylightvalue34 min {
    left: 85px
}

.daylightvalue34 hrs {
    left: 40px
}

.daylightvalue34 {
    position: absolute;
    margin-left: 68px;
    top: 50px
}

.daylightvalue34 hours {
    position: relative;
    left: -5px
}

.daylightvalue34 period {
    position: absolute;
    font-size: 11px;
    line-height: 20px;
    top: 20px;
    left: 44px;
    letter-spacing: normal;
    color: #f8f8f8
}

.daylightvalue34 hrs {
    margin-left: 0
}

.daylightvalue34 span {
    border: 0;
    position: relative;
    left: 42px;
    top: -3px;
    color: #f8f8f8;
    font-size: 26px;
    margin-right: 7px
}

.daylightvalue34:before {
    position: absolute;
    display: block;
    font-size: 11px;
    line-height: 20px;
    top: -28px;
    left: 45px;
    border: 0;
    color: #f8f8f8
}

.daylightoutput {
    border: 4px solid rgba(86, 95, 103, 1)
}

.weather34box .value1 {
    position: absolute;
    font-size: 14px;
    font-weight: lighter;
    padding: 0 3px;
    color: #aaa;
    float: left;
    top: 30px;
    display: block;
    text-align: left
}

.barometerconvertercircleblue,
.rainconvertercircle {
    height: 1.3rem;
    font-weight: 400;
    overflow: hidden;
    line-height: 16px
}

.rainconverter {
    position: absolute;
    margin-left: 260px;
    margin-top: 5px;
    font-size: 12px
}

.rainconvertercircle {
    background: rgba(59, 156, 172, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    border: 2px solid rgba(56, 56, 60, 1);
    border-radius: 4px;
    color: #fff;
    font-family: weathertext, Arial, system;
    font-size: 1em
}

smallrainunit {
    font-size: .7em
}

.tempconverter,
.tempconverter2 {
    position: absolute;
    margin-top: 5px;
    font-size: 12px
}

.tempconverter {
    margin-left: 10px
}

.tempconverter2 {
    margin-left: 260px
}

.tempconvertercircleblue,
.tempconvertercirclegreen,
.tempconvertercircleorange,
.tempconvertercirclepurple,
.tempconvertercirclered,
.tempconvertercircleyellow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3rem;
    width: 3rem;
    font-weight: 400;
    border: 2px solid rgba(56, 56, 60, 1);
    overflow: hidden;
    border-radius: 4px;
    color: #fff;
    line-height: 16px;
    font-family: weathertext, Arial, system;
    font-size: 1em
}

.barometerconverter,
.barometertrendx,
.tempindoorconverter,
.tempindoorextra {
    font-size: 12px;
    position: absolute
}

.tempconvertercirclegreen {
    background: rgba(144, 177, 42, .8)
}

.tempconvertercircleyellow {
    background: rgba(230, 161, 65, .8)
}

.tempconvertercirclepurple {
    background: #a475cb
}

.tempconvertercircleorange {
    background: rgba(255, 124, 57, .8)
}

.tempconvertercirclered {
    background: rgba(211, 93, 78, .8)
}

.tempconvertercircleblue {
    background: rgba(59, 156, 172, 1)
}

.tempindoorextra {
    margin-left: 235px;
    margin-top: 130px;
    display: none;
}

.tempindoorconverter {
    margin-left: 260px;
    margin-top: -15px
}

.barometerconverter {
    margin-left: 252px;
    margin-top: 5px
}

.barometertrendx {
    margin-left: 10px;
    margin-top: 135px
}

smallsup {
    color: #aaa;
    font-size: .5rem;
    font-family: Arial, Helvetica, sans-serif
}

.tempconverter1 {
    position: absolute;
    margin-left: 55px;
    margin-top: 0;
    font-size: 12px
}

.tempconvertercircleblue1,
.tempconvertercirclegreen1,
.tempconvertercircleorange1,
.tempconvertercirclered1,
.tempconvertercircleyellow1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3rem;
    width: 3.2rem;
    border: 2px solid rgba(56, 56, 60, 1);
    overflow: hidden;
    border-radius: 4px;
    line-height: 16px;
    font-family: weathertext, Arial, system;
    font-size: 1em;
    color: #fff
}

.tempconvertercircleyellow1 {
    background: rgba(230, 161, 65, 1)
}

.tempconvertercircleorange1 {
    background: rgba(255, 124, 57, 1)
}

.tempconvertercircleblue1 {
    background: rgba(59, 156, 172, 1)
}

.tempconvertercirclegreen1 {
    background: rgba(144, 177, 42, 1)
}

.heatcircle {
    float: left;
    margin-top: 40px;
    margin-left: 100px;
    padding: 0;
    width: 170px;
    position: absolute
}

.heatcircle2 {
    float: left;
    margin-top: 0;
    margin-left: 70px;
    padding: 0;
    width: 170px;
    position: absolute
}

.heatcircle3,
.heatcircle4 {
    margin-top: 40px;
    padding: 0;
    width: 170px;
    float: left;
    position: absolute
}

.heatcircle3 {
    margin-left: 0
}

.heatcircle4 {
    margin-left: 70px
}

.windconverter {
    position: absolute;
    margin-left: 255px;
    margin-top: -15px;
    font-size: 12px
}

.windconvertercircleblue1,
.windconvertercirclegreen1,
.windconvertercircleorange1,
.windconvertercirclered1,
.windconvertercircleyellow1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3rem;
    width: 3.2rem;
    border: 2px solid rgba(56, 56, 60, 1);
    overflow: hidden;
    border-radius: 4px;
    line-height: 16px;
    font-family: weathertext, Arial, system;
    font-size: 1em;
    color: #fff
}

.windconvertercircleyellow1 {
    background: rgba(230, 161, 65, 1)
}

.windconvertercircleorange1 {
    background: rgba(255, 124, 57, 1)
}

.windconvertercirclered1 {
    background: rgba(211, 93, 78, 1)
}

.windconvertercircleblue1 {
    background: rgba(59, 156, 172, 1)
}

.windconvertercirclegreen1 {
    background: rgba(144, 177, 42, 1)
}

.barometerconvertercircleblue {
    background: rgba(59, 156, 172, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    border: 2px solid rgba(56, 56, 60, 1);
    border-radius: 4px;
    color: #fff;
    font-family: weathertext, Arial, system;
    font-size: 1em;
    right: 10px
}

.tempcontainer {
    float: left;
    font-family: weathertext, arial, system;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    bottom: 0;
    right: 0;
    position: absolute;
    position: relative;
    margin: 40px 10px 10px 40px;
    left: -5px;
    top: -5px
}

.tempcontainerx {
    position: relative;
    left: -20px;
    top: -11px
}

.outside0-5,
.outside11-15,
.outside16-20,
.outside21-25,
.outside26-30,
.outside31-35,
.outside36-40,
.outside41-45,
.outside50,
.outside6-10,
.outsideminus,
.outsideminus5,
.outsidezero {
    font-family: weathertext, Arial, Helvetica, system;
    width: 6rem;
    height: 5.5rem;
    font-size: 1.9rem;
    padding-top: 10px;
    color: #f8f8f8;
    border-bottom: 18px solid rgba(56, 56, 60, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.outsideminus,
.outsideminus5,
.outsidezero {
    background: rgba(0, 164, 180, .8);
    background: -webkit-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: -o-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: -moz-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: -ms-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1))
}

.outside0-5 {
    background: rgba(0, 164, 180, 1);
    background: -webkit-linear-gradient(270deg, #00a4b4, #087883);
    background: -o-linear-gradient(270deg, #00a4b4, #087883);
    background: -moz-linear-gradient(270deg, #00a4b4, #087883);
    background: -ms-linear-gradient(270deg, #00a4b4, #087883);
    background: linear-gradient(270deg, #00a4b4, #087883)
}

.outside6-10 {
    background: #88b04b;
    background: -webkit-linear-gradient(90deg, #00a4b4, #88b04b);
    background: -o-linear-gradient(90deg, #00a4b4, #88b04b);
    background: -moz-linear-gradient(90deg, #00a4b4, #88b04b);
    background: -ms-linear-gradient(90deg, #00a4b4, #88b04b);
    background: linear-gradient(90deg, #00a4b4, #88b04b)
}

.outside11-15 {
    background: rgba(230, 161, 65, 1));
    background: -webkit-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: -o-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: -moz-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: -ms-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1))
}

.outside16-20 {
    background: rgba(255, 124, 57, 1);
    background: -webkit-linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1));
    background: -o-linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1));
    background: -moz-linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1));
    background: -ms-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1))
}

.outside21-25 {
    background: #efa80f;
    background: -webkit-linear-gradient(90deg, #efa80f, #d86858);
    background: -o-linear-gradient(90deg, #efa80f, #d86858);
    background: -moz-linear-gradient(90deg, #efa80f, #d86858);
    background: -ms-linear-gradient(90deg, #efa80f, #d86858);
    background: linear-gradient(90deg, #efa80f, #d86858)
}

.outside26-30 {
    background: -webkit-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: -o-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: -moz-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: -ms-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1))
}

.outside31-35,
.tempconvertercirclered1 {
    background: #d86858;
    background: -webkit-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: -o-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: -moz-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: -ms-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7))
}

.outside36-40 {
    background: #fd7641;
    background: -webkit-linear-gradient(90deg, #fd7641, #637ff6);
    background: -o-linear-gradient(90deg, #fd7641, #637ff6);
    background: -moz-linear-gradient(90deg, #fd7641, #637ff6);
    background: -ms-linear-gradient(90deg, #fd7641, #637ff6);
    background: linear-gradient(90deg, #fd7641, #637ff6)
}

.outside41-45,
.outside50 {
    background: #de2c52;
    background: -webkit-linear-gradient(90deg, #de2c52, #637ff6);
    background: -o-linear-gradient(90deg, #de2c52, #637ff6);
    background: -moz-linear-gradient(90deg, #de2c52, #637ff6);
    background: -ms-linear-gradient(90deg, #de2c52, #637ff6);
    background: linear-gradient(90deg, #de2c52, #637ff6)
}

smalltempunit {
    font-size: .5em
}

smalltempunit2 {
    font-size: .55rem
}

smallrainunit2 {
    font-size: .5rem;
    color: #fff
}

.temptrendx {
    position: absolute;
    margin-top: -17px;
    margin-left: 5%;
    text-align: center;
    z-index: auto;
    font-size: 0;
    color: #aaa;
    font-family: Arial, system
}

trendmovementfallingx,
trendmovementrisingx {
    color: #bbb;
    font-size: .7rem;
    font-family: Arial, system
}

trendmovementsteadyx {
    color: #bbb;
    font-size: .7rem
}

.maxdata {
    position: absolute;
    font-family: Arial, Helvetica, system;
    font-size: .75rem;
    color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto auto;
    left: 18%
}

.indoorhomesvg1 {
    margin-top: -2px;
    left: 20px;
    color: rgba(57, 61, 64, 1);
    margin-left: 8px
}

.indoortrendhouse1 {
    position: absolute;
    margin-left: 143px;
    margin-top: 56px;
    font-size: .55rem;
    z-index: 1;
    color: #fff
}

.indoorhomevalue1 {
    position: relative;
    margin-top: -89px;
    left: 0;
    font-size: 23px;
    padding-right: 4px;
    padding-left: 0
}

indoorblue1,
indoorgreen1,
indoororange1,
indoorred1,
indooryellow1 {
    font-family: weathertext, Arial, Helvetica, system;
    width: 3.3rem;
    height: 2.6rem;
    font-size: .8rem;
    padding-top: 7px;
    color: #fff;
    border-bottom: 10px solid rgba(56, 56, 60, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    margin-left: 129px;
    top: -5px
}

.raintoday1,
.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10 {
    padding-top: 7px;
    align-items: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px
}

.raincontainer1,
.uvcontainer1 {
    position: relative;
    margin: 40px 10px 10px 40px;
    float: left;
    -o-font-smoothing: antialiasedleft: 0;
    bottom: 0;
    right: 0
}

indoorred1 {
    background: rgba(211, 93, 78, 1)
}

indoororange1 {
    background: #ff8841
}

indoorgreen1 {
    background: #9aba2f
}

indoorblue1 {
    background: #01a4b4
}

indooryellow1 {
    background: rgba(233, 171, 74, 1)
}

.raincontainer1 {
    font-family: weathertext, system;
    left: 95px;
    top: 40px
}

.raintoday1 {
    font-family: weathertext, Arial, Helvetica, system;
    width: 3rem;
    height: 2.5rem;
    font-size: .8rem;
    color: #f8f8f8;
    background: rgba(59, 156, 172, .7);
    border-bottom: 8px solid rgba(56, 56, 60, 1);
    display: flex;
    justify-content: center;
    border-radius: 3px
}

smalluvunit {
    font-size: .55rem;
    font-family: Arial, Helvetica, system;
    font-weight: 600
}

.uvcontainer1 {
    font-family: weathertext, system;
    left: 70px;
    top: 15px
}

.simsek,
.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10,
topblue1,
topgreen1,
toporange1,
topred1,
topyellow1 {
    font-family: weathertext, Arial, Helvetica, system;
    display: flex
}

.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10 {
    width: 5rem;
    height: 4.5rem;
    font-size: 1.55rem;
    color: #fff;
    border-bottom: 15px solid rgba(56, 56, 60, 1);
    justify-content: center;
    border-radius: 3px
}

.uvcaution,
.uvtrend {
    position: absolute;
    font-size: .65rem
}

.uvtoday1-3 {
    background: rgba(144, 177, 42, 1)
}

.simsek,
.uvtoday4-5 {
    background: rgba(230, 161, 65, 1)
}

.uvtoday6-8 {
    background: rgba(255, 124, 57, .8)
}

.uvtoday9-10 {
    background: rgba(211, 93, 78, .8)
}

.uvtoday11 {
    background: rgba(204, 135, 248, .7)
}

.uvcaution {
    margin-left: 120px;
    margin-top: 112px;
    font-family: Arial, Helvetica, system
}

.uvtrend {
    margin-left: 128px;
    margin-top: 58px;
    z-index: 1;
    color: #fff
}

.simsekcontainer {
    float: left;
    font-family: weathertext, system;
    -o-font-smoothing: antialiasedleft: 0;
    bottom: 0;
    right: 0;
    position: relative;
    margin: 40px 10px 10px 40px;
    left: -10px;
    top: 13px
}

.simsek {
    width: 5rem;
    height: 4.5rem;
    font-size: 1.55rem;
    padding-top: 12px;
    color: #f8f8f8;
    border-bottom: 18px solid rgba(56, 56, 60, 1);
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.simsekdata,
.simsektoday {
    position: absolute;
    font-size: .7rem
}

.simsektoday {
    margin-top: -16px;
    margin-left: 1.7rem;
    text-align: center;
    z-index: auto;
    color: #aaa;
    font-family: Arial, system
}

.simsekdata {
    font-family: Arial, Helvetica, system;
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto auto;
    left: 28.1%
}

topblue1,
topgreen1,
toporange1,
topred1,
topyellow1 {
    width: 3.3rem;
    height: 2.4rem;
    font-size: .8rem;
    padding-top: 7px;
    color: #fff;
    border-bottom: 11px solid rgba(56, 56, 60, 1);
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    margin-left: 133px;
    top: -5px
}

.topmax,
.topmin {
    position: absolute;
    margin-top: 39px;
    font-size: 0;
    padding-right: 4px;
    padding-left: 0
}

topred1 {
    background: rgba(211, 93, 78, 1)
}

toporange1 {
    background: #ff8841
}

topgreen1 {
    background: #9aba2f
}

topblue1 {
    background: #01a4b4
}

topyellow1 {
    background: rgba(233, 171, 74, 1)
}

.topmin {
    left: -100px
}

.topmax {
    left: 10px
}

.maxword,
.minword {
    position: absolute;
    margin-top: 35px;
    font-size: .55rem;
    color: #fff;
    white-space: nowrap;
}

.maxword {
    margin-left: 157px
}

.minword {
    margin-left: 47px
}

.maxtimedate,
.mintimedate {
    margin-top: 61px;
    font-size: .54rem;
    color: #aaa;
    width: 50px;
    position: absolute
}

.maxtimedate {
    margin-left: 140px
}

.mintimedate {
    margin-left: 30px
}

smallwindunit {
    font-size: .45rem;
    font-family: Arial, Helvetica, system;
    padding-left: 2px
}

.yearwordbig {
    position: absolute;
    margin-left: 11px;
    margin-top: 34px;
    font-size: 1.4rem;
    color: rgba(86, 95, 103, .2);
    width: 200px;
    font-family: weathertext, Arial, system
}

.airvalue {
    position: relative;
    margin-top: 75px;
    left: 5px;
    top: 5px;
    font-size: .9rem
}

airdescription {
    font-size: 16px;
    left: -15px;
    line-height: 26px;
    text-align: left;
    width: 300px;
    margin-top: 0
}

.air0,
.air100,
.air150,
.air200,
.air300,
.air50 {
    font-family: weathertext, Arial, Helvetica, system;
    width: 5rem;
    height: 4.68rem;
    font-size: 1.5rem;
    padding-top: 0;
    color: #fff;
    border-bottom: 15px solid rgba(56, 56, 60, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.air0 {
    background: rgba(144, 177, 42, 1)
}

.air50 {
    background: rgba(230, 161, 65, 1)
}

.air100 {
    background: rgba(255, 124, 57, .8)
}

.air150 {
    background: rgba(211, 93, 78, .8)
}

.air200,
.air250,
.air300 {
    background: #a475cb
}

supdavis {
    top: -.5em;
    font-size: .5em
}

.windunitidgust,
.windunitidspeed {
    color: #aaa;
    margin-top: -35px;
    font-size: 10px;
    position: absolute;
    width: 55px;
}

.windunitidgust {
    margin-left: 0px
}

.windunitidspeed {
    margin-left: 0
}

.windunitgust,
.windunitspeed {
    color: #aaa;
    margin-top: 7px;
    font-size: 10px;
    position: absolute
}

.windunitgust {
    margin-left: 15px
}

.windunitspeed {
    margin-left: 15px
}

.weather34indoorword {
    margin-left: 140px;
    margin-top: 26px;
    color: #aaa;
    font-size: 0.55rem;
    font-family: arial, system;
    position: absolute
}

.homeindoorhum0-25,
.homeindoorhum25-35,
.homeindoorhum35-60,
.homeindoorhum60-80,
.homeindoorhum80-100 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.1rem;
    width: 4rem;
    border: 2px solid rgba(56, 56, 60, 1);
    overflow: hidden;
    border-radius: 2px;
    color: #fff;
    line-height: 16px;
    font-family: weathertext2, Helvetica, system;
    font-size: .9em;
    margin-top: -30px;
    margin-left: 165px
}

.homeindoorhum80-100 {
    background: rgba(0, 164, 180, 1);
    background: -webkit-linear-gradient(270deg, #00a4b4, #087883);
    background: -o-linear-gradient(270deg, #00a4b4, #087883);
    background: -moz-linear-gradient(270deg, #00a4b4, #087883);
    background: -ms-linear-gradient(270deg, #00a4b4, #087883);
    background: linear-gradient(270deg, #00a4b4, #087883)
}

.homeindoorhum60-80 {
    background: #3b9cac;
    background: -webkit-linear-gradient(90deg, #90b12a, #3b9cac);
    background: -o-linear-gradient(90deg, #90b12a, #3b9cac);
    background: -moz-linear-gradient(90deg, #90b12a, #3b9cac);
    background: -ms-linear-gradient(90deg, #90b12a, #3b9cac);
    background: linear-gradient(90deg, #90b12a, #3b9cac)
}

.homeindoorhum35-60 {
    background: #90b12a;
    background: -webkit-linear-gradient(90deg, #90b12a, #e6a141);
    background: -o-linear-gradient(90deg, #90b12a, #e6a141);
    background: -moz-linear-gradient(90deg, #90b12a, #e6a141);
    background: -ms-linear-gradient(90deg, #90b12a, #e6a141);
    background: linear-gradient(90deg, #90b12a, #e6a141)
}

.homeindoorhum25-35 {
    background: -webkit-linear-gradient(90deg, #d86858, #90b12a);
    background: -o-linear-gradient(90deg, #d86858, #90b12a);
    background: -moz-linear-gradient(90deg, #d86858, #90b12a);
    background: -ms-linear-gradient(90deg, #d86858, #90b12a);
    background: linear-gradient(90deg, #d86858, #90b12a)
}

.homeindoorhum0-25 {
    background: #d05f2d;
    background: -webkit-linear-gradient(90deg, #d35d4e, #d05f2d);
    background: -o-linear-gradient(90deg, #d35d4e, #d05f2d);
    background: -moz-linear-gradient(90deg, #d35d4e, #d05f2d);
    background: -ms-linear-gradient(90deg, #d35d4e, #d05f2d);
    background: linear-gradient(90deg, #d35d4e, #d05f2d)
}

.weather34indoorhumrate,
weather34feelsrate {
    position: absolute;
    margin-top: -5px;
    font-size: 12px;
    max-height: 100px;
    font-family: arial, system
}

.weather34indoorhumrate {
    color: #bbb;
    margin-left: 24px
}

.weather34indoorhumrate span {
    color: #bbb;
    font-family: arial, system
}

.weather34feelsrate {
    color: #bbb;
    margin-left: 246px
}

.weather34feelsrate span {
    color: #bbb;
    font-family: arial, system
}

.feelsindoorcircleblue,
.raintoday1,
.suncircleblue,
indoorblue1,
topblue1 {
    background: #3b9cac
}

.indoorhomesvg1 {
    margin-top: -12px;
    left: 0;
    color: #38383c
}

.updatedtime,
.updatedtimealert,
.updatedtimecurrent,
.updatedtimedir,
.updatedtimeuv {
    width: 75px;
    text-align: center
}

.updatedtime,
.updatedtimeuv {
    font: .65em weathertext2;
    margin-left: 235px;
    color: silver;
    background: 0;
    padding: 3px
}

.updatedtime,
updatedtime1 {
    margin-top: -18px;
    line-height: 10px
}

.updatedtimeuv {
    margin-top: -112px;
    line-height: 10px
}

.updatedtimeuv span {
    color: silver
}

.updatedtimecurrent {
    margin-top: -18px;
    margin-left: 235px;
    color: silver;
    font: .65em weathertext2;
    line-height: 10px;
    background: 0;
    padding: 3px
}

.updatedtimealert {
    margin-top: 5px;
    margin-left: 215px;
    color: silver;
    font: .65em weathertext2;
    line-height: 10px
}

.updatedtimedir {
    margin-top: -25px;
    margin-left: 135px;
    position: absolute;
    color: silver;
    font: .65em weathertext2;
    line-height: 10px;
    border-radius: 2px;
    background: 0;
    padding: 3px
}

updatedtime {
    position: absolute
}

.updatedtime span,
.updatedtimealert span,
.updatedtimecurrent span,
.updatedtimedir span {
    margin-bottom: 0;
    color: silver;
    font-family: weathertext2;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

.homeweatherstationlogo {
    margin-top: -15px;
    margin-left: 50px
}

weather34 {
    font: .55em weathertext2;
    margin-top: -4px;
    margin-left: 45px;
    display: block;
    width: 100px
}

valueearthquake {
    font-size: .55rem;
    line-height: 10px
}

alertvalue {
    font-size: .75rem;
    margin-top: 10px
}

spanefreezing,
spanelightning {
    font-size: 12px;
    
    top: 33px;
    width: 120px;
    position: absolute;
    font-weight: 400;
    left: 50px
}

alertadvisory {
    margin-left: 25px;
    position: absolute
}

valuewindunit {
    font-size: .55rem
}

.inheatcircle-content {
    position: absolute;
    color: silver;
    float: left;
    margin-left: -4px;
    padding: 0;
    text-align: center;
    width: 160px;
    font: 500 11px weathertext2;
    display: block;
    line-height: 15px
}

.heatcircle6 {
    padding: 0;
    width: 170px;
    position: absolute;
    margin-top: -35px;
    margin-left: 140px
}

.inheatcircle2-content {
    position: absolute;
    color: silver;
    float: left;
    margin-top: 35px;
    margin-left: -5px;
    padding: 0;
    text-align: center;
    width: 160px;
    font: 500 11px weathertext2;
    display: block;
    line-height: 15px
}

.heatcircle7 {
    padding: 0;
    width: 170px;
    position: relative;
    margin-top: 50px;
    margin-left: 49px
}

.intemphumcircle0-25,
.intemphumcircle25-35,
.intemphumcircle35-60,
.intemphumcircle60-80,
.intemphumcircle80-100 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.1rem;
    width: 4rem;
    overflow: hidden;
    line-height: 16px;
    font-family: weathertext2;
    font-size: .85em;
    color: silver
}

.intemphumcircle60-80 {
    border: 1px solid #393d40;
    border-left: 0;
    box-shadow: inset 4px 0 0 0 #e6a141;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.intemphumcircle25-35 {
    border: 1px solid #393d40;
    border-left: 0;
    box-shadow: inset 4px 0 0 0 #d05f2d;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.intemphumcircle35-60 {
    border: 1px solid #393d40;
    border-left: 0;
    box-shadow: inset 4px 0 0 0 #90b12a;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.intemphumcircle80-100 {
    border: 1px solid #393d40;
    border-left: 0;
    box-shadow: inset 4px 0 0 0 #4e95a0;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.intemphumcircle0-25 {
    border: 1px solid #393d40;
    border-left: 0;
    box-shadow: inset 4px 0 0 0 #d35d4e;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

greyu {
    font-size: .55rem;
    font-family: weathertext2;
    color: silver
}

valuetitleunit {
    font-size: .8em;
    font-family: weathertext2
}

orangeu {
    color: #d05f2d
}

greenu {
    color: #90b12a
}

yellowu {
    color: #e6a141
}

redu {
    color: #cd5245
}

purpleu {
    color: #b600b0
}

bluet {
    color: #01a4b5;
}

yellowt {
    color: #e6a141;
}

oranget {
    color: #d05f2d;
}

greent {
    color: #90b12a;
}

redt {
    color: #d86858
}

purplet {
    color: #de7b6e
}

.airqualitywordbig {
    position: absolute;
    margin-left: 50px;
    margin-top: 15px;
    font-size: 1.4rem;
    color: rgba(86, 95, 103, .2);
    width: 200px;
    font-family: weathertext2
}

.tempconvertercircle0-5,
.tempconvertercircle11-15,
.tempconvertercircle16-20,
.tempconvertercircle21-25,
.tempconvertercircle26-30,
.tempconvertercircle31-35,
.tempconvertercircle36-40,
.tempconvertercircle41-45,
.tempconvertercircle50,
.tempconvertercircle6-10,
.tempconvertercircleminus,
.tempconvertercircleminus10,
.tempconvertercircleminus5 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1rem;
    width: 3.4rem;
    border: 1px solid #393d40;
    overflow: hidden;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: silver;
    line-height: 16px;
    font-family: weathertext2;
    font-size: .85em;
    background: 0
}

.darkskyhomeicons {
    margin-bottom: -2px
}

bluetds,
greentds,
orangetds,
purpletds,
redtds,
yellowtds {
    color: #fff;
    text-transform: capitalize;
    border-radius: 2px;
    width: 35px;
    padding: 0 3px
}

bluetds {
    background: #01a4b5
}

yellowtds {
    background: #e6a141
}

orangetds {
    background: #d05f2d
}

greentds {
    background: #90b12a
}

redtds {
    background: -webkit-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7))
}

purpletds {
    background: -webkit-linear-gradient(90deg, #d86858, rgba(157, 59, 165, .4));
    background: linear-gradient(90deg, #d86858, rgba(157, 59, 165, .4))
}

.airqualitywordbig,
.uvsolarwordbig {
    position: absolute;
    font-size: 1.4rem;
    color: rgba(86, 95, 103, .2);
    width: 200px;
    font-family: weathertext2
}

.uvsolarwordbig {
    margin-left: 115px;
    margin-top: 35px
}

.airqualitywordbig {
    margin-left: 50px;
    margin-top: 15px
}