.table-badge {
    padding: 8px 12px 8px 12px;
    font-size: .85em;
}

.calendar-card {
    min-height: 1220px;
}

.bottom-event {
    position: absolute !important;
    bottom: 15px !important;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-blue {
    background-color: #5a2378 !important;
}

.bg-custom-green1 {
    background-color: #113d14;
    color: #FFF !important;
}

.bg-custom-teal1 {
    background-color: #822d11;
    color: #FFF !important;
}

.bg-custom-warning {
    background-color: rgba(247,184,75,.18) !important;
}

.bg-custom-danger {
    background-color: rgba(240,101,72,.18) !important;
}

.text-light {
    color: #ced4da !important;
}

.pieCard {
    min-height: 450px;
}

.myPie {
    /*margin: 0 !important;*/
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    /*min-height: 700px !important;*/
}

.upcoming-scheduled .flatpickr-months {
    position: absolute !important;
    top: -45px !important;
    left: auto !important;
    right: 0 !important;
    width: 200px;
    background-color: transparent;
}

.baik {
    background-color: #0f4d0a !important;
    color: #FFF !important;
}

.cemar-ringan {
    background-color: #f9daa4 !important;
    color: #000 !important;
}

.cemar-sedang {
    background-color: #d98900 !important;
    color: #FFF !important;
}

.cemar-berat {
    background-color: #d90000 !important;
    color: #FFF !important;
}

.flatpickr-day.today {
    background-color: transparent !important;
    border: none !important;
}

@media only screen and (max-width: 1080px) {
    #events {
        padding-top: 45px;
    }
}