@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Varela&display=swap");
body {
  background: url("/assets/wallpaper2.jpg");
  margin: 0;
  min-height: 100%;
  font-family: "Varela Round", sans-serif;
}

.main-content {
  width: 90%;
}
.main-content img {
  width: 250px;
  height: 100px;
  padding: 10px;
}

.modal-content {
  width: 800px;
  height: 450px;
  padding: 10px;
  margin: 0 auto;
  border-radius: 20px;
  transform: translate(0, 50%);
}

.line {
  border-bottom: 3px solid #5c3026;
  position: absolute;
  padding-bottom: 10px;
}

.icons-container {
  width: 90px;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  align-items: center;
  padding: 15px 0;
}

.icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}
.icon:hover {
  border: 3px solid #5c3026;
}

.chart-title {
  font-size: 25px;
  font-weight: 700;
  align-self: center;
  padding-top: 20px;
}

.data-info {
  padding: 18px;
  width: 95%;
  text-align: center;
}

.rounded {
  border-radius: 15px !important;
  margin: 20px;
}

.bg-light {
  background-color: #fff3d0 !important;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

button {
  cursor: pointer;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
}

.pageInfo {
  flex-basis: 100%;
  z-index: 999;
  background-color: rgb(214, 245, 216);
  position: sticky;
  top: 0px;
}
.pageInfo p {
  text-align: center;
  padding: 4px;
  margin: 0;
}
.pageInfo .name {
  font-weight: 900;
}
.pageInfo .title {
  font-weight: 900;
  font-size: larger;
}

.pageinfo-text {
  font-size: 15px;
  font-weight: 700;
  margin-top: 5px;
}

.footerBar {
  position: sticky;
  width: 100%;
  z-index: 999999;
  bottom: 0px;
  background-color: #5c3026;
  color: #fff3d0;
}
.footerBar span {
  text-align: center;
  margin: 10px 5px;
}
.footerBar .dataCountLabel, .footerBar .dataCount {
  font-size: larger;
  font-weight: 900;
  margin-bottom: 10px;
}
.footerBar .visInfo {
  font-size: 12px;
}
.footerBar .clearFiltersButton {
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  background-color: white;
  color: black;
  border: 2px solid #f44336;
}
.footerBar .clearFiltersButton:hover {
  background-color: #f44336;
  color: white;
}

.barchart-container {
  flex-direction: column;
}

.multi-vis-wrapper {
  flex-direction: column;
  align-items: center;
  margin: 20px;
}
.multi-vis-wrapper select {
  width: 200px;
}
.multi-vis-wrapper #wordCloud {
  width: 410px;
  height: 400px;
  align-self: center;
}
.multi-vis-wrapper #wordCloud circle.filtered {
  display: none;
}
.multi-vis-wrapper #wordCloud circle:not(.filtered):hover {
  cursor: pointer;
}
.multi-vis-wrapper #wordCloud path {
  fill: none;
}
.multi-vis-wrapper .mapHeader {
  display: flex;
  align-self: center;
  margin-top: 20px;
}
.multi-vis-wrapper .visTitle {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}
.multi-vis-wrapper .cloudFilterLegend {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.multi-vis-wrapper .cloudFilter {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 30px;
}
.multi-vis-wrapper .dropdown-wrapper {
  display: flex;
  flex-direction: column;
}
.multi-vis-wrapper .table-cloud-wrapper {
  display: flex;
}
.multi-vis-wrapper .cloudInnerContainer {
  display: flex;
  flex-direction: column;
  margin: 20px;
}

#heatTimeDiv rect:hover {
  stroke: #000000;
  stroke-width: 2px;
}
#heatTimeDiv .title {
  font-size: 24px;
  margin-bottom: 5px;
}

.barchart, .histogram {
  margin: 20px;
}
.barchart .bar, .histogram .bar {
  fill: #a1d3ec;
  cursor: pointer;
}
.barchart .x-axis .tick text.active, .histogram .x-axis .tick text.active {
  stroke: #676565;
  paint-order: stroke;
}
.barchart .x-axis .tick text, .histogram .x-axis .tick text {
  cursor: pointer;
}

.tick {
  font-size: 15px;
  font-family: "Varela Round", sans-serif;
}

.bar {
  shape-rendering: crispEdges;
}

.bar:hover {
  stroke: #777;
}

.bar.active {
  stroke: #333;
  stroke-width: 4px;
}

.info-logo {
  width: 20px;
  height: 20px;
}

.timeline {
  margin: 20px;
  padding: 20px;
}

.lineChartHolder {
  flex-basis: auto;
}
.lineChartHolder #linechart .chart-line {
  fill: none;
  stroke: #77aac6;
  stroke-width: 3px;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}

.slice {
  opacity: 0.7;
  stroke: #fff3d0;
  stroke-width: 2px;
}
.slice.selected {
  stroke-width: 6px;
  opacity: 0.7;
}

.sliceLabel {
  pointer-events: none;
}

/* TOOLTIPS */
#tooltip {
  position: absolute;
  display: none;
  background: #fff;
  box-shadow: 2px 2px 3px 0px rgba(92, 92, 92, 0.5);
  border: 1px solid #ddd;
  font-size: 20px;
  padding: 2px 8px;
  z-index: 99999;
}

.tooltip {
  font-weight: normal;
  font-size: 20px;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  display: inline;
}

.tooltip-label {
  font-weight: bold;
  font-size: 20px;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  display: inline;
}

#info-tooltip {
  position: absolute;
  display: none;
  background: #fff;
  box-shadow: 2px 2px 3px 0px rgba(92, 92, 92, 0.5);
  border: 1px solid #ddd;
  font-size: 20px;
  padding: 2px 8px;
  z-index: 99999;
}

.tooltip-more-info {
  margin-bottom: 5px;
}

.info-icon-container {
  width: 20px;
  height: 20px;
  margin-left: 280px;
}
.info-icon-container .map-info-tool-blue {
  display: none;
}
.info-icon-container .map-info-tool {
  width: 20px;
  height: 20px;
}

.info-icon-container:hover .map-info-tool-blue {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.info-icon-container:hover .map-info-tool {
  display: none;
}

/* END TOOLTIPS */
.tabulator, .tabulator-col, .tabulator-row-even {
  background-color: #fff3d0 !important;
}

.tabulator-row-odd {
  background-color: #d3c7a3 !important;
}

.tabulator-header {
  border-top: 1px solid #5c3026 !important;
  border-bottom: 2px solid #5c3026 !important;
}

.dropbtn {
  cursor: pointer;
  color: black;
  background-color: rgba(92, 48, 38, 0.4705882353);
  height: 50px;
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px;
}
.dropbtn:hover {
  border: 2px solid #5c3026;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #898989;
}

.dropdown {
  position: relative;
  display: inline-block;
  z-index: 10;
  align-self: center;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff3d0;
  min-width: 160px;
  overflow: auto;
  margin: 0px 20px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #bb8e05;
}

.show {
  display: block;
}/*# sourceMappingURL=styles.css.map */