@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);
@charset "UTF-8";
/**
 * Associated to the Dynamic Hexagon Manager service
 *
 * Created in August 2021
 *
 * (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
 */
.dynamic-application > .dynamic-grid {
  margin: 0 2rem !important;
}
.dynamic-application .dynamic-grid {
  display: grid;
  grid-gap: 1rem;
  margin: 0;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}
@media only screen and (max-width: 992px) {
  .dynamic-application .dynamic-grid {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1870px) {
  .dynamic-application .dynamic-grid {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 640px) {
  .dynamic-application .dynamic-grid {
    margin: 0;
  }
}
.dynamic-application .dynamic-grid .dynamic-component-wrapper {
  padding: 0rem 1rem 0.5rem;
  height: fit-content;
  margin: inherit !important;
}
.dynamic-application .dynamic-grid .dynamic-component-wrapper__label {
  margin-bottom: 0.3rem;
}
.dynamic-application .dynamic-grid .dynamic-component-wrapper .dynamic-image-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dynamic-application .dynamic-grid .dynamic-component-wrapper .hive-drop-image-wrapper {
  min-height: 200px;
}
.dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicImageLoader {
  grid-row-end: 5 !important;
}
@media only screen and (max-width: 680px) {
  .dynamic-application .dynamic-grid .dynamic-component-wrapper {
    margin: 0 -1rem !important;
  }
}
.dynamic-application .dynamic-updatable-select {
  border-radius: 4px;
  padding: 0 !important;
}
.dynamic-application .dynamic-updatable-input input {
  min-height: 30px;
  border-radius: 4px;
}
.dynamic-application .dynamic-component-wrapper label {
  margin-bottom: 8px;
}
.dynamic-application .dynamic-updatable-numeric-input {
  margin: 0 -0.5rem;
}
.dynamic-application .dynamic-object-selector, .dynamic-application .dynamic-component-wrapper {
  margin: 0 -1rem;
}
.dynamic-application .dynamic-object-selector .horizontal-object-list, .dynamic-application .dynamic-component-wrapper .horizontal-object-list {
  max-height: 40px;
}
.dynamic-application .dynamic-object-selector .horizontal-object.ripple, .dynamic-application .dynamic-component-wrapper .horizontal-object.ripple {
  max-height: 30px;
}
@media only screen and (max-width: 1190px) {
  .dynamic-application .dynamic-object-selector .horizontal-object.ripple, .dynamic-application .dynamic-component-wrapper .horizontal-object.ripple {
    max-width: 70%;
  }
}
@media only screen and (max-width: 419px) {
  .dynamic-application .dynamic-object-selector .horizontal-object.ripple, .dynamic-application .dynamic-component-wrapper .horizontal-object.ripple {
    max-width: 59%;
  }
}
.dynamic-application .dynamic-object-selector .add-button, .dynamic-application .dynamic-component-wrapper .add-button {
  margin: 4px 8px;
  max-height: 30px;
  max-width: 30px;
}
.dynamic-application .dynamic-object-selector, .dynamic-application .dynamic-data-table, .dynamic-application .dynamic-updatable-select {
  padding: 0;
}
.dynamic-application .dynamic-object-selector select, .dynamic-application .dynamic-data-table select, .dynamic-application .dynamic-updatable-select select {
  border-radius: 4px;
  min-height: 30px;
  margin-bottom: 0;
}
.dynamic-application .dynamic-updatable-numeric-input input {
  min-height: 30px;
  margin-top: 0;
}
.dynamic-application .dynamic-updatable-numeric-input .hive-numeric-input--remove,
.dynamic-application .dynamic-updatable-numeric-input .hive-numeric-input--add {
  height: 35px;
  min-height: 35px;
  margin-top: 0;
}
.dynamic-application .dynamic-image-loader__empty-img {
  width: 10rem;
  align-self: center;
  object-fit: contain;
  margin-bottom: 1.5rem;
}
.dynamic-application .dynamic-image-loader__empty-img-wrap {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 4rem 2rem;
}
.dynamic-application .dynamic-image-loader__empty-img object {
  width: 100%;
  opacity: 0.3;
}
.dynamic-application .dynamic-image-loader__empty-no-image {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.dynamic-application .dynamic-image-loader__empty-text {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 400;
}
.dynamic-application .dynamic-accordion {
  margin-bottom: 0;
}
.dynamic-application .dynamic-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.dynamic-application .dynamic-table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0.35em;
}
.dynamic-application .dynamic-table th, .dynamic-application .dynamic-table td {
  padding: 0.625em;
  text-align: center;
  border: 1px solid #ddd;
}
.dynamic-application .dynamic-table th input, .dynamic-application .dynamic-table th select, .dynamic-application .dynamic-table td input, .dynamic-application .dynamic-table td select {
  margin: 0;
}
.dynamic-application .dynamic-table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .dynamic-application .dynamic-table {
    border: 0;
  }
  .dynamic-application .dynamic-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .dynamic-application .dynamic-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
  .dynamic-application .dynamic-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  .dynamic-application .dynamic-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .dynamic-application .dynamic-table td:last-child {
    border-bottom: 0;
  }
}
.dynamic-application .hive-data-table__content {
  justify-content: flex-start;
}
.dynamic-application .hive-data-table__content .HiveUpdatableInput input {
  border-radius: 4px;
  border: none;
  box-shadow: none;
}
.dynamic-application .hive-data-table__content .HiveUpdatableInput input:focus, .dynamic-application .hive-data-table__content .HiveUpdatableInput input:hover, .dynamic-application .hive-data-table__content .HiveUpdatableInput input:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border: 1px solid #cacaca;
}
.dynamic-application .hex-manager__overview {
  padding: 2rem;
}
.dynamic-application .hex-manager__overview .hive-drop-image-wrapper {
  background: #d5d5d5;
}

.hexagons__wrapper {
  padding: 0 1rem;
}

.HiveUpdatableInput.invalid::after {
  top: 0.5rem;
}
/**
 * hive_file_storage_detail.scss
 *
 * Associated to the HiveObjectHistory standard component
 *
 * Created in September 2019
 *
 * (c) EDI GmbH - Engineering Data Intelligence
 * HRB 723936 (Amtsgericht Mannheim)
 *
 * Authors
 *   @author Valeriia Iakovleva <iakovleva@edi.gmbh>
 *
 * Licensed unter Edi Terms of License
 * The License file can be found in the root folder of the
 * repository under LICENSE
*/
.hfs__container {
  height: 100%;
  padding: 0 1rem;
}
.hfs_wrapper {
  background: #707070;
  max-height: 700px;
  height: 100%;
  padding: 30px;
  overflow: hidden;
}
.hfs_img-preview {
  margin: auto;
  max-height: 100%;
  display: block;
}
.hfs_item {
  margin-bottom: 30px;
}
.hfs_item-name {
  font-weight: bold;
  margin-right: 15px;
}
.hfs_overview {
  padding: 1rem;
}
.hfs_overview ul, .hfs_overview li {
  list-style-type: none;
  margin-left: 0;
}
.hfs_download {
  width: 100%;
  position: relative;
}
.hfs_download-icon {
  width: 140px;
  max-height: 100%;
  font-size: 11rem;
  color: white;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
.conversion-factor-font {
  font-size: 2rem;
}

.conversion-factor-close {
  display: flex;
  align-items: center;
  justify-content: right;
}

.stdnames__object-label {
  margin-bottom: 2rem;
}
.stdnames__object-label .hive-select-label {
  padding-left: 0 !important;
}
.stdnames-quantities {
  display: flex;
  flex-direction: column;
}
.stdnames-quantities .min-max-selector {
  margin-bottom: 3rem;
}
.stdnames-quantities .min-max-selector .row {
  display: flex;
  align-items: center;
}
.stdnames-quantities .min-max-selector .row .columns.small-1 {
  padding-left: 0;
}
.stdnames-quantities .min-max-selector .row .columns.small-1:first-child {
  padding-left: 0.9375rem;
}
.stdnames-quantities__row {
  margin-bottom: 2rem;
}

.quantities__list-wrapper {
  float: none !important;
  padding-right: 0.5rem;
}
.user-overview {
  margin-top: 50px;
}
.user-overview .image-wrapper {
  display: flex;
  justify-content: center;
}
.user-overview .image-wrapper .user-image {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 7px;
  width: 95%;
  height: 95%;
}
.user-detail__wrapper {
  padding: 0 1rem;
}

.default-login-scheme .input-wrapper {
  position: relative;
}
.default-login-scheme .input-wrapper .icon {
  position: absolute;
  right: 1rem;
  top: calc(50% + 0.2rem);
  /* Keep icon in center of input, regardless of the input height */
  color: #CB4B5A;
}
.default-login-scheme input.error {
  border: 2px solid #CB4B5A;
}
.default-login-scheme label.error {
  color: #CB4B5A !important;
}

.authschemes-details {
  padding: 0 1rem;
}

.hive-login.hive-signup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 50%;
}

.signup-content {
  display: flex;
  width: 100%;
}

.signup__field,
.login__field {
  color: #707070;
  font-weight: 600;
}
.signup__field input,
.login__field input {
  border-radius: 6px;
}

