Flex align columns in rows

qs.css

/* THESE ARE USED TO ALIGN DASHBOARD COLUMNS */

.tenant-info {
    margin-bottom: 10px !important;
    flex: 1;
}

.tenant-info-inner {
    height: 100%;
}

.tenant-info-inner theme-panel {    
    height: 100%;
}

@media screen and (min-width: 992px) {
    .dashboard-classic-view-right-col,
    .dashboard-classic-view-left-col {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        flex-direction: column;
    }

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}