body {
  font-family: arial;
  font-size:11pt;
}
body, html { margin:0;padding:0;width:100%;height:100%; } 
	
/* D3 Data Driven Documents settings / Sunburst */
.slice { cursor: pointer; }
	
/* Tile settings: quote */
td.quote { 
  padding:20px;font-family:tahoma;color:white;font-size:22pt;  
  color: #FFFFFF;  
  text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5; 
} 
td.quoter { padding:20px;color:white; } 
}	
table.nboard tr td { font-family:arial;color:white;font-size:14pt; } 
table.nboard tr td img { padding:12px; } 
.tileinfo {
  font-size:11pt;
  background-color:lightyellow;
  color:black;
  border-radius:25px;
  border:1px solid black;
  padding:15px;
  display:none;
  position:absolute;
}
td.tiletitle { 
  font-size:16pt;
  vertical-align:bottom;
  height:28px;border-bottom:0.5px solid black;
  background-color:rgb(250,250,250,0.5);	
}	
/* Specifics for the attendance tile */
table.tendays {   
  border-collapse: initial; 
}
table.tendays tr td { 
  border-width:0.5px;
  border-style:solid;
  border-color:black; 
  border-radius: 10px 0px 14px 0px;
  width:20px;
  height:10px;
  padding:0px; 
} 
table.tendaysheader {
  border-collapse: initial;
}	
table.tendaysheader tr td { 
  width:20px;
  text-align: center;
  padding:0px;
} 

table.countdown { background-color:lightgray;border:1px solid black; }
table.countdown tr td { 
  padding: 16px;
  padding-bottom:2px;
  vertical-align: top;
}
/* Controls for the logonpad and message box */
table.logonpad {
  margin-bottom: 0.3rem!important;
  background-color:transparent;
}	

table.logonpad tr td  {
	border:0px solid red; 
	padding:5px;
}	
table.logonpad tr td input {
  background-color: #d9f6fa;
  padding:2px;
  border:0.5px solid grey;
  border-radius:5px;
}
ul.links { padding-inline-start: 0px; }
ul.links li { list-style:none;display:inline-block;padding:4px; }

@media all and (orientation:portrait) { 
  #logonpad { font-size: 12pt; }
  section.fullscreen-section { background-size:333%!important; } 
}
@media all and (orientation:landscape) {
  #logonpad { font-size: 8pt; }
}

#logonpad { 
  position: absolute;
  top: 0px;
  right: 2%;
  background-color:white;  
  opacity: 0.6;
  border: 1px solid gray;
  border-right: 0px;
  border-radius: 0px 0px 30px 30px;
  -webkit-box-shadow: 6px 4px 6px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 6px 4px 6px 0px rgba(0,0,0,0.6);
  box-shadow: 6px 4px 6px 0px rgba(0,0,0,0.6);
} 
#logonpad:hover { 
  opacity: 0.9;
}
#languagepad {
  position: fixed;
  bottom: 1%;
  right: 1%;
  width:50px;
/*  background-color:white;  
  color: black; */
  opacity: 0.7;
/*  border: 1px solid gray;
  border-right: 0px;
  border-radius: 30px 0px 0px 30px;
  -webkit-box-shadow: 26px 21px 6px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 26px 21px 6px 0px rgba(0,0,0,0.6);
  box-shadow: 26px 21px 6px 0px rgba(0,0,0,0.6); */
} 
#message {
  display:none;
  position:fixed;
  top:15%;
  left:-25px;
  background-color:rgb(255,0,0,0.75);
  font-size:14pt;
  color:white;
  border: 1px solid gray;
  border-left:0px;
  border-radius: 0px 30px 30px 0px;
  -webkit-box-shadow: 26px 21px 6px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 26px 21px 6px 0px rgba(0,0,0,0.6);
  box-shadow: 26px 21px 6px 0px rgba(0,0,0,0.6);
}
#cookiearticle {
  background-color:white;
  padding: 8px;
  position: fixed;
  bottom:20px;
  left:5%;
  width:90%;
  border:0.5px solid black;
}
#cookiearticle button {
  text-transform: initial;
}