.registration-form button {
  background: var(--theme-color1, #008775);
}
.registration-form button:hover {
  background: var(--theme-color1, #008775);
}
.registration-form .signup__errors {
  margin-bottom: 1rem;
  width: 100%;
}
.registration-form .signup__errors ul {
  list-style-type: none;
}

#panel-signup {
  width: 100%;
  display: flex;
}

#signupForm,
#hive-login-scheme-hive,
.login-scheme {
  width: 100%;
}

.login-switch-link {
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 0.75rem;
  cursor: pointer;
  text-decoration: underline;
  font: inherit;
}

.login-switch-link:hover {
  opacity: 0.85;
}

@media print, screen and (max-width: 640px) {
  .user-overview {
    margin-top: 100px;
    margin-bottom: 50px;
  }
  .user__info {
    margin-top: 100px;
    margin-bottom: 50px;
  }
}
@charset "UTF-8";
/**
 * hive_object_permissions_table.scss
 *
 * Associated to the HiveObjectPermissionsTable standard component
 *
 * Created in July 2019
 *
 * (c) EDI GmbH - Engineering Data Intelligence
 * HRB 723936 (Amtsgericht Mannheim)
 *
 * Authors
 *   @author Sebastián Garavano <garavano@edi.gmbh>
 *
 * Licensed unter Edi Terms of License
 * The License file can be found in the root folder of the
 * repository under LICENSE
 */
.hive-object-permissions-table {
  color: #707070;
  fill: #707070;
  display: flex;
  width: max-content;
  height: auto;
  overflow-y: auto;
  padding-top: 1rem;
  width: 100%;
  display: flex;
}
.hive-object-permissions-table .hive-objects-permissions-header {
  display: inline-grid;
  padding: 16px 32px 16px 16px;
  margin-top: 38px;
  max-width: 50%;
}
.hive-object-permissions-table .hive-objects-permissions-header .hive-object {
  display: flex;
  margin-bottom: 0.5rem;
  cursor: pointer;
  min-height: 2rem;
  align-items: center;
  padding: 0 0.5rem;
  white-space: nowrap;
  overflow-x: auto;
}
.hive-object-permissions-table .hive-objects-permissions-header .hive-object svg, .hive-object-permissions-table .hive-objects-permissions-header .hive-object object {
  padding-right: 6px;
  height: 27px;
}
.hive-object-permissions-table .hive-objects-permissions-header .hive-object p {
  font-size: 14px;
  margin: 0px;
  line-height: 1.5rem;
}
.hive-object-permissions-table .hive-objects-permissions-header .hive-object:hover {
  opacity: 0.8;
  background: #eee;
  border-radius: 4px;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container {
  display: inline;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column {
  display: inline-block;
  text-align: center;
  background: #fff;
  padding: 16px;
  box-shadow: 0px 0px 0px 1px #e8e8e8;
  margin: 0 1px 0 0;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column:first-child {
  border-radius: 8px 0 0 8px;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column:last-child {
  border-radius: 0 8px 8px 0;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .title {
  margin-bottom: 16px;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .title h1 {
  font-size: 14px;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .checkbox {
  margin-bottom: 0.5rem;
  min-height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .checkbox input#slideOne {
  display: none;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .checkbox input[type=checkbox] + .checked {
  background: #EFEFEF;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  /*i {
    opacity: 0;
  }*/
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .checkbox input[type=checkbox]:checked + .checked {
  background: var(--theme-color2, #78BFB6);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 2px 8px 4px #e6e6e6;
  color: #fff;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .checkbox input[type=checkbox]:checked + .checked i {
  opacity: 1;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column label {
  text-align: center;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-disabled {
  background-color: #ccc;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  z-index: 50;
  border-radius: 50%;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-disabled i {
  color: #efefef;
  z-index: 100;
  top: 5px;
  left: 5px;
  opacity: 0;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-input {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  z-index: 50;
  cursor: pointer;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-input i {
  color: #efefef;
  z-index: 100;
  position: absolute;
  top: 5px;
  left: 5px;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-input.inactive {
  opacity: 0.5;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-input::before,
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-input::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox-input::before {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background: #efefef;
  border-radius: 50%;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox input[type=checkbox] {
  display: none;
}
.hive-object-permissions-table .hive-objects-permissions-columns-container .hive-objects-permissions-column .c-checkbox input[type=checkbox]:checked + .c-checkbox-input::after {
  width: 24px;
  height: 24px;
  background-color: var(--theme-color2, #78BFB6);
  border-radius: 50%;
  top: 0px;
  left: 0px;
  box-shadow: 0px 2px 8px 4px #e6e6e6;
}

.hive-object-permissions-search {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 26px;
  margin-left: 16px;
  margin-bottom: 16px;
}

.workspaces-permission-detail__header {
  padding: 0.5rem 1.8rem;
}
.crosscor-overview .crosscor__influences-item:hover {
  width: auto;
  background-color: unset;
}
.crosscor__raw_data > .row {
  margin: 0;
}
.crosscor__card {
  background: white;
  box-shadow: 0 0 10px 0 #d5d5d5;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 30px 15px;
  position: relative;
  margin: 0 auto 1rem;
}
.crosscor__card:last-child {
  margin-right: 0;
}
.crosscor__card h4 {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 15px;
}
.crosscor__blocks-item {
  background: white;
  box-shadow: 0 0 10px 0 #d5d5d5;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 30px 15px;
  position: relative;
  max-width: 48%;
  margin-right: 30px;
}
.crosscor__title {
  background: #efefef;
  padding: 10px 15px !important;
}
.crosscor__channels {
  margin: 0;
}
.crosscor__target {
  border-bottom: 1px solid #d5d5d5;
}
.crosscor__target-item .horizontal-object {
  justify-content: flex-start;
}
.crosscor__influences {
  border-bottom: 1px solid #d5d5d5;
  padding: 0;
}
.crosscor__influences-item {
  border-bottom: 1px solid #d5d5d5;
  padding: 4px 0;
  min-height: 65px;
  display: flex;
  align-items: center;
}
.crosscor__influences-item:last-child {
  border-bottom: unset;
}
.crosscor__influences-item .horizontal-object {
  justify-content: flex-start;
  width: min-content;
}
.crosscor__influences-item:hover {
  background: var(--theme-color4);
  width: 128%;
  cursor: pointer;
}
.crosscor__certainty .hive-donut-graph {
  margin: 0 auto;
  display: flex;
}
.crosscor__total-channels {
  padding: 0 30px;
  font-size: 1.5rem;
}
.crosscor-details .crosscor__target {
  display: flex;
  align-content: center;
  align-items: center;
}
.crosscor__importance {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  border-bottom: 1px solid #d5d5d5;
}
.crosscor__importance .crosscor__influences-item:hover {
  width: none;
  background-color: none;
}
.crosscor__block-item {
  box-shadow: 0 0 10px 0 #d5d5d5;
  margin: 5px;
  padding: 15px;
  border-radius: 8px;
}
.crosscor__block-item:first-child {
  margin-right: auto;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider {
  width: 96% !important;
  margin-left: 0;
  bottom: 104px;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider #slider #min, .crosscor__block-item .rangebar__slider > .hive-range-slider #slider #max {
  height: 2px;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider #slider #min-drag, .crosscor__block-item .rangebar__slider > .hive-range-slider #slider #max-drag {
  width: 40px !important;
  height: 40px !important;
  right: -23px !important;
  top: -22px !important;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider #slider #min-drag::before, .crosscor__block-item .rangebar__slider > .hive-range-slider #slider #max-drag::before {
  width: 20px !important;
  height: 20px !important;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider #minInput, .crosscor__block-item .rangebar__slider > .hive-range-slider #maxInput, .crosscor__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual {
  position: absolute;
  top: 60px;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  width: 25%;
  min-height: 52px;
  padding: 15px 20px;
  border: 1px solid #e1e0e0;
  border-radius: 5px;
  text-align: right;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual > input {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  height: 52px;
  text-align: right;
  width: 100%;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual.manual-min {
  right: 26%;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual-error {
  border: 1px solid red;
}
.crosscor__block-item .rangebar__slider > .hive-range-slider #minInput {
  right: 26%;
}
.crosscor__block-item .rangebar__slider .hive-range-slider__max-value,
.crosscor__block-item .rangebar__slider .hive-range-slider__min-value {
  top: 40px;
}
.crosscor__block-header {
  padding-top: 15px;
  font-weight: bold;
  font-size: 1.2rem;
  position: relative;
}
.crosscor__block-header:hover {
  cursor: default;
}
.crosscor__block-header:hover .crosscor__block-description {
  display: flex;
  position: absolute;
  background: #cecece;
  color: white;
  bottom: 37px;
  left: 0;
  padding: 5px 10px;
  border-radius: 8px;
}
.crosscor__block-header:hover .crosscor__block-description:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #cecece transparent transparent transparent;
  content: "";
  position: absolute;
  left: 7px;
  bottom: -15px;
}
.crosscor__block-header:after {
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  content: "?";
  color: white;
  background: #707070;
  margin-left: 15px;
  vertical-align: middle;
  padding: 0px 7px;
  font-size: 0.9rem;
}
.crosscor__block-description {
  font-size: 0.9rem;
  color: #bbb;
  display: none;
  position: absolute;
}
.crosscor__graph-title {
  font-size: 1.2rem;
  font-weight: bold;
}
.crosscor__channel-legend {
  display: inline-block;
  width: 50px;
  height: 4px;
  border-radius: 10px;
  background: #ccc;
  vertical-align: text-top;
}
.crosscor__channel-legend.legend-target {
  background: var(--theme-color2);
}
.crosscor__channel .horizontal-object {
  display: inline-flex;
}
.crosscor_acf-graph {
  margin-bottom: 150px;
}
.crosscor__empty {
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  margin-top: 70px;
}

.star-empty {
  color: white;
  -webkit-text-stroke: 1px #707070;
}
.star-gradient:last-child {
  background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Crosscorrelation .side-menu-content {
  overflow-y: scroll;
  max-height: 100vh;
}
.Crosscorrelation .message-box-warning li:not(:first-child) {
  display: none;
}
.clustering__wrapper {
  float: none;
}
.clustering__card {
  background: white;
  box-shadow: 0 0 10px 0 #d5d5d5;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 30px 15px;
  position: relative;
}
.clustering__card:last-child {
  margin-right: 0;
}
.clustering__card h4 {
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0 15px;
}
.clustering__title {
  background: #efefef;
  padding: 10px 15px !important;
}
.clustering__pcgraph svg {
  transform: rotate(90deg);
  margin-top: 20%;
  overflow: auto;
}
.clustering__target {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.clustering__group {
  border-bottom: 1px solid #d5d5d5;
  display: flex;
  justify-content: left;
  align-items: center;
}
.clustering__total-channels {
  margin: 0 0 1rem 2rem;
}
.clustering__method {
  text-transform: capitalize;
}
.clustering__certainty svg {
  display: flex;
  margin: 0 auto;
}
.clustering__channels {
  border-bottom: 1px solid #d5d5d5;
  padding: 0;
  margin: 0 !important;
}
.clustering__channels.clustering__importance .clustering__channel-item:hover {
  background: unset !important;
  width: auto !important;
  cursor: default !important;
}
.clustering__channel-item {
  border-bottom: 1px solid #d5d5d5;
  min-height: 56px;
  align-items: center;
  align-content: center;
  display: flex;
  padding: 0 10px;
}
.clustering__channel-item:hover {
  background-color: var(--theme-color4);
  width: 128%;
  cursor: context-menu;
}
.clustering__influences-item .horizontal-object {
  width: min-content;
}
.clustering__manual-add .horizontal-object-list-wrap.editable {
  border: unset;
}
.clustering__significants-item {
  width: min-content;
}
.clustering__pcgraph-wrapper {
  overflow-y: scroll;
  height: inherit;
}
.clustering__pcgraph-group svg, .clustering__pcgraph-pc svg {
  transform: rotate(90deg) scale(1, 1);
  margin-top: -150px;
  margin-left: 140px;
}
.clustering__pcgraph-pc {
  margin-top: -130px;
}
.clustering__popup {
  padding: 3rem;
  box-shadow: 0px 0px 100vh 100vw rgba(0, 0, 0, 0.75);
}
.clustering__popup-auto {
  display: inline;
}
.clustering__popup-buttons {
  display: flex;
  justify-content: end;
}
.clustering__popup-apply {
  margin-right: 1rem;
  border-radius: 4px;
  text-transform: uppercase;
}
.clustering__popup-cancel {
  background: white;
  border: 1px solid var(--theme-color1);
  color: var(--theme-color1);
  border-radius: 4px;
  text-transform: uppercase;
}
.clustering__popup-title {
  font-weight: lighter;
  font-size: 1.5rem;
}
.clustering__popup-text {
  font-size: 0.9rem;
  font-weight: lighter;
  margin: 2rem 0;
}
.clustering__popup-notice {
  font-size: 0.9rem;
  padding-left: 62px;
}
.clustering__popup-clusternum, .clustering__popup-number {
  max-width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.clustering__block-item {
  box-shadow: 0 0 10px 0 #d5d5d5;
  margin: 5px;
  padding: 15px;
  border-radius: 8px;
}
.clustering__block-item:first-child {
  margin-right: auto;
}
.clustering__block-item .rangebar__slider > .hive-range-slider {
  width: 96% !important;
  margin-left: 0;
  bottom: 104px;
}
.clustering__block-item .rangebar__slider > .hive-range-slider #slider #min, .clustering__block-item .rangebar__slider > .hive-range-slider #slider #max {
  height: 2px;
}
.clustering__block-item .rangebar__slider > .hive-range-slider #slider #min-drag, .clustering__block-item .rangebar__slider > .hive-range-slider #slider #max-drag {
  width: 40px !important;
  height: 40px !important;
  right: -23px !important;
  top: -22px !important;
}
.clustering__block-item .rangebar__slider > .hive-range-slider #slider #min-drag::before, .clustering__block-item .rangebar__slider > .hive-range-slider #slider #max-drag::before {
  width: 20px !important;
  height: 20px !important;
}
.clustering__block-item .rangebar__slider > .hive-range-slider #minInput, .clustering__block-item .rangebar__slider > .hive-range-slider #maxInput, .clustering__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual {
  position: absolute;
  top: 60px;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  width: 25%;
  min-height: 52px;
  padding: 15px 20px;
  border: 1px solid #e1e0e0;
  border-radius: 5px;
  text-align: right;
}
.clustering__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual > input {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  height: 52px;
  text-align: right;
  width: 100%;
}
.clustering__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual.manual-min {
  right: 26%;
}
.clustering__block-item .rangebar__slider > .hive-range-slider .hive-range-slider__manual-error {
  border: 1px solid red;
}
.clustering__block-item .rangebar__slider > .hive-range-slider #minInput {
  right: 26%;
}
.clustering__block-item .rangebar__slider .hive-range-slider__max-value,
.clustering__block-item .rangebar__slider .hive-range-slider__min-value {
  top: 40px;
}
.clustering__block-header {
  padding-top: 15px;
  font-weight: bold;
  font-size: 1.2rem;
  position: relative;
}
.clustering__block-header:hover {
  cursor: default;
}
.clustering__block-header:hover .clustering__block-description {
  display: flex;
  position: absolute;
  background: #cecece;
  color: white;
  bottom: 37px;
  left: 0;
  padding: 5px 10px;
  border-radius: 8px;
}
.clustering__block-header:hover .clustering__block-description:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #cecece transparent transparent transparent;
  content: "";
  position: absolute;
  left: 7px;
  bottom: -15px;
}
.clustering__block-description {
  font-size: 0.9rem;
  color: #bbb;
  display: none;
  position: absolute;
}
.clustering__empty {
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  margin-top: 70px;
}

.Clustering .hive-overlay-content.RawData.centered {
  width: 30%;
  height: 35%;
  box-shadow: 0 0 10000px 10000px black;
  border-radius: 10px;
}
.under-budget {
  color: #E00;
}

.over-budget {
  color: #070;
}

.project-click {
  cursor: pointer;
}

.project-click:hover {
  font-weight: bold;
}

/*-----------------------
this is hive_m-select-list
-----------------------*/
body {
  max-width: 100vw;
  overflow: hidden;
}

/* this is common style of toggles */
.hive_m-select-list {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.hive_m-select-list .channel {
  white-space: nowrap;
  padding: 8px 14px;
  margin: 6px 12px 6px 0;
  border-radius: 26px;
  font-weight: bold;
  font-size: 12px;
  cursor: default;
}
.hive_m-select-list .channel:hover {
  cursor: pointer;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* this is unselected toggle style */
.is-unselected {
  background: #DEDEDE;
  color: #707070;
  box-shadow: none;
}

/* Yellow */
.channel-color-EEAD49 {
  background-color: #EEAD49;
  color: #FFF;
  box-shadow: 0px 3px 8px rgba(10, 10, 10, 0.25);
}

/* Red */
.channel-color-CB4B5A {
  background-color: #CB4B5A;
  color: #FFF;
  box-shadow: 0px 3px 8px rgba(10, 10, 10, 0.25);
}

/* Purple */
.channel-color-75308E {
  background-color: #75308E;
  color: #FFF;
  box-shadow: 0px 3px 8px rgba(10, 10, 10, 0.25);
}

/* Blue */
.channel-color-30638E {
  background-color: #30638E;
  color: #FFF;
  box-shadow: 0px 3px 8px rgba(10, 10, 10, 0.25);
}

/* Green */
.channel-color-008775 {
  background-color: #008775;
  color: #FFF;
  box-shadow: 0px 3px 8px rgba(10, 10, 10, 0.25);
}

/* Gray */
.channel-color-DEDEDE {
  background-color: #DEDEDE;
  color: #FFF;
  box-shadow: 0px 3px 8px rgba(10, 10, 10, 0.25);
}

#channel-linegraph-timeaxis #time-axis {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.raw_data__header {
  text-align: center;
  word-break: break-all;
}
.raw_data__title {
  font-size: 10px;
  color: #95989a;
}

.search-from-inner {
  min-width: 250px;
}

#cursor-2outside,
#cursor-2inside {
  cursor: grab;
}

.RawData .circle-btn-size-l.hive-button-floating .icon-recalculate {
  display: none;
}
.RawData .raw-data__search-wrapper {
  position: relative;
}
.RawData .raw-data__search-bar input {
  padding-left: 2rem;
}
.RawData .raw-data__search-icon {
  position: absolute;
  top: 8px;
  left: 7px;
}
.RawData .raw-data__boxgraph-wrapper {
  padding: 0 1rem;
}
.RawData .raw-data__boxgraph {
  min-height: 300px;
  overflow-x: auto;
  display: flex;
}
.RawData .raw-data__boxplot-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 0;
}
.RawData .raw-data__boxplot {
  min-width: 200px;
}
.RawData .raw-data__header {
  text-align: center;
}
.models-detail .no-data-message {
  text-align: center;
  margin-top: 150px;
}
.models-detail .no-data-message .edi-logo {
  height: 200px;
  width: 200px;
}

div.modelling-menu .modelling-menu-row {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

div.modelling-menu .modelling-menu-item-column > .modelling-menu-row:first-child {
  text-align: center;
  font-weight: bold;
}

.target-name {
  display: flex;
}
.target-name .target-value {
  margin-top: 6px;
  padding: 8px 0px;
}
.target-name.coupled .horizontal-object {
  background: #0047AB;
}

.modelling-dropdown {
  border: #414141;
  border-radius: 6px;
  background-color: #414141;
  text-overflow: ellipsis;
  font-size: smaller;
  color: white;
}
.modelling-dropdown:focus {
  background-color: #414141;
}
.modelling-dropdown__list {
  max-height: 100px;
  overflow-y: scroll;
  top: -50%;
  left: -50%;
}
.dropdown-text {
  color: white;
  text-align: center;
  font-size: 8px;
  margin: 0.25rem;
}

.modelling-text-edit {
  position: absolute;
  border: var(--theme-color1, "#009682");
  border-radius: 6px;
  background-color: var(--theme-color1, "#009682");
  padding: 3px;
  width: 55px;
  height: 35px;
}
.modelling-text-edit .te-header {
  cursor: pointer;
  transition: 0.3s;
  height: 100%;
  width: 100%;
}
.modelling-text-edit .te-input {
  font-size: 0.757rem;
  height: 100%;
  width: 100%;
  padding: 0;
  text-align: center;
  border-radius: 3px;
}

.linear-graph {
  min-height: 300px;
}
.linear-graph .linear-graph-dot {
  fill: var(--theme-color2, "#78BFB6");
  stroke: var(--theme-color2, "#78BFB6");
}

.model-interaction-graph .model-interaction-graph-detail .dot-indicator circle {
  cursor: grab;
}
.model-interaction-graph .model-interaction-graph-detail .dot-indicator text {
  cursor: grab;
}
.model-interaction-graph .model-interaction-graph-detail #linear-y-axis rect {
  cursor: grab;
}

.model-interaction-graph text,
.linear-graph text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.influence-image {
  position: relative;
  margin-right: 5px;
}
.influence-image .influence-tooltip {
  display: block;
  position: absolute;
  bottom: 35px;
  left: -63px;
  background-color: #707070;
  border-radius: 4px;
  color: white;
  padding: 15px 20px;
  min-width: 156px;
}
.influence-image .influence-tooltip:before {
  content: "";
  position: absolute;
  bottom: -14px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #707070;
  left: 37%;
}

.toggle-blocked {
  pointer-events: none;
  position: relative;
}
.toggle-blocked:before {
  content: "";
  position: absolute;
  background: #dadada;
  width: 120%;
  height: 100%;
  display: flex;
  opacity: 0.7;
  z-index: 100;
}

.modelling__overview-graph {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.modelling__overview-graph-quality {
  align-self: flex-start;
  font-size: 1rem;
}
.modelling__overview-graph .hive-donut-graph__wrapper {
  max-width: 300px;
}
.modelling .parameter-name .horizontal-object,
.modelling .target-name .horizontal-object {
  justify-content: left;
}
.modelling .target-name .horizontal-object {
  max-height: 44px;
  margin-top: 1rem;
}

.modelling__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;
}
.modelling__formula-copy {
  display: flex;
  background: var(--theme-color1);
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2117647059);
  float: right;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9rem;
}
.modelling__formula-copy:hover {
  background-color: var(--theme-color2);
}
.modelling__formula-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 350px;
  overflow-y: scroll;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.modelling__formula-detail, .modelling__formula-influence-first, .modelling__formula-influence-second {
  display: flex;
  align-items: center;
}
.modelling__formula-target-wrapper {
  display: flex;
  align-items: center;
}
.modelling__quality-wrapper {
  display: flex;
  align-items: first baseline;
}
.modelling__quality-graph {
  position: relative;
}
.modelling__quality-target-info {
  transform: rotate(90deg);
  position: absolute;
  left: -2rem;
  top: 50%;
}
.modelling__quality-dot-g {
  position: relative;
}
.modelling__quality-dot-measures {
  position: absolute;
  width: 385px;
  display: none;
  height: min-content;
  z-index: 1000;
  padding: 1rem;
  font-size: 0.8rem;
}
.modelling__quality-dot-measures-wrapper {
  background: #414141;
  color: white;
  margin-top: -6px;
  padding: 0.5rem 1rem;
  height: 100%;
  overflow-y: scroll;
  max-height: 200px;
}
.modelling__quality-dot-measures-wrapper:before {
  position: absolute;
  content: "";
  display: flex;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #414141;
  top: 0px;
  left: 50%;
}
.modelling__quality-dot-item {
  display: flex !important;
  float: none !important;
  padding: 0 0.9rem;
}
.modelling__quality-dot-predicted {
  padding: 0 !important;
}
.modelling__interaction-target {
  display: flex;
  flex-direction: column;
}
.modelling__interaction-target-unit {
  font-size: 1rem;
  margin-left: 0.3rem;
}
.modelling__interaction-target-card .horizontal-object {
  max-width: 100%;
}
.modelling__interaction-target-header {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-size: 0.9rem;
}
.modelling__interaction-target .horizontal-object {
  width: fit-content;
  margin-left: 0;
}
.modelling__interaction-target.coupled:nth-child(2) .horizontal-object {
  background-color: #30638D;
}
.modelling__interaction-target.coupled:nth-child(3) .horizontal-object {
  background-color: #EEAD49;
}
.modelling__interaction-target.coupled:nth-child(4) .horizontal-object {
  background-color: #CB4B5A;
}
.modelling__interaction-target.coupled:nth-child(5) .horizontal-object {
  background-color: #75308E;
}
.modelling__interaction-target.coupled:nth-child(6) .horizontal-object {
  background-color: #41C1D2;
}
.modelling__interaction-bottom-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modelling__influences-graph-detail .graph-line.model-index-0 {
  stroke: var(--theme-color1);
}
.modelling__influences-graph-detail .graph-line.model-index-1 {
  stroke: #30638D;
}
.modelling__influences-graph-detail .graph-line.model-index-2 {
  stroke: #EEAD49;
}
.modelling__influences-graph-detail .graph-line.model-index-3 {
  stroke: #CB4B5A;
}
.modelling__influences-graph-detail .graph-line.model-index-4 {
  stroke: #75308E;
}
.modelling__influences-graph-detail .graph-line.model-index-5 {
  stroke: #41C1D2;
}
.modelling__influences-selector select {
  width: 15rem;
  float: right;
}

.Models .hive-scrolling-item {
  max-width: 30%;
  min-width: 30% !important;
}
.Models .modelling-menu__switch-name {
  overflow: hidden;
}

@media print, screen and (max-width: 768px) {
  .Models .horizontal-object-list-header__wrapper {
    margin-bottom: 0.2rem;
  }
  .Models .hive-scrolling-wrapper .hive-scrolling-container {
    overflow-x: scroll;
  }
  .Models .hive-object-info_wrapper {
    overflow: hidden;
  }
  .Models .hive-overlay-content.centered {
    width: 91%;
    right: 0;
    margin: 0 auto;
  }
  .Models .influence-image {
    width: 24px;
  }
  .Models .container-fluid.modelling {
    padding-bottom: 125px;
  }
  .Models .hive-scrolling-item {
    min-width: 100% !important;
  }
  .modelling__quality-wrapper {
    padding-bottom: 125px;
  }
  .modelling__quality-target-info {
    left: -3rem;
  }
  .modelling-menu .modelling-menu-row {
    margin-left: 0;
  }
  .modelling-menu__switch-wrapper {
    max-width: 100%;
  }
  .modelling__interaction-target-wrapper {
    margin: 1rem;
  }
  .modelling__interaction-quality {
    margin: 0 0.5rem;
  }
  .modelling__influences-wrapper {
    padding: 0 1rem 0 0;
  }
  .modelling__formula {
    padding: 1.2rem;
  }
}
.parampred-details__tab {
  color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  margin: 0 1rem;
  border-radius: 8px;
  border-right: 5px solid var(--theme-color1);
}
.parampred-details__tab-name .horizontal-object {
  width: max-content;
}
.parampred-details__tab-label {
  width: 100%;
  overflow: hidden;
  background: white;
  color: black;
  min-height: 90px;
  display: flex;
  justify-content: space-between;
  padding: 1em;
  position: relative;
  border-radius: 4px;
  align-items: center;
}
.parampred-details__tab-label.target {
  background: var(--theme-color1);
  color: white;
}
.parampred-details__tab-label.target input {
  color: white;
}
.parampred-details__tab-label.target input:focus, .parampred-details__tab-label.target input:hover {
  background: white;
}
.parampred-details__tab-label input {
  background: transparent;
  border: none;
  font-size: 2rem;
  text-align: right;
  box-shadow: none;
}
.parampred-details__tab-label input:focus, .parampred-details__tab-label input:hover {
  background: #eeeeee;
  border: 1px solid #cacaca;
  color: black;
}
.parampred-details__tab-content {
  padding: 0 1em;
  background: white;
  transition: all 0.35s;
  color: black;
  padding: 60px 30px 15px;
}
.parampred-details__tab-content > .hive-range-slider {
  padding: 1px 0;
  margin: 20px 0 40px;
}
.parampred-details__tab-content > .hive-range-slider #slider {
  padding: 10px 0;
  background: transparent;
  min-height: 10px;
}
.parampred-details__tab-content > .hive-range-slider #slider:before {
  content: "";
  height: 5px;
  background: #eff0f1;
  display: block;
  top: 10px;
  position: absolute;
  left: 0;
  width: 100%;
}
.parampred-details__tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: white;
  cursor: pointer;
}
.parampred-details__tab-close:hover {
  background: rgb(90%, 90%, 90%);
}
.parampred-details__tab-title {
  font-size: 1.1rem;
}
.parampred-details__tab-value {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parampred-details__tab-value .icon-minus {
  font-size: 3rem;
  color: #cacaca;
  line-height: 20px;
}
.parampred-details__tab-value div > input {
  max-width: 150px;
  float: right;
}
.parampred-details__tab-value div {
  font-size: 1.5rem;
  color: var(--theme-color1);
}
.parampred-details__tab-value div .parampred-details__conditions-item {
  font-size: 1rem;
}
@media print, screen and (max-width: 1175px) {
  .parampred-details__tab-switch .hive-switch {
    transform: rotate(90deg);
    display: flex;
    margin: 0 auto;
  }
  .parampred-details__tab-switch .switch-fixed {
    width: 100%;
    display: block;
    margin-bottom: 17px;
    text-align: center;
  }
  .parampred-details__tab-switch .switch-variable {
    width: 100%;
    display: block;
    margin-top: 17px;
    text-align: center;
  }
}
.parampred-details__tab-icon {
  font-size: 1.5rem;
}
.parampred-details__tab-range {
  white-space: nowrap;
}
.parampred-details__tab-range div {
  width: 90px;
  overflow: hidden;
}
.parampred-details__conditions {
  margin-top: 5rem;
}
.parampred-details__conditions-content, .parampred-details__conditions-tab {
  display: flex;
  background: #eff0f1;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  padding: 25px;
  border-radius: 4px;
  margin-bottom: 30px;
  align-content: center;
  align-items: center;
}
.parampred-details__conditions-list {
  display: flex;
  overflow-x: scroll;
  list-style-type: none;
  margin-top: 1rem;
  max-width: 97%;
}
.parampred-details__conditions-list:empty {
  display: none;
}
.parampred-details__conditions-item {
  border-radius: 20px;
  background: #ccc;
  list-style-type: none;
  padding: 7px 15px;
  white-space: nowrap;
  margin: 0 5px 10px;
  cursor: pointer;
  color: white;
}
.parampred-details__conditions-item.active {
  background: var(--theme-color1);
  color: white;
}
.parampred-details__conditions-range {
  margin-top: 3rem;
}
.parampred-details__conditions-range #slider {
  background-color: #d8d8d8;
}
.parampred-details__conditions-range #slider #min {
  background-color: #d8d8d8;
}
.parampred-details__conditions-if {
  position: relative;
  padding: 3rem 0;
}
.parampred-details__conditions-then {
  position: relative;
  z-index: 10;
  margin-left: 4%;
}
.parampred-details__conditions-then::before {
  /* content: ''; */
  display: block;
  position: absolute;
  left: -59px;
  top: -89px;
  border-left: 4px solid #ccc;
  border-bottom: 4px solid #ccc;
  width: 59px;
  height: 129%;
  z-index: -1;
  border-radius: 0 0 0 15px;
}
@media print, screen and (min-width: 2300px) {
  .parampred-details__conditions-then {
    margin-left: 7%;
  }
}
.parampred-details__conditions-icon {
  position: absolute;
  right: 28px;
  top: 42px;
  text-align: right;
  font-size: 1.5rem;
}
.parampred-details__conditions-remove {
  position: absolute;
  font-size: 1.5rem;
  top: -11px;
  right: -11px;
}
.parampred-details__add-condition {
  text-transform: uppercase;
  background: transparent;
  box-shadow: none;
  border: unset;
  color: var(--theme-color2);
  font-weight: bold;
}
.parampred-details__add-condition:hover {
  text-decoration: underline;
  background: none;
  color: var(--theme-color2);
}
.parampred-details .hive-switch.active {
  background-color: #eff0f1 !important;
}
.parampred-details .hive-switch span:nth-child(2).active {
  background-color: var(--theme-color2) !important;
}
.parampred-details__influences#Verfahrenmsmittel .hive-switch {
  pointer-events: none;
}
.parampred-details__influences#Verfahrenmsmittel .hive-switch > span {
  pointer-events: none;
}
.parampred-details__influences#Verfahrenmsmittel .hive-switch span:nth-child(2).active {
  background-color: #cccccc !important;
}
.parampred-details .hive-range-slider.range-1 #maxInput,
.parampred-details .hive-range-slider.range-1 #minInput {
  top: 69px !important;
}
.parampred-details .hive-range-slider__manual {
  position: absolute;
  height: 35px;
  padding: 6px 9px;
  text-align: center;
  bottom: -25px;
  min-width: 70px;
  border-radius: 4px;
}
.parampred__error {
  font-size: 1rem !important;
  color: red !important;
  text-align: center;
  line-height: 23px;
  font-weight: bold;
  position: absolute;
  left: 51%;
  max-width: 12%;
}
@media print, screen and (max-width: 1175px) {
  .parampred__error {
    position: absolute;
    bottom: 8px;
  }
}

.target {
  background: var(--theme-color1);
  color: white;
}
.target .parampred-details__tab-name {
  margin-left: 2.4rem;
}
.target input {
  color: white;
}
.target input:focus, .target input:hover {
  background: white;
}

#expanded {
  border-radius: 4px 4px 0 0;
}
.refinedData .hive-table-wrap {
  width: 100%;
  background: #fff;
  word-wrap: break-word;
  white-space: break-spaces;
  display: grid;
  grid-template-columns: repeat(21, 6%);
  grid-auto-columns: auto;
  grid-column-gap: 10px;
  padding-bottom: 100px;
  height: calc(100% - 50px);
  position: relative;
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}
.refinedData #title-wrapper {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fefefe;
}
.refinedData #title-wrapper, .refinedData #title-wrapper .hive-table-wrap {
  transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  padding-bottom: 10px;
}
.refinedData #content-wrapper {
  scroll-width: none;
  scrollbar-width: none;
}
.refinedData #content-wrapper::-webkit-scrollbar {
  height: 0;
}
.refinedData .refinedData_wrapper {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  overflow-x: scroll;
  overscroll-behavior-x: auto;
  scrollbar-width: auto;
}
.refinedData .hive-table-wrap .hive-table-title-wrap, .refinedData .hive-table-wrap .hive-table-cell-wrap {
  display: contents;
  grid-column-gap: 10px;
}
.refinedData .hive-table-wrap .columns-title, .refinedData .hive-table-wrap .cell {
  text-align: center;
  font-size: 0.9rem;
  white-space: break-spaces;
  word-break: break-word;
  word-wrap: break-word;
  cursor: all-scroll;
  user-select: auto;
}
.refinedData .hive-table-wrap .hive-table-cell-wrap:nth-of-type(2n) .cell {
  background: #eff0f1;
}
.refinedData_boxgraph-title {
  font-size: 10px;
  color: #95989a;
  text-align: center;
}
.refinedData_boxgraph-header {
  text-align: center;
  margin-left: 17px;
  display: flex;
  justify-content: center;
}
.refinedData_boxgraph-header .horizontal-object {
  width: 100%;
}

.refined-data__wrapper {
  padding: 0 1rem;
}
.refined-data__boxgraph-wrapper {
  min-height: 300px;
  overflow-x: auto;
  display: flex;
}
.refined-data__boxplot-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 0;
}
.refined-data-details {
  padding: 0 1rem;
}
.refined-data__boxplot {
  min-width: 200px;
}
.editor_tools .subwindow_title span.close {
  float: right;
  padding-right: 5px;
  font-size: 0.8em;
}

.editor_tools div.cec_object_list {
  max-height: 200px;
  overflow-y: scroll;
}

.editor_tools div.cec_object_list > div > span {
  padding: 2px 7px 2px 7px;
  border-radius: 3px;
  margin: 2px;
  display: inline-block;
  font-weight: bold;
  font-size: 0.9em;
  cursor: default;
}

.editor_tools div.cec_object_list > div > span {
  border-width: 2px;
  border-style: solid;
}

.editor_tools div.cec_object_list > div.system > span {
  border-color: #707070;
  color: #707070;
}

.editor_tools div.cec_object_list > div.quanop > span {
  border-color: #D68C16;
  color: #D68C16;
}

.editor_tools div.cec_object_list > div.qualop > span {
  border-color: #B7B7B7;
  color: #B7B7B7;
  border-style: dashed;
}

#cec_display {
  margin-top: 10px;
  /* Disable selection of text */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}

#cec_display div.arrows span.arrow {
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #7bb497;
  margin-left: 2.5px;
  margin-right: 2.5px;
}

