@import url('https://fonts.googleapis.com/css?family==Public+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+sans&display=swap');

* { 
	font-family: 'Noto sans', Arial, Helvetica, sans-serif; 
	font-size: 1.05em;
	/* font-family: 'Public Sans',Helvetica, Arial, sans-serif; */ 
}

html, body {   
	background-color:#cceeff;
	font-size:1,0em;
}


#menu {
	width:800px;
	margin:auto;
	background-color:#4682B4;
	/* background-color:#008B8B; */
}

#menu .title{
/*	font-family:'Public Sans',sans-serif,Helvetica,Arial; */
	font-weight: bold;
	font-size:2.5em;	
	color: white;
	padding-top:   0px;
	padding-bottom:5px;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 90%;
	text-shadow: 4px 4px #000080;	
}

#menu .mini{
/*	font-family:'Public Sans',sans-serif,Helvetica,Arial; */
	font-size:12px;	
	color: white;
	padding-top:   0px;
	padding-bottom:0px;
	/* line-height: 80%; */
	/* text-shadow: 3px 4px #006400;*/ 
	
}

.subtitle{
/*	font-family:'Noto Sans', sans-serif, Helvetica, Arial;*/
	font-size:1.2em;	
	font-weight: bold;
	color: red;
	padding-top:   0px;
	padding-bottom:0px;	
}

.mini{
/*	font-family:'Public Sans',sans-serif,Helvetica,Arial; */
	font-size:0.8em;	
	color: black;
	padding-top:   0px 0;
	padding-bottom:0px 0;	
}


table {
	font-size:13px; 
	font-weight: 600;
/*	font-family:'Public sans',monospace, monospace; */
	padding: 1px;
	/* background-color:white; */
}

#footer {
	font-size:12px;
	/* font-family:'Public Sans',sans-serif, Helvetica, Arial; */
	/* font-style: italic;*/
}	

.menu table, .menu tr, .menu td {
	text-align:middle;
	padding-top:   5px;
	padding-bottom:5px;
	font-size:     1em;
/*	font-family:   'Noto Sans',sans-serif,Helvetica,Arial; */ 
	font-weight: 550;
	/* border: solid 1px black; */
	border: none 0px;	
	border-collapse: collapse;	
}
.xmenu {background-color: #FAEBD7;}

.menu a, .spots a {
	text-decoration:none;
	color: blue;
}

.menu a:hover {
	color: yellow;
	background-color: black;
	}
	
.spots table{
	width: 800px;
	background-color: white;
	/* border: solid 2px blue; 	*/
	border: none 0px;
	border-collapse: collapse;	
}

.spots th {
	font-weight: 400;
	color: white;		
	/* border: solid 2px blue; 	*/
	border: none 0px;
    border-collapse: collapse;	
	padding-top:   3px;
	padding-bottom:3px;
	/* background-color: #7FFFD4; */
	background-color:#4682B4;
}
.spots td {
	font-size:0.9em;
	}
.spots tr {
	padding-top:   3px;
	padding-bottom:3px;
	/* border: solid 2px blue; 	*/
	border: none 0px;	
    border-collapse: collapse;	
	background-color: white;
}

/* .spots tr:hover {background-color: #7FFFD4;} */

.spots tr:nth-child(odd) {
	background-color: #ccffff;
}

.spots td {
	padding-top:   2px;
	padding-bottom:2px;
	/* border: solid 2px blue; 	*/
	border: none 0px;
    border-collapse: collapse;		
}

input[type=text] {
	margin:10px 0;
	padding: 5px;
	font-family:'Noto Sans',sans-serif, Helvetica, Arial;
	font-size:13px;	
	font-weight: bold;
	width:300px;
	border-radius:5px;
	color: black;  
	text-transform: uppercase;
}

select {
	width: 120px;
	padding:6px;
	border-radius:5px;
	font-family:'Noto Sans', sans-serif, Helvetica, Arial;
	font-size:13px;	
	font-weight: bold;
	color: black;  
}

input[type=submit] {
  /* remove default behavior */
  appearance:none;
  -webkit-appearance:none;
  /* usual styles */
  padding:10px;
  border:none;
  background-color:#4682B4;
  color:#fff;
  font-weight:600;
  border-radius:5px;
  width:100%;
}

 .buttonRefresh {
  border-radius: 4px;
  border-style: solid;
  border-color: black;
  color: black;
  background-color: #ff4d4d !important;
  padding: 1px 12px;
  font-size: 22px!important;
  font-weight: bold; 
  text-decoration: none;
  text-align: center;  
  vertical-align: bottom;  
}