/* Force chart widgets to stretch and have equal heights when sitting in the same grid row */
.fi-wi-chart {
    display: flex;
    flex-direction: column;
}

.fi-wi-chart > .fi-section {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fi-wi-chart > .fi-section > .fi-section-content-ctn {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.fi-wi-chart > .fi-section > .fi-section-content-ctn > .fi-section-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fi-wi-chart > .fi-section > .fi-section-content-ctn > .fi-section-content > div {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fi-wi-chart > .fi-section > .fi-section-content-ctn > .fi-section-content > div > .fi-wi-chart-canvas-ctn {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}