html {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}

#current-site-title{
  font-size: 2em;
  font-weight: bold;
  text-align: left;
  /* text-transform: uppercase; */
  color: #245ba3;
  margin-left: 20px;
}

#time-selector-container {
  margin-top: 0%;
  text-align: left;
}


.custom-hr {
  margin-top: 2px;
  margin-bottom: 0px;
}

.chart {
  /* max-width: 1600px; */
  height: 200px;
  /* margin: 20px; */
}

.chart svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.chart .nv-wrap .nv-area {
  fill: #c0d6ff;
}

ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
ul :hover{
  color: blue;
  cursor: pointer;

  
}

.time-block:hover {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

#time-selector-container{
  background-color: #ffffff;
}


.time-block{
  display:inline-block;
  position: relative;
  padding: 20px;
  color: #5585d3;
  border-radius: 20px
}

.time-block.graph-controller:hover{
  color: blue;
}

#content-container{
  display: flex;
}

#selector-container{
  /* display:inline-block; */
  top: 25px;
  position: relative;
  left: 80px;
  
}

#chart-container{
  /* display:inline-block; */
  width:1000px;
}

#site-container{
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 2px solid #245ba3
  
}

.site-controller{
  /* font-size: 1.2rem;
  border-radius: 3px;
  padding: 5px 10px; */
}

#selector-header{
  margin-bottom: 10px;
  font-size: larger;
}

.highlight{
  /* background-color: rgba(255, 0, 0, 0.3); */
  text-decoration: underline;
  color: blue;
}