@keyframes pulse {
    0% {
        opacity:1;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
.pulse {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}
.opacity-20 {
    opacity: .2;
}
.opacity-40 {
    opacity: .4;
}
.temp-control {
    display:flex;
    justify-content: center;
}
.temp-control > div:first-child {
    width: 80px;
}
.temp-control > div:last-child {
    width: 50px;
}
.temp-control .btn {
    margin: 10px auto;
}
.temp-control .form-control {
    text-align: center;
}
.temp-control .decimal-separator {
    display: flex;
    align-items: center;
    font-size: 2rem;
}
.dark-mode .card.air {
    background-color: #283a4d;
}
.card.air {
    background-color: #dce9f7;
    border:none;
}
.cooler-status-indicator {
    position: absolute;
}
.cooler-status-indicator.cooler.active {
    color: var(--blue)
}
.cooler-status-indicator.heater.active {
    color: var(--orange)
}
.dark-mode .form-control.date-picker[readonly]:not(.readonly) {
    background: #3e454c !important;
}