body {
    font-family: 'Open Sans', sans-serif;

}

h1 {
    font-weight: 600;
}

h3 {
    font-weight: 400;
}

footer {
    width: 100%;
    margin-top: auto;
}

.table th, .table td {
    text-align: center;
}
#results-table-sathach {
    width: 72%;
}
#mssv-input {
    width: 80%; /* Chiều rộng tùy chỉnh */
    padding: 5px; /* Không gian bên trong input */
    margin: 0 auto; /* Căn giữa input */
    box-sizing: border-box; /* Tính padding vào tổng chiều rộng */
}
#mssv-input2 {
    width: 80%; /* Chiều rộng tùy chỉnh */
    padding: 5px; /* Không gian bên trong input */
    margin: 0 auto; /* Căn giữa input */
    box-sizing: border-box; /* Tính padding vào tổng chiều rộng */
}
.results-list .result-item {
    border: 1px solid #dee2e6;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: left;
}

.results-list .result-item div {
    margin-bottom: 5px;
}

@media (max-width: 1000px) {
    .table {
        display: none;
    }
    .results-list {
        display: block;
    }
}
@media (min-width: 1000px) {
    .table {
        display: block;
    }
    .results-list {
        display: none;
    }
}