.key {
    width: 25px;
    height: 15px;
    border: 1px solid black;
    float: left;
    margin-top: 5px;
    margin-right: 8px
    }
    
    .red {
    background-color: #DB0028
    }
    
    .blue {
    background-color: #214971
    }
    
    .purple {
    background-color: #b771b0
    }
    
    .brown {
    background-color: #8a7f68
    }
    
    fieldset {
    border: 1px solid black;
    padding: 0.35em 0.625em 0.75em !important
    }
    
    legend {
    width: auto;
    border-bottom: 3px solid #f6b72b
    }
    .table-border{
        border:1px solid #f6b72b;

    }
    @media (max-width: 767px) {
        .advising-table {
            font-size: 11px;
        }
    
        .advising-table th,
        .advising-table td {
            padding: 4px;
        }
    
    }