.forecasttable .wi.wi-day-sunny, .forecasttable .wi.wi-lightning, .forecasttable .wi.wi-day-cloudy{color:#f7ca18}
.forecasttable .wi.wi-day-lightning{color:#C5BD43}
.forecasttable .wi.wi-cloudy{color:#555}
.forecasttable .wi.wi-day-sprinkle, .forecasttable .wi.wi-raindrops{color:#324bca}
.forecasttable .wi.wi-day-snow, .forecasttable .wi.wi-snow, .forecasttable .wi.wi-snowflake-cold{color:#fff}
.forecasttable .wi.wi-showers, .forecasttable .wi.wi-storm-showers{color:#0d228c}
.forecasttable .wi.wi-rain, .forecasttable .wi.wi-thunderstorm{color:#0d228c}
.forecasttable .day-sunny{background-color : #75a8f9}
.forecasttable .day-sunny.lightning{ animation: forecasttabledaysunnylightning 2s linear infinite; }
@keyframes forecasttabledaysunnylightning {
                0%   {background-color:#75a8f9}
                25%  {background-color:#75a8f9}
                28%  {background-color:#fffec6}
                30%  {background-color:#75a8f9}
                35%  {background-color:#75a8f9}
                38%  {background-color:#fffec6}
                40%  {background-color:#75a8f9}
                100% {background-color:#75a8f9}
            }
.forecasttable .day-sunny.hurricane{ animation: forecasttabledaysunnyhurricane 2s linear infinite; }
@keyframes forecasttabledaysunnyhurricane {
                0%   {background-color:#75a8f9}
                25%  {background-color:#75a8f9}
                28%  {background-color:#fffec6}
                30%  {background-color:#75a8f9}
                35%  {background-color:#75a8f9}
                38%  {background-color:#fffec6}
                40%  {background-color:#75a8f9}
                45%  {background-color:#75a8f9}
                48%  {background-color:#fffec6}
                50%  {background-color:#75a8f9}
                55%  {background-color:#75a8f9}
                58%  {background-color:#fffec6}
                60%  {background-color:#75a8f9}
                100% {background-color:#75a8f9}
            }
.forecasttable .day-cloudy{background-color : #75a8f9}
.forecasttable .day-cloudy.lightning{ animation: forecasttabledaycloudylightning 2s linear infinite; }
@keyframes forecasttabledaycloudylightning {
                0%   {background-color:#75a8f9}
                25%  {background-color:#75a8f9}
                28%  {background-color:#fffec6}
                30%  {background-color:#75a8f9}
                35%  {background-color:#75a8f9}
                38%  {background-color:#fffec6}
                40%  {background-color:#75a8f9}
                100% {background-color:#75a8f9}
            }
.forecasttable .day-cloudy.hurricane{ animation: forecasttabledaycloudyhurricane 2s linear infinite; }
@keyframes forecasttabledaycloudyhurricane {
                0%   {background-color:#75a8f9}
                25%  {background-color:#75a8f9}
                28%  {background-color:#fffec6}
                30%  {background-color:#75a8f9}
                35%  {background-color:#75a8f9}
                38%  {background-color:#fffec6}
                40%  {background-color:#75a8f9}
                45%  {background-color:#75a8f9}
                48%  {background-color:#fffec6}
                50%  {background-color:#75a8f9}
                55%  {background-color:#75a8f9}
                58%  {background-color:#fffec6}
                60%  {background-color:#75a8f9}
                100% {background-color:#75a8f9}
            }
.forecasttable .day-cloudy-dark{background-color : #737c8c}
.forecasttable .day-cloudy-dark.lightning{ animation: forecasttabledaycloudydarklightning 2s linear infinite; }
@keyframes forecasttabledaycloudydarklightning {
                0%   {background-color:#737c8c}
                25%  {background-color:#737c8c}
                28%  {background-color:#fffec6}
                30%  {background-color:#737c8c}
                35%  {background-color:#737c8c}
                38%  {background-color:#fffec6}
                40%  {background-color:#737c8c}
                100% {background-color:#737c8c}
            }
.forecasttable .day-cloudy-dark.hurricane{ animation: forecasttabledaycloudydarkhurricane 2s linear infinite; }
@keyframes forecasttabledaycloudydarkhurricane {
                0%   {background-color:#737c8c}
                25%  {background-color:#737c8c}
                28%  {background-color:#fffec6}
                30%  {background-color:#737c8c}
                35%  {background-color:#737c8c}
                38%  {background-color:#fffec6}
                40%  {background-color:#737c8c}
                45%  {background-color:#737c8c}
                48%  {background-color:#fffec6}
                50%  {background-color:#737c8c}
                55%  {background-color:#737c8c}
                58%  {background-color:#fffec6}
                60%  {background-color:#737c8c}
                100% {background-color:#737c8c}
            }
.forecasttable .cloudy{background-color : #9baac4}
.forecasttable .cloudy.lightning{ animation: forecasttablecloudylightning 2s linear infinite; }
@keyframes forecasttablecloudylightning {
                0%   {background-color:#9baac4}
                25%  {background-color:#9baac4}
                28%  {background-color:#fffec6}
                30%  {background-color:#9baac4}
                35%  {background-color:#9baac4}
                38%  {background-color:#fffec6}
                40%  {background-color:#9baac4}
                100% {background-color:#9baac4}
            }
.forecasttable .cloudy.hurricane{ animation: forecasttablecloudyhurricane 2s linear infinite; }
@keyframes forecasttablecloudyhurricane {
                0%   {background-color:#9baac4}
                25%  {background-color:#9baac4}
                28%  {background-color:#fffec6}
                30%  {background-color:#9baac4}
                35%  {background-color:#9baac4}
                38%  {background-color:#fffec6}
                40%  {background-color:#9baac4}
                45%  {background-color:#9baac4}
                48%  {background-color:#fffec6}
                50%  {background-color:#9baac4}
                55%  {background-color:#9baac4}
                58%  {background-color:#fffec6}
                60%  {background-color:#9baac4}
                100% {background-color:#9baac4}
            }
.forecasttable .cloudy-dark{background-color : #737c8c}
.forecasttable .cloudy-dark.lightning{ animation: forecasttablecloudydarklightning 2s linear infinite; }
@keyframes forecasttablecloudydarklightning {
                0%   {background-color:#737c8c}
                25%  {background-color:#737c8c}
                28%  {background-color:#fffec6}
                30%  {background-color:#737c8c}
                35%  {background-color:#737c8c}
                38%  {background-color:#fffec6}
                40%  {background-color:#737c8c}
                100% {background-color:#737c8c}
            }
.forecasttable .cloudy-dark.hurricane{ animation: forecasttablecloudydarkhurricane 2s linear infinite; }
@keyframes forecasttablecloudydarkhurricane {
                0%   {background-color:#737c8c}
                25%  {background-color:#737c8c}
                28%  {background-color:#fffec6}
                30%  {background-color:#737c8c}
                35%  {background-color:#737c8c}
                38%  {background-color:#fffec6}
                40%  {background-color:#737c8c}
                45%  {background-color:#737c8c}
                48%  {background-color:#fffec6}
                50%  {background-color:#737c8c}
                55%  {background-color:#737c8c}
                58%  {background-color:#fffec6}
                60%  {background-color:#737c8c}
                100% {background-color:#737c8c}
            }
.fa-rotate-0{
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
.fa-rotate-22{
                -webkit-transform: rotate(22deg);
                -moz-transform: rotate(22deg);
                -ms-transform: rotate(22deg);
                -o-transform: rotate(22deg);
                transform: rotate(22deg);
            }
.fa-rotate-45{
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }
.fa-rotate-67{
                -webkit-transform: rotate(67deg);
                -moz-transform: rotate(67deg);
                -ms-transform: rotate(67deg);
                -o-transform: rotate(67deg);
                transform: rotate(67deg);
            }
.fa-rotate-90{
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }
.fa-rotate-112{
                -webkit-transform: rotate(112deg);
                -moz-transform: rotate(112deg);
                -ms-transform: rotate(112deg);
                -o-transform: rotate(112deg);
                transform: rotate(112deg);
            }
.fa-rotate-135{
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }
.fa-rotate-157{
                -webkit-transform: rotate(157deg);
                -moz-transform: rotate(157deg);
                -ms-transform: rotate(157deg);
                -o-transform: rotate(157deg);
                transform: rotate(157deg);
            }
.fa-rotate-180{
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }
.fa-rotate-202{
                -webkit-transform: rotate(202deg);
                -moz-transform: rotate(202deg);
                -ms-transform: rotate(202deg);
                -o-transform: rotate(202deg);
                transform: rotate(202deg);
            }
.fa-rotate-225{
                -webkit-transform: rotate(225deg);
                -moz-transform: rotate(225deg);
                -ms-transform: rotate(225deg);
                -o-transform: rotate(225deg);
                transform: rotate(225deg);
            }
.fa-rotate-247{
                -webkit-transform: rotate(247deg);
                -moz-transform: rotate(247deg);
                -ms-transform: rotate(247deg);
                -o-transform: rotate(247deg);
                transform: rotate(247deg);
            }
.fa-rotate-270{
                -webkit-transform: rotate(270deg);
                -moz-transform: rotate(270deg);
                -ms-transform: rotate(270deg);
                -o-transform: rotate(270deg);
                transform: rotate(270deg);
            }
.fa-rotate-192{
                -webkit-transform: rotate(192deg);
                -moz-transform: rotate(192deg);
                -ms-transform: rotate(192deg);
                -o-transform: rotate(192deg);
                transform: rotate(192deg);
            }
.fa-rotate-315{
                -webkit-transform: rotate(315deg);
                -moz-transform: rotate(315deg);
                -ms-transform: rotate(315deg);
                -o-transform: rotate(315deg);
                transform: rotate(315deg);
            }
.fa-rotate-337{
                -webkit-transform: rotate(337deg);
                -moz-transform: rotate(337deg);
                -ms-transform: rotate(337deg);
                -o-transform: rotate(337deg);
                transform: rotate(337deg);
            }
.forecasttable .wi-day-cloudy{
            background: #fbe48b;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }