/*General Styling*/  
  h2{
    text-align: left;
    color: #fff;
    font-size: 60px;
	font-family: 'Oswald', arial;
	font-weight:normal;
	text-transform: uppercase;
  }

  .dc-chart g.row text {
    fill: #fff;
  }

  body{
    background-color: #fff;
    font-family: arial;
  }

  #source
  {
    margin: -2% 0px 10px;
    float: Right;
    color: #fff;
    text-decoration:underline;
  }

  #text
  {
   padding: 1% 2%;
   color: white;
   background-color: #484A49;
   border: black 2px solid;
   font-size: 24px;
   font-family: 'Oswald', arial;
   font-weight: normal;
   text-transform: uppercase;
   line-height:1.2em;
  }

  hr
  {
   border: 0;
   border-bottom: 1px dashed #fff;
  }


  /*Legend*/
  .legend{
    width: 100%;
  }

  .legendcolor{
    /*width: 15px;*/
    height: 15px;
	width:35px;
  }

  .legendcontainer{
    padding-top:10px;
    text-align:center;
  }

 .maxmin{
    font-family: arial;
    font-size: 10px;
    width: 100%;;

  }

  /*Toggle Button*/
  .g-legend-title 
  {
    text-transform: uppercase;
    margin-left: 80%;
    color:#fff;
  }

  .g-legend-toggle 
  {
    color: #fff;
    cursor: pointer;
	line-height: 1.2em;
    text-align: left;
  }
    .g-legend-toggle img 
  {
   float:left;
   padding-right:10px;
  }
  .mapstyle {
	color: #fff;
	font-style: italic;
  }

  .mapToggle
  {
    width: 100%
  }

  /*Label*/
  .danger
  {
    background-color: #A80A0A;
    height: 26px;
    border: 1px solid #A80A0A;
    border-radius: 7px;
    color: #fff;
  }

  .safe
  {
    float: right;
    height: 26px;
    background: #74F2B1;
    border: 1px solid #74F2B1;
    border-radius: 7px;
    color: #000;
  }

  /*Radio Button*/
  .radioButton
  {
    margin-bottom: 2%;
    /*margin-left: 10%;*/
    margin-top: 2%;
  }

  .radioCircle
  {
    height: 16px;
    width: 16px;
    border-radius: 21px;
    background: #fff;
	border:none;
  }

  .radioCircle.selected
  {
    height: 16px;
    width: 16px;
    border-radius: 14px;
    background: #fff;
    border: 3px solid white;
  }

  .btn
  {
    border-width: 0px;
    background: black;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    width: 130px;
    text-align: left;
}


  .btn:hover {
    background: none;
    color: #fff;
  }

  .btn .active{
      background: none;
      color: #fff;
    }

  .btn:active{
    background: none;
    color: #fff;
    border: none;
  }

  .btn:focus{
    background: none;
    color: #fff;
  }

  /*Map*/
  .counties {
    fill: none;
    stroke: #eee;
  }

  .update {
    fill: #fff;
    stroke:#fff;
  }

  .states {
    fill: none;
    stroke: #ccc;
    stroke-linejoin: round;
  }

  
  .q0-9 { fill:rgb(247,251,255); }
  .q1-9 { fill:rgb(222,235,247); }
  .q2-9 { fill:rgb(198,219,239); }
  .q3-9 { fill:rgb(158,202,225); }
  .q4-9 { fill:rgb(107,174,214); }
  .q5-9 { fill:rgb(66,146,198); }
  .q6-9 { fill:rgb(33,113,181); }
  .q7-9 { fill:rgb(8,81,156); }
  .q8-9 { fill:rgb(8,48,107); }

  .Burglary .q0-9 { fill:rgb(247,251,255); }
  .Burglary .q1-9 { fill:rgb(222,235,247); }
  .Burglary .q2-9 { fill:rgb(198,219,239); }
  .Burglary .q3-9 { fill:rgb(158,202,225); }
  .Burglary .q4-9 { fill:rgb(107,174,214); }
  .Burglary .q5-9 { fill:rgb(66,146,198); }
  .Burglary .q6-9 { fill:rgb(33,113,181); }
  .Burglary .q7-9 { fill:rgb(8,81,156); }
  .Burglary .q8-9 { fill:rgb(8,48,107); }


  .bootstrap-switch{
    height: 28px;
  }

  #switch1 {
    background: #FF9900;
	float:left;
padding-right:3px;
margin-top:6px;
	
  } 
  #switch2 {
    background: #3399CC;
	float:left;
padding-right:3px;
margin-top:6px;
  } 
  #switch3 {
    background: #770FBD;
	float:left;
padding-right:3px;
margin-top:6px;
  }   
  #switch4 {
    background: #FBE026;
	float:left;
padding-right:3px;
margin-top:6px;
  } 
  #switch5 {
    background: #00FFCC;
	float:left;
padding-right:3px;
margin-top:6px;
  }         
  #switch6 {
    background: #FF6699;
	float:left;
padding-right:3px;
margin-top:6px;
  } 
  #switch7 {
    background: #66CC00;
	float:left;
padding-right:3px;
margin-top:6px;
  } 
  #switch8 {
    background: #9966CC;
    float:left;
padding-right:3px;
margin-top:6px;
  }   
  #switch9 {
    background: #0066CC;
	float:left;
padding-right:3px;
margin-top:6px;
  }
  #switch10 {
    background: #CC0000;
	float:left;
padding-right:3px;
margin-top:6px;
  }
  #switch11 {
    background: #524F51;
	float:left;
padding-right:3px;
margin-top:6px;
  }

  label{
    color: #fff;
  }

  /*tooltip*/
  div.tooltip {
  position: absolute;
  width: 250px;
  padding: 8px;
  padding-top:0px;
  margin-top:-15px;
  font: 14px arial;
  pointer-events: inherit;
  }

  .boldDetail{
    font-weight: bold;
  }

  .normalDetail{
    font-weight: normal;
  }

  /*bubbles*/
  .bubbles
  {
    fill-opacity: .8;
    stroke: #fff;
    stroke-width: .5px;
  }
 /*text*/
  .span3 {
	  text-align: left;
      color: #fff;
      padding-left: 15px;
	  font-weight:bold;
	  font-size:16px;
  }

.btn hover {
	background-color: #fff;
}