.container-weather{display:flex;flex-flow:row wrap}.forecast-table{background-color:#fff;width:440px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:20px;padding:5px;-webkit-box-shadow:4px 4px 8px #aaa;box-shadow:4px 4px 8px #aaa}@media only screen and (max-width:750px){.forecast-table{width:95%!important}.img-forecast{width:40px;height:auto}}.forecast-table .current td{background-color:#ffffe0}.img-forecast{border:1px solid #a0a0a0}.ui-unit{font-size:12px;text-align:center;width:80px;height:16px;margin:4px 0 0}@media only screen and (max-width:750px){.green-table{}.green-table img{width:20px;height:20px}.green-table thead tr{font-weight:400;font-size:11px}.green-table td{font-size:10px}.col1{display:none}}.c11{background-color:#c1ffc1}.c12{background:linear-gradient(to right,#C1FFC1 50%,#FFE0C1)}.c21{background:linear-gradient(to right,#FFE0C1 50%,#C1FFC1)}.c22{background-color:#ffe0c1}.c23{background:linear-gradient(to right,#FFE0C1 10%,#FFC1C1)}.c33{background-color:#ffc1c1}.c32{background:linear-gradient(to right,#FFC1C1 50%,#FFE0C1)}.graph-container{width:100%!important;overflow:hidden;position:relative;text-align:center;padding-top:4px;padding-bottom:5px;border-top:1px solid #aaa}.graph-container.temp{min-height:72px}.graph-container.rain{min-height:58px}.graph-container .temp-max,.graph-container .temp-min,.graph-container .rain{position:absolute;font-weight:400;font-size:11px;padding:2px 4px;left:50%;transform:translateX(-50%);white-space:nowrap;line-height:12px}.graph-container .temp-max{color:#a00;top:0}.graph-container .temp-min{color:blue;bottom:-2px}.graph-container .rain{color:blue;top:0}.bar-container-temp,.bar-container-rain{width:15px!important;height:50px;position:absolute;left:50%;transform:translateX(-50%);top:50%;position:absolute;left:50%;transform:translateX(-50%);top:15px;bottom:40px}.bar-container-temp{border:1px solid red;background:linear-gradient(to bottom,#f84f50,#41c1ff)}.bar-container-rain{border:1px solid blue;background:linear-gradient(to right,#41c1ff,#aaeeff 30%,#41c1ff)}.bar-temp{position:absolute;width:100%;left:0;height:40px;background:#fff;z-index:1}.bar-rain{position:absolute;width:100%;left:0;height:40px;background:#fff;z-index:1}@media only screen and (max-width:750px){.graph-container .temp-max,.graph-container .temp-min,.graph-container .rain{font-size:8px}.icon{display:none}}