.left {
    text-align: left !important;
}

table th {
    padding: 4px;
}

table {
    margin-bottom: 20px;
}

.attendance_control_container,
.scrolled {
    height: 300px;

    overflow-y: scroll;
    border: 1px solid black;
}

.attendance_control_container table,
.scrolled table {
    width: 100%;
}


.information_item {
    background-color: rgb(215, 215, 215);
    min-width: 600px;
    width: 1500px;
    padding: 10px;
    border: 1px solid black;
}


.myGrid {
    display: grid;
    grid-template-columns: 700px 700px;
}

.grid_item {
    margin: 10px;
}


.wrap {
    overflow: hidden;
}

.flex-box{
    display: flex;
    height: 600px;
    flex-wrap: wrap;
    align-content: space-around;
}