.filter-section {

}

.table-section {
    display: table;
}

.table-header {

}

.mrows {
    display: block !important;
    margin-top: 1.5rem;

}

.filter-section {
    min-height: 20rem;
    margin-top: 3.3rem;

}

.filters {
    background-color: white;
    min-height: 15rem;
    border-radius: 0.8rem;
    border: solid 1px #cacaca;
}

.filter {
    font-weight: 100;
    color: #6b6b6b;
    font-size: 1.28rem;
    padding: 1.28rem 1rem;
    cursor: pointer;
}

.filter:hover {
    background: #f5f5f5;
}

.filter:active {
    background: #f5f5f5;
    /* border-left: solid 3px #5f6368; */
    font-weight: 400;
    color: black;
}

.filter.active {
    background: #f5f5f5;
    border-left: solid 3px #5f6368;
    font-weight: 400;
    color: black;
}

.filterheading {
    font-weight: 500;
    font-size: 1.28rem;
    /* padding: 0.9rem 0.8rem; */
    padding-top: 1.5rem;
    padding-left: 1rem;
}

.mtable {
    margin-top: 4rem;
}

.table-header, .mrows {
    display: -moz-box;
    display: -webkit-box;
}

.titleHeading {
    font-size: 1.5rem;
    font-weight: 500;
    min-width: 45%;
    padding: 0 0.8rem;
}

.mheading {
    font-size: 1.5rem;
    font-weight: 500;
}

.p1 {
    padding: 0 0.8rem;

}

.dueHeading {
    font-size: 1.5rem;
    font-weight: 500;
    min-width: 20%;
}

.mrow-title {
    min-width: 45%;
    font-weight: 500;
    font-size: 1.28rem;
}

.mrow-text-strong {
    font-weight: 500;
    font-size: 1.28rem;
}


.mw-5 {
    min-width: 5%;
    width: 5%;
    padding: 1.5rem 0.8rem;

}

.mw-10 {
    min-width: 10%;
    width: 10%;
    padding: 1.5rem 0.8rem;

}

.mw-15 {
    min-width: 15%;
    width: 15%;
    padding: 1.5rem 0.8rem;

}

.mw-20 {
    min-width: 20%;
    width: 20%;
    padding: 1.5rem 0.8rem;


}

.mw-25 {
    min-width: 25%;
    width: 25%;
    padding: 1.5rem 0.8rem;

}

.mw-45 {
    min-width: 45%;
    width: 45%;
    padding: 1.5rem 0.8rem;

}

.mw-30 {
    min-width: 30%;
    width: 30%;
    margin: 1rem;
    padding: 1.5rem 0.8rem;

}

.mw-35 {
    min-width: 35%;
    width: 35%;
    padding: 1.5rem 0.8rem;

}

.mw-50 {
    min-width: 50%;
    width: 50%;
    padding: 1.5rem 0.8rem;

}

.mw-75 {
    min-width: 75%;
    width: 75%;
    padding: 1.5rem 0.8rem;

}

.mw-100 {
    min-width: 100%;
    width: 100%;
    padding: 1.5rem 0.8rem;

}

.grey-background {
    background: #f5f5f5 !important;
}

.grey-background:hover {
    background: #e4e4e4 !important;
}


.mrow-status {
    min-width: 35%;
}

.missing {
    color: red;
    font-weight: 500;
}

.mrow {
    border-bottom: .0625rem solid #e0e0e0;
    background: white;
    /*padding: 1.5rem 0.8rem;*/
    /* border: solid 0.5px #e0e0e0; */
    cursor: pointer;
    border-radius: 0.3rem;
    width: -webkit-fill-available;
    width: -moz-available;
    display: -webkit-box;
    display: -moz-box;
    box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.12), 0 0 0.0625rem rgba(0, 0, 0, 0.12);
}

.mrow:hover {
    background: #f5f5f5;
}


.announcement-row {
    background: #3F51B5;
    border: none;
    color: white;
}

.announcement-row:hover {
    background: #3243a0;
}

.todo-row {
    background: #00BCD4;
    border: none;
    color: white;
}

.todo-row:hover {
    background: #029eb2;
}

.notification-row {
    background: #4CAF50;
    border: none;
    color: white;
}

.notification-row:hover {
    background: #3f8d42;
}

.upcoming-row {
    background: #FF9800;
    border: none;
    color: white;
}

.upcoming-row:hover {
    background: #d17e03;
}

.pending-row {
    background: #03A9F4;
    border: none;
    color: white;
}

.pending-row:hover {
    background: #0090d1;
}

.create-btn {
    margin: 1rem 1rem;
}

.create-btn > button {
    background: #6264a7;
    border: 1px solid hsla(0, 0%, 100%, .04);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15);
    border-radius: 3px;
    height: 3.1rem;
    min-width: 10rem;
    color: #fff;
    align-items: center;
    font-size: 1.7rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0 1.42rem;
}

.create-btn > button:hover {
    background: #464775;
}


.lecture-section {
    display: block;
    overflow-y: auto;
    max-height: 70vh;
}