

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{ 

/* framework  */
    .body { width: 100%; box-sizing: border-box; }
    
    #content.body { padding: 0 10px; }
    .content_inner {  }


    #bannerinner { margin: 0 auto; padding: 10px 10px 6px; box-sizing: border-box; }

    #bannerinner #studentlogin { position: relative; display: block; clear: left; text-align: right; padding-bottom: 40px; }
        #bannerinner #studentname { display: block; text-align: left; width: 100%; border-radius: 0; margin-right: 0; margin-left: 10px; padding-left: 20px; margin-bottom: 10px; } /*padding: 6px 12px; border-radius: 3px; margin-right: 10px; */
        #bannerinner #icon_logout { text-align: right; } /* height: 20px; width:20px; border-width: 0; vertical-align: middle; margin-top: -6px; margin-right: 3px; */



/* landing: log in  */
    #logincontrols { width: auto; margin-top: 0; }
        #logincontrols input[type="submit"], #resetlink { margin-left: 30px;  }
        .loginBox { width: auto; }



/* landing: evaluation list */
    .classinfo_header { width: 100%; }
        .classinfo_course { width: auto; margin-right: 10px; }
        .classinfo_instructor { width: auto; }
        .classinfo_teamtaught { display: none; }


    .evalinfo_wrap { margin-bottom: 20px; margin-right: 20px; padding-right: 10px; }

        .evalinfo_orderid { width: 32px; margin-right: 6px; }  /*32px*/
        .evalinfo_number { width: auto; margin-right: 6px; }  /*50px*/
        .evalinfo_courseid { width: auto; margin-right: 6px; }  /*80px*/

        .evalinfo_coursetitle { width:auto; min-width: 300px; margin-right: 6px; } /*300px*/
        .evalinfo_coursetitle:before { content: '\00000A'; } /* white-space: pre; } */

        .evalinfo_instructor:before { content: '\00000A'; } /* white-space: pre; } */
        .evalinfo_instructor { width: auto; } /* 250px */
        .evalinfo_teamtaught { width: auto; } /* 24px */

        .evalinfo_status:before { content: '\00000A'; } /* white-space: pre; } */
        .evalinfo_status { width: 100%; } /* 120px */

     #legend_teamtaught { margin-top: 50px; margin-left: 0; }
         #legend_teamtaught #legend_message { font-size: .85rem;  }


/* evaluation form */
    fieldset .optionFirst { margin-left: 0; margin-right: 0; white-space: nowrap; padding-right: 10px; }
    fieldset .optionStd, fieldset .optionLast { margin-right: 0; white-space: nowrap; padding-right: 10px; }
    /*fieldset .optionLast:before { content: '\00000A'; } /* white-space: pre; } */ 
    fieldset .optionHidden { margin-right: 0; display: none; }
    
    
    .textboxCount { margin-left: 0; font-size: .6rem;  }


}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{
    .body { }  /*width: 100%; */
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{ 
    .body {  }
}






