.bg_head,header h1{font-weight:400;margin:0;cursor:pointer}#mainDiv,#mainMenu{bottom:0;overflow-y:auto}body{margin:0;font-family:"Siyam Rupali",'Myriad Pro';background:#70b5d1;font-size:14px}.st17,.st3{font-family:'Myriad Pro'}body *{transition:opacity .5s,transform .5s,width .5s,height .5s,margin .5s,background .5s,top .5s,left .5s,right .5s,bottom .5s;-webkit-transition:opacity .5s,-webkit-transform .5s,width .5s,height .5s,margin .5s,background .5s,top .5s,left .5s,right .5s,bottom .5s;-moz-transition:opacity .5s,-moz-transform .5s,width .5s,height .5s,margin .5s,background .5s,top .5s,left .5s,right .5s,bottom .5s}html{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:2em}.Logos,.errors{font-size:1.2em}header h1{background:rgba(0,0,0,.7);color:#fff;line-height:50px;padding:0}header h1 a:hover,header h1 span:hover{color:#7fc6e2}header h1 img{display:inline;height:20px}#mainBG{background:url(image/load.gif) center no-repeat #d1e7f0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9;opacity:1}.bg_Bottom,.bg_head img{position:absolute;left:0}.bg_head{text-align:center;line-height:2.15em;background:#21363e;color:#fff}.bg_head img{top:0;padding:5px 10px;height:30px;transform:rotateZ(0);-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0)}.bg_Bottom{bottom:0;right:0;text-align:center;background:#7fc6e2}#mainDiv,#mainMenu,#mainMenu .bg_head{position:fixed;top:0}.Logos img{height:3em}.credit{margin:0;padding:1em 0;background:0 0;border-top:1px solid #467b90;color:#4e4e4e}#mainMenu,.errors{background:#fff;display:none}.errors{color:#FF5722;padding:2em 0}#mainMenu{padding-top:45px;left:0;width:360px;z-index:9}#mainMenu .bg_head{background:#012536;width:360px}.stationIteam,.stationIteam:nth-child(odd){background:#fff}#moon,#sun{position:relative}#mainMenu .bg_head:hover{color:#7fc6e2}#mainMenu[view=right],#mainMenu[view=right] .bg_head{right:0;left:auto}#mainMenu[view=left],#mainMenu[view=left] .bg_head,#mainMenu[view=left] .bg_head img{left:0;right:auto}#mainMenu[view=right] .bg_head img{right:0;left:auto;transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg)}.stationIteam{margin:0;padding:10px 20px;border-bottom:2px solid #70b5d1;color:#2196F3;font-size:18px;cursor:pointer}#labels #labelbox:hover,#labels #labelicon:hover+#labelbox{width:300px!important;height:300px!important}.stationIteam:nth-child(even){background:#f4f4f4}.stationIteam:focus,.stationIteam:hover{background:#005075}.stationIteam p{margin:0;font-size:1em}#mainDiv{left:0;right:0;z-index:2}.bg.cloud-8.day,.bg.cloud-8.evening{background:url(image/bg-380.jpg) top center no-repeat;background-size:cover}.bg.cloud-4.day{background:url(image/bg-cloud-4.jpg) top center no-repeat;background-size:cover}.mainContent{display:block;width:75%;float:left;max-width:1024px}.mainContent.langbar{width:100%;max-width:100%;text-align:center;display:block}.langbar a{color:#fff;font-size:1.3em}.langbar a:active,.langbar a:hover{color:#8BC34A}#awsData table tbody tr:hover td,.langbar a:visited{color:#fff}.mainContent .content{display:block;float:left;width:45%;position:relative;min-width:480px;margin:10px 0 0 10px;background:rgba(0,0,0,.6);color:#f4f4f4;padding:10px;min-height:220px;text-shadow:1px 1px 1px #000}.mainContent .content h2{margin:0;line-height:35px;font-size:20px;border-bottom:1px solid #fff;color:#f4f4f4}.divScrollRight{overflow-x:auto;padding-bottom:20px;text-align:right}.divScrollRight .ScrollIteam{display:inline-block;text-align:center;font-size:14px;width:100px;cursor:pointer}.divScrollRight .ScrollIteam[view=active]{color:#ffeb3b}.divScrollRight .ScrollIteam .iconBox{width:100px;height:80px;display:block}#humidity_Section,#temperature_Section{height:160px;width:auto;text-align:center;margin-top:20px;display:block}#humidity-graph,#rainfall-graph,#temperature-graph{overflow-x:auto;height:220px;text-align:right}#sun{display:block;margin-right:20px;min-height:150px}#sun img{position:absolute;width:60px;top:1px;left:150px}#moon{display:block;float:right;height:150px;width:200px}#Circle_Wrap{text-align:center;display:block;margin-top:20px;float:left;width:25%;min-width:400px}#Circle_Section{width:400px}.st0{opacity:.6}.st1{fill:none;stroke:#5cff3c;stroke-width:5px;stroke-miterlimit:10}.st2{fill:#FFF}.st4{font-size:50px}.st5{fill:#FFEB3B}.st6{fill:none}.st7{font-size:55px}.st8{font-size:90px}.st9{font-size:50px}.st10{font-size:48px}.st11,.st12,.st13,.st14,.st15,.st16{font-size:50px}.st17{font-weight:700}.st18,.st25{font-size:55px}#humidity_Section text{font-size:30px;fill:#fff}#humidity_Section text.val{font-size:30px;fill:#FFEB3B}#humidity_Section text.val.td1{font-size:25px}#temperature_Section text{font-size:30px;fill:#fff}#temperature_Section text.val{font-size:30px;fill:#FFEB3B}#temperature_Section text.val.td1{font-size:25px}#temperature_Section .temGraph{fill:none;stroke:#fff;stroke-width:3}#temperature_Section .bullet{fill:#FFEB3B;stroke:#fff;stroke-width:1}#temperature_Section .bullet.red{fill:red;stroke:#fff;stroke-width:1}#temperature_Section .bullet.blue{fill:#1483bb;stroke:#fff;stroke-width:1}#temperature_Section .temGraph.red{fill:none;stroke:#FF5722;stroke-width:3}#temperature_Section .temGraph.blue{fill:none;stroke:#2196F3;stroke-width:3}#rainfall_Section{height:200px;width:auto;text-align:center;display:block;margin-top:20px}#rainfall_Section text{font-size:30px;fill:#fff}#rainfall_Section text.val{font-size:30px;fill:#FFEB3B}#rainfall_Section text.val.td1{font-size:22px}#rainfall_Section .rainbar{fill:#00BCD4;stroke:#00BCD4;stroke-width:0}#rainfall_Section .bullet{fill:#00BCD4;stroke:#fff;stroke-width:1}.mainContent .content h2#moonPhase{border:0;margin:10px 0;position:absolute;top:0;left:0;right:10px;text-align:right;font-size:16px;font-weight:400}#awsData{display:block;padding:0 10%}#awsData table tbody tr{background:rgba(25,25,25,.6)}#awsData table tbody tr td{font-size:1.2em;border-bottom:1px solid rgba(255,255,255,.21);padding:10px 0 10px 10px;color:#fff}#awsData>table>tbody>tr>td:nth-child(3){display:none}@media screen and (min-width: 480px){#Circle_Wrap,.mainContent,.mainContent .content{display:block;float:left}#Circle_Wrap{text-align:center;margin-top:20px;width:100%;min-width:400px}.mainContent{width:100%}.mainContent .content{width:95%;min-width:480px;text-shadow:1px 1px 1px #000}}@media screen and (min-width: 980px){#Circle_Wrap,.mainContent{width:100%;max-width:100%}#Circle_Wrap,.mainContent,.mainContent .content{display:block;float:left}#Circle_Wrap{text-align:center;margin-top:20px}.mainContent .content{width:45%;min-width:448px;text-shadow:1px 1px 1px #000}.mainContent .content:nth-child(2){float:right;margin-right:20px}}@media screen and (min-width: 1200px){#Circle_Wrap{text-align:center;display:block;margin-top:20px;float:left;width:25%;min-width:430px}.mainContent{display:block;width:75%;float:right;max-width:750px}.mainContent .content{display:block;float:left;width:90%;min-width:480px;text-shadow:1px 1px 1px #000}.mainContent .content:nth-child(2){float:left;margin-right:0}}@media screen and (min-width: 1600px){#Circle_Wrap,.mainContent,.mainContent .content{display:block;float:left}#Circle_Wrap{text-align:center;margin-top:50px;width:25%;min-width:430px}.mainContent{margin-top:50px;width:75%;max-width:1150px}.mainContent .content{width:45%;min-width:480px;text-shadow:1px 1px 1px #000}.mainContent .content:nth-child(2){float:left;margin-right:0}}@media screen and (min-width: 1900px){#Circle_Wrap,.mainContent,.mainContent .content{display:block;float:left}#Circle_Wrap{text-align:center;margin-top:120px;width:25%;min-width:400px}.mainContent{margin-top:50px;width:75%;max-width:1420px}.mainContent .content{width:45%;min-width:480px;text-shadow:1px 1px 1px #000}.mainContent .content:nth-child(2){float:left;margin-right:0}}#mainMenu,#mainDiv header #StationNameAWS,#mainDiv header a,body #mainBG header,.langbar,.bg_head,#last72HourDiv,#mainDiv .bangla-content{display:none!important}body,body #mainDiv{background:#ebf0ff!important}body #mainBG{background:url(image/load.gif) center top no-repeat #f2f2f2!important}body #mainDiv header h1{background:#616161;color:#fff;line-height:35px;padding:0 10px;font-size:20px;margin-bottom:10px}#Circle_Wrap{width:250px;min-width:250px;max-width:250px;margin:0}#Circle_Section{width:250px;min-width:200px;max-width:none}#moon{display:block;float:right;height:100px;width:150px}#sun{display:block;width:150px;margin-right:20px;min-height:100px}#mainDiv .mainContent .content{width:610px;min-width:607px;margin:0 0 10px;background:#616161}#mainDiv .mainContent #sunmoonDiv{width:350px;min-width:131px;min-height:80px;margin-top:35px}#sunmoonDivWrap.mainContent{float:right;width:370px;padding:0}#mainDiv #tabMenuBar{background:none;width:370px;min-width:330px;padding:0;text-align:center;min-height:10px;margin:5px 0 0}#tabMenuBar ul{padding:0;list-style:none;margin:0;text-align:right;display:block}#tabMenuBar ul li{display:inline-block}#tabMenuBar ul li a{display:block;text-shadow:none;text-decoration:none;background:#616161;font-size:13px;color:#fff;padding:0 12px;line-height:30px}#tabMenuBar ul li a:hover,#tabMenuBar ul li a:focus,#tabMenuBar ul li a[view='active']{background:#ddd;color:#222}#mainDiv #DynamicView .content{display:none!important}#mainDiv #DynamicView .content[view='active']{display:block!important}