/* dont wrap table headers */

div.dataTables_scrollHead>div>table>thead>tr>th {
    /* white-space: break-spaces; */
    vertical-align: top;
}

/*div.datatables.html-widget {
    margin-bottom: 64px;
}*/

#no-header {
  margin-top: 0px !important;
}
#no-header > h3 {
  display: none;
}

/* HELP CONTENT */

.help-section-collapse {
    margin-bottom: 12px;
    cursor: pointer;
}

.help-section-collapse>summary {
    padding-left: 6px;
}

.help-section-collapse>ul {
    margin-top: 4px;
}

div.escir-shared-output {
    margin-top: -30px !important;
}
div.escir-shared-output > p:nth-child(1) {
    padding-top: 12px !important;
}

.border-left {
    border-left: 1px solid #ddd;
}
.border-right {
    border-right: 1px solid #ddd;
}

td[data-type='character'] > div.form-group {
  visibility: hidden;
}

div.dataTables_scroll,
div.dataTables_scroll > div.dataTables_scrollBody {
  overflow-x: auto !important;
}

/* MAP LEGENDS */

.legend i {
    /* border: 1px solid rgba(0, 0, 0, 0.8); */
    border-radius: 1px;
}

#wetland-overview-map .legend {
    line-height: 22px;
}

#wetland-overview-map .legend i {
    /* border: 1px solid rgba(0, 0, 0, 0.8); */
    border-radius: 18px;
}


div.legend > div.wl-diff > i:nth-of-type(1),
div.legend > div.wl-diff > i:nth-of-type(2),
div.legend > div.wl-diff > i:nth-of-type(3),
div.legend > div.wl-diff > i:nth-of-type(4) {
    background: none !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 20px;
    height: 20px;
    margin-bottom: 3px;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-pixelated;
        image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
}
div.legend > div.wl-diff > i:nth-of-type(1){
    background-image: url(./images/arrow-decrease.png) !important;
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
div.legend > div.wl-diff > i:nth-of-type(2){
    background-image: url(./images/arrow-no-change.png) !important;
    margin-right: 1px;
}
div.legend > div.wl-diff > i:nth-of-type(3){
    background-image: url(./images/arrow-increase.png) !important;
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
div.legend > div.wl-diff > i:nth-of-type(4){
    background-image: url(./images/arrow-not-assessed.png) !important;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

/* ADD TITLES TO LEAFLET CONTROLS */

.wetlands-layer-legend-title {
    margin-bottom: 3px;
    font: 14px/16px Arial, Helvetica, sans-serif;
}

.wetlands-layer-legend-subtitle {
    border-top: 1px solid #aaa;
    padding-top: 6px;
}

.fauna-tooltip {
    font-size: 12px !important;
}

/* kne marker */

#kne-marker-div {
    display: inline-block;
    height: 21px;
    width: 21px;
    background: #aaa;
    border-radius: 21px;
    margin-left: 2px;
}

#kne-marker-div::before {
    content: '+';
    color: #fff;
    font-size: 14px;
    padding-left: 6px;
}

/* CHART TOOLTIPS */
g.highcharts-label.highcharts-tooltip > path.highcharts-label-box.highcharts-tooltip-box:not(.highcharts-shadow) {
    fill: rgba(247, 247, 247, 0.95)
}

/* PDF VERSION */
.pdf-fauna-tooltip {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  /* padding: 7 !important; */
  font-weight: bold !important;
  font-size: 15px !important;
}
