/*---------------------------------------------------------------------*/	
/*							Reference STYLES*/
/*---------------------------------------------------------------------*/	
	.refContainer{background-color: none; min-height: 87vh; padding-top:70px;}
	.refContainer-out{display:flex;}
	.refContainer-l{
		width:20%;
		margin-top: 25px;
		margin-bottom: 25px;
		border-right-style: solid; 
		border-width: 2px;
		border-color: #dddddd; 	
	}
	.wrapperDrop{display: inline-block;}
	
	.dropdown{display:none;}
	
	.refPanel{background-color:white;margin:10px 40px 0px 20px;border: 1px solid black; border-radius: 3px; padding:10px 10px; font-size:16px; }
	.refPanel>a{text-decoration:none;   color:black; }
	/*.refPanel:first-child{font-style:bold; background-color:rgb(51, 122, 183); }*/
	.refPanel:hover{font-weight: bold; background-color:rgb(51, 122, 183);}
	
	.refContainer-r{
		flex:1;
		margin: 15px 25px 25px 25px ;
		overflow:hidden;
	}
		
	

/*---------------------------------------------------------------------*/	
/*							Responsive SVG IMage STYLES*/
/*---------------------------------------------------------------------*/		

	th,td{padding: 5px 15px 5px 15px ;}	
	
	tr:nth-child(even) {background-color: #dddddd;}
	
	.sec{width:100%; height: auto; clear: left; display:inline-block;}
	
/*---------------------------------------------------------------------*/	
/*							Responsive SVG IMage STYLES*/
/*---------------------------------------------------------------------*/		
	svg{ height: auto; min-height: 500px; width: 100%;  }
	
	polygon{ transition: .6s fill;}
	polygon:hover{fill: #666666;}
	
	.parent 
	{
	 width: 100%;
	  
	}
	
	.child {
	  height: 900px;
	  transition: all .5s;
	  padding-left: 50px;	  
	  image-position: center;
	  display:block;
	  //background-size: cover;
	}
	
	/*.refConRight:hover .child,
	.refConRight:focus .child {
	  transform: scale(2);
	  
	}*/
	
	#btn1 {
		position:absolute;
		top:10px;
		left:5px;
		width: 60px;	
	}
	
	#btn2 {
		position:absolute;
		top:30px;
		left:5px;   width: 60px;
	}
	
	#btn3 {
		position:absolute;
		top:50px;
		left:5px;  width: 60px; 
	}

 .svg-small-heading{display: none;} 

	
/*---------------------------------------------------------------------*/	
/*							CONTROLLER REferences STYLES*/
/*---------------------------------------------------------------------*/	
	.compass{
    fill:  #fff;
    stroke:  #000;
    stroke-width:  1.5;
  }
  .button{
    fill:  #225EA8;
    stroke:  #0C2C84;
    stroke-miterlimit:	6;
    stroke-linecap:  round;
  }
  .button:hover{
    stroke-width:  2;
  }
  .plus-minus{
    fill:  #fff;
    pointer-events: none;
  }
  
  
  
  	
/*---------------------------------------------------------------------*/	
/*							Responsive Styles*/
/*---------------------------------------------------------------------*/	
  
  
  @media screen and (min-width:1500px) {
    
	.refContainer{margin-left: 10%; margin-right: 10%;}
	.child {height: auto; padding-left:5px;}
	svg{ min-height: 800px !important;  }
	
	}
	
	@media screen and (max-width:1500px) and (min-width:950px) {
	.child {height: auto; padding-left:5px;}
	.refContainer{margin-left: 5%; margin-right: 5%;}
	.refContainer-l{width:25%;}
	.child {height: auto;}
	}
	
	@media screen and (max-width:950px) and (min-width:0px) {
		
    .child {height: auto; padding-left:5px;}
	.h3-header{text-align:left; display:none;}
	h2{padding-left:0px;}
	h3{padding-left:0px;}
	.container {padding-left:0px;padding-right:0px;}
	.refContainer{margin-left: 10px; margin-right: 10px;}
	.refContainer-l{display:none;}
	.refContainer-out{display:block;}
	
				.dropbtn {
					background-color: rgb(51, 122, 183);
					color: white;
					padding: 16px;
					padding-left: 50px;
					padding-right: 50px;
					font-size: 16px;
					border: none;
					cursor: pointer;
					}

				.dropdown {
					position: relative;
					display: inline-block;
					margin: 25px auto 0px 20px ; 
					
					
				}

				.dropdown-content {
					display: none;
					position: absolute;
					background-color:white;
					padding:10px 10px; 
					font-size:16px; 
									
					
					min-width: 160px;
					box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
					z-index: 1;
				}

				.dropdown-content a {
					color: black;
					padding: 12px 16px;
					text-decoration: none;
					display: block;
				}

				.dropdown-content a:hover {background-color: #337ab7;}

				.dropdown:hover .dropdown-content {
					display: block;
				}

				.dropdown:hover .dropbtn {
					background-color: #337ab7;
				}
	
	
	}
	
	 @media screen and (max-width: 450px) { 
	 .refContainer-r {margin: 25px 0px 50px 0px;}
	 .dropbtn {padding-left: 15px;}
	 .dropdown {margin: 25px auto 0px 5px ; }
	 td {padding: 5px 5px 5px 5px;}
	 .svg-small-heading{display: block;}
	 
	 }