.user-select-none.svg-container{
    position: static;
}

.sections_separator {
    padding-top: 1em;
    padding-bottom: 1em;
}

.treemaps_container {
    /*width: 100%;*/
    padding-top: 1em;
    padding-bottom: 1em;
}
.treemap_chart {
    /*width: 100%;
    table-layout: fixed;
    */
}



/* HELPERS | START */

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  height: flex;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.helper.active, .collapsible:hover {
  background-color: #ccc;
}

.app_title {
    height: 100%;
    font-size: xx-large;
}

.app_helper_title {
    font-size: large;
}

.app_helper_section {
    font-size: small;
}

/* Style the collapsible content. Note: hidden by default */
.helper_content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #FFFFFF;
  font-style: italic;
   font-size: small;
}

.fa {
    color: blue;
}
/* HELPERS | END */

/* SELECT & MULTISELECT | START */

.ui.dropdown {
    display: block;
    width: 100%;
    min-width: 0;
}

.dropdown_container {
    padding-top: 0.1em;
    padding-right: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.1em;
}

/* SELECT & MULTISELECT | END */