/* General formatting */

body {
  padding: 0 10px;
  font: 18px/1.5 -apple-system, BlinkMacSystemFont, "avenir next",avenir, "Segoe UI", "lucida grande", "helvetica neue", helvetica, "Fira Sans",roboto, noto, "Droid Sans", cantarell, oxygen, ubuntu, "franklin gothic medium", "century gothic", "Liberation Sans",
  sans-serif;
}

h1, h2, h3 {
  line-height: 1.2
}

/* Your text should be in a nice narrow column */
.content-column {
  max-width: 650px;
  margin: 40px auto;
}

/* But your visualization should be full-width and full-height */
.vis-holder {
  width: 100%;
  height: 100%;
}

/* Fork on GitHub ribbon via https://codepo8.github.io/css-fork-on-github-ribbon/# */  

#forkongithub a{
  background:#00F;
  color:#fff;
  text-decoration:none;
  font-family:arial,sans-serif;
  text-align:center;
  font-weight:bold;
  padding:5px 40px;
  font-size:1rem;
  line-height:1.4rem;
  position:relative;
  transition:0.5s;
}
#forkongithub a:hover{
  background:#118;
  color:#fff;
}
#forkongithub a::before,#forkongithub a::after{
  content:"";
  width:100%;
  display:block;
  position:absolute;
  top:1px;
  left:0;
  height:1px;
  background:#fff;
}
#forkongithub a::after{
  bottom:1px;
  top:auto;
}

@media screen and (min-width:1000px){
  #forkongithub{
    position:fixed;
    display:block;
    top:0;
    right:0;
    width:200px;
    overflow:hidden;
    height:200px;
    z-index:9999;
  }

  #forkongithub a{
    width:200px;
    position:absolute;
    top:60px;
    right:-60px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    box-shadow:4px 4px 10px rgba(0,0,0,0.8);
  }
}

/* Custom Formatting */

.vis-container {
  display: flex;
  flex-wrap: wrap;
}
/*
.states {
  fill: #aaa;
}
*/

#changeMap{
  color:white;
  background-color: forestgreen;
  border:none;
  border-radius: 3px;
  padding: 3px;
  font: 18px/1.5 -apple-system, BlinkMacSystemFont, "avenir next",avenir, "Segoe UI", "lucida grande", "helvetica neue", helvetica, "Fira Sans",roboto, noto, "Droid Sans", cantarell, oxygen, ubuntu, "franklin gothic medium", "century gothic", "Liberation Sans",
  sans-serif;
  margin-bottom: 3px;
}

#changeMap:hover{
  background-color: darkolivegreen;
}
#state-borders {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
}

.cities {
  /*fill: orange;*/
}

circle.selected {
  fill: #1f9173;
}

td{
  user-select: none;
}

.selectedRow {
  background-color:#1f9173;
}

.table-holder {
  width: 40%;
  height: 300px; 
  overflow-y:auto;
}

th, td {
  border-bottom: 1px solid #ddd;
  padding: 4px;
  font-size:10px;
}

iframe {
height: 500px;
overflow: hidden;
position: relative;
width: 850px;
border-top: 1px solid #90C547;
border-bottom: 1px solid #90C547;
}