/*wave.css*/

body{	
		font-family: Verdana,Geneva,sans-serif; 
		font-size:10px;
		font-style:bold; 
		background-color: #ffffff; 
		color:black;
		} 
span.b {
		display: inline-block;
		padding: 5px;
		/*border: 1px solid white;    */
		width: 95%;
		border-radius: 5px;
}

table{	
		border-collapse:seperate;
		border-color:#e1e1e1;
		background-color:#ffffff; 
		}   
table.report1{
		text-align:left;
		width:99%;
		}
a{color:black;}
button {
			/*font-family: Garamond,sans-serif; */	
		font-family: Verdana,Geneva,sans-serif; 
		font-size:12px;
		font-weight: bold;
		/*font-style: italic;*/		
		color: black;	
		background-color: white;
		border: 1px solid #e7e7e7;
		border-radius: 2px;			
		cursor:pointer;
		width:99%;	
		
		/*.prevent-select of text on button*/	
		-webkit-user-select: none; /* Safari */
		-ms-user-select: none; /* IE 10 and IE 11 */
		user-select: none; /* Standard syntax */			
		} 
		
button.tmain_button, .tsub_button{
		font-family: Verdana,Geneva,sans-serif; 
		font-size:10px;
		font-style:bold; 
		background-color: #ffffff; 
		color:black;	
		
		
		}
				

input[type="checkbox"]:checked{
  background-color: red;
  transform: scale(1.25);
}


#menu_navbar {
		border: none;
		border-radius: 6px;						
		} 	
#menu_navbar_explain {
		border: none;
		border-radius: 6px;						
		} 		
sub {
		font-family: Verdana,Geneva,sans-serif; 
		font-size:6px;
		font-weight: normal;
		font-style: normal;			
		color: #BEB2BE;	
		}
button.hnb1:active{
		background-color: #b7b7b7 ;
		}
div.menu_navbar {
		background-color: #efefef; 
		border-radius: 4px;	
			
		/*.prevent-select of text on div*/	
		-webkit-user-select: none; /* Safari */
		-ms-user-select: none; /* IE 10 and IE 11 */
		user-select: none; /* Standard syntax */			
		}

/*svg background-color is set in w6.SVG */
/*svg {background-color:hsl(0, 100%, 0%);cursor:pointer;} */



/*
@media only screen and (max-width: 600px) {
  body {
      font-size: 1rem;
    padding: 1rem;
  }
  #svg_output_4 { 
	width:92px;
  }
*/
@media screen and (max-device-width: 600px) {#svg_output_2 {display: none;}}
@media screen and (max-device-width: 600px) {#svg_output_3 {display: none;}}
/* 
@media screen and (max-device-width: 600px) {#svg_output_4 {display: none;}}
@media screen and (max-device-width: 600px) {#html_start_button {display: block;}}  */
#html_start_button {visibility: hidden;} /* hidden */
/* #svg_output_2 {visibility: hidden;} hidden */
/* #svg_output_3 {visibility: hidden;} hidden */

/*hidden @media screen and (min-device-width: 600px) {#svg_output_5 {display: none;}}*/


.active, .apin:hover {cursor: pointer;width:99%; }
.active, .cpin:hover {cursor: pointer;width:99%; }
.active, .triax:hover {cursor: pointer;width:99%; }
.active, .curvepin:hover {cursor: pointer;width:99%; }
.active, .velopin:hover {cursor: pointer;width:99%; }
.active, .perpend:hover {cursor: pointer;width:99%; }

.tr1_list_head{
		background-color: #fff4d3;
		font-weight: bold;	
		font-style: normal;		
		font-size:14px;		
		}

.tr1_list{
		font-family: "Courier New", Courier, monospace;
		font-size:12px;
		font-weight: normal;
		font-style: italic;		
		background-color: #fffefa;
		color: black;
		cursor: pointer;
		padding: 2px;
		width: 100%;

		text-align: left;
		}
.active, .tr1_list td:hover{background-color: #fdf4d3 ;}
.active, .tr1_list span:hover{color: hsl(204,80%,45%) ;}