@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%;
}
.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;
}

#login-tabs {
  display: none;
}

.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 {
  color: #707070;
  font-weight: 600;
}
.signup__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 .default-login-scheme {
  width: 100%;
}

@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(229.5, 229.5, 229.5);
}
.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;
}
.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;
  }
}