*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a:link, a:visited {
	color: black;
}
a:hover {
	color: #289E00;
}

hr {
	color: #ffa040;
	background-color: #ffa040;
	height: 3px;
	border-style: solid;
}

h1{
	font-size:18px;
	color:white;
	padding:4px 4px 4px 16px;
	background-color:#0CA2DA;
	font-weight:bold;
    border-radius:3px;
    box-shadow: 1px 1px 1px #aaa
}
h2 {
	font-size:18px;
	color:black;
	font-weight:bold;
	border-bottom:3px solid #0B7BA4;
}
h3 {
	font-size:16px;
	color:black;
	font-weight:bold;
}
.topbar {padding:0px 30px 2px 30px;background-color:white;}
.topbarleft {float:left;}
.topbarright {float:right;font-size:14px;text-align:right;}
.rocketmenu {padding:4px 0;background-color:#56ADE8;border-top:4px solid #FF9966;user-select:none;}
.subrocketmenu{padding:2px 0;background-color:#E6E6E6;user-select:none;}
.rocketbut{display:inline-block;min-height:36px;min-width:150px;background-color:white;border:4px solid black;border-radius:5px;margin:2px 1px;text-align:center;text-decoration:none;font-size:17px;color:black;line-height:32px;padding:0 8px;}
.topmenubut {display:inline-block;min-height:30px;min-width:150px;background-color:#D5EDEF;margin:2px 1px;text-align:center;text-decoration:none;font-size:17px;color:black;line-height:28px;padding:0 10px;border:1px solid black;border-radius:5px;}
.topmenubut:hover,.rocketbut:hover{background-color:#9FFF94;}
.tb_sv{background-color:#FCAB23;}
.tb_ma{background-color:#FF8282;}
.tb_other{background-color:#EBBAF2;}
.tb_glosor{background-color:#FCE66D;}
.rb_sv{border-color:#FCAB23;}
.rb_ma{border-color:#FF0000;}
.rb_other{border-color:#EBBAF2;}
.rb_glosor{border-color:#FCE66D;}
.rb_assignments{background-color:#00FF00;}
.topmenu2{background-color:#E6E6E6;padding:2px 0px;user-select:none;}
.topmenu2buts a{color:black;text-decoration:none;}
.topmenu2buts a:hover{color:black;background-color:#9FFF94;}

.butselect{font-weight:bold;}

.bodycontainer{padding:20px 0px;min-height:360px;}
.bodycontainer fieldset
{
    box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.3);border-radius: 5px;
}
.footer{background-color:#2D88C4;border-top:8px solid #FF9966;min-height:150px;color:white;font-size:14px;line-height:24px;}
.footer a{color:white;text-decoration: none;text-decoration: none;}
.footer a:hover{color:rgba(185,255,174,1.00);text-decoration: none;}
.mini{font-size:12px;font-weight:bold;}

.clearsides{max-width:1024px;margin-left:auto;margin-right:auto;padding-left:12px ;padding-right:13px}

/* form and table combo */
.submitForm{
	border:3px solid #FF9A1A;
	border-radius:7px;
	background-color:white;	
	width:100%;
	padding:14px;
	margin:8px 0px;
}

.formTable td, formTable th {
  padding: 1px 6px;
}
.formTable tbody td {
  font-size: 16px;
}

.listheader{
  border-top:16px solid white;
  border-bottom:8px solid white;
  background: #1C6EA4;
  padding:4px 4px 4px 16px;	
  font-size: 16px;
  font-weight: bold;
  color:white;
}
.formTable .leftcol{text-align:right;font-size:14px;font-weight:bold;}
.formTable input[type=text],.formTable input[type=email]{width:250px;}
.formTable select{width:250px;}
.formTable input[type=radio]{transform: scale(1.2);}
.formTable input[type=checkbox], .submitForm input[type=checkbox]{transform: scale(1.2);}

.admbtn,.butn2  {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: white;
  font-size: 18px;
  padding: 5px 5px;
  text-decoration: none;
  display:inline-block;
  text-align:center;
  cursor: pointer;

}
.admbtn:link,.butn2 :link{text-decoration:none;color:white;}
.admbtn:hover, .admbtn:active,.admbtn:visited,.butn2:hover ,.butn2:active,.butn2:visited  {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color:white;
}

.admbtn:disabled, .butn2:disabled
{
  background: darkgrey;
  background-image: -webkit-linear-gradient(top, lightgrey, darkgrey);
  background-image: -moz-linear-gradient(top, lightgrey, darkgrey);
  background-image: -ms-linear-gradient(top, lightgrey, darkgrey);
  background-image: -o-linear-gradient(top, lightgrey, darkgrey);
  background-image: linear-gradient(to bottom, lightgrey, darkgrey);
  text-decoration: none;
  color:lightgrey;
}

.admbtn{  font-size: 18px;  padding: 10px 20px;width:100%;  margin-top:3px;}

.admbtn_sel,.admbtn_sel:link,.admbtn_sel:active,.admbtn_sel:visited{background-image:none;background-color:#0CD116;}

.butn1{
padding:3px 6px;font-size:14px;	cursor: pointer;
	
}
.butn2
{
    margin-left:0px;
    padding:6px 18px;
    font-size:16px;
    vertical-align:top;
    cursor: pointer;
    min-width:120px;
}

.okmessage{font-size:18px;font-weight:bold;color:#147A10;}

.errormessage{font-size:18px;font-weight:bold;color:#BD0B0E;}
.warningmessage{font-size:18px;font-weight:bold;color: darkorange;}

.cancelbut{border:2px solid #aaaaaa;background-color:#e8e8e8; }
.neutralbut{border:2px solid #aaaaaa;background-color:#e8e8e8; }
.cancelbut,.okbut,.neutralbut{border-radius:3px;padding:4px 15px; font-size:16px;}
.cancelbut:hover,.okbut:hover,.neutralbut:hover{background-color:white;}

.okbut{border:1px solid black;background-color:#11AA00;color:white; }
.okbut:hover{background-color:#51E341}
.okbut:disabled { background-color: grey; opacity: 0.3; cursor: not-allowed; }

.inputtextError{background-color:#FFA3A4;}

.page_header { font-size:36px;font-family:Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;color:#164770;}

.loginbut {background-color:#62A149;border-bottom:1px solid black;border-radius:5px;padding:2px 14px;color:white;font-weight:bold;text-decoration:none;}
.loginbut:hover{background-color:#6FD946}



.attentionbox {border:4px dotted #aa0000;padding:8px;background-color:#EEFF71; }

.npage_sheet{
    margin-top: 4px;
    margin-bottom: 12px;
    padding: 16px;
    background-color: white;
    width: auto;
    min-height: 400px;
    border-radius: 6px;
    }
.npage_header{
    background: linear-gradient(90deg, #769CC9 0%, #B8D9D8 100%);
    padding:12px 0 16px 0;
    user-select:none;
}
.npage_header_txt1{
    font-size:48px;colobr:white;font-family: 'Lilita One';
    color:white;
    padding-left:24px;

}
.npage_header_txt2{
    color:black;
    font-weight:bold;
    font-size:20px;
    font-family:'Roboto', sans-serif;
    padding-left:24px;
}

.npage_subheader{

	padding:4px 4px 4px 16px;
	color:black;
	font-size:18px;
	font-weight:bold;
	margin-top:24px;
	margin-bottom:4px;
	border-bottom:2px solid #BB6F00;
	border-right:2px solid #BB6F00;
	border-radius:4px;
	
	background-color:#FF9800; 
	background: linear-gradient(to right, #FF9800 35%, #FFBE5E 100%); 
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}


/* -- language button dropdown --*/
.lang_dropdown {
    position: relative;
    display: inline-block;
	z-index:1000;
    xmargin-top:-4px;
}
.langdropbtn {
    background-color: transparent;
    padding: 4px;
    border: none;
    cursor: pointer;
}
.langdropbtn:hover, .langdropbtn:focus {
    background-color: #AFF5B1;
}
.lang_dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
}
.lang_dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.lang_dropdown-content a:hover {background-color: #AFF5B1;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.ddshow {display:block;}

.changeSchoolButton {
  align-items: center;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: grey;
  cursor: pointer;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: small;
  justify-content: center;
  margin: 0;
  padding: 2px;
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.changeSchoolButton:hover,
.changeSchoolButton:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}

.changeSchoolButton:hover {
  transform: translateY(-1px);
}

.changeSchoolButton:active {
  background-color: #F0F0F1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}


.content_h1{
    background: linear-gradient(90deg, #769CC9 0%, #B8D9D8 100%);
    padding:8px 0 16px 24px;
    user-select:none;
	margin:14px 0;
    font-size:40px;colobr:white;font-family: 'Lilita One';
    color:white;
}
.content_h1 div {
    color:black;
    font-weight:bold;
    font-size:20px;
    font-family:'Roboto', sans-serif;
}
.content_h2{
        font-family: Verdana, sans-serif;
        font-size: 18px;
        color: white;
        padding: 4px 4px 4px 16px;
        background-color: #FF9100;
        font-weight: bold;
        margin-top:14px;
        margin-bottom:14px;
        text-align:left;
}