.js-plotly-plot .plotly .modebar {
  padding-top: 5%;
  margin-right: 3.5%;
}

body {
  background-color: #D9E6FF;
  margin: 5%;
  font-family: verdana;
  color: #9CB2D9;
}

div {
  color: #9CB2D9;
  font-family: verdana;
}

.radio-labels {
    color: #2BFEBE;
}
.radio-labels.radio-labels-checked {
    color: #2BFEBE;
}

input[type="radio" i] {
    border: 1px solid #5C8CBE;
    color: #2BFEBE;
}

.has-value.Select--single>.Select-control .Select-value .Select-value-label {
  color: #9CB2D9;
  font-color: #9CB2D9;
}

.Select--single > .Select-control .Select-value .Select-input .Select-placeholder {
  color: #9CB2D9;
  font-color: #9CB2D9;
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label {
  color: #9CB2D9;
  font-color: #9CB2D9;
}

.Select-control {
  background-color: #1b2444;
  color: #9CB2D9;
  box-color: #1b2444;
}

.control--item {
  background-color: transparent;
  border-color: #525F89;
  color: #9CB2D9;
}

.Select-menu-outer {
  background-color: #1b2444;
  color: #9CB2D9;
  box-color: #1b2444;
}

.two.columns {
  width: 16.25%;
}

.column,
.columns {
  margin-left: 0.5%;
}

.pretty_container {
  border-radius: 2px;
  font-family: verdana;
  background-color: #1b2444;
  margin: 10px;
  padding: 15px;
  position: relative;
  box-shadow: 2px 2px 2px #131929;
}

.pretty_container_wind {
  border-radius: 2px;
  font-family: verdana;
  background-color: #1b2444;
  margin: 10px;
  padding: 15px;
  position: relative;
}

.mini_container {
  border-radius: 2px;
  background-color: #1b2444;
  font-family: verdana;
  margin: 10px;
  padding: 15px;
  position: relative;
  box-shadow: 2px 2px 2px #131929;
}

.bare_container {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.dcc_control {
  margin: 0;
  background-color: #1b2444;
  font-color: #9CB2D9;
  font-family: verdana;
  padding: 5px;
  width: calc(100%-40px);
}

.control_label {
  margin: 0;
  padding: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  width: calc(100%-40px);
}

.rc-slider {
  margin-left: 0px;
  padding-left: 0px;
}

.flex-display {
  display: flex;
}

.container-display {
  display: flex;
}

#individual_graph,
#aggregate_graph {
  width: calc(100% - 30px);
  position: absolute;
}

#weather_graph {
  position: relative;
  background-color: #1b2444;
}

#zucchini_graph {
  position: relative;
  background-color: #1b2444;
}

#weatherGraphContainer {
  background-color: #1b2444;
  flex: 5;
  position: relative;
}

#zucchiniGraphContainer {
  background-color: #1b2444;
  flex: 5;
  position: relative;
}

#wind_rose_graph {
  position: relative;
  display: flex;
  background-color: #1b2444;
}

#WindRoseGraphContainer {
  background-color: #1b2444;
  flex: 5;
  position: relative;
}

#heatmap_graph {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #1b2444;
}

#heatmapGraphContainer {
  background-color: #1b2444;
  flex: 5;
  position: relative;
}

#header {
  align-items: center;
}

#title {
  text-align: center;
}

#right-column {
  display: flex;
  flex-direction: column;
}

#left-column {
  display: flex;
  flex-direction: column;
}

#id_outtemp {
  flex: 1;
}

#id_winsp {
  flex: 1;
}

#id_raind {
  flex: 1;
}

#id_presabs {
  flex: 1;
}

#id_350 {
  flex: 1;
}

#id_400 {
  flex: 1;
}

#id_450 {
  flex: 1;
}

#id_500 {
  flex: 1;
}

#aggregate_data {
  align-items: center;
}

#tripleContainer {
  display: flex;
  flex: 3;
}

#mainContainer {
  display: flex;
  flex-direction: column;
}

.div-logo{
  display: inline-block;
  float: left;
}

.logo{
  height: 140px;
  padding: 6px;
  margin-top: 3px;
}

.div-logo-github{
  display: inline-block;
  float: right;
}

.logo-github{
  height: 32px;
  padding: 6px;
  margin-top: -30px;
}