.indicator {
    width: 80%;
    margin: auto !important;
    background-color: #fff;
    border-radius: 100px;
    height: 4px !important;
}

.badge {
    border-radius: 4px;
    padding: 4px 8px;
    background-color: #fff;
    font-weight: 500 !important;
}

.pm25-veryGoodIndecator {
    background-color: #63c8f2;
}

.pm25-goodIndecator {
    background-color: #adcc68;
}

.pm25-modulateIndecator {
    background-color: #f7d454;
}

.pm25-badIndecator {
    background-color: #f89857;
}

.pm25-veryBadIndecator {
    background-color: #f16168;
}

.rainfall24Hr-veryGoodIndecator {
    background-color: #4355db;
}

.rainfall24Hr-goodIndecator {
    background-color: #34bbe6;
}

.rainfall24Hr-modulateIndecator {
    background-color: #49da9a;
}

.rainfall24Hr-badIndecator {
    background-color: #f7d038;
}

.rainfall24Hr-veryBadIndecator {
    background-color: #e6261f;
}

.temp-veryCold {
    background-color: #4393C3;
}

.temp-cold {
    background-color: #92C5DE;
}

.temp-cool {
    background-color: #D1E5F0;
}

.temp-normal {
    background-color: #D6E6B2;
}

.temp-hot {
    background-color: #F79E8F;
}

.temp-veryHot {
    background-color: #DD7969;
}


@media screen and (max-width: 767px) {
    li.paginate_button.previous {
        display: inline;
    }

    li.paginate_button.next {
        display: inline;
    }

    li.paginate_button {
        display: none;
    }
}

.monitoring {
    background-color: #FA930C;
}

.caution {
    background-color: #D9241D;
}