.metrics-head {
    background-color: #EFEFEF;
    border-radius: .25rem;
}
.metrics-col-label {
    background-color: #EFEFEF;
    border-radius: .25rem;
}

 /*chart font size*/
.metric-canvas {
    max-width: 100%;
    height: auto;
    display: block;
}
.metric-link {
    color: #29ABE2;
}

@media screen and (max-width: 580px) {
    .metric-canvas {
        max-width: 12em;
        max-height: 12em;
    }
    .metric-link {
        color: #29ABE2 !important;
        font-size: 12px !important;
    }
}

/* Fade animation for gauge section */
#gauge_section {
    opacity: 1;
    transition: opacity 1000ms ease-in-out;
}

#gauge_section.fade-out {
    opacity: 0;
}

#gauge_section.fade-in {
    opacity: 1;
}