.page-province{padding-top:30px}.list__link--page{display:flex;justify-content:space-between;padding-top:10px;gap:10px}.detail__section--location .list__link--page .item{font-size:14px;font-weight:600;padding:5px 10px}.list__link--page .item{background:#fff;padding:5px 15px;border-radius:20px;color:#000;border:1px solid #ccc;font-size:14px}.list__link--page .item.active,.list__link--page .item:hover{background:#1E85E3;color:#fff}.group-detail-page-weather{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:15px}.box-left-current{background:linear-gradient(113deg,#1490FF 32.23%,#76BEFF 67.37%);border-radius:30px;padding:20px;position:relative;margin-bottom:15px}.box-top-left-current{display:grid;grid-template-columns:1fr max-content;justify-content:space-between;color:#fff;align-items:center;grid-gap:30px}.text-address .text-address-span,.text-address .weather-h1{padding-right:20px;font-size:18px;background:url(../imgs/address.svg) no-repeat top 2px right 0;background-size:12px 16px;color:#fff;display:inline;min-height:20px}.text-address .text-address-span a,.text-address .weather-h1 a{color:#fff}.text-address .text-address-span a:hover,.text-address .weather-h1 a:hover,.text-address .text-address-span:hover,.text-address .weather-h1:hover{color:#094479}.time-address{margin:0;background:#58596C;padding:5px 20px;border-radius:20px}.time-address p{margin:0}.box-bot-left-current{display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:space-evenly;margin-top:10px}.summary-current{text-align:center;color:#fff;font-size:18px}.temperature-current{text-align:center;color:#fff;font-size:18px}.temperature-current #currentTemperature{margin-bottom:0;font-size:60px;color:#fff;font-weight:600}.rain-current{padding-left:30px;background:url(../imgs/ic_detail_rain.svg) no-repeat center left 0;background-size:auto 100%}.precipitation-current{padding-left:30px;background:url(../imgs/ic_detail_Precipitation.svg) no-repeat center left 0;background-size:auto 100%}.box-bot2-left-current{display:flex;align-items:center;justify-content:space-between;text-align:center;color:#fff;margin-top:30px;gap:15px}.info-current{font-size:14px;word-break:break-word}.box-hour{max-width:100%}.detail__hourly,.detail__daily{background:#1E85E3;border-radius:16px}.detail__hourly .top-detail a,.detail__daily .top-detail a{padding:15px;border-bottom:1px solid #fff;display:flex;align-items:center;justify-content:space-between}.detail__hourly .top-detail h2,.detail__daily .top-detail h2{font-size:14px}.detail__hourly .top-detail a,.detail__daily .top-detail a{color:#F1F1F1;font-size:14px}.detail__hourly .top-detail:hover a,.detail__daily .top-detail:hover a{color:#094479}.detail__hourly .top-detail .xemthem,.detail__daily .top-detail .xemthem{background:url(../imgs/weather_today/xemthemtrang.svg) no-repeat center right 0;font-size:14px;padding-right:20px}.detail__hourly .top-detail:hover .xemthem,.detail__daily .top-detail:hover .xemthem{background:url(../imgs/weather_today/xemthemxanh.svg) no-repeat center right 0}.detail__section--location .top-detail a{color:#000;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.detail__section--location .top-detail:hover a{color:#1E85E3}.detail__section--location .top-detail a h2{margin-bottom:0}.detail__section--location .top-detail .xemthem{background:url(../imgs/weather_today/xemthemden.svg) no-repeat center right 0;font-size:14px;padding-right:20px}.detail__section--location .top-detail:hover .xemthem{background:url(../imgs/xemthem.svg) no-repeat center right 0;font-size:14px}.detail-chart{padding:0 15px;margin-top:10px;margin-bottom:15px}.list_time_hour,.list_rain_hour{display:flex;justify-content:space-between;flex-wrap:nowrap;color:#fff;margin-bottom:5px;gap:10px}.detail__section--location{border-radius:16px;background-color:#fff;padding:20px;border:1px solid #ccc;margin-bottom:15px}.detail__section--location h2,.detail__section--location h1{font-size:14px;font-weight:600;text-align:left;margin-bottom:15px}.detail__section--location h2 a,.detail__section--location h1 a{color:#000}.detail__section--location h2 a:hover,.detail__section--location h1 a:hover{color:#1E85E3}.table__weather{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;margin-top:15px}.table__weather .table__weather__item{display:grid;grid-template-columns:50px 1fr;grid-gap:10px}.table__weather .table__weather__item .icon{width:100%}.table__weather .table__weather__item .icon>img{width:35px;aspect-ratio:1}.table__weather .table__weather__item .information{display:flex;flex-direction:column;font-weight:600}.table__weather .table__weather__item .information .main{font-size:16px;font-weight:600;color:#fff;word-break:break-word}.table__weather .table__weather__item .information .sub{color:#fff;font-size:14px}.list__information .item{margin-bottom:15px;padding:5px 15px}.list__information .item:last-child{margin-bottom:0}.list__information .item.show{background:linear-gradient(113deg,#1490FF 32.23%,#76BEFF 67.37%);border-radius:16px;color:#fff;cursor:pointer}.list__information .item .summary{position:relative;padding-left:20px;grid-template-columns:auto auto auto}.list__information .item .summary.show::after{background-image:url(../imgs/weather_today/arrow_up_collapse.svg);transition:all .3s}.list__information .item .summary::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url(../imgs/weather_today/arrow_down_collapse.svg);background-position:center right;background-size:contain;background-repeat:no-repeat;transition:all .3s}.detail__daily_precipIntensity{border:1px solid #ccc;background:#fff;border-radius:16px;margin-top:20px}.top_daily_precipIntensity{padding:15px;display:flex;align-items:center;justify-content:space-between}.top_daily_precipIntensity h2{color:#0D0C0C;font-size:18px;font-weight:600}.top_daily_precipIntensity h2 a{color:#0D0C0C}.top_daily_precipIntensity .chuthich{color:#0D0C0C;display:block;padding:0;margin:0}.top_daily_precipIntensity .chuthich .color-chuthich{height:15px;width:15px;background:#57afff}.top_daily_precipIntensity .chuthich .color-chuthich::after{display:none}.box_all_cities_content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px}.box__cities_item{border:1px solid #ccc;padding:20px;border-radius:16px;background:#fff;margin-top:15px}.box_all_cities_content_item{border:1px solid #ccc;border-radius:16px;background:#E9E9E9}.box_all_cities_content_item a{display:grid;align-items:center;grid-gap:20px;padding:3px 20px;grid-template-columns:max-content auto}.box_all_cities_content_item a .cities_item_name{color:#1E85E3;font-size:16px;font-weight:500}.box_all_cities_content_item:hover{background:#75BDFD}.box_all_cities_content_item:hover a .cities_item_name{color:#fff;background:#75BDFD}.box__cities_list h2.main__title--wt{margin-bottom:30px}.box__cities_list{margin-bottom:30px}.gioithieu_province{background:#CAE6FF;padding:50px 0 15px;margin-bottom:30px}.detai_gioithieu_province{max-height:730px;overflow:hidden}.gioithieu_province .expand,.gioithieu_province .contract{color:#1E85E3;display:inline-flex;align-items:center;justify-content:end;font-size:16px;cursor:pointer}.gioithieu_province .expand:hover,.gioithieu_province .contract:hover{color:#094479}.gioithieu_province .contract img{transform:rotate(180deg)}.list__city--around.information--related__location{border:1px solid #ccc;border-radius:16px;padding:15px;background:#fff;margin-top:20px}.list__city--around.information--related__location .main__title--wt{font-size:16px;margin-bottom:15px;padding-right:30px;background:url(../imgs/weather_today/related-province.svg) right center no-repeat;display:inline-block}.box_cities_related_item a{display:grid;align-items:center;grid-template-columns:max-content auto max-content;color:#858585;border-radius:16px;padding:10px 35px 10px 10px;background:#E9E9E9;margin-bottom:10px;grid-gap:15px;position:relative}.box_cities_related_item:last-child a{margin-bottom:0}.box_cities_related_item a::after{position:absolute;right:10px;top:50%;content:'';width:20px;height:20px;transform:translateY(-50%);background:url(../imgs/weather_today/nextblue.svg) right center no-repeat}.box_cities_related_item a:hover{background:#75BDFD;color:#fff}.box_cities_related_item a:hover::after{background:url(../imgs/weather_today/nextwhite.svg) right center no-repeat}.box_cities_related_item h3.cities_item_name{font-size:15px;color:#1E85E3}.box_cities_related_item a:hover h3.cities_item_name{color:#fff}.box_cities_related_item a .cities_item_summary{font-size:14px;margin-top:5px}.box_cities_related_item a div:last-child p:last-child{padding-left:20px;background:url(../imgs/weather_today/luongmuaxam.svg) left center no-repeat}.box_cities_related_item a:hover div:last-child p:last-child{padding-left:20px;background:url(../imgs/weather_today/luongmuatrang.svg) left center no-repeat}.right-chart-item .box-news-sidebar{margin-top:20px}.air_quality_sidebar{border:1px solid #ccc;border-radius:16px;background:#fff;padding:15px}.air_quality_sidebar .title-air_quality a{color:#000;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.air_quality_sidebar .title-air_quality .xemthem{padding:0}.air_quality_sidebar .title-air_quality h2{font-size:16px;font-weight:600}.desc-air_quality_sidebar #chart-air_quality{height:150px}.right-air_quality_sidebar{font-size:14px}.list-air_quality_sidebar{display:flex;align-items:center;justify-content:space-between;grid-gap:5px 0;margin-top:10px;text-align:center}.item-air_quality_sidebar p.text-param-currentAirQuality{font-size:12px;color:#000}.box_cities_related_item{font-size:14px}.list__information--hourly.list__information .list__link--page.pb-main-title{padding:0}.list__information--hourly.list__information .list__link--page.pb-main-title a.item{padding:5px 20px;background:#E9E9E9;color:#858585;border:unset;margin:0}.list__information--hourly.list__information .list__link--page.pb-main-title a.item:hover{background:#75BDFD;color:#fff}.list__information{overflow:auto;max-height:550px;padding-right:1rem}.list__information::-webkit-scrollbar{width:5px}.list__information::-webkit-scrollbar-track{background:#dee1e6;border-radius:5px}.list__information::-webkit-scrollbar-thumb{background:#7b7b7b;border-radius:6px;height:100px}.list__information::-webkit-scrollbar-thumb:hover{background:#7b7b7b}.weather-sidebar .time-address{background:unset;padding:0}.weather-sidebar{margin-bottom:20px}.title-moon-phase{padding:10px;text-align:center;background:#0D3D68;color:#fff;border-radius:16px;font-size:18px;margin-bottom:20px}#moon{background:#696969;color:#fff;width:100%;border-radius:16px;padding-bottom:10px}.table__moon div#date-moon{text-align:center;padding:5px 0;font-weight:normal;text-transform:capitalize}table.table__moon{width:100%}#moon table tr th{padding:.5rem;font-weight:400}#moon table tr:last-child th{border-bottom:1px solid #c4c4c4}#moon table tr td{padding:0;border-left:unset;border-top:unset}#moon table tr td.moon-phase{cursor:pointer}#moon table tr td.moon-phase div{border-bottom:1px solid #fff;margin:5px;position:relative}#moon table tr td img{height:auto;margin-top:15px;margin-bottom:5px}#moon table tr td.moon-phase div p.text-date{position:absolute;top:0;left:0;font-size:13px}#moon table tr td.moon-selected{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,233,156,.44) 100%)}#moon table tr td.current-day{background:linear-gradient(180deg,rgba(81,245,255,0) 0,rgba(10,240,255,.44) 100%)}p.name-moon{display:flex;font-size:11px;min-height:26px;align-items:end;justify-content:center;margin-bottom:5px;line-height:1.1}p.percent_moon{font-size:13px}.current_moon{background:#0D3D68;color:#fff;margin-bottom:20px;border-radius:16px;padding:20px}.detail-current-moon{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.detail-current-moon .name-moon{font-size:28px;font-weight:600}h1.title-current-moon{font-size:20px;margin-bottom:10px;text-transform:uppercase}.item-chuki{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.inner-page-moon{padding-top:30px}.list_time_hour .item,.list_rain_hour .item{font-size:12px;word-break:break-word}.list__information .item .summary .time{word-break:break-word}@media (max-width:1366px){.list__link--page .item{padding:5px 10px;font-size:14px}.list__information .item .summary{padding-left:20px;font-size:14px;grid-gap:15px}.list__information .item{padding:10px 10px 1px}.list__information .item .summary .time{font-size:16px}.list__information .item .summary::after{width:14px;height:14px}.detail__section--location{padding:15px}.box_all_cities_content_item a{grid-gap:10px;padding:3px 15px}.box_all_cities_content_item a .cities_item_name{font-size:14px}.box-news-sidebar .item-news-weather-home{grid-template-columns:100%}.detail__section--location .list__link--page .item{font-size:13px;font-weight:600;padding:5px 7px}}@media (max-width:992px){.list__link--page{padding-bottom:5px!important;margin-bottom:10px}}@media (max-width:768px){.list__information .item .middle .ms-2.sub-text{max-width:50px;word-break:break-word;font-size:12px}.detail__section--location .top-detail a{display:grid;text-align:left;grid-template-columns:auto max-content;gap:20px;margin-bottom:15px}.page-province{padding-top:15px}.box__cities_list h2.main__title--wt{margin-bottom:20px}h2.main__title--wt{font-size:20px}.detail__hourly .top-detail a,.detail__daily .top-detail a{font-size:13px}.detail__hourly .top-detail h3,.detail__daily .top-detail h3{font-size:14px}.text-address .text-address-span,.text-address .weather-h1{margin-bottom:10px;display:inline-block;font-size:13px}.box-top-left-current{display:unset;text-align:left}.box-top-left-current .time-address{display:inline-block}.desc-air_quality_sidebar{grid-template-columns:100%}.list__link--page .item{white-space:nowrap}.list__link--page{overflow-x:auto;grid-gap:10px;padding-bottom:10px}.group-detail-page-weather{grid-template-columns:100%;grid-gap:15px}.box-left-current{border-radius:16px;padding:15px}.temperature-current{text-align:center;color:#fff;font-size:14px}.temperature-current #currentTemperature{font-size:60px;line-height:1.3}.summary-current{font-size:14px}.box-bot-left-current{grid-template-columns:100%}.info-current{font-size:13px}.detail-chart{padding:5px}.list__information{padding-right:10px}.detail__section--location{padding:15px 10px}.list__information .item{padding:5px 10px 1px}.table__weather{grid-template-columns:1fr 1fr;grid-gap:15px}.table__weather .table__weather__item{grid-template-columns:30px 1fr;word-break:break-all}.table__weather .table__weather__item .icon>img{width:30px}.list__information .item .summary .time{margin-right:10px!important}.table__weather .table__weather__item .information .main{font-size:16px}.box_all_cities_content{grid-template-columns:1fr 1fr}.title_gioithieu_province{font-size:32px;line-height:1.2;width:unset}.gioithieu_province{padding:30px 0}.box_all_cities_content_item a{padding:3px 10px}.box_all_cities_content_item a img{width:30px;height:30px}.list__information .item .middle>img,.list__information .item .right img{width:28px;height:28px}.list__information .item .min__max img{width:16px;height:16px}.list__information .item .summary .time{font-size:12px}.list__information .item .middle .ms-2.sub-text{max-width:70px}}@media (max-width:380px){}