.instructor-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;

    width: 100%;
    height: auto;
    color: white;

    padding: 10px;
    padding-top: 30px;
}

.instructor-data > .id-title {
    width: 100%;
    color: #f5a425;
}

.instructor-data > .id-title > .id-text {
    color: white;
}

.instructor-table {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;

    width: 100%;
    height: auto;
    color: black;
    background-color: white;

    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #f5a425;
    padding-top: 30px;
}

.instructor-table > #data-table {
    width: 100% !important;
}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}