.dashbords-container {
    /* margin-top: 70px !important; */
}

.lms-card-deck {
    min-height: 25rem;
}

.dash-students-container {
    background-color: #e2e1ec;
    border: none;
    margin-bottom: 0rem !important;
    border-radius: 0.625rem;
}

.card-body-dash-lms {
    position: relative;
    top: -15px;
}

.dash-classrooms-container {
    background-color: #dfe3ed;
    border: none;
    margin-bottom: 0rem !important;
    border-radius: 0.625rem;
}

.performance-container .card-box {
    background: #e3e2ec;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
    /* padding: 6rem 1rem 4rem; */
    height: 344px;
    width: 269px;
}

.performance-container-h2 {
    position: relative;
    top: 28px;
}

.total-time-spent-container {
    background: #dfe3ed;
    padding: 2rem 2rem 0rem 1rem;
    border-radius: 0.625rem;
    margin-bottom: 3rem;
}

.total-exercises-container {
    background: #e3e2ec;
    padding: 2rem 2rem 0rem 1rem;
    border-radius: 0.625rem;
}

.dash-classrooms-container img,
.dash-students-container img {
    width: 30% !important;
}

.per-done-con-abs {
    position: absolute;
    bottom: 36px;
    /* font-size: 1.5rem; */
}

.date-range-icon {
    position: absolute;
    top: 1rem;
    font-size: 21px !important;
    left: 2.5rem;
    color: #dfe3ed;
}

.data-range-classes {
    /* background-color: #dfe3ed; */
    width: -webkit-fill-available;
    padding-left: 3rem;
    border-radius: 2rem;
    padding: 0.8rem 1rem 0.8rem 4rem;
}

.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #673c71 !important;
}

.daterangepicker td.start-date {
    border-radius: 0.3rem 0 0 0.3rem !important;
}

.per-done-con-abs-per {
    position: absolute;
    bottom: 110px;
    left: -84px;
    font-size: 2.5rem;
}

.dash-active-stds-container {
    background: #dfe3ed;
    padding: 2rem 2rem 0rem 1rem;
    border-radius: 0.625rem;
    min-height: 21rem;
    margin-bottom: 2rem;
    overflow: auto;
}

.levels-title {
    padding: 1rem 2rem 0rem;
}

.dash-level-content-con {
    padding: 1.5rem 2rem 0.5rem;
}

.dash-level-content-con-after {
    position: relative;
}

.meter {
    height: 8px;
    display: inline-grid;
    position: relative;
    background: #ecf8f0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    width: 60%;
    border-radius: 25px;
    padding: 0px;
    box-shadow: inset 0 -1px 1px rgb(255 255 255 / 30%);
}

.meter-reports {
    width: 100%;
    margin-top: 9px;
}

.progress-reports {
    height: 1rem !important;
}

.progress-bar-edits {
    border-radius: 2rem;
}

.dash-level-content-con-after::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #0000000d;
    box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 26%);
    bottom: -10px;
}

.dashboard-card-classrom-footer {
    background-color: #d1d6e4;
}

.dashboard-card-footer {
    position: relative;
    min-height: 4rem;
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

.dashboard-card-students-footer {
    background-color: #d9d3e0;
}

.dashboard-levels-container {
    background-color: #fff;
    border-radius: 0.625rem;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
}
@media (max-width: 1400px) {
    .performance-container .card-box {
        width: auto;
    }
}
@media (max-width: 990px) {
    .card-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dash-students-container {
        background-color: #e2e1ec;
        border: none;
        margin-bottom: 3rem !important;
        border-radius: 0.625rem;
        padding: 0rem 0rem;
    }

    .dash-classrooms-container {
        background-color: #dfe3ed;
        border: none;
        margin-bottom: 3rem !important;
        padding: 0rem 0rem;
        border-radius: 0.625rem;
    }
    .card-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dash-classrooms-container img,
    .dash-students-container img {
        width: auto !important;
    }
    .performance-container .card-box {
        width: auto;
    }
}