body{
    font-size:.85em;
}

*{
    box-sizing:border-box;
}
div.table{
    margin:0px;
    /*position:relative;
    top:0px;
    left:0px;*/
    border:1px solid #000;
    display:table;
    float:left;
    min-width:380px;
}

div.row{
    border-bottom:0px solid #000;
    clear:both;
    float:left;
    width:100%;
}

div.data, div.col1{
    float:left;
}

div.row.ltgreen > div.col1{
    text-align:center;
    width:100%;
}

div.cell, div.expand{
    padding:3px 5px;
    border-bottom:1px solid #000;
}

div.data{
    display:flex;
    width:calc(100% - 280px); /*majors take up 220px*/
}

div.data div.cell {
    border-left:1px solid #000;
    flex-basis:100%;
    flex-grow:1;
    flex-direction:row;
    text-align:right;
    width:calc(100% / 5);
    min-width: 70px; /*IE FIX div tags not fitting to text*/
}

div.data.yrr > div.cell{
    white-space:nowrap;
}
/*@media screen and (min-width: 582px){div.data div.cell{min-width:100px;}}*/

div#title{
    background-color:#963;
    color:#FFF;
    font-weight:bold;
}

.dkgreen{
    background-color:#215530;
    color:#FFF;
    font-weight:bold;
}

.ltgreen{
    background-color:#658A71;
    color:#FFF;
    font-weight:bold;
}
.major{
    min-width:280px !important;
    white-space:nowrap;
}

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

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

.right{
    text-align:right;
}

.fixBB{
    border-bottom:0px !important;
}

#academicyr{
    border-left:1px solid #000; 
    border-bottom:1px solid #000;
    text-align:center !important;
}


@media screen and (max-width: 582px){
    /*Change the static values if text size is changed.*/
    body{
        font-size:8pt;
    }
    .yrr{
        height:65px;
        vertical-align:bottom;
        overflow:hidden;
    }
    .yrr > div.cell{
        transform:translate(25%,25%) rotate(90deg);
        border-bottom:0px;
        
        height:25px;
        margin-left:-41.2px; 
        margin-top:10px;
        padding:3px 3px 3px -3px;
        text-align:right;
        vertical-align:top;
        width:65px;
     }
    #academicyr {
        border:0px;
    }
    .fixBB2{
        border-bottom:0px !important;
    }
    div.data div.cell{
        min-width:0px; /*IE FIX*/
    }
}