.o-container__widget {
}
.o-widget__status,
.o-widget__weather {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.o-widget__status > div,
.o-widget__weather > div {
display: flex;
flex-direction: column;
align-items: center;
}
.o-widget__status > div > span:first-child {
font-size: 1.3rem;
font-weight: bold;
text-decoration: underline;
}
.o-widget__status > div > span:nth-child(2) {
font-size: 2rem;
}
.o-widget__weather > div > svg:first-child {
width: 40px;
height: 40px;
}
.o-widget__section-divider,
.o-widget__info-divider {
border-top: 5px solid white;
} .lds-ripple {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ripple div {
position: absolute;
border: 4px solid #fff;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 28px;
left: 28px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: -1px;
left: -1px;
width: 58px;
height: 58px;
opacity: 0;
}
}
span.o-widget__label {
font-weight: 700;
color: #194a9c;
}
.o-weather_section_total {
background-color: #f7f7f7;
padding: 5%;
border-radius: 10px;
margin-bottom:5%;
margin-top:5%;
}
span.o-temp {
font-weight: 600;
color: #194a9c;
font-size: 20px;
}
span.o-hour {
color: grey;
}
th.o-table_row {
color: #194a9c!important;
font-size:20px;
}
.o-table td {
font-size:20px;
}
table.o-table,.o-table td {
border: 0px solid black!important;
}
.o-table tr:nth-child(odd) {
background-color: #f7f7f7;
}
.o-widget__info a:after {
position: relative;
top: 5px!important;
right: -4px!important;
font-family: "ETmodules";
font-size: 24px!important;
font-weight: 800;
content: "5";
color: #8ac756;
}