/* LEFT NAVIGATOR */
.upperText  {
  border: 1px solid #e3e3e3;
}

.upperText p{
  font-size: 16px;
  margin: 1rem 15px 1rem 15px !important;
}

.leftNavigator {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

p {
    margin-top: 1rem;
    margin-bottom: .3rem;
}

select {
    width: 100%;
}

.methodsOptions {
    padding-left: 0%;
}

.col-1 {
    padding: 0px;
    box-sizing: border-box;
    max-width: 20px;
}
.col-11 {

    padding: 0px;
    flex: 0 0 94%;
    max-width: 100%;
}

#adjustmentOption2 {
    padding-top: 5px;
}

body {
  font-size: 14px;
}

.display {
  width: 100%!important;
}

#obsVals_wrapper {
  margin-top: 10px;
}

#obsVals_filter label {
  font-weight: bold;
}

#obsVals_length label {
  font-weight: bold;
}

#obsVals_length select {
  width: 50px;
  font-weight: normal;
}

#allCheckVals_wrapper {
  margin-top: 10px;
}

#allCheckVals_filter label {
  font-weight: bold;
}

#allCheckVals_length label {
  font-weight: bold;
}

#allCheckVals_length select {
  width: 50px;
  font-weight: normal;
}

#noCheckVals_wrapper {
  margin-top: 10px;
}

#noCheckVals_filter label {
  font-weight: bold;
}

#noCheckVals_length label {
  font-weight: bold;
}

#noCheckVals_length select {
  width: 50px;
  font-weight: normal;
}

/* Main chart */
#container-fluid {
  padding-right: 0%;
  padding-left: 5px;
  /* border: 1px solid #e3e3e3; */

}

#distPlot {
  width: 100%;
  height: 700px;
  /* border: 1px solid red; */
  border-radius: 2px;
  margin-bottom: 10px;
}

#legendBox {
  width: 100%;
  height: 50px;
  /* border: 1px solid blue; */
  border-radius: 2px;
  margin-bottom: 10px;
  margin-left: -15px;
}

#chart_svg {
  /* width: 100%; */
  margin-top: -20px;
  /* background-color: rgb(219, 183, 157); */
}


#multiTitle {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}


.chartTitle {
  font-size: 25px;
  font-weight: 600;
}

#plotTitle {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}

.mini_chartTitle {
  font-size: 14px;
  font-weight: 600;
}

.tick {
  font-size: 12px;
}

.labelText {
  font-size: 18px!important;
  font-weight: 600 !important;
  fill: rgb(7, 7, 7);
}

.collapse {
  display: none;
}

.expand {
  display: block;
}


.tooltip {
  position: absolute;
  padding: 7px;
  font-size: 13px;
  font-family: 'Open Sans' sans-serif;
  pointer-events: none;
  background: #ffffff;
  border: 2px solid;
  border-radius: 4px;
  /*opacity: 1; */
  -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
}
.tooltip p {
  margin: 0;
  padding: 0;
}
.tooltip table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.legend {
  border: solid 1.5px #e3e3e3;
  display: block;
  margin: 0 auto;
  /* transform: translate(250%, 0%); */
}