/**
 * Code below is widget specific
 */
.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;
}


/**
 * Loading animation
 */
.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: 0 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;
}