#watermark
{
 position:fixed;
 left: 50%; 
 width: 1100px; 
 margin-left: -550px;
 top: 20px;
 opacity:0.1;
 z-index:-1;
 color:black;
 font-size: 70pt;
 text-align: center;
 font-family: Verdana, Sans-Serif, Helvetica;
}


.sys_stat_dark
{
border-bottom: 1px solid black; background-color: #ddd;
}

.sys_stat
{
border-bottom: 1px solid black;
}

.navbar-top {
  margin: 0;
  padding: 0;
  width: 100%;
  top: 0;
  position: fixed;
  z-index: 9999999999999;
}

.navbar-top  ul {
  list-style-type: none;
  margin: 0;
  top: 0;
  /*position: fixed;*/
  width: 100%;
  padding: 0;
  overflow: hidden;
  background-color: #0068b2;
}

.nbold ul
{
	background-color: #FF5733 !important;
}

.navbar-top ul li {
  float: left;
}

li a,
.dropbtn {
  display: inline-block;
  color: white !important;
  font-family: Verdana, Sans-Serif, Helvetica;
  font-size: 12pt;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
}

li a:hover,
.dropdown:hover .dropbtn {
  background-color: #c40a26;
}

.dropbtnold {
	background-color: #FF5733;
	display: inline-block;
  color: black !important;
  font-family: Verdana, Sans-Serif, Helvetica;
  font-size: 12pt;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
}

.dropdown:hover .dropbtnold {
  background-color: #000;
  color: white !important;
}

.dropbtnold:hover {
	background-color: #000;
}


li.dropdown {
  display: inline-block;
}

.active {
  background-color: #FF5733;
  color: #000 !important;
}

.active:hover {
  background-color: #000;
  color: #fff !important;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #cfdce6; !important;
  min-width: 160px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 99999999999;
}

.dropdown-content a {
  color: black !important;
  padding: 8px 16px;
    font-family: Verdana, Sans-Serif, Helvetica;
  font-size: 12pt;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #c40a26;
  color: white !important;
}

.dropdown:hover .dropdown-content {
  display: block;
}






.footer
{
	font-family: Tahoma, Sans-Serif, Helvetica;
	font-size: 9pt;
	position: fixed;
	z-index: 999999;
	padding: 2px 0px 2px 0px;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #e5f4ff;
	color: #333;
	text-align: center;
}

#right
{
	text-align: right;
padding-right: 4px;
}

.disclaimer
{
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 12pt;
	font-weight: bold;
}
.page_header
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999;
	background-color: #0068b2;
	height: 30px;
	width: 100%;
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	padding-left: 30px;
	color: #fff;
}

.user_lookback
{
	background-color: #FF5733 !important;
}

.page_menu
{
	position: absolute;
	left: 32px;
	top: 50px;
	z-index: 99999;
	background-color: #eee;
	width: 350px;
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 12pt;
	border: 1px solid black;
	padding-left: 30px;
}	

.page_menu b
{
	font-weight: bold;
	font-size: 11pt;
	text-decoration: underline;
	position: relative;
	left: -15px;
}


.menu_title
{
	font-size: 13pt;
	font-weight: bold;
	position: relative;
	left: -15px;
}


body
{
	padding: 0px;
	margin: 0px;
}
.page_core
{
	margin-top: 35px;
	margin-bottom: 50px;
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 10pt;
	overflow: hidden;
}

.page_core_teacher
{
	margin-top: 30px;
	margin-bottom: 50px;
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 10pt;
}


.login_box
{
	background-color: #eee;
	border: 1px solid black;
	width: 500px;
}

.login_table
{
	float: center;
	margin: auto;
	font-family: Tahoma, Sans-Serif, Helvetica; font-size: 10pt;
	padding-top: 20px;
	padding-bottom: 10px;
	
}

.login_spanner
{
	font-family: Verdana, Sans-Serif, Helvetica; font-size: 11pt;
	padding: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #666;
	color: #fff;
text-align: left;

}

.login_prompt
{
	text-align: right;
	padding-right: 5px;
}

input[type=submit]
{
	float: right;
	font-family: Tahoma, Sans-Serif, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	height: 25px;
	background: #0068b2;
	color: #fff;
	border: 1px solid black;
}

input[type=submit]:hover
{
	float: right;
	font-family: Tahoma, Sans-Serif, Helvetica;
	font-size: 10pt;
	height: 25px;
	background: #c40a26;
	color: #fff;
	border: 1px solid black;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 104, 178, .5);
	border: 1px solid rgba(0, 104, 178, .5);
}


h1
{
	font-family: Tahoma, Sans-Serif, Helvetica;
	font-size: 24pt;
	font-weight: bold;
}

input[type=text], input[type=password], input[type=search]
{
	width:250px;
	border: solid 1px #000;
	padding:0px;
	font-family: Tahoma, Sans-Serif, Helvetica;
	font-size: 10pt;
	height: 20px;
	background-color: #FfFfff;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #000000;
}

input[type=search]::placeholder {
  color: #666;
  font-style: italic;
  text-align: center;
}

input[type=text]:focus, input[type=password]:focus
{
	box-shadow: 0 0 10px rgba(0, 104, 178, .5);
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(0, 104, 178, .5);
}

.login_message
{
	position: relative;
	font-family: Tahoma, Sans-Serif, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	top: 5px;
	left: 5px;
	color: red;
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: zoom-in;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  text-align: left;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  padding-left: 15px;
  padding-top: 15px;
  cursor: zoom-in;
  /* Position the tooltip */
  position: absolute;
  left: -45px;
  z-index: 1;
}

.smalltip {
	font-size: 11pt;
	font-weight: normal;
	width: 400px !important;
	left: -200px !important;
}

.tinytip {
	font-size: 11pt;
	font-weight: normal;
	width: 200px !important;
	left: -150px !important;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
}

a, a:visited {
	color: #c40a26;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #0086e6;
	text-decoration: none;
}

.logoutbutton, .logoutbutton:visited
{
	color: #fff;
	text-decoration: none;
}

.logoutbutton:hover, .logoutbutton:visited:hover {
	color: black;
	text-decoration: none;
}


.table_courses
{
	font-family: Tahoma, Sans-Serif, Helvetica;
	font-size: 11pt;
}

.teacher_title
{
	font-size: 12pt;
	font-weight: bold;
}

.clickable-row:hover
{
	background-color: #c40a26 !important;
	cursor: pointer;
	color: #fff;
}
.clickable-row:hover td
{
	background-color: #c40a26 !important;
	cursor: pointer;
	color: #fff;
}

#result
{
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 11pt;
}

#resultprincipal
{
	padding:0px;
	margin-top:-1px;
}
.resultsgrid
{
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 11pt;
	padding: 1px;
	text-align: left;
}

.resultsheader
{
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
}

th
{
	background-color: #666;
	color: #fff;
	padding-bottom: 2px;
}

.staar_data
{
	font-family: Verdana, Sans-Serif, Helvetica;
	font-size: 10.5pt;
}

.underline_me
{
	border-bottom: 1px dotted #999;
}


.screen_size
{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -150px;
	background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
	color: #000;
	font-size: 15pt;
	font-weight: bold;
	border: 1px solid black;
	width: 300px;
	height: 120px;
	display: none;
	padding: 5px;
	text-align: center;
}

@media only screen and (max-width: 1120px) {
    .page_core {
        display: none;
    }
	.navbar-top {
        display: none;
    }
	
	.page_core_teacher{
		display: none;
	}
	
	.screen_size {
		display: block;
	}
	
	#result{
		display: none;
	}
}