/* ========= MAP ========= */
div#map {
  width: 100%;
  /*height: 580px;*/
  /*border: solid 1px #bfbfbf;*/
}

.table-responsive {
  min-height: .01%;
  overflow-x: visible !important;
}

/* ========= Dynamic text ========= */

#dynamicSection {
  min-height: 140px;
  margin-top: 50px;
  border-left: 6px solid white;
}

.labelPTs:hover,
/*.monthLabel:hover,*/
#datasourceTitle:hover {
  font-weight: bold;
  cursor: pointer;
}


.noUi-connect {
  background: #54278f !important;
}

#alldays rect {
  opacity: 0.2;
}

/* ========= Filters ========= */

/*.filterParent {*/
/*  display: flex;  */
/*}*/

.filter {
  margin-top: 20px;
  margin-right: 20px;
  display: inline-block;
  height: auto;
  /*flex: 0 0 19%;*/
  max-height: auto;
  overflow: hidden;
  /*margin: 5px;*/
}

.filter>select {
  max-width: 280px;
}


/* ======== timeframe ======= */
/*.month {*/
/*    fill: none;*/
/*    stroke: #000;*/
/*    stroke-width: 1.5px;*/
/*}*/
/*.day {*/
/*    fill: #fff;*/
/*    stroke: #ccc;*/
/*}*/
#classSubstanceText {
  overflow-wrap: break-word;
}

#heatMapContainer {
  margin-left: 30px;
}
#heatMapContainer.text {
  font-family: sans-serif;
  font-size: 1.5em;
}

.dayLabel {
  fill: #aaa;
  font-size: 0.8em;
}

.monthLabel {
  text-anchor: middle;
  font-size: 0.65em;
  fill: #aaa;
}

.yearLabel {
  /*fill:#aaa;*/
  font-size: 1.2em;
}

.rowLabel {
  font-size: 0.9em;
}

#titlesGText {
  font-size: 1.2em;
}

.key {
  /*font-size:0.5em;*/
  /*fill:#aaa;*/
}

path.month:hover {
  stroke-width: 3px;
  stroke: white;
}

table.dataTable thead .sorting_asc {
  background-image: url(/src/img/sorting-icons/sort_asc.png) !important;
  padding-right: 15px;
}

table.dataTable thead .sorting_desc {
  background-image: url(/src/img/sorting-icons/sort_desc.png) !important;
  padding-right: 15px;
}

table.dataTable thead .sorting {
  background-image: url(/src/img/sorting-icons/sorting_both.png) !important;
  padding-right: 15px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center right;
}

@media all and (max-width: 991px) {
  #heatMapContainer {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #dynamicSection {
    margin-top: 10px;
  }
  /*hide every other*/
  g .monthLabel:nth-child(even) {
    display: none;
  }
  g .monthLabel:nth-child(odd) {
    font-size: 18px;
  }
  /*labels on the left*/
  .labelPTs, .rowLabel {
    font-size: 24px;
  }
  /*both legends*/
  .legendKeys, .keys {
    font-size: 22px;
  }
  /*year and column labels*/
  .yearLabel, #datasourceTitle, #titlesGText {
    font-size: 28px;
  }
}