@charset "UTF-8";
/**
 * Associated to the Forest Manager service
 *
 * Created in March 2023
 *
 * (c) EDI GmbH - Engineering Data Intelligence
 * HRB 723936 (Amtsgericht Mannheim)
 *
 * Authors
 *   @author Sebastián Garavano <garavano@edi.gmbh>
 *
 * Licensed under Edi Terms of License
 * The License file can be found in the root folder of the
 * repository under LICENSE
 */
.Stands .block__card {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  padding: 1rem;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}
.Stands .side-menu-tools {
  padding-left: 0;
}
.Stands .side-menu-tools i:hover {
  cursor: pointer;
}
.Stands .hive-overlay-content.centered {
  max-width: 80%;
  width: 80%;
}

.stands__block-header {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1rem;
  display: block;
  text-overflow: ellipsis;
}
.stands__block-source {
  text-align: right;
  font-size: 0.8rem;
}
.stands__block-source a {
  text-decoration: underline;
}
.stands__block-body {
  width: 100% !important;
}
.stands-overview__inner-wrapper {
  align-items: flex-start !important;
  padding-bottom: 50px;
}

.vulnerability-rating__header {
  position: relative;
}
.vulnerability-rating__header:hover .hive-tooltip {
  display: flex;
  max-width: 100%;
}
.vulnerability-rating__body-title {
  font-size: 1.2rem;
  text-align: center;
}
.vulnerability-rating__body-description {
  text-align: center;
  font-size: 0.9rem;
}
.vulnerability-rating__body-scale {
  max-width: 230px;
  height: 230px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
  background-color: #008775;
  border-radius: 50%;
}

.vulnerability-medium {
  fill: #30638D;
  color: #30638D;
  background-color: rgba(48, 99, 141, 0.2784313725);
}

.vulnerability-low {
  fill: #008775;
  color: #008775;
  background-color: rgba(0, 135, 117, 0.2784313725);
}

.vulnerability-high {
  fill: #EEAD49;
  color: #EEAD49;
  background-color: rgba(238, 173, 73, 0.2784313725);
}

.vulnerability-very-high {
  fill: #AC232E;
  color: #AC232E;
  background-color: rgba(172, 35, 46, 0.2784313725);
}

.vulnerability-null, .vulnerability-0 {
  fill: #707070;
  color: #707070;
  background-color: #dedede;
}

