.dashboard-wrapper {
    width: 100%;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    flex-direction: column;
}

.dashboard {
    position: absolute;
    width: 100%;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-row-gap: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    height: fit-content;
}


.dash-row {
    grid-template-columns: 1fr;
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-auto-rows: minmax(min-content, max-content);
}

    .dash-row.div {
        height: fit-content;
    }


.widget-wrapper {

}

@media screen and (min-width: 1200px) {

    .dash-row-1c {
        grid-template-columns: 1fr;
    }
    .dash-row-2c {
        grid-template-columns: 1fr 1fr;
    }
    .dash-row-4c211 {
        grid-template-columns: 2fr 1fr 1fr;
    }
    .dash-row-4c112 {
        grid-template-columns: 1fr 1fr 2fr;
    }
    .dash-row-4c {
        grid-template-columns: repeat(4, 1fr);
    }
    .dash-row-4c13 {
        grid-template-columns: 1fr 3fr;
    }
    .dash-row-4c31 {
        grid-template-columns: 3fr 1fr;
    }
    .dash-row-4c121 {
        grid-template-columns: 1fr 2fr 1fr;
    }
    .dash-row-3c {
        grid-template-columns: repeat(3, 1fr);
    }
    .dash-row-3c12 {
        grid-template-columns: 1fr 2fr;
    }
    .dash-row-3c21 {
        grid-template-columns: 2fr 1fr;
    }
 
}