.mastersheet {
    width: 100%;
    padding: 5px;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.school-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box;
    margin: 10px;
}

th, td {
    text-align: center;
}
/*.mastersheet table, th, td {
    border: 1px solid black;*/
/*border-collapse:collapse;*/
/*font-size: 8px;
}
.mastersheet table, tr, th, td {
    margin: 0;
    padding: 0;
}*/
/* Add the print styles here */
/*.mastersheet table tr {
        border: 1px solid #333;
    }

    .mastersheet table table tr {
        border: none;
    }
    .mastersheet table td table {
        width: 100%;
    }
    .mastersheet table td table tr {
        width: 100%;
        text-align: center;
    }
        .mastersheet table td table tr td {
            width: 100%;
            text-align: center;
            font-size: 8px !important;
        }
 
  
    .mastersheet table table tr td {
        border: none!important;
    }*/
.outer-table.table, th, td {
    border: 1px solid #000;
    border-collapse: collapse;
    font-size: 10px;
}

table tr td table {
    border: 0px;
    width: 100%;
}

    table tr td table td {
        text-align: center;
    }

.details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media print {
    .mastersheet {
        width: 100%;
    }

    .mastersheet table {
        width: 100% !important;
    }

    .mastersheet {
        position: relative;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    table, th, td {
        border: 1px solid #000;
        border-collapse: collapse;
        font-size: 9px !important;
    }

    table th, td {
        text-align: center;
        padding: 2px 1px !important;
    }

    table tr td table {
        border: none;
        width: 100%;
    }

    table tr td table td {
        border: none;
        width: 100%;
    }

    th[scope=row] {
        position: fixed;
        left: 0;
        z-index: 1;
    }


    #header h6 {
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    #footer {
        position: static;
        bottom: 5px;
        left: 0px;
        width: 100%;
        padding: 10px 20px;
        height: 50px;
    }
}