/* Extracted from css/theme-echarts.css (704 KB) - only the chart-card rules
   used by index.aspx. The full file was loaded site-wide but only these
   selectors were referenced. */
.card {
    border: 0;
    border-radius: 0;
    background-color: unset
}

.card .card__header {
    padding: .75rem 1.25rem
}

.card .card__body {
    padding: 1.25rem
}

.card .card__text {
    margin-bottom: 0
}

.card-deck .card {
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

@media (min-width: 0) and (max-width:991.98px) {
    .card-deck--financial {
        justify-content: center
    }
}

@media (min-width: 0) {
    .card-deck--financial .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px)
    }
}

@media (min-width: 0) and (min-width:992px) {
    .card-deck--financial .card:not(:first-child) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 0) and (min-width:768px) and (max-width:991.98px) {
    .card-deck--financial .card {
        margin-bottom: 2rem
    }
    .card-deck--financial .card:nth-child(2n) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 0) and (max-width:767.98px) {
    .card-deck--financial .card {
        margin-bottom: 2.25rem
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .card-deck--financial {
        justify-content: center
    }
}

@media (min-width: 576px) {
    .card-deck--financial .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        background-color: #ffffff;
    }
}

@media (min-width: 576px) and (min-width:992px) {
    .card-deck--financial .card:not(:first-child) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 576px) and (min-width:768px) and (max-width:991.98px) {
    .card-deck--financial .card {
        margin-bottom: 2rem
    }
    .card-deck--financial .card:nth-child(2n) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .card-deck--financial .card {
        margin-bottom: 2.25rem
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .card-deck--financial {
        justify-content: center
    }
}

@media (min-width: 768px) {
    .card-deck--financial .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px)
    }
}

@media (min-width: 768px) and (min-width:992px) {
    .card-deck--financial .card:not(:first-child) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 768px) and (min-width:768px) and (max-width:991.98px) {
    .card-deck--financial .card {
        margin-bottom: 2rem;
        background-color: #ffffff;
    }
    .card-deck--financial .card:nth-child(2n) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 768px) and (max-width:767.98px) {
    .card-deck--financial .card {
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) and (max-width:991.98px) {
    .card-deck--financial {
        justify-content: center
    }
}

@media (min-width: 992px) {
    .card-deck--financial .card {
        flex-basis: calc(33.33333% - 30px);
        flex: 0 0 calc(33.33333% - 30px)
    }
}

@media (min-width: 992px) and (min-width:992px) {
    .card-deck--financial .card:not(:first-child) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 992px) and (min-width:768px) and (max-width:991.98px) {
    .card-deck--financial .card {
        margin-bottom: 2rem
    }
    .card-deck--financial .card:nth-child(2n) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 992px) and (max-width:767.98px) {
    .card-deck--financial .card {
        margin-bottom: 2.25rem
    }
}

@media (min-width: 1200px) and (max-width:991.98px) {
    .card-deck--financial {
        justify-content: center
    }
}

@media (min-width: 1200px) {
    .card-deck--financial .card {
        flex-basis: calc(33.33333% - 30px);
        flex: 0 0 calc(33.33333% - 30px);
        background-color: #ffffff;
    }
}

@media (min-width: 1200px) and (min-width:992px) {
    .card-deck--financial .card:not(:first-child) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 1200px) and (min-width:768px) and (max-width:991.98px) {
    .card-deck--financial .card {
        margin-bottom: 2rem
    }
    .card-deck--financial .card:nth-child(2n) {
        border-left: 1px solid #fff0;
        background-color: #ffffff;
    }
}

@media (min-width: 1200px) and (max-width:767.98px) {
    .card-deck--financial .card {
        margin-bottom: 2.25rem
    }
}

@media (min-width: 1800px) and (max-width:991.98px) {
    .card-deck--financial {
        justify-content: center
    }
}

@media (min-width: 1800px) {
    .card-deck--financial .card {
        flex-basis: calc(33.33333% - 30px);
        flex: 0 0 calc(33.33333% - 30px);
        background-color: #ffffff;
    }
}

@media (min-width: 1800px) and (min-width:992px) {
    .card-deck--financial .card:not(:first-child) {
        border-left: 1px solid #fff0;
    }
}

@media (min-width: 1800px) and (min-width:768px) and (max-width:991.98px) {
    .card-deck--financial .card {
        margin-bottom: 2rem
    }
    .card-deck--financial .card:nth-child(2n) {
        border-left: 1px solid #fff0;
    }
}

@media (min-width: 1800px) and (max-width:767.98px) {
    .card-deck--financial .card {
        margin-bottom: 2.25rem
    }
}

.card--chart {
    position: relative;
    padding: .25rem 1.25rem;
    background-color: #fff
}

@media (max-width: 767.98px) {
    .card--chart {
        padding: .25rem .75rem
    }
}

.card--chart .card__title {
    color: #444444;
    font-weight: 500;
}

.card--chart .card__chart {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.echarts {
    height: 315px
}

.echarts {
    width: 100%;
    max-width: 100%
}