table tr:hover {background-color: #ddd;}

table {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow-x: scroll;
	display: table;
	table-layout: fixed;
}

.gradefilter {
	position: absolute;
	left: 10px;
}

.gradefilter th {
	cursor: pointer;
}

.columnvisible {
	visibility: visible;
}

.columnhidden {
	visibility: collapse;
}

thead th {
	background-color: #ee7203;
	text-align: center;
	color: black;
}

td {
	border: 1px solid black;
	font-style: normal;
	text-align: center;
	/*box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,0.5);*/
}

.table td, .table th {
	padding: 0;
	text-overflow: ellipsis;
	width: 55px;
	overflow: hidden;
}

.table {
	table-layout: fixed;
	width: 100%;
	color: #212529;
}

.table thead th {
	table-layout: fixed;
	white-space: nowrap;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.table th.fixcol1 {position:absolute;left:-360px; top: 0; width:70px;}
.table th.fixcol2 {position:absolute;left:-240px; top: 0; width:70px;}
.table th.fixcol3 {position:absolute;left:-120px; top: 0; width:70px;}

.table td.fixcol1 {position:absolute;left:-360px; width:70px; border: 1px solid black;}
.table td.fixcol2 {position:absolute;left:-240px; width:70px; border: 1px solid black;}
.table td.fixcol3 {position:absolute;left:-120px; width:70px; border: 1px solid black;}

th.colGradeEditPoints {width: 15%;}
th.colGradeEditComment {width: 40%;}
th.colGradeEditPercent {width: 10%;}

.inputGradeScore {width: 135%;}
.inputGradeComment {width: 135%;}

div.studentsview {padding-left: 360px;}
div.studentsview2 {position:relative;width:100%; padding:0;}
div.studentsview3 {overflow-x:scroll;padding:0;}

#mail { width: 250px; }
#street { width: 200px; }

.btn-cert {
	margin-left: 5px;
	margin-right: 5px;
}

.welcome {
	font-size: 3em;
}

/* Dropdown Button */
.dropbtn {
//background-color: #04AA6D;
	background-color: white;
//color: white;
//padding: 16px;
//font-size: 16px;
//border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
//background-color: #f1f1f1;
//min-width: 160px;
//box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
//z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
//color: black;
//padding: 12px 16px;
//text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
//background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
//background-color: #3e8e41;
}

a.navbar-item {
	text-decoration: none;
	color: #ffffff;
}

.gradeempty {
	background-color: limegreen;
}

.gradewarn {
	background-color: yellow;
}

.gradeerror {
	background-color: darkorange;
}

.grademakeup {
	background-color: lightblue;
}

.testbutton {
	font-size: .5rem;
}

.finalexamresult {
	color: forestgreen;
	cursor: pointer;
	font-size: 1.5em;
}

.finalexamresultrequired {
	color: darkred;
	cursor: pointer;
	font-size: 1.5em;
}

.finalexamresultretry {
	color: darkred;
	cursor: pointer;
	font-size: 1.5em;
}

.finalexamresultmark {
	font-weight: bold;
}

.finalmark {
	font-weight: bold;
}

@media print {
	.btn-cert {
		display: none;
	}

	nav {
		display: none;
	}

	.nav {
		display: none;
	}

	.testbutton {
		display: none;
	}

	.certdateinput {
		display: none;
	}

	.buttonexamresults {
		display: none;
	}

	div .row {
		page-break-inside:avoid;
	}

  .btn {
    display: none;
  }

  .form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
  }

  .form-group-row:has(#inputGradeClassFilter) {
    display: none;
  }

  .form-group-row:has(#inputGradeId) {
    display: none;
  }

  .form-group-row:has(#inputGradeSubjectFilter) {
    display: none;
  }

  .form-group-row:has(.inputGradeComment) {
    display: none;
  }

  label, div {
    display: inline-block;
  }

}