/*wave.css*/

body{	/*

		
		*/	
		
		font-family: Verdana,Geneva,sans-serif; 
		font-size:10px;
		font-style:normal; 

		background-color: light-silver; 
		color:black;		
		} 
	
	
.button_scaleupdate {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}	
	
svg{
			font-family: "Brush Script MT", cursive;	
		font-size:14px;
		font-style:italic; 	
	
}	
#html_ctrl_xu1_screen{
		font-family: Verdana,Geneva,sans-serif; 
		font-size:7px;
		font-style:normal;  	
	
}

span.b {
		display: inline-block;
		padding: 5px;
		/*border: 1px solid white;    */
		width: 95%;
		border-radius: 5px;
}
span.vdata1 {color:red;}
span.vdata2 {color:blue;}
span.vdata3 {color:orange;}
span.vdata4 {display: inline-block;width:180px;margin-left: 2px;margin-right: 4px;color:purple;}
span.vdata5 {color:green;}
span.vdata6 {color:purple;}


table{	
		border-collapse:seperate;
		border-color:#e1e1e1;
		font-size:11px;
		background-color:#ffffff; 
		}   
table.report1{
		text-align:left;
		width:99%;
		}

button {
			/*font-family: Garamond,sans-serif; 
					font-family: "Brush Script MT", cursive;	
			font-family: Verdana,Geneva,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);
}
#html_onload_text{
		font-size:12px;
		font-style:bold; 
		color:gray;					
		} 
		
.info_tips{
		font-size:10px;
		font-style:bold; 
		color:hsl(185,20%,45%);				
		} 		
		
#html_demo_text_panel{
		font-size:12px;
		font-style:normal; 
		color:hsl(85,0%,35%)/*hsl(85,20%,45%);	*/				
		} 

one{color:hsl(0,70%,50%);}/*color one <one>one</one>*/
phi{color:hsl(120,70%,40%);}/*color phi <phi>phi</phi>*/
pho{color:hsl(240,70%,50%);}/*color pho <pho>pho</pho>*/

a{
	font-size:10px;
	/*color:silver;*/
	cursor:pointer;
	text-decoration:underline; 
	color:hsl(185,20%,45%);		
	}		

		
#html_demo_text0,#html_demo_text3,#html_demo_count2on5000{
		font-size:16px;
		font-style:bold; 
		color:gray;					
		} 

#html_demo_text5{

		font-size:12px;
		font-style:italic; 					
		} 




#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;
  }

  
  
}

@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 paragraphs */
.button_scaleupdate:active {
  background: hsl(0,0%,15%);
}



.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 tr:hover{background-color: #fdf4d3 ;}
.active, .tr1_list span:hover{color: hsl(204,80%,45%) ;}