#cec_display div.arrows {
  text-align: center;
}

#cec_display div.bottom-arrows {
  margin-top: 4px;
}

#cec_display div.top-arrows {
  height: 0;
  text-align: center;
  position: fixed;
  margin-top: 8px;
  width: 100%;
}

#svp_application {
  color: #0a0a0a;
}
#svp_application .force-graph-switch {
  float: inline-end;
  margin-right: 0.5rem;
  float: inline-end;
  margin-right: 0;
  position: absolute;
  right: 0rem;
  z-index: 4;
}
#svp_application .toggleText {
  float: left;
  display: inline;
  color: #5b5b5b;
  font-size: 16px;
}

#svp_application .editor_tools {
  width: 200px;
  float: left;
}

.subwindow_title {
  width: 100%;
  position: relative;
  background-color: #EFEFEF;
  color: #707070;
  text-align: center;
  font-weight: bold;
  font-size: large;
  cursor: default;
}

#cec_display .cec_object_list {
  height: 20%;
  overflow-y: scroll;
  margin-left: 5px;
}

#cec_display div.cec_object_frame {
  text-align: center;
  word-break: break-all;
  word-wrap: break-word;
}

#cec_display span.cec_object {
  padding: 2px 7px 2px 7px;
  border-radius: 3px;
  margin: 2px;
  display: inline-block;
  font-weight: bold;
  font-size: 0.9em;
  cursor: default;
  /* Disable selection of text */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}

