@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css);.tooltip{position:relative}.tooltip-content{position:absolute;background-color:#000;text-align:center;color:#fff;transform:translateX(-50%);white-space:nowrap;border-radius:4px;padding:6px 10px;margin:10px;font-size:13px}.tooltip-content:before{content:"";position:absolute}.tooltip-content.top{bottom:100%;left:50%;margin-bottom:10px}.tooltip-content.top:before{top:100%;left:50%;margin-left:-4px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #000}.tooltip-content.right{left:100%;top:50%;transform:translateY(-50%);margin-left:40px}.tooltip-content.right:before{right:100%;top:50%;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid rgba(6,6,6,.7215686274509804)}.tooltip-content.bottom{top:100%;left:50%;margin-bottom:0;margin-top:10px}.tooltip-content.bottom:before{bottom:100%;left:50%;margin-left:-4px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #000}.tooltip-content.left{right:100%;top:50%;transform:translateY(-50%);margin-right:20px}.tooltip-content.left:before{left:100%;top:50%;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #000}body{margin:0;padding:0}.slidecontainer{position:absolute;top:0;right:0;z-index:9999;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}#windy #bottom{position:fixed!important;margin-right:10px}#windy{width:100%;height:100vh}#windy #embed-zoom{position:absolute;right:14px!important}#plugin-menu .build-info,#windy #logo-wrapper,#windy #mobile-ovr-select{display:none!important;visibility:hidden}#windy #embed-zoom{top:60px!important}#windy .play-pause{display:block;font-size:25px}#windy .timecode{font-size:13px!important}#windy #legend-mobile{display:block;font-size:11px!important}.hststooltip{background-color:hsla(0,0%,80%,0)!important;color:#fff!important;border:0!important;box-shadow:none!important}.hststooltip:before{display:none}.progress-bar{display:flex;flex-direction:inherit!important;justify-content:inherit!important;overflow:inherit!important;color:#fff;text-align:inherit!important;white-space:inherit!important;background-color:inherit!important;transition:width .6s ease}.control-left{top:120px;right:10px;position:absolute;z-index:100;height:300px;width:32px}.action-system{border-radius:15px;box-shadow:0 1px 4px 0 rgba(0,0,0,.3);padding:0 4px;margin:0 0 6px;list-style:none;background:rgba(30,57,51,.7)}.action-system .action-item{padding-top:4px;text-align:center;height:32px}.action-system .action-item a{border-radius:50%;transition:all .2s ease-in-out;text-align:center;display:block;height:24px;width:24px}.action-system .action-item a span[class^=icons-]{position:relative;vertical-align:top}.action-system .action-item a .icons-tool-layer{top:4px}.action-system .action-item a:focus,.action-system .action-item a:hover{transition:all .2s ease-in-out;background-color:#ff9e00}.action-system .action-item:last-child{border-bottom:0}.control-left .tooltip{opacity:1!important;filter:alpha(opacity=100);display:block;font-size:1.2rem}.header{box-shadow:0 2px 4px 0 rgba(0,0,0,.15);position:absolute;height:50px;background-image:linear-gradient(-147deg,#eb678e,rgba(0,0,0,.5));background:#4265a5;z-index:200;width:100%}.header:after,.header:before{content:" ";display:table}.header:after{clear:both}.header .container-fluid{padding:0}.header .hlogo h1{background:url(http://vndms.dmc.gov.vn/app/images/front/logo.png) no-repeat scroll;background-size:100%}.header .hlogo{width:399px;float:left}.header .hlogo h1{z-index:1000;margin:3px 0 0 1px;font-size:.1%;line-height:.1}.header .hlogo h1,.header .hlogo h1 a{position:relative;width:394px;height:54px}.header .hlogo h1 a{display:block;z-index:-1;overflow:hidden;text-indent:-1987em}@media (max-width:850px){.header .hlogo h1,.header .hlogo h1 a{height:41px;width:44px}.header .hlogo h1{background:url(http://vndms.dmc.gov.vn/app/images/front/sprite-header-sp.png) no-repeat scroll;background-size:100%;margin-top:4px}}@media (max-width:850px){.header .hlogo{position:absolute;left:4px;top:0;width:44px}}.header .header-right{float:right}.header .header-right:after,.header .header-right:before{content:" ";display:table}.header .header-right:after{clear:both}.header .login-button{float:left}@media (max-width:850px){.header{position:relative;height:52px}}.form-search-top{padding:14px 10px 16px;width:300px;float:left}.form-search-top ::-webkit-input-placeholder{color:#fff}.form-search-top ::-moz-placeholder{color:#fff}.form-search-top :-ms-input-placeholder{color:#fff}.form-search-top :-moz-placeholder{color:#fff}.form-search-top .form-group{margin:0;position:relative}.form-search-top .form-group input{border-radius:100px;box-sizing:border-box;padding:0 0 0 39px;margin:0;height:30px;color:#fff;background-color:#4265a5;border:1px solid #7b93c0}.form-search-top .form-group input:focus,.form-search-top .form-group input:hover{box-shadow:none;border-color:#fff}@media (max-width:870px){.form-search-top .form-group input:focus,.form-search-top .form-group input:hover{color:#2c2c2c;border-color:#66afe9}}@media (max-width:870px){.form-search-top .form-group input{height:36px;color:#2c2c2c;border:1px solid #ccc;background-color:#fff}}.form-search-top .form-group .btn-search-top{top:0;right:auto;bottom:auto;left:6px;position:absolute;border-radius:0;box-shadow:none;padding:0;background:none;width:30px;height:30px;text-align:center}@media (max-width:870px){.form-search-top .form-group .btn-search-top{top:3px}}@media (max-width:950px){.form-search-top{width:250px}}@media (max-width:850px){.form-search-top{box-shadow:0 4px 8px rgba(0,0,0,.175);position:absolute;top:100%;left:0;right:0;border-top:0;z-index:9999;padding:10px;float:none;display:none;width:100%;background-color:#fff}}.btn-login .text-login{display:inline-block;vertical-align:middle}.footerweather{bottom:90px;right:26px;position:absolute;z-index:1000;font-size:11px;color:#fff}.control-left .action-item .tooltip i{color:#f5f5f5;font-size:13px;margin-top:-15px}.control-left .action-item .tooltip a{background:-webkit-linear-gradient(0deg,#00b0e5 8%,#0078fb 89%);line-height:1;cursor:pointer}.control-left .action-item .tooltip a.active{background:#ff9800}#opacitytools{display:none}#opacitytools.active{display:block}@media only screen and (max-width:980px){.control-left{left:10px}}button.btn.btn-success.my-2.my-sm-0,input.form-control.mr-sm-2.ml-3{border-radius:50px}input#searchboxinput::-webkit-input-placeholder{color:#000}input#searchboxinput:-ms-input-placeholder{color:#000}input#searchboxinput[type=text]:focus{outline:none;box-shadow:0 0 5px #61c5fa;border:1px solid #5ab0db}input#searchboxinput[type=text]:hover{border:1px solid #999;border-radius:5px}input#searchboxinput[type=text]:focus:hover{outline:none;box-shadow:0 0 5px #61c5fa;border:1px solid #5ab0db;border-radius:0}​ input#searchboxinput::-webkit-input-placeholder{color:#000}​ input#searchboxinput:-ms-input-placeholder{color:#000}​ input#searchboxinput::-ms-input-placeholder{color:#000}​ input#searchboxinput::placeholder{color:#000}.searchinitial{text-align:center;font-size:14px;color:#fff;font-weight:700;background:#3f51b5;width:80%;border-radius:30px;padding:10px;text-transform:capitalize;box-shadow:0 2px 29.12px 2.88px rgba(0,0,0,.14);margin:5px auto}.temperature div img{float:left;margin-top:-30px}.autosuggesion{position:absolute;top:55px;text-align:left;z-index:9999;padding:0 5px}.autosuggesion li{background:#fff;width:100%;padding:10px;list-style-type:decimal;cursor:pointer;font-weight:700;color:#263650;font-size:16px}.locationbox{padding:7px}.locationname{font-size:30px;margin:2px}.datetime,.locationname{color:#fff;text-align:center;font-weight:700}.datetime{font-size:13px;font-style:italic;margin:5px}.temperature div{background:hsla(0,0%,100%,.5607843137254902);padding:20px 0;border-radius:15px;box-shadow:0 0 6px 0 rgba(0,0,0,.7019607843137254);color:#fff;font-size:45px;font-weight:700;text-shadow:0 0 2px #000;width:100%}.temperature,.weather{text-align:center}.weather{color:#fff;font-size:30px;font-weight:700;text-transform:capitalize}.temperature h2{font-size:20px;clear:both;text-align:center}.weatherother li{width:50%;float:left;padding:5px;list-style-type:none;font-size:17px;color:#fff;text-align:center;margin:5px 0 0}.weatherother{border-top:1px solid #ccc;margin-top:15px}.app{background-image:url(../../static/media/back_1.387d674c.png);background-repeat:no-repeat;background-position:bottom;transition:.4 ease-out;max-width:600px;margin:0 auto;box-shadow:0 2px 29.12px 2.88px rgba(0,0,0,.14);position:fixed;width:350px;top:55px;left:0;z-index:1000;background:hsla(0,0%,100%,.6784313725490196)}.app.dark{background-image:url(../../static/media/back_2.bfa22795.png)}.app.sunny{background-image:url(../../static/media/sunny.fdc3ffee.jpg)}.app.windy{background-image:url(../../static/media/windy.bc27c32d.jpg)}.app.cloud{background-image:url(../../static/media/cloud.265dccb5.jpg)}.app.rain{background-image:url(../../static/media/rain.73d5d41a.jpg)}a.btn.btn-danger.btn-sm.small.float-right{position:absolute;right:0;top:0}
.searchbox{display: none;}