body {
  background-image: url(crossword.png);
}

#main {
  margin-top: 25px;
  padding: 0px;
  box-shadow: 0px 0px 6px #A0A0A0;
  background-color: #FFFFFF;
}

/*plot-type selection tabs*/
.nav-tabs .nav-item .nav-link {
  color: #828282;
  border-radius: 0px;
  border-top: 4px solid transparent;
}
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link.active:hover {
  color: #000000;
  border-top: 4px solid #75CFF3;
}
.nav-tabs .nav-item .nav-link:hover{
  color: #75CFF3;
  border-top: 4px solid #75CFF3;
}

#paramSelect {
  padding-top: 15px;
}

/* Optgroup labels in the field dropdown */
#fieldSelect optgroup {
  color: #495057;
  font-weight: bold;
  font-style: normal;
}

#fieldSelect optgroup option {
  font-weight: normal;
  color: #495057;
  padding-left: 8px;
}
#info {
  padding-top: 3px;
  padding-bottom: 3px;
}
#info button code {
  color: #0C5C9A;
}
#info button:hover {
  background-color: #000000;
}
#info button:hover code {
  color: #75CFF3;
}
/*slider stylings*/
/*#sliderRow {
  padding: 0px 10px 0px 10px;
}*/
.slider-wrapper {
  height: 30px;
  /*padding-top: 3px;
  padding-bottom: 3px;*/
}
.slider-wrapper input,
.slider-wrapper input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  width: 100%;
  height: 24px;
  background-color: #BEBEBE;
  border: none;
  border-radius: 12px;
  box-shadow: inset 0 1px 3px #828282;
}
.slider-wrapper input::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 24px;
  width: 36px;
  border-radius: 12px;
  background: #0C5C9A;
  box-shadow: inset 0px 0px 3px 0px rgba(255,255,255,0.2);
  cursor: pointer;
}
.slider-wrapper input:focus {
  outline: none;
}