html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -52px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 52px;
              }



        .btn{
			background: #989890 ;
			/*color: #FFF;*/
			
		}

		.well{
			height: 100%;
		}
		
		.d3-tip {
		  line-height: 1;
		  /*font-weight: bold;*/
		  padding: 10px;
		  background: rgba(0, 0, 0, 0.8);
		  color: #fff;
		  border-radius: 2px;
		}

		/* Creates a small triangle extender for the tooltip */
		.d3-tip:after {
		  box-sizing: border-box;
		  display: inline;
		  font-size: 6px;
		  width: 100%;
		  line-height: 1;
		  color: rgba(0, 0, 0, 0.8);
		  content: "\25BC";
		  position: absolute;
		  text-align: center;
		}

		/* Style northward tooltips differently */
		.d3-tip.n:after {
		  margin: -1px 0 0 0;
		  top: 100%;
		  left: 0;
		}
		path:hover{
          fill: blue;
        }
        #footer{
        border-radius: 5px;
        padding-top: 16px;
    	background: rgb(10,10,10);
    	text-align:center;
    	color:rgb(255,255,255);
    	font-family:Helvetica,Arial,sans-serif;
        }


        
        .well-sm{
        	padding: 1px 1px 1px 8px;
        }

      #legendhead{
      	text-align: center;
      }