/* ******************* Dark Mode Test ******************* */
/*
.mapboxgl-canvas {
  Opção 1
  filter: invert(1) hue-rotate(180deg) grayscale(0.7);
  Opção 2
  filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3)
    brightness(0.7);
}
*/
/* ******************* Dark Mode Test ******************* */

/* ******************* General ******************* */
body {
  background-color: white;
}
/* ******************* General ******************* */

/* ******************* Table Emission ******************* */
.table-emission {
  width: 100%;
  font-size: 2.5vmin;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.table-emission-td,
.table-emission-th {
  border: 3px solid black !important;
}
/* ******************* Table Emission ******************* */

/* ******************* Map ******************* */

#teste-dash-leaflet {
  /* To show the dropdown above the map */
  position: sticky;
  color: black;
}

#maps-filters-div {
  position: relative;
  top: -101vh;
  width: 100%;
  max-width: 100%;
}

#maps-filters-container-row {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.7);
}

#col-graph-maps {
  padding: 0px !important;
}
/* ******************* Map ******************* */

/* ******************* Dropdown ******************* */

.Select-value-label {
  color: rgb(41, 56, 55) !important;
  padding-top: 7px;
  font-size: 19px;
  vertical-align: middle;
}

.VirtualizedSelectOption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ******************* Dropdown ******************* */

/* ******************* Change style of the DatePickerRange ******************* */
/* Calendar date start and end */
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: rgb(41, 56, 55) !important;
  border: 1px double rgb(41, 56, 55) !important;
  color: rgb(251, 251, 252) !important;
}

/* Calendar in between start and end date */
.CalendarDay__selected_span {
  background: rgb(93, 113, 120) !important;
  border: 1px double rgb(93, 113, 120) !important;
  color: rgb(251, 251, 252) !important;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: rgb(57, 81, 85) !important;
  border: 1px double rgb(57, 81, 85) !important;
  color: rgb(251, 251, 252) !important;
}

.DateInput_input_1 {
  color: black !important;
}
/* ******************* Change the color of the DatePickerRange ******************* */