.climate__header {
  position: relative;
}
.climate__header-title:hover .hive-tooltip {
  display: flex;
  max-width: 100%;
  white-space: pre-wrap;
}
.climate__about {
  text-align: right;
  float: right;
  position: relative;
  font-size: 0.9rem;
}
@media print, screen and (max-width: 506px) {
  .climate__about {
    margin-top: 0.5rem;
  }
}
.climate__about::before {
  content: "?";
  color: white;
  position: relative;
  left: 0;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #707070;
  top: 0;
  margin-right: 0.5rem;
  padding: 0px 0px 0px 5px;
  font-size: 0.75rem;
}
.climate__about:hover::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 15px solid #fff;
  top: -1rem;
  z-index: 200;
}
.climate__about:hover .climate__explanation-wrapper {
  display: flex;
  position: absolute;
  background: white;
  right: 0;
  top: -9rem;
  padding: 1rem;
  flex-direction: column;
  z-index: 100;
  min-width: 400px;
  text-align: center;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 7px 1px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.climate__month {
  border-bottom: 1px solid #d4d4d4;
  padding: 1rem 0;
}
.climate__month-wrapper {
  list-style-type: none;
  margin: 0;
}
.climate__month-item {
  display: flex;
  align-items: center;
}
.climate__month-item-precipitation .horizontal-stacked-bargraph__value {
  min-width: fit-content;
}
.climate__month-item-name {
  font-size: 0.875rem;
}
.climate__month-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 24rem;
}
.climate__month-empty-img {
  height: 3rem;
  width: 3rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.climate__subblock-scale {
  display: inline-flex;
  margin: 0 0.5rem;
  position: relative;
}
.climate__subblock-scale-bar {
  display: inline-flex;
  width: 8px;
  height: 12px;
  background: black;
}
.climate__subblock-scale-indicator {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #414141;
  border: 1px solid white;
}
.climate__subblock-value {
  font-size: 1.2rem;
  margin: 0 0.5rem;
  font-weight: 600;
}
.climate__explanation-wrapper {
  display: none;
}
.climate__explanation-wrapper .climate__subblock-scale-bar {
  width: 2rem;
}
.climate__explanation-block {
  flex-direction: column;
}
.climate__explanation-scale-temp, .climate__explanation-scale-precipitation {
  display: flex;
  justify-content: space-evenly;
}
.climate__explanation-scale-item {
  margin-bottom: 0;
}
.climate__temp-wrapper, .climate__precipitation-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.horizontal-stacked-bargraph__scale {
  display: inline-flex;
  margin: 0 0.5rem;
  position: relative;
}
.horizontal-stacked-bargraph__scale-bar {
  display: inline-flex;
  width: 8px;
  height: 12px;
  background: black;
}
.horizontal-stacked-bargraph__scale-indicator {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #414141;
  border: 1px solid white;
}
.horizontal-stacked-bargraph__value {
  font-size: 1.2rem;
  margin: 0 0.5rem;
  font-weight: 600;
  min-width: fit-content;
  display: inline-flex;
}
.horizontal-stacked-bargraph__name {
  font-size: 0.875rem;
}

.cohort__header-title {
  font-size: 1.25rem;
  font-weight: bold;
}
.cohort__list-item {
  display: flex;
}
@media print, screen and (max-width: 790px) {
  .cohort__list-item {
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}
@media print, screen and (max-width: 488px) {
  .cohort__list-item {
    flex-direction: column;
  }
}
.cohort__list-item-block {
  margin: 0 0.5rem;
  min-width: 8rem;
  color: #414141;
}
@media print, screen and (max-width: 790px) {
  .cohort__list-wrapper {
    margin: 0 2px;
  }
}
@media print, screen and (max-width: 790px) {
  .cohort__tree {
    flex-direction: column;
  }
}
.cohort__tree-species {
  padding: 6px 0;
}
@media print, screen and (max-width: 790px) {
  .cohort__tree-species {
    transform: scale(1.1);
  }
}
.cohort__block-label {
  color: #707070;
}
.cohort__projection {
  margin-left: auto;
}
@media print, screen and (max-width: 679px) {
  .cohort__projection {
    margin: 0 auto;
  }
}
.cohort__projection-arrow {
  height: 24px;
  width: 24px;
  margin-right: 0.5rem;
  display: inline-flex;
  background-image: url(05dc863dafd63b1aa043.svg);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.cohort__projection-arrow.arrow-up {
  background-image: url(7edbd2b57c28d7fe3111.svg);
}
.cohort__projection-checkmark {
  height: 20px;
  width: 24px;
  margin-right: 0.5rem;
  display: inline-flex;
  background-image: url(736f7ea833b4fc626d56.svg);
  vertical-align: middle;
  background-repeat: no-repeat;
}
.cohort__actions {
  display: flex;
  justify-content: flex-end;
}
.cohort__actions button {
  margin: 0.5rem;
  text-transform: uppercase;
}
.cohort__actions-history {
  position: relative;
}
.cohort__actions-history:hover .hive-tooltip {
  display: flex;
  max-width: 100%;
  top: 4rem;
}
.cohort__actions-history:hover .hive-tooltip:before {
  top: -1rem;
  transform: rotate(180deg);
}
.cohort__actions-history button {
  background: none !important;
  border: 2px solid #d4d4d4;
  color: var(--theme-color1, #008775) !important;
}
.cohort__actions-simulate {
  position: relative;
}
.cohort__actions-simulate:hover .hive-tooltip {
  display: flex;
  max-width: 100%;
  top: 4rem;
}
.cohort__actions-simulate:hover .hive-tooltip:before {
  top: -1rem;
  transform: rotate(180deg);
}
.cohort__projection-state {
  font-size: 1.25rem;
  font-weight: bold;
}

.low-expectations {
  color: #CB4B5A;
  fill: #CB4B5A;
}

.normal-expectations {
  color: #414141;
  fill: #414141;
}

.high-expectations {
  color: #008775;
  fill: #008775;
}

.weather-forecast__header {
  position: relative;
}
.weather-forecast__header:hover .hive-tooltip {
  display: flex;
  max-width: 100%;
}
.weather-forecast__inner {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 679px) {
  .weather-forecast__inner {
    flex-direction: column;
  }
}
.weather-forecast__day {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media print, screen and (max-width: 679px) {
  .weather-forecast__day {
    flex-direction: row;
    justify-content: space-between;
  }
}
.weather-forecast__day-name {
  font-size: 0.75rem;
}
.weather-forecast__day-temp, .weather-forecast__day-prec {
  font-size: 0.875rem;
}
.weather-forecast__day-icon {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
}

.simulation-history {
  overflow-y: scroll;
  max-height: 85vh;
  margin-left: -1.2rem;
}
.simulation-history__date {
  color: var(--theme-color1, #008775);
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.simulation-history__entry {
  padding: 0 1.2rem;
}
.simulation-history__entry:hover {
  cursor: pointer;
  background-color: #ececec;
}
.simulation-history__entry:hover .simulation-history__date {
  cursor: pointer;
}
.simulation-history__details {
  list-style-type: none;
  margin-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block ruby;
  max-width: 99%;
  margin-bottom: 1rem;
}
.simulation-history__details-param {
  font-size: 0.875rem;
  margin-right: 0.2rem;
}
.simulation-history__details-param::after {
  content: ", ";
}
.simulation-history__empty {
  margin: 50% auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.simulation-history__empty-icon {
  height: 9rem;
  width: 9rem;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
}
.simulation-dialogue {
  box-shadow: 0 0 0 100vh rgba(25, 25, 25, 0.568627451);
  padding: 1rem;
  min-height: 448px;
  overflow: scroll;
}
.simulation-dialogue__header {
  font-size: 1.25rem;
  font-weight: bold;
}
.simulation-dialogue__description {
  font-size: 0.875rem;
}
.simulation-dialogue__actions {
  display: flex;
  justify-content: end;
  text-transform: uppercase;
}
.simulation-dialogue__actions-cancel {
  margin-right: 1rem;
}
.simulation-dialogue__simulation {
  position: relative;
}
.simulation-dialogue__simulation:hover .hive-tooltip {
  display: flex;
  max-width: 100%;
}
.simulation-dialogue__simulation-row {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  align-items: first baseline;
}
@media print, screen and (max-width: 679px) {
  .simulation-dialogue__simulation-row {
    flex-direction: column;
    justify-content: space-between;
  }
}
.simulation-dialogue__simulation-item .horizontal-object-list-header,
.simulation-dialogue__simulation-item .simulation-dialogue__compared-header,
.simulation-dialogue__simulation-item .simulation-dialogue__simulation-growth-header,
.simulation-dialogue__simulation-item .simulation-dialogue__simulation-share-header,
.simulation-dialogue__simulation-item .simulation-dialogue__simulation-age-header {
  font-size: 0.75rem;
  display: flex;
  max-width: 100%;
  color: #707070;
  margin-bottom: 0.5rem;
}
.simulation-dialogue__simulation-species .row {
  flex-direction: column;
}
.simulation-dialogue__simulation-species .row .horizontal-object-list-wrap {
  min-width: 12rem;
}
.simulation-dialogue__simulation-species .simulation-dialogue__validation {
  padding: 0 1rem;
}
.simulation-dialogue__simulation-remove {
  cursor: pointer;
}
.simulation-dialogue__compared {
  display: flex;
  justify-content: space-between;
}
.simulation-dialogue__validation {
  color: #CB4B5A;
}

.growth-prediction__header {
  position: relative;
}
.growth-prediction__header:hover .hive-tooltip {
  display: flex;
  max-width: 100%;
}
.growth-prediction__body .cohort__list-wrapper {
  margin: 0 1.25rem;
}
.growth-prediction__body .cohort__tree-info {
  display: none !important;
}