.flexbox{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.no-flexbox{display:inherit}.weather-page .content-flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.weather-page__left{width:626px}.weather-page__right{width:450px;padding-bottom:25px}.weather-page .source{text-align:right;color:#9F9F9F;font-size:14px;margin-top:10px}.weather-page .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.weather-page .space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.weather-page .align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-page .mb40{margin-bottom:40px}.weather-page [class*='grid__']{-webkit-column-gap:8px;column-gap:8px;row-gap:8px;position:relative}.weather-page .grid{display:grid;width:100%;margin-left:0;margin-right:0;position:relative}.weather-page .grid__1{grid-template-columns:repeat(1, 1fr)}.weather-page .grid__2{grid-template-columns:repeat(2, 1fr)}.weather-page .grid__3{grid-template-columns:repeat(3, 1fr)}.weather-page .color-gray-1{color:#4F4F4F}.weather-page .color-gray-2{color:#757575}.weather-page .ic{fill:currentColor}.weather-page .btn-on-off .switch{position:relative;display:inline-block;width:50px;height:30px;margin-left:4px}.weather-page .btn-on-off .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(120,120,128,0.16);-webkit-transition:.4s;transition:.4s}.weather-page .btn-on-off .switch .slider.round{border-radius:34px}.weather-page .btn-on-off .switch .slider.round::before{border-radius:50%}.weather-page .btn-on-off .switch .slider::before{position:absolute;content:"";height:26px;width:25px;left:2px;top:2px;background-color:white;-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.2);box-shadow:0px 1px 4px rgba(0,0,0,0.2);-webkit-transition:.4s;transition:.4s}.weather-page .btn-on-off .switch input{opacity:0;width:0;height:0}.weather-page .btn-on-off .switch input:checked+.slider{background-color:#C92A57}.weather-page .btn-on-off .switch input:checked+.slider::before{-webkit-transform:translateX(21px);transform:translateX(21px)}.weather-page .wrap-titile-area .txt-area{font-size:28px}.weather-page .wrap-titile-area .name-area .location{font:300 28px "Merriweather",serif;margin-left:16px}.weather-page .wrap-titile-area .name-area .sub-area{width:360px;padding:20px 15px}.weather-page .wrap-titile-area .name-area .sub-area .head{border-bottom:1px solid #E5E5E5;padding:0 10px 20px 15px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#4F4F4F}.weather-page .wrap-titile-area .name-area .sub-area .head .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-page .wrap-titile-area .name-area .sub-area .head .title .ic-weather{width:24px;height:24px;fill:#9F9F9F}.weather-page .wrap-titile-area .name-area .sub-area .head .title .note-location{color:#9F9F9F;font-size:12px;margin-top:8px}.weather-page .wrap-titile-area .name-area .sub-area .search{position:relative;margin-bottom:10px}.weather-page .wrap-titile-area .name-area .sub-area .search button{position:absolute;width:35px;height:40px;background:none}.weather-page .wrap-titile-area .name-area .sub-area .search button svg{width:20px;height:20px;fill:#9F9F9F}.weather-page .wrap-titile-area .name-area .sub-area .search input{float:none;border:1px solid #BDBDBD;border-radius:8px;padding-left:32px}.weather-page .wrap-titile-area .name-area .sub-area .scroll-height{max-height:190px}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;border-radius:8px;padding:6px 16px;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1)}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .location{font:400 14px Arial;color:#4F4F4F;padding:0;margin:0}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .option{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;visibility:hidden;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1)}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .option a{background:#FFFFFF;border-radius:8px;color:#4F4F4F;font-size:12px;font-weight:400;padding:4px 6px;margin-left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .option a svg{width:20px;height:20px;margin-right:4px}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .option a:hover,.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .option a.active{background:#757575;color:#fff}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .option a span+svg{margin-left:4px;margin-right:0}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress .option .default{display:none}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active .option{opacity:1;visibility:visible}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active .option a{display:none}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active .option .default{display:-webkit-box;display:-ms-flexbox;display:flex}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active:hover a{display:-webkit-box;display:-ms-flexbox;display:flex}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active:hover .default{display:none}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active:hover .default-check{background:#757575;color:#fff}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active:hover .default-check svg{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.03212 13.9072L3.56056 10.0017C3.28538 9.69214 2.81132 9.66425 2.50174 9.93944C2.19215 10.2146 2.16426 10.6887 2.43945 10.9983L6.43945 15.4983C6.72614 15.8208 7.2252 15.8355 7.53034 15.5303L18.0303 5.03033C18.3232 4.73744 18.3232 4.26256 18.0303 3.96967C17.7374 3.67678 17.2626 3.67678 16.9697 3.96967L7.03212 13.9072Z' fill='white'/%3e%3c/svg%3e")}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress.active:hover .default-check svg use{display:none}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress:hover{background:#EFEFEF}.weather-page .wrap-titile-area .name-area .sub-area .list-address .adrress:hover .option{opacity:1;visibility:visible}.weather-page .wrap-titile-area .name-area .news-area{overflow:hidden}.weather-page .wrap-titile-area .name-area .news-area:hover{overflow:visible}.weather-page .box-placeholder .placeholder{background-color:#444;opacity:.1;-webkit-animation:fading 1.5s infinite;animation:fading 1.5s infinite}.weather-page .box-info-weather{border:1px solid #E5E5E5;border-radius:8px;padding:24px;margin-bottom:24px;font-size:16px;line-height:1.5}.weather-page .box-info-weather.flexbox{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.weather-page .box-info-weather .tit-item{font:bold 16px "Merriweather",serif}.weather-page .box-info-weather__left{width:50%}.weather-page .box-info-weather__right{width:50%}.weather-page .weather-day{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:19px}.weather-page .weather-day .ic-weather{width:64px;height:64px}.weather-page .weather-day .big-temp{font:400 48px "Merriweather",serif;-webkit-font-feature-settings:'pnum' on, 'lnum' on;font-feature-settings:'pnum' on, 'lnum' on}.weather-page .weather-day .big-temp sup{font-family:Arial;font-size:30px}.weather-page .weather-day .name{width:100%;font:400 20px "Merriweather",serif;margin-top:8px}.weather-page .tab-date{display:-webkit-box;display:-ms-flexbox;display:flex}.weather-page .tab-date a{background:#EFEFEF;border-radius:8px;color:#757575;font-size:14px;font-weight:bold;padding:9px 16px;margin-right:8px;line-height:1}.weather-page .tab-date a:last-child{margin-right:0}.weather-page .tab-date a.active,.weather-page .tab-date a:hover{background:#757575;color:#fff}.weather-page .note-status{font-size:12px;color:#757575;display:-webkit-box;display:-ms-flexbox;display:flex}.weather-page .note-status span{margin-right:16px;position:relative;padding-left:14px}.weather-page .note-status span::before{content:"";background:#8E7BFF;width:10px;height:10px;border-radius:50%;position:absolute;left:0;top:3px}.weather-page .note-status span:last-child{margin-right:0}.weather-page .note-status span.top::before{background:#FF0000}.weather-page .map-weather{position:relative}.weather-page .heat-level{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:15px 0 20px 0}.weather-page .heat-level div{width:35px;height:15px;position:relative}.weather-page .heat-level div span{position:absolute;bottom:-20px;font-size:12px;color:#757575;left:-8px;text-align:center;line-height:1.2}.weather-page .heat-level div:first-child{border-radius:4px 0 0 4px}.weather-page .heat-level div:last-child{border-radius:0 4px 4px 0}.weather-page .heat-level .c-color-1{background:-webkit-gradient(linear, left top, right top, from(#dc91e9), to(#8685ef));background:linear-gradient(to right, #dc91e9, #8685ef)}.weather-page .heat-level .c-color-2{background:-webkit-gradient(linear, left top, right top, from(#8685ef), to(#8BB6E9));background:linear-gradient(to right, #8685ef, #8BB6E9)}.weather-page .heat-level .c-color-3{background:-webkit-gradient(linear, left top, right top, from(#8BB6E9), to(#86e6e6));background:linear-gradient(to right, #8BB6E9, #86e6e6)}.weather-page .heat-level .c-color-4{background:-webkit-gradient(linear, left top, right top, from(#86e6e6), to(#bbfc86));background:linear-gradient(to right, #86e6e6, #bbfc86)}.weather-page .heat-level .c-color-5{background:-webkit-gradient(linear, left top, right top, from(#bbfc86), to(#f7f67f));background:linear-gradient(to right, #bbfc86, #f7f67f)}.weather-page .heat-level .c-color-6{background:-webkit-gradient(linear, left top, right top, from(#f7f67f), to(#fcc640));background:linear-gradient(to right, #f7f67f, #fcc640)}.weather-page .heat-level .c-color-7{background:-webkit-gradient(linear, left top, right top, from(#fcc640), to(#df965a));background:linear-gradient(to right, #fcc640, #df965a)}.weather-page .heat-level .c-color-8{background:-webkit-gradient(linear, left top, right top, from(#df965a), to(#e86447));background:linear-gradient(to right, #df965a, #e86447)}.weather-page .heat-level .c-color-9{background:-webkit-gradient(linear, left top, right top, from(#e86447), to(#9a2423));background:linear-gradient(to right, #e86447, #9a2423)}.weather-page .heat-level .c-color-10{background:-webkit-gradient(linear, left top, right top, from(#9a2423), to(#400f0f));background:linear-gradient(to right, #9a2423, #400f0f)}.weather-page .heat-level .c-color-11{background:#400F0F}.weather-page .tip-weather{background:#FFF;width:350px;font-size:14px;border:1px solid #E5E5E5;padding:16px;border-radius:8px;line-height:1.5}.weather-page .tip-weather .location{font:bold 20px "Merriweather",serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.weather-page .tip-weather .location svg{width:24px;height:24px;margin-right:4px}.weather-page .tip-weather .weather-day{margin-bottom:15px}.weather-page .tip-weather .weather-day .ic-weather{width:40px;height:40px}.weather-page .tip-weather .weather-day .big-temp{font-size:32px}.weather-page .tip-weather .weather-day .big-temp sup{font-size:20px}.weather-page .tip-weather .flex{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.weather-page .tip-weather .mb40{margin-bottom:15px}.weather-page .quality-1{color:#24A148}.weather-page .quality-2{color:#C6990C}.weather-page .quality-3{color:#E0782F}.weather-page .quality-4{color:#DC4E55}.weather-page .quality-5{color:#A44EC9}.weather-page .quality-6{color:#C04488}.weather-page .weather-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;padding-bottom:15px;margin-bottom:-15px;display:inline-block}.weather-page .weather-tooltip.mb40{margin-bottom:15px}.weather-page .weather-tooltip .ic-help{fill:#BDBDBD;vertical-align:text-bottom}.weather-page .weather-tooltip .box-info-hover{font-family:Arial;line-height:1.5;white-space:normal;position:absolute;top:50px;left:0;z-index:2;padding:16px;background:#FFFFFF;width:300px;text-align:left;border-radius:8px;font-weight:400;opacity:0;visibility:hidden;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);-webkit-filter:drop-shadow(0px 2px 12px rgba(0,0,0,0.2));filter:drop-shadow(0px 2px 12px rgba(0,0,0,0.2))}.weather-page .weather-tooltip .box-info-hover .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;font-size:15px;margin-bottom:18px;color:#222}.weather-page .weather-tooltip .box-info-hover .title .header_tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-page .weather-tooltip .box-info-hover .title svg{width:24px;height:24px;fill:#9F9F9F;margin-right:10px}.weather-page .weather-tooltip .box-info-hover p{margin-bottom:15px}.weather-page .weather-tooltip .box-info-hover p:last-child{margin-bottom:0}.weather-page .weather-tooltip .box-info-hover .lbl{font-weight:700;font-size:16px}.weather-page .weather-tooltip .box-info-hover .quality-1{background:rgba(36,161,72,0.1)}.weather-page .weather-tooltip .box-info-hover .quality-2{background:rgba(198,153,12,0.1)}.weather-page .weather-tooltip .box-info-hover .quality-3{background:rgba(224,120,47,0.1)}.weather-page .weather-tooltip .box-info-hover .quality-4{background:rgba(220,78,85,0.1)}.weather-page .weather-tooltip .box-info-hover .quality-5{background:rgba(164,78,201,0.1)}.weather-page .weather-tooltip .box-info-hover .quality-6{background:rgba(192,68,136,0.1)}.weather-page .weather-tooltip .box-info-hover .chat-luong [class*='quality-']{text-align:center;font-size:12px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px}.weather-page .weather-tooltip .box-info-hover .chat-luong [class*='quality-'] *{width:100%}.weather-page .weather-tooltip:hover .box-info-hover{top:30px;opacity:1;visibility:visible}.weather-page .chi-so .item{padding:12px 16px;margin-bottom:8px}.weather-page .chi-so .item .lbl.flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.weather-page .scroll-height{max-height:300px;overflow-y:auto;scrollbar-color:#E5E5E5 #fff;scrollbar-width:thin}.weather-page .scroll-height::-webkit-scrollbar{width:4px}.weather-page .scroll-height::-webkit-scrollbar-thumb{background-color:#E5E5E5;width:4px;border-radius:10px}.weather-page #chart_by_hour_icons,.weather-page #chart_by_day_icons{padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.weather-page #chart_by_day_icons{padding:0 40px}.weather-page #chart_by_hour_icons svg,.weather-page #chart_by_day_icons svg{width:25px;height:25px}.weather-page .map-weather-reset-zoom{position:absolute;right:10px;top:72px;z-index:2;background:#f7f7f7;display:none}.weather-page .map-weather-reset-zoom a{background:#f7f7f7;border:1px solid #ccc;border-radius:2px;padding:5px}.weather-page .map-weather-reset-zoom svg{padding-top:3px;fill:#000}.weather-page .map_tooltip{background:#FFF;padding:15px;border:1px solid #f5f0f0;border-radius:5px;font-size:14px;font-family:'Merriweather', sans-serif;-webkit-font-feature-settings:'pnum' on, 'lnum' on;font-feature-settings:'pnum' on, 'lnum' on}.weather-page .map_tooltip_time{font-weight:bold;margin-bottom:5px}.weather-page .map_tooltip_temp{margin-bottom:5px;font-size:32px}.weather-page .map_tooltip_temp span{margin-bottom:5px;font-size:14px}.weather-page span.header_tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-page span.weather-day-current{color:#9F9F9F;font-size:16px;line-height:16px;font-weight:400;margin-bottom:10px;display:block}.power-cut-schedule .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.power-cut-schedule .space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.power-cut-schedule .align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.power-cut-schedule .wrap-titile-area .name-area .location{font:300 28px "Merriweather",serif;margin-left:16px}.power-cut-schedule .wrap-titile-area .name-area .time{color:#757575;font-weight:400;font-size:18px;margin-left:16px;margin-top:8px}.power-cut-schedule .head-search{margin-bottom:14px}.power-cut-schedule .head-search .search{position:relative;margin-bottom:10px}.power-cut-schedule .head-search .search input{width:250px;padding:0 35px 0 10px}.power-cut-schedule .head-search .search button{background:none;width:40px;height:40px;position:absolute;right:0}.power-cut-schedule .head-search .search button svg{width:20px;height:20px}.power-cut-schedule .head-search .btn-notifi{margin-bottom:10px;background:#C92A57;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;height:44px;font-size:16px}.power-cut-schedule .head-search .btn-notifi svg{margin-right:8px}.power-cut-schedule .content-flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.power-cut-schedule__left{width:626px}.power-cut-schedule__right{width:450px}.power-cut-schedule .box-info-schedule{border:1px solid #E5E5E5;border-radius:8px;padding:24px;margin-bottom:24px;font-size:16px;line-height:1.5}.power-cut-schedule .box-info-schedule .title-box{font:bold 18px "Merriweather", serif;margin-bottom:20px}.power-cut-schedule .table-address{position:relative}.power-cut-schedule .table-address::before,.power-cut-schedule .table-address::after{content:"";background:#E5E5E5;position:absolute;height:1px;left:0;right:4px;z-index:2}.power-cut-schedule .table-address::before{top:0}.power-cut-schedule .table-address::after{bottom:0}.power-cut-schedule .table-responsive{max-height:600px;overflow-y:auto;scrollbar-color:rgba(0,0,0,0.5025) #fff;scrollbar-width:thin}.power-cut-schedule .table-responsive::-webkit-scrollbar{width:4px}.power-cut-schedule .table-responsive::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5025);width:4px;border-radius:10px}.power-cut-schedule .table-responsive table{width:100%;border-style:solid;border-color:#E5E5E5;border-top:0}.power-cut-schedule .table-responsive table th{background:#FAFAFA;position:-webkit-sticky;position:sticky;top:-1px}.power-cut-schedule .table-responsive table th,.power-cut-schedule .table-responsive table td{padding:13px 16px;font-size:14px;line-height:1.5;text-align:left}.power-cut-schedule .heat-level{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:25px}.power-cut-schedule .heat-level [class*='c-color-']{width:32px;height:32px;border-radius:50%;background:#FEE4E2;margin:0 8px;position:relative}.power-cut-schedule .heat-level [class*='c-color-'] span{position:absolute;font-size:13px;bottom:-26px;left:0;right:0;text-align:center}.power-cut-schedule .heat-level .c-color-2{background:#FDA29B}.power-cut-schedule .heat-level .c-color-3{background:#F04438}.power-cut-schedule .heat-level .c-color-4{background:#B42318}.power-cut-schedule .heat-level .c-color-5{background:#7A271A}

/*# sourceMappingURL=thoitiet-new.css.map */