#cec_display div.cec_object_menu {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(150, 150, 150, 0.15);
  z-index: 2;
  border-radius: 10%;
}

.cec_object_menu a {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.8;
  border-radius: 50%;
  font-size: 0.7rem;
}

.grid-menu-button {
  fill: #5b5b5b;
  z-index: 3;
}

.grid-menu-button .icon {
  fill: #eee;
}

.grid-menu-button:hover {
  opacity: 0.5;
  cursor: pointer;
}

.grid-menu-button.enabled {
  fill: #4baa9e;
}

#cec_display .system span.cec_object {
  background-color: #7bb497;
}

#cec_display .quanop span.cec_object {
  background-color: #feee73;
}

#cec_display .qualop span.cec_object {
  background-color: #cde2df;
}

/*#cec_display span.cec_object .qualop {
  background-color: #cde2df;
  font-weight: normal;
  text-align: left;
  margin-left: 2px;
}*/
#cec_display span.cec_compose_object {
  display: inline-block;
  font-size: 0.9em;
  cursor: default;
  /* Disable selection of text */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}

#cec_display span.cec_compose_object .system {
  background-color: #7bb497;
  padding: 2px 7px 0 7px;
  border-radius: 3px 3px 0 0;
  margin: 2px 2px 0 2px;
  font-weight: bold;
}

