/* CSS Document */
:root{
	/*variables*/
	--vcsgrey: #939598;
	--vcslightgrey: #cfd1d5;
	--vcsgrey2: #d1d2d3;
	--vcsblue: #004787;
	--vcslightblue: #b2d9fd;
}
body{
	font-family:Verdana;	
}
textarea, input, button, select { font-family: inherit; font-size: inherit; }
body a{
	text-decoration: none;
	color: rgba(0,204,36,1.00);
}
#index{
	/* position: absolute; */
	/* top: 40px; */
	margin-top: 40px;
	z-index: -1;
	font-size: 12px;
	margin-bottom: 45px;
}
#selectionlist{
	margin-left: 25px;
	font-size: 12px;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}







#uploadform{
	font-family:Verdana;	
}
#studentListTable{
	border-spacing: 20px;
    border-collapse: separate;
	
}
#pick {
	margin-left: 50px;
}
#pick a{
	color: rgba(0,180,225,1.00);
}
#red{
	color: rgba(135,0,2,1.00);
}

#rightmenu{
	position: relative;
	z-index: 2;
	width: 200px;
	float: right;
	font-size: 12px;
	background: #D8D7D7;
	padding: 10px;
	border: thin solid #000000;
}
#rightmenu a{
	color: rgba(0,163,255,1.00);
}
#rightmenu h3{
	font-size: 16px;
	font-weight: 500;	
}
#mainpane{
	position: absolute;
	top: 80px;
	width: 100%;
	float: left;
	margin-left: 10px;
	font-size: 14px;
}
#mainpane h3{
	font-size: 16px;
	font-weight: 500;
}
#hrlist, #grlist{
	text-align: left;
}
#edittable{
	font-size: 10px;
}
#edittable td{
	padding: 4px;
}
#editstudenttable{
	border: 1px solid black;
	max-width: 615px;
}
#edit_name{
	background-color: rgba(0,0,0,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 14px;
}
#edit_lic, #edit_subject, #edit_sumcomment, #teacherfocus_subjectteacher{
	background-color: rgba(66,125,188,0.5);
	font-size: 12px;
}
#edit_subjectname{
	background-color: #868686;
}
#edit_grade, #edit_sd, #edit_comment, #edit_sumgoals, #teacherfocus_term, #edit_focus{
	background-color: rgba(177,177,177,0.5);
}
#edit_summary{
	background-color: rgba(65,110,158,1.00);
	color: rgba(255,255,255,1.00);
}
#teacherfocus_subject{
	font-weight: bold;
}
#teacherfocus_term{
	font-weight: bold;
	font-size: 10px;
}
#edit_focus{
	max-width: 495px;
}
#edittr{
	vertical-align: top;
}
#inactive_student{
	display:inline;
}
#inactive_student a{
	color: rgba(67,164,255,1.00);
}
#login_image{
	
}
#login_table{
	border-spacing: 0px !important;
}#login_spacing{
	background-color: #9d9fa2;
	height: 133px;
}#login_grey{
	background-color: #9d9fa2;
	height: 141px;
	width: 100%;
	margin-bottom: -133px;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: -1;
}#login_text{
	font-size: 12px;
	
}#errorlog{
	color: red;
	font-weight: bold;
}
#si_table, #ii_table, #sp_table{
	
}
#si_table, #sp_table{
	background-color: var(--vcslightgrey);
}
#si_table td, #sp_table td, #ii_table td{
	border-top: 1pt solid black;
}
#ii_table{
	background-color: var(--vcslightblue);
}
#no_border{
	border-spacing: 0px !important;
	max-width: 800px;
}
#bottommessage {
    position: fixed;
    z-index: 100; 
    bottom: 0; 
    left: 0;
    width: 100%;
	border-top-style: solid;
	border-top-width: thin;
	background-color: white;
}
#greyback{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}
#blackground{
	position: absolute;
	top: 0;
	left: 0;
	/* height: 100%; */
	width: 100%;
	padding-bottom: 100px;
}
#studentAjaxView{
	width: 80%;
	border-style: solid;
	border-color: black;
	background: white;
	z-index: 2;
	margin-top: 40px !important;
	margin: auto;
	padding: 5px 10px;
}
#studentAjaxView p{
	padding-top: 2px;
	padding-bottom: 2px;
}


#ajaxTableSpacer{
	height: 20px;
}
#ajaxTableRowHeader{
	background: rgba(0, 75, 255, 0.4);
}
#ajaxTableCellHeader{
	width: 50%;
}
#ajaxTableCellTerm1,#ajaxTableCellTerm2,#ajaxTableCellTerm3,#ajaxTableCellTerm4,#ajaxTableCellTerm5,#ajaxTableCellTerm6,#ajaxTableCellTerm7,#ajaxTableCellTerm8{
	width: 10%;	
	text-align: center;
}
#ajaxTableRowSubject{
    background: rgba(144, 144, 144, 0.4);
    font-weight: bold;	
}
#ajaxTableCellTermGrade{
	text-align: center;
}
#ajaxTableCellSubjectCommentHeader,#ajaxTableCellSubjectComment{
	background: rgba(210,240,255,0.4);
}
#ajaxTableCellSubjectCommentHeader{
    font-weight: bold;		
}
#ajaxTableCellSubjectComment{
	padding: 5px;
}
#ajaxTableSpacer{
	height: 20px;
}
#ajaxTableCommentSpacer{
	height:5px;
}
#ajaxTableCellSubjectComment textarea{
	width: 100%;
}
#ajaxFormSubjectTable{
	width: 100%;
	font-size: inherit;
	border-spacing: 0;
}
#floatingSave{
	position: fixed;
    top: 40px;
    z-index: 100;
    right: 10px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border-style: solid;
}
#print_student{
	position: relative;
    margin-top: -50px;
    margin-bottom: 25px;
    text-align: right;
	margin-left: 50%;
}
#insertButton{
	color: white;
    background: darkgray;
    padding: 1px 5px;
    margin-left: 5px;
}
#p_homerooms,#p_students,#p_views{
	z-index: 2;
}
#log{
	position: fixed;
    bottom: 0;
	left: 0;
	right: 0;
    margin: auto;
    padding: 5px;
    width: 80%;
    display: inline-block;
    background-color: var(--msgrey);
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    z-index: 10;
}
#materialIcons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
#materialIcons a{
	color: black;
}
#materialIcons{
	position: relative;
    left: 95%;
    top: 2px;
}
#logExpand{
	width: 100%;
	color: black;
}
#showLog{
	display: none;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	overflow-y: scroll;
	height: 250px;
}