/* Styles.css */

/* No border on DateRangePicker */
.SingleDatePickerInput {
  border: 0px;
  background-color: transparent;
  border-color: transparent; 
  box-shadow: transparent;
}

/* Fix box width of datepicker to be 100% of parent container*/
.DateInput, .DateInput_1 {
  width: 100%; /* replace with whatever length you prefer */
  height: 40;
  background-color: transparent;
  border-color: transparent; 
  box-shadow: transparent;
}

.DateInput_input, .DateInput_input_1 {
  text-align: center;
  font-family: arial;
  font-size: 0.8rem;
  font-weight: 400;
  background-color: transparent;
  color: black;
  margin: 0px;
  border-color: transparent; 
  box-shadow: transparent;
}

/* Make links yellow and underlined on hover */
/* Need to use !important so that it overrides css in python code */
.nav-link:hover {
  color: yellow !important;
  text-decoration-line: underline !important;
  text-decoration-color: yellow !important;
}

/* Make inputs yellow when hovered over */
.inp:hover {
  background-color: yellow !important;
}

/* Make button shade change when hovered over */
.calc_btn:hover {
  background-color: #0F6B62 !important;
  border-color: #0F6B62 !important;
}

.res_btn:hover {
  background-color: #2B71A1 !important;
  border-color: #2B71A1 !important;
}