#cec_display span.cec_compose_object .qualop {
  background-color: #cde2df;
  padding: 0 7px 2px 7px;
  border-radius: 0 0 3px 3px;
  margin: 0 2px 2px 2px;
  font-weight: normal;
  text-align: left;
}

.qualop .close-qualop-button {
  float: right;
  display: inline-block;
  height: inherit;
}

.qualop .close-qualop-button img {
  height: 0.75rem;
  margin-left: 0.3rem;
}

.qualop .close-qualop-button img:hover {
  opacity: 0.5;
}

.cecs .object-list-item .row > .columns.medium-3.large-2,
.similarities .object-list-item .row > .columns.medium-3.large-2 {
  width: max-content !important;
  flex: unset;
}
.cecs .object-list-item .row .arrow-container,
.similarities .object-list-item .row .arrow-container {
  margin-left: 0;
}
.cecs .object-list-item .row.align-right,
.similarities .object-list-item .row.align-right {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.cecs .object-list-item .row.align-right .columns .details-container,
.similarities .object-list-item .row.align-right .columns .details-container {
  max-width: 100%;
  overflow-x: hidden;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
  flex-flow: row wrap;
}
.cecs .object-list-item .row.align-right .columns .details-container .details-item,
.similarities .object-list-item .row.align-right .columns .details-container .details-item {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  flex: 1 1 0px;
  min-width: initial;
}
.cecs .object-list-item .row.align-right .columns .details-container .details-item .hive-donut-graph-container svg:not(.hive-donut-graph),
.similarities .object-list-item .row.align-right .columns .details-container .details-item .hive-donut-graph-container svg:not(.hive-donut-graph) {
  width: 100px;
}
.cecs .object-list-item .row.container,
.similarities .object-list-item .row.container {
  padding: 2rem 2rem 0 2rem;
}
.cecs .object-list-item .row.container .hive-donut-graph,
.similarities .object-list-item .row.container .hive-donut-graph {
  height: auto;
}

.cec-overview {
  float: none !important;
}
.cec__wrapper {
  position: relative;
}
.cec-menu {
  padding: 0 50px 0 50px;
  white-space: nowrap;
}
.cec-quanop-dialog .values .row {
  padding-bottom: 0.5rem;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(416d91365b44e4b4f477.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(8f2c4d11474275fbc161.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(2b3e1faf89f94a483539.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

:root {
  --bg: #EEF3EF;
  --panel: rgba(255, 255, 255, 0.9);
  --panel-border: #D8E4DB;
  --text: #203128;
  --muted: #6A7C72;
  --primary: #167C5B;
  --primary-hover: #11684C;
  --danger: #D4513D;
  --danger-hover: #B6402F;
  --soft: #F6FAF7;
  --line: #E5ECE7;
  --shadow: 0 18px 40px rgba(21, 34, 27, 0.12);
  --radius-xl: 22px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
}

html, body {
  margin: 0;
  height: 100%;
  font-family: "Noto Sans", sans-serif !important;
  background: radial-gradient(circle at top left, #F8FBF8 0%, #EEF3EF 35%, #E6EEE8 100%) !important;
  color: var(--text) !important;
}

.hive-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(216, 228, 219, 0.9);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.breadcrumb-sidebar {
  display: none;
}

.dynamic-data__container,
.dynamic-data__container > div,
.main-content {
  width: 100%;
  max-width: 100% !important;
}

.hive-overlay-content.centered {
  border-radius: var(--radius-lg);
}

.dynamic-data__container {
  height: 100%;
}

.dynamic-data__box {
  margin-bottom: 0;
  padding-right: 0;
}

.dynamic-data__item-wrap {
  border-radius: var(--radius-lg) !important;
}

.dynamic-data__item-wrap-inner, .chatbot__wrapper {
  min-height: 0 !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(216, 228, 219, 0.95) !important;
  box-shadow: var(--shadow) !important;
  overflow: hidden !important;
}

.chatbot__wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.chatbot__input-form {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  border: 1px solid #E5ECE7 !important;
  background: white !important;
  border-radius: 16px !important;
  padding: 10px !important;
}

.chatbot__textarea {
  width: 100%;
  min-height: 90px;
  max-height: 180px;
  resize: vertical;
  border: none;
  outline: none;
  font: inherit;
  line-height: inherit;
  color: var(--text);
  background: transparent;
  line-height: 1.5;
}

.chatbot__bot-message {
  border: 1px solid var(--line);
  background: var(--soft);
  border-radius: 16px;
  padding: 14px;
}

.chatbot__bot-message p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.leaflet-touch .leaflet-bar {
  border: unset !important;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  border-radius: var(--radius-sm) !important;
}
.future-shape__event-blocks {
  margin-bottom: 1rem;
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}

.future-shape__event-blocks-item {
  background: white;
  box-shadow: 0 0 0.625rem 0 #d5d5d5;
  border-radius: 0.5rem;
  margin-bottom: 1.875rem;
  padding: 1.875rem 0.9375rem;
  position: relative;
  max-width: 48%;
  margin-right: 1.875rem;
}

.future-shape__event-block-item {
  box-shadow: 0 0 0.625rem 0 #d5d5d5;
  margin: 0.3125rem;
  padding: 0.9375rem;
  border-radius: 0.5rem;
  overflow: auto;
}

.future-shape__event-block-item:first-child {
  margin-right: auto;
}

.future-shape__event-block-item-wrapper {
  position: relative;
}

.future-shape__event {
  display: flex;
  align-items: center;
}

.future-shape__event-icon svg {
  height: 1.5rem;
  width: 2rem;
}

.future-shape__event-datetime {
  margin: 0.5rem;
}
.future-shape__blocks {
  margin-bottom: 1rem;
}

.future-shape__blocks-item {
  background: white;
  box-shadow: 0 0 0.625rem 0 #d5d5d5;
  border-radius: 0.5rem;
  margin-bottom: 1.875rem;
  padding: 1.875rem 0.9375rem;
  position: relative;
  max-width: 48%;
  margin-right: 1.875rem;
}

.future-shape__title {
  background: #efefef;
  padding: 0.625rem 0.9375rem !important;
}

.future-shape__block-item {
  box-shadow: 0 0 0.625rem 0 #d5d5d5;
  margin: 0.3125rem;
  padding: 0.9375rem;
  border-radius: 0.5rem;
  overflow: auto;
}

.future-shape__block-item:first-child {
  margin-right: auto;
}

.future-shape__block-item-wrapper {
  position: relative;
}

.future-shape__block-item-wrapper.fs-history:hover .hive-tooltip {
  display: flex;
  min-width: 250px;
  top: -6.5rem;
  opacity: 1;
}

.future-shape__block-header {
  padding-top: 0.625rem;
  font-weight: bold;
  font-size: 1.25rem;
  position: relative;
  padding-bottom: 0.625rem;
}

.future-shape__block-description {
  font-size: 0.875rem;
  color: #bbb;
  display: block;
  position: relative;
  margin-bottom: 2rem;
}

@media print, screen and (max-width: 430px) {
  .future-shape__block-history {
    overflow-x: hidden;
  }
}
.future-shape__history-container {
  height: max-content;
  display: flex;
}

.future-shape__history-titles {
  height: 100%;
  margin: 1rem 1rem 3rem 0;
}

.future-shape__history-list {
  width: 90%;
  display: flex;
}

.future-shape__history-list-items {
  width: 100%;
  overflow-x: auto;
  display: flex;
  height: 100%;
  flex-shrink: 0;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  overflow-y: hidden;
}

.future-shape__history-list-items::-webkit-scrollbar {
  display: none;
}

.future-shape__history-list-item {
  padding: 0 1%;
  height: inherit;
  text-align: center;
  min-width: 15%;
}

@media screen and (max-width: 900px) {
  .future-shape__history-list-item {
    min-width: 25%;
  }
}
@media screen and (max-width: 795px) {
  .future-shape__history-list-item {
    margin-left: 2rem;
  }
}
.future-shape__history-list-item-date {
  margin: 0;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.2rem;
}

@media screen and (max-width: 795px) {
  .future-shape__history-list-item-date {
    margin-bottom: 2rem;
    padding-top: 1rem;
  }
}
.future-shape__history-list-item-emoji {
  padding: 0 15%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.future-shape__history-list-item-emoji svg:hover {
  cursor: default;
}

.future-shape__history-list-item svg {
  height: 80%;
  text-align: center;
  width: 100%;
  max-width: 5rem;
  min-width: 80px;
}

.future-shape__history-title-date {
  height: 30%;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 4rem;
}

.future-shape__history-title-status {
  height: 70%;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.future-shape__history-button {
  width: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.future-shape__history-button svg {
  height: 30%;
}

.future-shape__history-scroll-leftButton, .future-shape__history-scroll-rightButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}

.future-shape__history-scroll-leftButton:disabled, .future-shape__history-scroll-rightButton:disabled {
  opacity: 0.3;
  cursor: default;
}

.future-shape__history-arrow {
  stroke-miterlimit: 10;
  stroke-width: 1.5625rem;
}

.future-shape__history-slider {
  display: flex;
  width: 97%;
}

@media print, screen and (max-width: 795px) {
  .future-shape__history-slider {
    max-width: 250px;
    display: flex;
    width: 90%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 430px) {
  .future-shape__history-slider {
    max-width: 220px;
  }
}
.future-shape__history-buttons {
  padding: 0 0.9375rem;
  width: 5%;
  display: flex;
  justify-content: center;
}

@media print, screen and (max-width: 679px) {
  .future-shape__overview.container {
    margin-top: -65px !important;
  }
}
@media print, screen and (max-width: 470px) {
  .future-shape__history-list {
    width: 115%;
  }
  .future-shape__history-container {
    justify-content: space-between;
  }
}
.future-shape__blocks {
  margin-bottom: 1rem;
}

.future-shape__blocks-item {
  background: white;
  box-shadow: 0 0 0.625rem 0 #d5d5d5;
  border-radius: 0.5rem;
  margin-bottom: 1.875rem;
  padding: 1.875rem 0.9375rem;
  position: relative;
  max-width: 48%;
  margin-right: 1.875rem;
}

.future-shape__title {
  background: #efefef;
  padding: 0.625rem 0.9375rem !important;
}

.future-shape__block-item {
  box-shadow: 0 0 0.625rem 0 #d5d5d5;
  margin: 0.3125rem;
  padding: 0.9375rem;
  border-radius: 0.5rem;
  overflow: auto;
}

.future-shape__block-item:first-child {
  margin-right: auto;
}

.future-shape__block-item-wrapper {
  position: relative;
  width: 100%;
}

.future-shape__block-header {
  padding-top: 0.625rem;
  font-weight: bold;
  font-size: 1.25rem;
  position: relative;
  padding-bottom: 0.625rem;
}

.future-shape__block-description {
  font-size: 0.875rem;
  color: #bbb;
  display: block;
  position: relative;
  margin-bottom: 2rem;
}

@media screen and (max-width: 795px) {
  .future-shape__block-current {
    margin-bottom: 4rem;
  }
}
.future-shape__status-emoji {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 170px;
}

.future-shape__status-emoji:hover {
  cursor: pointer;
}

.future-shape__images-selected svg {
  fill: black;
  opacity: 1;
  cursor: pointer;
}

.future-shape__images-emojis {
  display: flex;
  align-items: center;
  justify-content: center;
}

.future-shape__current-status {
  margin-bottom: 2rem;
  position: relative;
}

@media screen and (max-width: 795px) {
  .future-shape__current-status {
    float: none;
    clear: both;
  }
}
.future-shape__current-status svg:hover {
  cursor: default;
}

.future-shape__current-status:hover .hive-tooltip {
  display: flex;
  min-width: 250px;
  top: -4rem;
  opacity: 1;
}
@charset "UTF-8";
/* Only th köln specifics as a custom theme*/
/* foundation-compatible custom layer */
.bg-nrw-blue {
  background: radial-gradient(1200px 600px at 70% 20%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(180deg, #0b2a6a 0%, #113a91 60%, #0d2e7a 100%);
  color: #fff;
  top: 0;
  z-index: -1;
  height: 100%;
  padding: 2rem;
  max-width: 100% !important;
  width: 100%;
}

.kpf-hero {
  padding: 5rem 0 3rem;
  margin-bottom: 8rem;
}

.kpf-hero__title {
  font-size: clamp(1.8rem, 3.6vw, 3rem);
  line-height: 1.15;
  margin-bottom: 0.5rem;
}

.kpf-hero__lead {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.8);
  max-width: 42rem;
}

.kpf-chatbox {
  background: #fff;
  color: #111;
  border-radius: 14px;
}

.kpf-chatbox.shadow {
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25);
}

.kpf-chatbox__text {
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}

.kpf-why {
  padding: 2rem 0 0.5rem;
}

.kpf-section__title {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}

.kpf-card {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
}

.kpf-card .card-section {
  padding: 1.5rem;
}

.kpf-card__icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 12px;
  border-radius: 8px;
}

.kpf-card__title {
  font-size: 1.5rem !important;
  margin: 0 0 1rem;
}

.kpf-card__text {
  color: rgba(255, 255, 255, 0.85);
}

.kpf-partners {
  padding: 3rem 0;
}

.kpf-partner {
  margin: 0 1rem;
  opacity: 0.85;
  justify-content: center;
  display: flex;
  align-content: center;
  align-items: center;
}

/* button accents to match theme */
.button.primary {
  background: #2b6df3;
}

.button.primary:hover {
  background: #215be0;
}

.button.hollow {
  border-color: #dcdcdc;
  color: #2b2b2b;
}

.button.hollow:hover {
  background: #f6f6f6;
}

@media screen and (max-width: 640px) {
  .kpf-hero {
    margin-bottom: 17rem;
    padding: 1rem;
  }
  .kpf-why,
  .kpf-partners {
    display: none;
  }
}
.thKln,
.thKln #rag-application {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
  color: hsl(215 20% 25%);
  font-size: 13px !important;
}

.thKln h3 {
  font-size: 1rem;
}

.thKln a:hover {
  color: hsl(215 20% 25%);
}

.thKln.hl {
  background: #3991ef;
  color: inherit;
  padding: 0 0.15em;
  border-radius: 0.2em;
  color: black;
}

.thKln .hl.flash {
  animation: flash 0.8s ease-out;
}

@keyframes flash {
  from {
    box-shadow: 0 0 6px 4px rgba(57, 145, 239, 0.7);
  }
  to {
    box-shadow: 0 0 0 0 rgba(255, 255, 0, 0);
  }
}
.thKln .hl-marker {
  -webkit-filter: drop-shadow(1px 1px 5px #3991ef) drop-shadow(-1px -1px 5px #3991ef);
  filter: drop-shadow(1px 1px 5px #3991ef) drop-shadow(-1px -1px 5px #3991ef);
}

.thKln select,
.thKln input,
.thKln textarea {
  font-size: 14px !important;
  border-color: #f0f1f3 !important;
  border-radius: 8px !important;
  scrollbar-width: thin;
}

.thKln select[multiple] {
  border-radius: 8px;
}

.thKln .grid-container.full.login {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: first baseline;
}

.thkln .login-section {
  margin-top: 2rem;
}

.thKln .login-container {
  padding: 1rem;
  transform: scale(0.8);
  width: 48%;
  color: white;
  display: initial;
  margin-top: -5rem;
}

.thKln .login img {
  filter: invert(1) grayscale(1);
}

.thKln .login .tabs,
.thKln .logo-background-section {
  border-radius: 8px 8px 0 0;
}

.thKln .login .tabs-content {
  padding: 1rem;
  border-radius: 0 0 8px 8px;
}

.thKln.Rag.white-mode .header-rag,
.thKln.Rag.white-mode #rag-application {
  background-color: #f7f7f8 !important;
}

.thKln.Rag.white-mode .chatbot__wrapper,
.thKln.Rag.white-mode .dynamic-data__item-wrap {
  border-radius: 1rem;
  background: white;
  border: hsl(215 15% 90%);
  box-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
}

.thKln.Rag.white-mode .chatbot__input-form {
  border: unset;
}

.thKln.Rag.white-mode .chatbot__wrapper #query {
  color: hsl(215 15% 50%);
  background-color: hsl(0 0% 96%);
  border: 1px solid hsl(215 15% 93%);
}

.thKln.Rag.white-mode .chatbot__wrapper #query:active,
.thKln.Rag.white-mode .chatbot__wrapper #query:focus {
  box-shadow: #4C9CF1 0px 0px 0px 2px;
  color: rgb(51, 62, 77);
}

.thKln .container.dynamic-data__container {
  height: 100%;
}

.thKln .chatbot__button-queryparams {
  bottom: 9px;
  color: #102c42 !important;
}

.thKln .chatbot__button-audio,
.thKln.Rag.white-mode .chatbot__button-submit {
  bottom: -3px;
}

.thKln .chatbot__icon.fi-microphone,
.thKln .chatbot__icon {
  bottom: 6px;
}

.thKln .chatbot__predefined-message {
  background-color: rgba(42, 103, 152, 0.1607843137);
  color: #1e2326;
  box-shadow: 0 0 0 1px #fafafa;
  width: 100%;
  font-size: 0.8rem;
}

.thKln .chatbot__predefined-message:hover {
  background-color: #4C9CF1 !important;
  color: white !important;
}

.thKln.Rag.white-mode .chatbot__user-message {
  border-radius: 8px 8px 2px 8px;
  background-color: hsl(211 85% 58%) !important;
  color: white !important;
  box-shadow: unset;
}

.thKln.Rag.white-mode .chatbot__bot-message {
  background-color: hsl(215 15% 95%) !important;
  border-radius: 8px 8px 8px 2px;
  box-shadow: unset;
}

.thKln.Rag .chatbot__button-queryparams {
  display: none;
}

.thKln .data__close {
  top: 0.5rem;
  font-size: 1rem;
}

.thKln .dynamic-data__hive-object-list label[for=content-type-select] {
  display: none !important;
}

.thKln .dynamic-data__hive-object-list .dynamic-data__item-wrap-inner select:nth-child(3) {
  margin-top: 2rem;
}

.thKln .hive-button-success.btn-full {
  background-color: #4C9CF1 !important;
  border-radius: 8px;
  text-transform: capitalize;
  font-size: 0.875rem;
  line-height: 1.25rem;
  min-height: fit-content;
}

.thKln .data__label {
  background: unset;
  font-size: 1.2rem;
  top: 0;
}

.thKln .object-modified-wrap.object-created-wrap {
  display: none;
}

.thKln .hive-object-info__title-text {
  font-size: 1rem;
}

.thKln .dynamic-data__hive-object-list .object-card-group .object-card__label {
  background: transparent;
  color: #1e2326;
  box-shadow: 0 0 0 1px gray;
}

.thKln #content-type-select {
  display: none;
}

.thKln .dynamic-data__hive-object-list .object-card-group__filter-button,
.thKln .dynamic-data__hive-object-list .object-card-group__filter__apply {
  background-color: hsl(211 85% 58%);
}

.thKln .dynamic-data__hive-object .hive-component-container {
  overflow-x: hidden;
}

.thKln .dynamic-data__hive-object .hive-label-wrap {
  max-width: 100% !important;
  padding: 0 1rem;
  margin: 0;
  border: unset;
  scrollbar-width: none;
}

.thKln .dynamic-data__hive-object .hive-meta-info__description,
.thKln .dynamic-data__hive-object .hive-object-info__description-text {
  display: none;
}

.thKln .dynamic-data__hive-object .hive-label-input .hive-hollow-input {
  line-height: 1rem;
  max-height: 2rem;
  border-radius: 8px;
}

.thKln .dynamic-data__item-fullscreen .dynamic-application > .dynamic-grid {
  grid-template-columns: 40% 60%;
  grid-template-rows: auto auto;
  row-gap: 0.2rem;
}

.thKln .dynamic-data__hive-object .dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicImageLoader {
  grid-row-end: inherit !important;
  order: 2;
}

.thKln .dynamic-data__hive-object .dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicImageLoader .hive-drop-image-wrapper {
  min-height: 10rem !important;
}

.thKln .dynamic-data__hive-object .dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicImageLoader .dynamic-image-loader__img {
  max-height: 200px;
}

.thKln .dynamic-data__hive-object .dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicImageLoader .upload-info {
  bottom: -30%;
}

.thKln .dynamic-data__hive-object .hive-label-area .hive-label-wrap li .hive-label {
  background: transparent !important;
  color: #1e2326 !important;
  box-shadow: 0 0 0 1px gray !important;
  min-height: 1rem !important;
  padding: 0.1rem 0.75rem !important;
  border-radius: 12px !important;
  font-size: 0.75rem !important;
  margin-top: 1px;
  margin-bottom: 1px;
}

.thKln .dynamic-data__hive-object .dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicTab:not(:first-child) {
  display: none;
}

.thKln .dynamic-data__item-fullscreen .dynamic-data__hive-object .dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicTab:not(:first-child) {
  display: grid;
  box-shadow: 0px 1px 0 0px #E2E5E9;
  gap: 1rem;
}

.thKln .dynamic-data__item-fullscreen .dynamic-data__hive-object .dynamic-application .dynamic-grid .dynamic-component-wrapper.DynamicTab > .dynamic-component-wrapper__label {
  font-weight: bold;
  padding: 1rem;
  font-size: 1rem !important;
  color: #333E4D !important;
}

.thKln .dynamic-application .dynamic-grid .dynamic-component-wrapper__label {
  font-size: 0.75rem !important;
  color: #657a91 !important;
}

.thKln .dynamic-application .dynamic-grid .dynamic-component-wrapper.wrapper-description textarea {
  height: 15rem !important;
}

.thKln .dynamic-application > .dynamic-grid > .dynamic-component-wrapper .dynamic-tab .dynamic-grid {
  display: flex !important;
  flex-flow: row wrap;
}

.thKln .dynamic-application > .dynamic-grid > .dynamic-component-wrapper.DynamicTab:not(:first-child) .dynamic-tab .dynamic-grid .dynamic-component-wrapper {
  width: 48%;
}

.thKln .dynamic-application > .dynamic-grid > .dynamic-component-wrapper.DynamicTab:first-child .dynamic-tab .dynamic-grid .dynamic-component-wrapper {
  width: 100%;
}

.thKln .hive-donut-graph__text text {
  font-size: 0.7rem;
}

.thKln .dynamic-data__box.object_list .dynamic-application > .dynamic-grid > .dynamic-component-wrapper.wrapper-logo,
.thKln .dynamic-data__box.object_list .dynamic-application > .dynamic-grid > .dynamic-component-wrapper.wrapper-photo,
.thKln .dynamic-data__box.object_wrapper .dynamic-application > .dynamic-grid > .dynamic-component-wrapper.wrapper-photo,
.thKln .dynamic-data__box.object_wrapper .dynamic-application > .dynamic-grid > .dynamic-component-wrapper.wrapper-logo {
  display: none !important;
}

@media screen and (max-width: 640px) {
  .thKln .login-container {
    max-width: 100%;
    width: 100%;
    top: 38%;
    right: 0;
    transform: scale(1);
  }
  .thKln .dynamic-application .dynamic-grid {
    display: flex !important;
  }
  .thKln .dynamic-application > .dynamic-grid > .dynamic-component-wrapper.DynamicTab:not(:first-child) .dynamic-tab .dynamic-grid .dynamic-component-wrapper {
    width: 100%;
  }
  .thKln .rag-sidebar__wrapper .footer {
    display: none;
  }
}