﻿@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@media (max-width: 1920px) and (max-height: 1200px) and (-webkit-min-device-pixel-ratio: 1.25) {
  body {
    /*zoom: (1/$device-pixel-ratio);

    @-moz-document url-prefix() { // if firefox
        @include compact-kop();
    }*/
  }
  body .kopjs #planner_layer menu.main .header_regular {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .logo {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .optionsmenu_btn {
    top: 16px;
  }
  body .kopjs #planner_layer menu.main .basic_actions {
    top: 80px;
  }
  body .kopjs #planner_layer menu.main .pricing_container {
    top: 120px;
  }
  body .kopjs #planner_layer menu.main .steps {
    top: 160px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title {
    height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title h1 {
    line-height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_icon {
    margin: 9px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content {
    top: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content section h2 {
    padding-top: 5px;
  }
  body .kopjs #planner_layer #overlay #overlay-content-container #optionsmenu-container {
    margin-top: 30px;
  }
}
@media (max-width: 1920px) and (max-height: 1200px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body {
    /*zoom: (1/$device-pixel-ratio);

    @-moz-document url-prefix() { // if firefox
        @include compact-kop();
    }*/
  }
  body .kopjs #planner_layer menu.main .header_regular {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .logo {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .optionsmenu_btn {
    top: 16px;
  }
  body .kopjs #planner_layer menu.main .basic_actions {
    top: 80px;
  }
  body .kopjs #planner_layer menu.main .pricing_container {
    top: 120px;
  }
  body .kopjs #planner_layer menu.main .steps {
    top: 160px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title {
    height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title h1 {
    line-height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_icon {
    margin: 9px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content {
    top: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content section h2 {
    padding-top: 5px;
  }
  body .kopjs #planner_layer #overlay #overlay-content-container #optionsmenu-container {
    margin-top: 30px;
  }
}
@media (max-width: 1920px) and (max-height: 1200px) and (-webkit-min-device-pixel-ratio: 1.75) {
  body {
    /*zoom: (1/$device-pixel-ratio);

    @-moz-document url-prefix() { // if firefox
        @include compact-kop();
    }*/
  }
  body .kopjs #planner_layer menu.main .header_regular {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .logo {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .optionsmenu_btn {
    top: 16px;
  }
  body .kopjs #planner_layer menu.main .basic_actions {
    top: 80px;
  }
  body .kopjs #planner_layer menu.main .pricing_container {
    top: 120px;
  }
  body .kopjs #planner_layer menu.main .steps {
    top: 160px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title {
    height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title h1 {
    line-height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_icon {
    margin: 9px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content {
    top: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content section h2 {
    padding-top: 5px;
  }
  body .kopjs #planner_layer #overlay #overlay-content-container #optionsmenu-container {
    margin-top: 30px;
  }
}
@media (max-width: 1920px) and (max-height: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    /*zoom: (1/$device-pixel-ratio);

    @-moz-document url-prefix() { // if firefox
        @include compact-kop();
    }*/
  }
  body .kopjs #planner_layer menu.main .header_regular {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .logo {
    height: 80px;
  }
  body .kopjs #planner_layer menu.main .header_regular .optionsmenu_btn {
    top: 16px;
  }
  body .kopjs #planner_layer menu.main .basic_actions {
    top: 80px;
  }
  body .kopjs #planner_layer menu.main .pricing_container {
    top: 120px;
  }
  body .kopjs #planner_layer menu.main .steps {
    top: 160px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title {
    height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_title h1 {
    line-height: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_icon {
    margin: 9px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content {
    top: 60px;
  }
  body .kopjs #planner_layer menu.main .steps .step .step_content section h2 {
    padding-top: 5px;
  }
  body .kopjs #planner_layer #overlay #overlay-content-container #optionsmenu-container {
    margin-top: 30px;
  }
}
/*// DEBUG
$zoomlevel: 1.5;
body {
    zoom: $zoomlevel;
}
@include compact-kop();*/
/* Brand Variables: nur in _branding-variables und _branding-overwrites verwenden */
/* command colors */
/* Kop Variables: werden im Haupt SASS verwendet */
/* Strukture */
.kopjs.application_table #configuration_menu .empty_menu_placeholder, .kopjs.application_table.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table.touch #configuration_menu .empty_menu_placeholder,
.kopjs.application_table_medium #configuration_menu .empty_menu_placeholder, .kopjs.application_table_medium.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table_medium.touch #configuration_menu .empty_menu_placeholder,
.kopjs.application_table_light #configuration_menu .empty_menu_placeholder, .kopjs.application_table_light.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table_light.touch #configuration_menu .empty_menu_placeholder, menu.main header .logo, #loading_screen .loading_display .logo {
  height: 100px;
  background-image: url("../images/logo.png");
}

/* Elements */
.button_apply {
  background-color: #f7a733;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 12px;
  border-radius: 5px;
}

.action_navigate {
  color: #a9a9a9;
  font-size: 11px;
}
.action_navigate:before {
  content: "» ";
}

/* -- Placeholders */
#configuration_menu .singlelineinput .input .ui-spinner input, #configuration_menu .lockableSingleLineInput .input .ui-spinner input, .context-menu .singlelineinput .input .ui-spinner input, .context-menu .lockableSingleLineInput .input .ui-spinner input, #config-popup .singlelineinput .input .ui-spinner input, #config-popup .lockableSingleLineInput .input .ui-spinner input, .kopjs.application_table #rendering_controls .room_lock, .kopjs.application_table.elment_moving #rendering_controls .room_lock, .kopjs.application_table.touch #rendering_controls .room_lock,
.kopjs.application_table_medium #rendering_controls .room_lock, .kopjs.application_table_medium.elment_moving #rendering_controls .room_lock, .kopjs.application_table_medium.touch #rendering_controls .room_lock,
.kopjs.application_table_light #rendering_controls .room_lock, .kopjs.application_table_light.elment_moving #rendering_controls .room_lock, .kopjs.application_table_light.touch #rendering_controls .room_lock, .kopjs.application_table #rendering_controls .transform_camera .transform_position, .kopjs.application_table #rendering_controls .transform_camera .transform_position_slider,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_position,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_position_slider,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_position,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_position_slider, .kopjs.application_table #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table #rendering_controls .transform_camera .transform_rotation_slider,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_rotation,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_rotation_slider,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_rotation,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_rotation_slider, .kopjs.application_table #rendering_controls .transform_camera, .kopjs.application_table #rendering_controls .clear_planning, .kopjs.application_table.elment_moving #rendering_controls .transform_camera, .kopjs.application_table.elment_moving #rendering_controls .clear_planning, .kopjs.application_table.touch #rendering_controls .transform_camera, .kopjs.application_table.touch #rendering_controls .clear_planning,
.kopjs.application_table_medium #rendering_controls .transform_camera,
.kopjs.application_table_medium #rendering_controls .clear_planning, .kopjs.application_table_medium.elment_moving #rendering_controls .transform_camera, .kopjs.application_table_medium.elment_moving #rendering_controls .clear_planning, .kopjs.application_table_medium.touch #rendering_controls .transform_camera, .kopjs.application_table_medium.touch #rendering_controls .clear_planning,
.kopjs.application_table_light #rendering_controls .transform_camera,
.kopjs.application_table_light #rendering_controls .clear_planning, .kopjs.application_table_light.elment_moving #rendering_controls .transform_camera, .kopjs.application_table_light.elment_moving #rendering_controls .clear_planning, .kopjs.application_table_light.touch #rendering_controls .transform_camera, .kopjs.application_table_light.touch #rendering_controls .clear_planning, .kopjs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selection_list, #configuration_menu .configurators_container,
.context-menu .configurators_container, menu.main .steps .step .step_content > *, .scroll_container {
  overflow-x: hidden;
  overflow-y: auto;
}

#articlelist_layer .articlelist_container, #articlelist_layer .articlelist_overlay_background, #articlelist_layer, .kopjs.application_stereo .rendering_layer .canvas_container, .kopjs.application_stereo .rendering_layer, #object_list_layer .object_list_positioning, #object_list_layer .object_list_overlay_background, #object_list_layer, #qr_overlay .planning_qr_positioning, #qr_overlay .qr_overlay_background, #qr_overlay, #rendering_settings, #stage_component .rendering_layer .canvas_container, #stage_component .rendering_layer, #configuration_menu .configurators_container,
.context-menu .configurators_container, menu.main .steps .step .step_content > *, #viewer_layer[data-render_context_key=viewer], #planner_layer, #loading_screen, .kopjs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* -- Mixins --*/
/* Other */
/* Structure */
/* Layout */
#articlelist_layer .articlelist_container .separator:after, #object_list_layer .separator:after, .hirsch_flyout_content .command_indicator_history .after:after, .design_list .design:after, .variant_group_list .variant_group:after, .selection_list > .item:after, #configuration_menu .configurators > .design_category:after, .context-menu .configurators > .design_category:after, #config-popup .configurators > .design_category:after, #configuration_menu h1:after, .context-menu h1:after, #config-popup h1:after, menu.main .steps > .step .step_content:after, .kopjs.application_table_medium menu.main .steps .step_button:before, .kopjs.application_table_medium.element_moving menu.main .steps .step_button:before, .kopjs.application_table_medium.touch menu.main .steps .step_button:before,
.kopjs.application_table menu.main .steps .step_button:before, .kopjs.application_table.element_moving menu.main .steps .step_button:before, .kopjs.application_table.touch menu.main .steps .step_button:before, #configuration_menu .configurators_container > section > .configurators .seperator:after,
.context-menu .configurators_container > section > .configurators .seperator:after, .context-menu-anchor .context-menu-container .quad-menu .context-menu .context-menu-configurators section:not(:first-child):before, #overlay-content-container #prompt-container .prompt-background .separator:before, #overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .separator:before, .design_category_designs .separator:before, .design_list_content .separator:before {
  display: block;
  content: "";
  width: 100%;
  background: url("../images/svg/separator.svg") no-repeat bottom center;
  background-size: contain;
}

/* Transition & Animation */
.gui-component-crash {
  pointer-events: none;
  cursor: default;
  background-color: #ff7272;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

/* specific dropdown styles */
/* basic style declarations */
.dropdown-component {
  overflow: hidden;
}
.dropdown-component.no-open {
  cursor: default;
  pointer-events: none;
}
.dropdown-component .dropdown-selection {
  font-size: 14px;
}
.dropdown-component .dropdown-selection .dropdown-option .dropdown-option-text .dropdown-title .option-number {
  margin-right: 5px;
  font-weight: normal;
}
.dropdown-component .dropdown-options-container {
  position: fixed;
  z-index: 2;
}
.dropdown-component .dropdown-options-container.options-container-dir-up {
  border-bottom: 0;
}
.dropdown-component .dropdown-options-container:not(.options-container-dir-up) {
  border-top: 0;
}
.dropdown-component .dropdown-options-container .dropdown-option {
  font-size: 14px;
}
.dropdown-component .dropdown-options-container .dropdown-option .dropdown-option-text [data-item_details], .dropdown-component .dropdown-options-container .dropdown-option .dropdown-option-text .dropdown-title {
  display: inline-block;
}
.dropdown-component .dropdown-options-container .dropdown-option .dropdown-option-text .show_item_details {
  margin: 0;
  margin-right: 5px;
  float: none;
}
.dropdown-component .dropdown-options-container .dropdown-option .dropdown-option-text .dropdown-title .option-number {
  margin-right: 5px;
  font-weight: normal;
}
.dropdown-component .dropdown-options-container .dropdown-option:not(.has-icon) .dropdown-option-text > .dropdown-title:not(.dropdown-text-onlychild) {
  color: black;
  border-bottom: 1px lightgrey solid;
}
.dropdown-component .dropdown-options-container .dropdown-option:not(.has-icon):hover .dropdown-option-text > .dropdown-title:not(.dropdown-text-onlychild) {
  color: white;
}
.dropdown-component .dropdown-options-container .dropdown-option.dropdown-unavailable {
  opacity: 0.25;
  background-color: #cccccc;
}
.dropdown-component .dropdown-options-container .dropdown-options {
  /*position: absolute;*/
  min-width: inherit;
  outline: 1px solid #7D7D80;
  background-color: white;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option {
  padding: 5px;
  background-color: white;
  color: #7D7D80;
  /*border-bottom: 1px solid $dropdown-background-color-alt;

  &:last-child {
      border-bottom: 0;
  }*/
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option:nth-child(even) {
  background-color: #f5f5f5;
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.dropdown-selected, .dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.dropdown-focus {
  border-left-style: solid;
  border-left-width: 4px;
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.dropdown-selected .dropdown-option-text > .dropdown-title, .dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.dropdown-focus .dropdown-option-text > .dropdown-title {
  color: black;
  /*font-weight: 800;*/
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.dropdown-selected .dropdown-option-text > .dropdown-description, .dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.dropdown-focus .dropdown-option-text > .dropdown-description {
  color: black;
  /*font-weight: 600;*/
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.no-value {
  background-color: white;
  color: #b9b9b9;
  text-align: center;
  cursor: default;
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option.no-value:hover {
  background-color: white;
  color: #b9b9b9;
}
.dropdown-component .dropdown-options-container .dropdown-options .dropdown-option:hover {
  background-color: #7D7D80;
  color: white;
}
.dropdown-component[data-style-key=default] {
  border: 1px solid #7D7D80;
  cursor: pointer;
}
.dropdown-component[data-style-key=default] .dropdown-selection {
  padding: 5px;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-option {
  display: table-cell;
  padding: 0;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-option:hover {
  background-color: white;
  color: #7D7D80;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-arrow {
  display: table-cell;
  padding-left: 10px;
  height: 10px;
  width: 10px;
  vertical-align: middle;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-arrow .arrow-container {
  position: relative;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-arrow .arrow-container.arrow-up {
  margin-top: 5px;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-arrow .arrow-container.arrow-up div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: 25%;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-arrow .arrow-container.arrow-down {
  margin-top: -5px;
}
.dropdown-component[data-style-key=default] .dropdown-selection .dropdown-arrow .arrow-container.arrow-down div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -25%;
}
.dropdown-component[data-style-key=filter_dark] {
  height: 24px;
  line-height: 24px;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection {
  margin: 0 10px;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-option {
  display: inline-block;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-option .dropdown-option-text {
  white-space: nowrap;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-option .dropdown-option-text .dropdown-title, .dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-option .dropdown-option-text dropdown-description {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-arrow {
  display: inline-block;
  margin-left: 10px;
  height: 10px;
  float: right;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-arrow .arrow-container {
  position: relative;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-arrow .arrow-container.arrow-up div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: 9px;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-selection .dropdown-arrow .arrow-container.arrow-down div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 3px;
}
.dropdown-component[data-style-key=filter_dark] .dropdown-options {
  /*left: 10px;*/
}
.dropdown-component[data-style-key=filter_dark]:hover:not(.disable-hover) {
  background-color: #747474;
}
.dropdown-component[data-style-key=filter_dark]:hover:not(.disable-hover) .dropdown-selection > .dropdown-option {
  background-color: #747474;
}
.dropdown-component[data-style-key=filter_light] {
  height: 24px;
  line-height: 24px;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection {
  margin: 0 10px;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-option {
  display: inline-block;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-option .dropdown-option-text {
  white-space: nowrap;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-option .dropdown-option-text .dropdown-title, .dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-option .dropdown-option-text dropdown-description {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-arrow {
  display: inline-block;
  margin-left: 10px;
  height: 10px;
  float: right;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-arrow .arrow-container {
  position: relative;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-arrow .arrow-container.arrow-up div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: 9px;
}
.dropdown-component[data-style-key=filter_light] .dropdown-selection .dropdown-arrow .arrow-container.arrow-down div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 3px;
}
.dropdown-component[data-style-key=filter_light] .dropdown-options {
  /*left: 10px;*/
}
.dropdown-component[data-style-key=filter_light]:hover:not(.disable-hover) {
  background-color: #b3b3b3;
}
.dropdown-component[data-style-key=filter_light]:hover:not(.disable-hover) .dropdown-selection > .dropdown-option {
  background-color: #b3b3b3;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection {
  margin: 10px;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option-text .dropdown-title {
  color: black;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option {
  display: inline-block;
  margin-bottom: 3px;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option .dropdown-option-text .dropdown-title {
  font-weight: 700;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option .dropdown-option-text .dropdown-description {
  font-weight: 400;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option .dropdown-option-text {
  padding-left: 10px;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option.has-icon .dropdown-option-text {
  vertical-align: middle;
  display: table-cell;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option.no-icon .show_item_details {
  margin-top: 0;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-option.option-unsuggested .dropdown-title {
  color: #e03a3a;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-arrow {
  display: inline-block;
  padding-left: 10px;
  height: 10px;
  float: right;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-arrow .arrow-container {
  position: relative;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-arrow .arrow-container.arrow-up {
  margin-top: -2.5px;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-arrow .arrow-container.arrow-up.no-icons {
  margin-top: 5px;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-arrow .arrow-container.arrow-up div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-arrow .arrow-container.arrow-down:not(.no-icons) {
  margin-top: -10px;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-selection .dropdown-arrow .arrow-container.arrow-down div {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 5px solid;
  border-right: 5px solid;
  color: inherit;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dropdown-component[data-style-key=feature_selection] .dropdown-options {
  /*left: 10px;*/
}
.dropdown-component[data-style-key=feature_selection] .dropdown-options .dropdown-option .dropdown-option-text .dropdown-title {
  font-weight: 700;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-options .dropdown-option .dropdown-option-text .dropdown-description {
  font-weight: 400;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-options .dropdown-option.has-icon .dropdown-option-text {
  vertical-align: middle;
  display: table-cell;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-options .dropdown-option.no-icon .dropdown-option-text {
  margin: 5px 0;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-options .dropdown-option.option-unsuggested .dropdown-title {
  color: #e03a3a;
}
.dropdown-component[data-style-key=feature_selection] .dropdown-options .dropdown-option.option-unavailable {
  opacity: 0.25;
  background-color: #cccccc;
}

.autocomplete-container.dropdown-container {
  padding-right: 0;
}
.autocomplete-container .autocomplete-input {
  cursor: pointer;
}
.autocomplete-container .autocomplete-suggestions {
  color: black;
  position: absolute;
  background-color: lightgray;
  width: 600px;
  max-height: 350px;
  overflow-y: scroll;
}
.autocomplete-container .autocomplete-suggestion {
  cursor: pointer;
}
.autocomplete-container .autocomplete-suggestion.active {
  background-color: green;
}

.design_feature_group {
  margin: 0 8px 10px 15px;
}
.design_feature_group .tagfilter_widget {
  margin-left: 5px;
  border-radius: 12px;
}
.design_feature_group .tagfilter_widget > *:first-child {
  margin-top: 10px;
}
.design_feature_group .tagfilter_widget .tags_selected {
  max-height: 3000px;
  -moz-transition: max-height 1s linear;
  -o-transition: max-height 1s linear;
  -webkit-transition: max-height 1s linear;
  transition: max-height 1s linear;
}
.design_feature_group .tagfilter_widget .tags_selected.tags_none {
  max-height: 0px;
}
.design_feature_group .tagfilter_widget .tags_selected > .tag {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  font-size: 13px;
  padding-right: 10px !important;
  padding-left: 10px;
  border-color: #414141 !important;
  margin-right: 3px;
}
.design_feature_group .tagfilter_widget .tags_selected > .tag .tag_remove {
  color: #cccccc;
  font-weight: normal;
  padding-left: 10px;
}
.design_feature_group .tagfilter_widget .tags_selected > .tag:hover .tag_remove {
  color: black;
  font-weight: bolder;
}
.design_feature_group .design_feature_main {
  padding-top: 10px;
  white-space: pre-line;
}
.design_feature_group .design_feature_main.alternative_design .dropdown-component {
  border-color: var(--ci-primary);
  border-width: 3px;
}
.design_feature_group .design_feature_main.alternative_design .dropdown-unsuggested {
  animation: 0.5s ease 1 restriction_update_feature_alternative;
  color: red;
}
.design_feature_group .design_feature_main .dropdown-unsuggested {
  animation: 0.5s ease 1 restriction_update_feature;
  color: red;
}

.design_list_content > .scroll_container .design_feature_group {
  padding-left: 5px;
}
.design_list_content > .scroll_container .design_feature_group.has_tagfilter_widget {
  border-left: 2px solid #efefef;
}
#configuration_menu > .configurators.scroll_container > .group > .configurators > div > .design_category_designs > .foldable_feature_group_wrapper > section > div > .design_list_content > .scroll_container .design_feature_group .tagfilter_widget {
  margin-right: 10px;
}

.design_category_designs .icon, .design_list_content .icon {
  float: left;
  padding-right: 10px;
}
.design_category_designs .icon.icon_effect .effect_container, .design_list_content .icon.icon_effect .effect_container {
  position: relative;
  border: 0;
  z-index: 1;
}
.design_category_designs .icon.icon_effect .effect_container > [class^=effect_], .design_list_content .icon.icon_effect .effect_container > [class^=effect_] {
  position: absolute;
  background-repeat: no-repeat;
  /*&.effect_segmented {
      background-image: url("../images/effect_glass.png");
  }*/
}
.design_category_designs .icon.icon_effect .effect_container > [class^=effect_].effect_shiny, .design_list_content .icon.icon_effect .effect_container > [class^=effect_].effect_shiny {
  background-image: url("../images/effect_shiny.png");
}
.design_category_designs .icon.icon_effect .effect_container > [class^=effect_].effect_rough, .design_list_content .icon.icon_effect .effect_container > [class^=effect_].effect_rough {
  background-image: url("../images/effect_rough.png");
  opacity: 0.75;
}
.design_category_designs .icon.icon_effect .effect_container > [class^=effect_].effect_glass, .design_list_content .icon.icon_effect .effect_container > [class^=effect_].effect_glass {
  background-image: url("../images/effect_glass.png");
}
.design_category_designs .icon.icon_effect .effect_container > [class^=effect_].effect_framed, .design_list_content .icon.icon_effect .effect_container > [class^=effect_].effect_framed {
  background-image: url("../images/effect_framed.png");
}
.design_category_designs .icon .icon-rotated, .design_list_content .icon .icon-rotated {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.design_category_designs .icon .icon-img, .design_list_content .icon .icon-img {
  background-blend-mode: multiply;
}
.design_category_designs .icon .icon-img, .design_list_content .icon .icon-img {
  border-radius: 10px;
  background-color: white;
}
.design_category_designs .icon [class^=effect_], .design_list_content .icon [class^=effect_] {
  border-top-left-radius: 10px;
  border-bottom: none !important;
  border-right: none !important;
}
.design_category_designs .icon .effect_framed, .design_list_content .icon .effect_framed {
  border-radius: 10px;
}
.design_category_designs section .design_list_content, .design_list_content section .design_list_content {
  margin-top: 10px;
  padding-right: 5px;
}
.design_category_designs .separator, .design_list_content .separator {
  padding-bottom: 10px;
}
.design_category_designs .separator:before, .design_list_content .separator:before {
  height: 10px;
}
.design_category_designs .sub_feature_selection_info, .design_list_content .sub_feature_selection_info {
  font-size: 11px;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
.design_category_designs .sub_feature_selection_info .sub_feature_name, .design_list_content .sub_feature_selection_info .sub_feature_name {
  /*color: $font_color_ci*/
}
.design_category_designs .foldable_feature_group_wrapper, .design_list_content .foldable_feature_group_wrapper {
  border-style: solid;
  border-color: #efefef;
  border-radius: 15px;
  border-width: 1px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.design_category_designs .foldable_feature_group_wrapper.has-unsuggested, .design_list_content .foldable_feature_group_wrapper.has-unsuggested {
  animation: 1s ease 1 restriction_update_group;
}
.design_category_designs .foldable_feature_group_wrapper .big_arrow, .design_list_content .foldable_feature_group_wrapper .big_arrow {
  height: 18px;
  margin-top: 8px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-color: #efefef;
}
.design_category_designs .foldable_feature_group_wrapper .arrow_up, .design_list_content .foldable_feature_group_wrapper .arrow_up {
  transform: rotate(180deg);
  background-image: url("../images/flyout_anchor_bottom.png");
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.design_category_designs .foldable_feature_group_wrapper .arrow_down, .design_list_content .foldable_feature_group_wrapper .arrow_down {
  background-image: url("../images/flyout_anchor_bottom.png");
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

@-webkit-keyframes restriction_update_group {
  50% {
    border-color: red;
  }
  100% {
    border-color: #efefef;
  }
}
@-moz-keyframes restriction_update_group {
  50% {
    border-color: red;
  }
  100% {
    border-color: #efefef;
  }
}
@-o-keyframes restriction_update_group {
  50% {
    border-color: red;
  }
  100% {
    border-color: #efefef;
  }
}
@keyframes restriction_update_group {
  50% {
    border-color: red;
  }
  100% {
    border-color: #efefef;
  }
}
@-webkit-keyframes restriction_update_feature {
  50% {
    border-color: red;
  }
  100% {
    border-color: lightgrey;
  }
}
@-moz-keyframes restriction_update_feature {
  50% {
    border-color: red;
  }
  100% {
    border-color: lightgrey;
  }
}
@-o-keyframes restriction_update_feature {
  50% {
    border-color: red;
  }
  100% {
    border-color: lightgrey;
  }
}
@keyframes restriction_update_feature {
  50% {
    border-color: red;
  }
  100% {
    border-color: lightgrey;
  }
}
@-webkit-keyframes restriction_update_feature_alternative {
  50% {
    border-color: red;
  }
  100% {
    border-color: #f7a733;
  }
}
@-moz-keyframes restriction_update_feature_alternative {
  50% {
    border-color: red;
  }
  100% {
    border-color: #f7a733;
  }
}
@-o-keyframes restriction_update_feature_alternative {
  50% {
    border-color: red;
  }
  100% {
    border-color: #f7a733;
  }
}
@keyframes restriction_update_feature_alternative {
  50% {
    border-color: red;
  }
  100% {
    border-color: #f7a733;
  }
}
#rfid_writer {
  overflow-y: scroll;
  display: block;
  position: absolute;
  height: 400px;
  user-select: text;
  z-index: 10;
  background: white;
  border: outset;
  opacity: 0.9;
}
#rfid_writer .input_area {
  display: inline-flex;
  padding: 5px;
}
#rfid_writer .input_area .rfid-writer-settings div {
  height: 30px;
  cursor: pointer;
}
#rfid_writer .input_area .rfid-writer-settings div label {
  padding-left: 10px;
}
#rfid_writer .input_area .tag_type_selection .dropdown-container {
  width: 200px;
}
#rfid_writer .input_area * > .dropdown-container {
  margin-top: 6px;
  margin-left: 10px;
  margin-right: 10px;
}
#rfid_writer .input_area .dropdown-scrollcontainer {
  width: 600px !important;
}
#rfid_writer .input_area .autocomplete {
  margin-top: 6px;
  margin-left: 15px;
}
#rfid_writer .input_area .button_apply {
  margin-left: 10px;
}
#rfid_writer .button_apply {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 130px;
}
#rfid_writer .hide_rfid {
  background-color: red;
}
#rfid_writer .rfid_tag_value {
  width: 600px;
  opacity: 1;
}
#rfid_writer table {
  width: 100%;
}
#rfid_writer table .rfid_tag_row {
  border: 1px solid;
}
#rfid_writer table .rfid_tag_data {
  border: 1px solid;
  width: 75%;
}
#rfid_writer table .rfid_tag_uid {
  width: 25%;
}
#rfid_writer table .invalid {
  background-color: #ffc9c9;
}
#rfid_writer table .empty {
  background-color: #fff699;
}
#rfid_writer table .is-input {
  background-color: #99ff99;
}
#rfid_writer table .rfid_tag_text, #rfid_writer table .rfid_tag_type {
  font-weight: bold;
  padding: 2px;
}
#rfid_writer table .rfid_tag_type {
  font-style: italic;
  color: darkgray;
}
#rfid_writer table .rfid_tag_raw, #rfid_writer table .rfid_tag_uid {
  font-size: small;
  color: darkgray;
  padding: 2px;
}

.ui-keyboard .ui-keyboard-keyset .ui-keyboard-button {
  font-size: 1.5em;
}
.ui-keyboard .ui-keyboard-keyset .ui-keyboard-spacer {
  width: 3em !important;
}
.ui-keyboard .ui-keyboard-preview-wrapper .kop-keyboard-input {
  font-size: 1.5em;
}
.ui-keyboard .ui-keyboard-preview-wrapper .kop-keyboard-input.invalid-input {
  color: red;
}

@-webkit-keyframes background_fade {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@-moz-keyframes background_fade {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@-o-keyframes background_fade {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@keyframes background_fade {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
.versionoverlay {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  font-size: 20px;
  top: 10px;
  right: 340px;
  margin-right: 10px;
  font-family: monospace;
  text-align: right;
  color: #888888;
  mix-blend-mode: difference;
}
.versionoverlay.subtle-overlay {
  opacity: 0.03;
  color: white;
  font-size: 15px;
}

.application_table .versionoverlay {
  top: unset;
  bottom: 50px;
  right: 0px;
}

.base-overlay {
  -webkit-animation: background_fade 1s;
  -moz-animation: background_fade 1s;
  -o-animation: background_fade 1s;
  animation: background_fade 1s;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 100;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.base-overlay.overlay-transparent {
  background-color: rgba(0, 0, 0, 0);
}

/*$tooltip_color: $color_whitegray;*/
@-webkit-keyframes tooltip_highlight {
  0% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  25% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  75% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
}
@-moz-keyframes tooltip_highlight {
  0% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  25% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  75% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
}
@-o-keyframes tooltip_highlight {
  0% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  25% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  75% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
}
@keyframes tooltip_highlight {
  0% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  25% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
  75% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0 var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0 var(--ci-primary));
    -o-filter: drop-shadow(0 0 0 var(--ci-primary));
    filter: drop-shadow(0 0 0 var(--ci-primary));
  }
}
.tooltip-highlight {
  animation: tooltip_highlight 3s linear;
}

#tooltip-overlay {
  z-index: 99999;
  position: sticky;
  display: table;
  background-color: white;
  color: var(--ci-primary);
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  -webkit-filter: drop-shadow(1px 1px 3px var(--ci-primary));
  -moz-filter: drop-shadow(1px 1px 3px var(--ci-primary));
  -ms-filter: drop-shadow(1px 1px 3px var(--ci-primary));
  -o-filter: drop-shadow(1px 1px 3px var(--ci-primary));
  filter: drop-shadow(1px 1px 3px var(--ci-primary));
}
#tooltip-overlay > * {
  pointer-events: none;
}
#tooltip-overlay.tooltip-visible {
  opacity: 1;
}
#tooltip-overlay.tooltip-hidden {
  opacity: 0 !important;
  pointer-events: none;
}
#tooltip-overlay p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#tooltip-overlay .tooltip-image {
  background-repeat: no-repeat;
  background-position: center;
}
#tooltip-overlay .tooltip-pointer {
  height: 15px;
  width: 15px;
  background-color: white;
  transform: rotate(45deg);
  position: absolute;
}
#tooltip-overlay .tooltip-pointer.tooltip-pointer-left {
  right: 100%;
  top: 50%;
  margin-right: -7.5px;
  margin-top: -7.5px;
  border-right: 0 !important;
  border-top: 0 !important;
}
#tooltip-overlay .tooltip-pointer.tooltip-pointer-right {
  left: 100%;
  top: 50%;
  margin-left: -7.5px;
  margin-top: -7.5px;
  border-left: 0 !important;
  border-bottom: 0 !important;
}
#tooltip-overlay .tooltip-pointer.tooltip-pointer-top {
  left: 50%;
  bottom: 100%;
  margin-left: -7.5px;
  margin-bottom: -7.5px;
  border-right: 0 !important;
  border-bottom: 0 !important;
}
#tooltip-overlay .tooltip-pointer.tooltip-pointer-bottom {
  left: 50%;
  top: 100%;
  margin-left: -7.5px;
  margin-top: -7.5px;
  border-left: 0 !important;
  border-top: 0 !important;
}
#tooltip-overlay.tooltip-styling-warning {
  border: 1px solid #ffff00;
}
#tooltip-overlay.tooltip-styling-warning .tooltip-pointer {
  border: 1px solid #ffff00;
}
#tooltip-overlay.tooltip-styling-danger {
  border: 1px solid #ff0000;
}
#tooltip-overlay.tooltip-styling-danger .tooltip-pointer {
  border: 1px solid #ff0000;
}

#overlay {
  -moz-transition: opacity linear 0.1s;
  -o-transition: opacity linear 0.1s;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  opacity: 1;
}
#overlay.closing-fade {
  -moz-transition: opacity linear 0.5s;
  -o-transition: opacity linear 0.5s;
  -webkit-transition: opacity linear 0.5s;
  transition: opacity linear 0.5s;
  opacity: 0;
  pointer-events: none;
}

#overlay-content-container {
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#overlay-content-container #transform_tool-container {
  margin-top: 20px;
  width: 606px;
}
#overlay-content-container #transform_tool-container #transform_tool-container-drag_anchor {
  cursor: e-resize;
  position: absolute;
  height: 30px;
  width: inherit;
}
#overlay-content-container #transform_tool-container #transform_tool-container-drag_anchor .drag-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*content: url($url);*/
  background-image: url("../images/svg/move2.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 35px;
  width: 35px;
  height: 35px;
  right: 0;
  margin-right: 10px;
  -webkit-filter: brightness(200%);
  -moz-filter: brightness(200%);
  -ms-filter: brightness(200%);
  -o-filter: brightness(200%);
  filter: brightness(200%);
}
#overlay-content-container #transform_tool-container .transform_tool {
  padding: 10px 5px;
  background-color: white;
  border-radius: 10px;
  opacity: 1;
}
#overlay-content-container #transform_tool-container .transform_tool h2 {
  text-align: center;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float {
  padding: 10px;
  min-height: 140px;
  display: table;
  margin: 0 auto;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float.transformtool_state-selection {
  min-height: 180px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float.transform {
  min-height: 64px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode {
  height: 128px;
  width: 128px;
  float: left;
  margin: 5px;
  cursor: default;
  border: 3px solid lightgray;
  border-radius: 3px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode div,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div {
  margin-left: 14px;
  margin-top: 22px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode div#transform,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div#transform {
  /*content: url($url);*/
  background-image: url("../images/svg/ruler.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 100px;
  width: 100px;
  height: 100px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode div#rotate,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div#rotate {
  /*content: url($url);*/
  background-image: url("../images/svg/rotate.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 100px;
  width: 100px;
  height: 100px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode div#align,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div#align {
  /*content: url($url);*/
  background-image: url("../images/svg/align.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 100px;
  width: 100px;
  height: 100px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode div#snap,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div#snap {
  /*content: url($url);*/
  background-image: url("../images/svg/snap.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 100px;
  width: 100px;
  height: 100px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode div#rotate_right,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div#rotate_right {
  /*content: url($url);*/
  background-image: url("../images/svg/arrow-halfcircle.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 100px;
  width: 100px;
  height: 100px;
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode div#rotate_left,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div#rotate_left {
  /*content: url($url);*/
  background-image: url("../images/svg/arrow-halfcircle.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 100px;
  width: 100px;
  height: 100px;
  -moz-transform: scaleX(-1) rotateX(180deg);
  -ms-transform: scaleX(-1) rotateX(180deg);
  -o-transform: scaleX(-1) rotateX(180deg);
  -webkit-transform: scaleX(-1) rotateX(180deg);
  transform: scaleX(-1) rotateX(180deg);
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode:hover,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode:hover {
  border: 3px solid gray;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .transformtool_mode:active,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode:active {
  border: 3px solid black;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .translation_mode,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode {
  /*@at-root #overlay-content-container >
      #transform_tool-container > 
      .transform_tool > 
      .transformtool_mode_container.transformtool_mode_container {
      height: 500px;
  }*/
  height: 128px;
  width: 128px;
  float: left;
  margin: 5px;
  border: 3px solid lightgray;
  border-radius: 3px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .translation_mode div,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode div {
  overflow: hidden;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .translation_mode:hover,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode:hover {
  border: 3px solid gray;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .translation_mode.active, #overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .translation_mode:active,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode.active,
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .rotation_mode:active {
  border: 3px solid black;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .translation_mode {
  height: 64px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float .translation_mode div {
  line-height: 32px;
}
#overlay-content-container #transform_tool-container .transform_tool .transformtool_mode_container .transformtool_modes_float h4 {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container > * {
  display: table;
  margin: 0 auto;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .input-current {
  padding-top: 10px;
  line-height: 18px;
  font-weight: bold;
  font-size: 18px;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool-input {
  line-height: 45px;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool-input > * {
  display: inline-block;
  vertical-align: middle;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool-input .input-icon {
  /*content: url($url);*/
  background-image: url("../images/svg/height.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 21px;
  width: 21px;
  height: 21px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: rotate(90deg);
  position: unset;
  background-size: 21px 21px;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool-input input {
  text-align-last: right;
  max-width: 150px;
  width: 100px;
  font-size: 18px;
  padding: 3px;
  font-weight: bold;
  margin-left: 5px;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool-input_description {
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool_apply {
  margin-top: 20px;
  width: 20%;
  border: 3px solid lightgray;
  border-radius: 3px;
  padding: 5px;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool_apply h4 {
  text-align: center;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool_apply:hover {
  border: 3px solid gray;
}
#overlay-content-container #transform_tool-container .transform_tool .transform_tool-input-container .transform_tool_apply:active {
  border: 3px solid black;
}
#overlay-content-container #feedback-form-container {
  width: 60%;
  height: 50%;
  left: 20%;
  top: 15%;
  position: absolute;
}
#overlay-content-container #feedback-form-container .feedback-form-background {
  height: 100%;
  min-height: 400px;
  min-width: 600px;
  background-color: white;
  border-radius: 10px;
  opacity: 1;
  padding: 20px;
  font-size: 17px;
  display: flex;
  flex-direction: column;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-title {
  min-height: calc(10% - 10px);
  padding-left: 25px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-title * {
  font-size: 20px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-header {
  /*min-height: calc(20% - 10px);*/
  text-align: left;
  padding-left: 25px;
  padding-bottom: 25px;
  white-space: pre-line;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input {
  min-height: 80%;
  padding: 0 25px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .dropdown-component {
  height: 30px;
  margin-bottom: 10px;
  width: 75%;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .dropdown-component .dropdown-selection {
  /*font-size: 17px;*/
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .dropdown-component .dropdown-selection .dropdown-arrow {
  float: right;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .dropdown-component .dropdown-selection.dropdown-open .dropdown-arrow {
  margin-top: -15px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .dropdown-component .dropdown-selection.dropdown-closed .dropdown-arrow {
  margin-top: -10px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .dropdown-component .dropdown-selection .dropdown-closed .dropdown-arrow {
  float: right;
  margin-top: -10px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .dropdown-component .dropdown-option .dropdown-option-text .dropdown-title {
  font-size: 17px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback-form-input-email input {
  width: 75%;
  height: 25px;
  padding: 0 10px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback-form-input-email input::placeholder {
  font-style: italic;
  color: #aaaaaa;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback-form-input-email input.email_invalid {
  color: #ff0000;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback-form-input-feedbackmessage {
  height: 70%;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback-form-input-feedbackmessage textarea {
  resize: none;
  padding: 10px;
  max-height: calc(100% - 20px - 34px);
  max-width: calc(100% - 20px);
  height: 100%;
  width: 100%;
  margin-top: 10px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback-form-input-feedbackmessage textarea::placeholder {
  font-style: italic;
  color: #aaaaaa;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback_char_count {
  position: absolute;
  left: 45px;
  margin-top: -15px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback_char_count.char_count_max {
  color: #ff0000;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-input .feedback-submit-button {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  min-width: 40%;
  float: right;
  cursor: pointer;
  padding: 10px;
  text-align: center;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-footer {
  text-align: left;
  padding-left: 25px;
  font-size: 15px;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-footer .privacy-notice-link {
  color: #7D7D80;
}
#overlay-content-container #feedback-form-container .feedback-form-background .feedback-form-footer .privacy-notice-link:hover {
  color: var(--ci-primary);
}
#overlay-content-container #feedback-form-container .feedback-form-background .overlay-close {
  color: #7D7D80;
  padding: 2px 10px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 27px;
  font-family: monospace;
}
#overlay-content-container #table-autosaves-container {
  width: 60%;
  height: 90%;
  top: 5%;
  position: absolute;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background {
  height: 100%;
  background-color: white;
  border-radius: 10px;
  opacity: 1;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .overlay-close {
  color: #7D7D80;
  padding: 2px 10px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 27px;
  font-family: monospace;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper {
  padding: 20px;
  height: calc(100% - 40px);
  width: calc(50% - 40px);
  position: absolute;
  top: 0;
  left: 0;
  border-right: 2px dotted lightgray;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list {
  margin: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 60px);
  background-color: #f6f6f6;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-item {
  padding: 10px;
  font-size: large;
  border: 1px solid black;
  cursor: pointer;
  background-color: white;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-item.list-empty {
  color: lightgray;
  pointer-events: none;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-item.list-empty .item-name {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-item:not(:first-child) {
  border-top: 0;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-item:hover {
  background-color: #ebebeb;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-item .item-date, #overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-item .item-name {
  margin-right: 20px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .selection-list-wrapper .selection-list .list-count {
  height: 20px;
  font-size: 20px;
  position: absolute;
  left: 40px;
  bottom: 15px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper {
  padding: 40px;
  width: 50%;
  height: 100%;
  font-size: large;
  position: relative;
  left: 50%;
  right: 0;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper input {
  cursor: pointer;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper label {
  cursor: pointer;
  padding-left: 10px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .separator {
  margin-left: -40px;
  width: calc(100% - 40px);
  padding: 15px 0;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .separator:before {
  height: 10px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget.filter-disabled {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  color: lightgray;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget.filter-disabled > * {
  pointer-events: none;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-widget-label {
  font-size: larger;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-day {
  margin: 20px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-day .radio-selection {
  height: 30px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-day .radio-selection input {
  cursor: pointer;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-day .radio-selection label {
  cursor: pointer;
  padding-left: 10px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-day .radio-selection label {
  cursor: pointer;
  padding-left: 10px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-day .radio-selection.radio-id-older {
  display: inline-block;
  margin-right: 15px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-day .time-older-input {
  width: 50px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time {
  margin: 20px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time .time-selections {
  margin: 10px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time .time-selections .time-label {
  font-size: 16px;
  display: inline-block;
  margin-left: 5px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time .time-selections span {
  margin: 5px;
  font-weight: bolder;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time .time-selections .time-selection {
  display: inline-block;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time .time-selections .time-selection .dropdown-container {
  width: 35px;
  height: 30px;
  display: inline-block;
  padding: 0;
  text-align: center;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time .time-selections .time-selection .dropdown-container .dropdown-input {
  height: 30px;
  line-height: 30px;
}
#overlay-content-container #table-autosaves-container .table-autosaves-background .search-widget-wrapper .search-widget .search-time .time-selections .time-selection.selection-hour {
  margin-bottom: 10px;
}
#overlay-content-container #optionsmenu-container {
  width: 60%;
  min-width: 600px;
  margin-top: 150px;
  position: relative;
}
#overlay-content-container #optionsmenu-container h1 {
  font-size: 45px;
  padding-bottom: 5px;
  color: white;
  white-space: nowrap;
}
#overlay-content-container #optionsmenu-container .optionsmenu {
  top: 50px;
  height: 500px;
  background-color: white;
  border-radius: 10px;
  opacity: 1;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap {
  font-size: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #cdcdcd;
  height: 32px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap .flap-card {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding: 5px;
  background-color: #e7e7e7;
  z-index: 50;
  display: inline-block;
  position: relative;
  border-top: solid;
  border-left: solid;
  border-right: solid;
  border-top-width: 2px;
  border-left-width: 1px;
  border-right-width: 1px;
  margin-right: -11px;
  margin-left: -11px;
  border-color: #808080;
  cursor: pointer;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap .flap-card span {
  padding-left: 20px;
  padding-right: 20px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap .flap-card:last-child {
  margin-right: 0px;
  border-right: hidden;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap .flap-card:first-child {
  margin-left: 0px;
  border-left: hidden;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap .flap-card.selected {
  background-color: white;
  border-left-width: 2px;
  border-right-width: 2px;
  z-index: 51;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap .flap-card.selected:last-child {
  margin-left: -10px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .flap .flap-card.selected:first-child {
  margin-right: -10px;
  margin-left: 0px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues {
  height: 458px;
  overflow-y: auto;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue {
  padding: 10px 10px 10px 20px;
  font-size: 16px;
  background-color: white;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment {
  background-color: white;
  font-weight: bold;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-title {
  padding-top: 10px;
  padding-bottom: 10px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field {
  font-weight: normal;
  padding-left: 10px;
  background-color: white;
  display: inline;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field > * {
  margin: 10px 10px 10px 0px;
  display: inline-block;
  vertical-align: middle;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-dropdown .dropdown-container {
  font-weight: normal;
  width: 30%;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox {
  cursor: pointer;
  /* von _layout.scss kopiert, "action_change" checkbox von konfiguratoren: (mehr oder weniger) */
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox > * {
  pointer-events: none;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch .switch-input {
  opacity: 0;
  width: 0;
  height: 0;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: #ccc;*/
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 24px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch .switch-slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch .switch-input[checked=true] + .switch-slider {
  /*background-color: #2196F3;*/
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch .switch-input:focus + .switch-slider {
  /*box-shadow: 0 0 1px #2196F3;*/
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch .switch-input[checked=true] + .switch-slider::before {
  -moz-transform: translateX(16px);
  -ms-transform: translateX(16px);
  -o-transform: translateX(16px);
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch {
  cursor: pointer;
  display: inline-block;
  pointer-events: none;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-switch > * {
  line-height: 24px;
  vertical-align: middle;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-checkbox .toggle-text {
  display: inline-block;
  vertical-align: middle;
  margin: -15px 0 0 5px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-range {
  cursor: pointer;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-range span > * {
  padding-right: 10px;
  line-height: 24px;
  vertical-align: middle;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-button {
  cursor: pointer;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-button button {
  background: #fafafa;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-radius: 3px;
  padding: 5px;
  font-size: inherit;
  width: 30%;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-button button:hover {
  background: white;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-button button:active {
  background: #fafafa;
  border-width: 1px;
  border-top-width: 2px;
  border-left-width: 2px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field.field-button button:focus {
  outline: 0 !important;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field .field-value {
  font-family: monospace;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field .field-value.value-copyable {
  cursor: copy;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field .field-value.value-copyable:hover {
  color: white;
}
@-webkit-keyframes value_pending {
  0% {
    content: ".";
  }
  20% {
    content: ". .";
  }
  40% {
    content: ". . .";
  }
  60% {
    content: "  . .";
  }
  80% {
    content: "    .";
  }
  100% {
    content: "";
  }
}
@-moz-keyframes value_pending {
  0% {
    content: ".";
  }
  20% {
    content: ". .";
  }
  40% {
    content: ". . .";
  }
  60% {
    content: "  . .";
  }
  80% {
    content: "    .";
  }
  100% {
    content: "";
  }
}
@-o-keyframes value_pending {
  0% {
    content: ".";
  }
  20% {
    content: ". .";
  }
  40% {
    content: ". . .";
  }
  60% {
    content: "  . .";
  }
  80% {
    content: "    .";
  }
  100% {
    content: "";
  }
}
@keyframes value_pending {
  0% {
    content: ".";
  }
  20% {
    content: ". .";
  }
  40% {
    content: ". . .";
  }
  60% {
    content: "  . .";
  }
  80% {
    content: "    .";
  }
  100% {
    content: "";
  }
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .segment-field .field-value.field-value-empty::after {
  content: "";
  font-weight: bold;
  -webkit-animation: value_pending 1s linear 0s infinite;
  -moz-animation: value_pending 1s linear 0s infinite;
  -o-animation: value_pending 1s linear 0s infinite;
  animation: value_pending 1s linear 0s infinite;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .field-info-button {
  vertical-align: middle;
  display: inline-block;
  width: 16px;
  min-height: 23px;
  cursor: pointer;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .field-info-button .info-icon {
  width: 16px;
  height: 16px;
  background-color: #b1b1b1;
  border-radius: 50%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: none;
  text-align: center;
  line-height: 16px;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .field-info-button .info-icon:after {
  content: "i";
  color: white;
  font-size: 12px;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .field-info-button .info-text {
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  pointer-events: none;
  height: 0px;
  margin: -16px 20px 0px 0px;
  position: absolute;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .field-info-button.active .info-text {
  opacity: 0.6;
}
#overlay-content-container #optionsmenu-container .optionsmenu .menues .menue .menu-segment .field-info-button.active .info-icon {
  opacity: 0;
}
#overlay-content-container #prompt-container {
  position: absolute;
  height: auto;
  max-width: 600px;
  top: 20%;
  font-size: 16px;
}
#overlay-content-container #prompt-container.prompt-style-error .prompt-background {
  border-color: red;
}
#overlay-content-container #prompt-container.prompt-style-success .prompt-background {
  border-color: green;
}
#overlay-content-container #prompt-container.prompt-style-warn .prompt-background {
  border-color: yellow;
}
#overlay-content-container #prompt-container.prompt-fixed-size {
  height: 30%;
}
#overlay-content-container #prompt-container.prompt-fixed-size .prompt-background .prompt-buttons {
  height: 15%;
}
#overlay-content-container #prompt-container.prompt-fixed-size .prompt-background .prompt-progress-display {
  bottom: 15%;
}
#overlay-content-container #prompt-container.prompt-fixed-size .prompt-background .prompt-text .prompt-title:only-child, #overlay-content-container #prompt-container.prompt-fixed-size .prompt-background .prompt-text prompt-description:only-child {
  margin-top: 15%;
}
#overlay-content-container #prompt-container .prompt-background {
  position: relative;
  height: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  background-color: white;
  border: 2px white solid;
  border-radius: 10px;
  padding: 5px;
  opacity: 1;
}
#overlay-content-container #prompt-container .prompt-background .separator {
  padding-bottom: 15px;
}
#overlay-content-container #prompt-container .prompt-background .separator:before {
  height: 10px;
}
#overlay-content-container #prompt-container .prompt-background .prompt-progress-display {
  background: url("../images/svg/icon_loading.svg") no-repeat center center;
  height: 75px;
  width: 75px;
  background-size: 75px;
  margin-left: calc(50% - 37.5px);
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon {
  padding: 10px;
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon {
  margin: auto;
  outline: 2px solid #414141;
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon.icon_effect .effect_container {
  position: relative;
  border: 0;
  z-index: 1;
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon.icon_effect .effect_container > [class^=effect_] {
  position: absolute;
  background-repeat: no-repeat;
  /*&.effect_segmented {
      background-image: url("../images/effect_glass.png");
  }*/
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon.icon_effect .effect_container > [class^=effect_].effect_shiny {
  background-image: url("../images/effect_shiny.png");
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon.icon_effect .effect_container > [class^=effect_].effect_rough {
  background-image: url("../images/effect_rough.png");
  opacity: 0.75;
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon.icon_effect .effect_container > [class^=effect_].effect_glass {
  background-image: url("../images/effect_glass.png");
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon.icon_effect .effect_container > [class^=effect_].effect_framed {
  background-image: url("../images/effect_framed.png");
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon .icon-rotated {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#overlay-content-container #prompt-container .prompt-background .prompt-icon .icon .icon-img {
  background-blend-mode: multiply;
}
#overlay-content-container #prompt-container .prompt-background .prompt-text {
  height: 70%;
  margin: 20px auto auto auto;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
#overlay-content-container #prompt-container .prompt-background .prompt-text .prompt-title {
  font-weight: bold;
  padding-bottom: 10px;
  word-break: break-word;
}
#overlay-content-container #prompt-container .prompt-background .prompt-text .prompt-description {
  line-height: 20px;
  padding-bottom: 10px;
  word-break: break-word;
}
#overlay-content-container #prompt-container .prompt-background .prompt-input {
  margin: 0 30px 10px 30px;
}
#overlay-content-container #prompt-container .prompt-background .prompt-input.input-password input, #overlay-content-container #prompt-container .prompt-background .prompt-input.input-text input {
  font-size: 20px;
  font-weight: bold;
  width: 50%;
  margin-left: 25%;
  text-align: center;
}
#overlay-content-container #prompt-container .prompt-background .prompt-input.input-radio div {
  padding: 5px 0 5px 0;
}
#overlay-content-container #prompt-container .prompt-background .prompt-input.input-radio div input {
  margin: 5px 10px;
}
#overlay-content-container #prompt-container .prompt-background .prompt-input.input-radio div span.radio-title-selected {
  font-weight: bold;
}
#overlay-content-container #prompt-container .prompt-background .prompt-input.input-list .prompt-input-headline {
  padding: 5px 0 5px 0;
}
#overlay-content-container #prompt-container .prompt-background .prompt-input.input-list .dropdown-container {
  margin-left: 10px;
}
#overlay-content-container #prompt-container .prompt-background .prompt-buttons {
  height: 20%;
  margin: 15px auto 20px auto;
  border-collapse: separate;
  border-spacing: 5px 0px;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
#overlay-content-container #prompt-container .prompt-background .prompt-buttons .prompt-button {
  height: 100%;
  min-width: 125px;
  background: #fafafa;
  border: solid;
  border-color: #cccccc;
  border-width: 1px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-radius: 3px;
  padding: 5px;
  margin: 0 10px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
#overlay-content-container #prompt-container .prompt-background .prompt-buttons .prompt-button:hover {
  -webkit-filter: brightness(101%);
  -moz-filter: brightness(101%);
  -ms-filter: brightness(101%);
  -o-filter: brightness(101%);
  filter: brightness(101%);
}
#overlay-content-container #prompt-container .prompt-background .prompt-buttons .prompt-button:active:hover {
  border-width: 1px;
  border-top-width: 2px;
  border-left-width: 2px;
}
#overlay-content-container #prompt-container .prompt-background .prompt-buttons .prompt-accept,
#overlay-content-container #prompt-container .prompt-background .prompt-buttons .prompt-yes {
  border-color: green;
}
#overlay-content-container #prompt-container .prompt-background .prompt-buttons .prompt-cancel,
#overlay-content-container #prompt-container .prompt-background .prompt-buttons .prompt-no {
  border-color: red;
}
#overlay-content-container #roomwizard-container {
  width: 700px;
  height: 550px;
  margin: 140px auto 0px auto;
  position: relative;
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes notice-me {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes notice-me {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes notice-me {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes notice-me {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#overlay-content-container #roomwizard-container .roomwizard-header {
  pointer-events: none;
  position: absolute;
  width: 700px;
  height: 80px;
  top: -80px;
}
#overlay-content-container #roomwizard-container .roomwizard-header .roomwiz-autosaverestore {
  pointer-events: all;
  width: 400px;
  height: 70px;
  margin-left: 150px;
  /*background: rgba(1,1,1,0.4);*/
  padding: 10px;
  /*.aurosaverestore-text {
      color: white;
      height: 20px;
      width: 80%;
      margin-left: 10%;
      line-height: 20px;
      text-align: center;
      font-size: 15px;
      font-weight: 600;
      margin-top: 6px;
  }*/
}
#overlay-content-container #roomwizard-container .roomwizard-header .roomwiz-autosaverestore .aurosaverestore-button {
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  border-bottom-width: 4px;
  border-right-width: 4px;
  border-radius: 3px;
  padding: 5px;
  font-size: inherit;
  cursor: pointer;
  text-align: center;
  font-size: 20px;
}
#overlay-content-container #roomwizard-container .roomwizard-header .roomwiz-autosaverestore .aurosaverestore-button:active {
  background: #fafafa;
  border-width: 1px;
  border-top-width: 2px;
  border-left-width: 2px;
}
#overlay-content-container #roomwizard-container .roomwizard-header .roomwiz-autosaverestore .aurosaverestore-button:focus {
  outline: 0 !important;
}
#overlay-content-container #roomwizard-container .roomwizard-header .roomwiz-autosaverestore .aurosaverestore-button:not(#overlay-content-container #roomwizard-container .roomwizard-header .roomwiz-autosaverestore .aurosaverestore-button:hover) {
  color: white;
}
#overlay-content-container #roomwizard-container .roomwizard-header .roomwiz-autosaverestore .aurosaverestore-button:hover {
  background: white;
}
#overlay-content-container .roomwizard-background {
  -webkit-animation: slide-in 0.5s ease;
  -moz-animation: slide-in 0.5s ease;
  -o-animation: slide-in 0.5s ease;
  animation: slide-in 0.5s ease;
  position: relative;
  height: 100%;
  width: 100%;
  background-color: white;
  border: 2px white solid;
  border-radius: 10px;
  opacity: 1;
}
#overlay-content-container .roomwizard-background .roomwiz-step {
  text-align: center;
}
#overlay-content-container .roomwizard-background .roomwiz-step h1, #overlay-content-container .roomwizard-background .roomwiz-step h3 {
  text-transform: none;
  padding: 10px;
  text-align: center;
}
#overlay-content-container .roomwizard-background .roomwiz-step h1 {
  font-size: 30px;
  margin-top: 20px;
}
#overlay-content-container .roomwizard-background .roomwiz-step h3 {
  font-size: 15px;
  min-height: 15px;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomshape-base {
  display: inline-block;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomshape-base .roomshape_svg svg polygon.poly_stroke {
  stroke-width: 6px;
  stroke-linejoin: round;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomshape-base .roomshape_svg svg polygon.poly_stroke.wall-hidden {
  opacity: 0.4;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomshape-base .roomshape_svg svg polygon.poly_stroke.wall-drooped {
  stroke: orange;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-close .close-cross {
  -webkit-animation: slide-in 0.5s ease;
  -moz-animation: slide-in 0.5s ease;
  -o-animation: slide-in 0.5s ease;
  animation: slide-in 0.5s ease;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-close .close-cross:hover:before, #overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-close .close-cross:hover:after {
  border-color: #6c6c6c;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-close .close-cross:before {
  content: "";
  border: solid #9f9f9f;
  border-width: 0;
  display: inline-block;
  position: absolute;
  height: 30px;
  width: 30px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom-width: 5px;
  right: 0;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-close .close-cross:after {
  content: "";
  border: solid #9f9f9f;
  border-width: 0;
  display: inline-block;
  position: absolute;
  height: 30px;
  width: 30px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right-width: 5px;
  right: 17px;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls {
  -webkit-animation: slide-in 0.5s ease;
  -moz-animation: slide-in 0.5s ease;
  -o-animation: slide-in 0.5s ease;
  animation: slide-in 0.5s ease;
  position: absolute;
  top: 200px;
  width: 100%;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls > * {
  position: absolute;
  height: 100px;
  width: 100px;
  cursor: pointer;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls > *:hover .arrow {
  border-width: 0 7px 7px 0;
  border-color: #6c6c6c;
  top: -1px;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls .arrow {
  border: solid #9f9f9f;
  border-width: 0 5px 5px 0;
  display: inline-block;
  position: absolute;
  height: 30px;
  width: 30px;
  margin: 30px;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls .roomwiz-control-back {
  left: 0;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls .roomwiz-control-back .arrow {
  left: 0;
  transform: rotate(135deg) skew(-3deg, -3deg);
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls .roomwiz-control-next {
  right: 0;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-step-content .roomwiz-controls .roomwiz-control-next .arrow {
  right: 0;
  transform: rotate(-45deg) skew(-3deg, -3deg);
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-controls-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-controls-bottom > * {
  position: absolute;
  bottom: 0;
  height: 50px;
  min-width: 200px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: white;
  cursor: pointer;
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-controls-bottom > *:hover {
  -webkit-filter: brightness(1.2);
  -moz-filter: brightness(1.2);
  -ms-filter: brightness(1.2);
  -o-filter: brightness(1.2);
  filter: brightness(1.2);
}
#overlay-content-container .roomwizard-background .roomwiz-step .roomwiz-controls-bottom .roomwiz-control-finish {
  -webkit-animation: notice-me 0.3s ease;
  -moz-animation: notice-me 0.3s ease;
  -o-animation: notice-me 0.3s ease;
  animation: notice-me 0.3s ease;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-selectshape .roomwiz-step-content .roomshape-base {
  cursor: pointer;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-selectshape .roomwiz-step-content .roomshape-base .roomshape_svg > svg:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: drop-shadow(0 0 7px var(--ci-primary));
  -moz-filter: drop-shadow(0 0 7px var(--ci-primary));
  -ms-filter: drop-shadow(0 0 7px var(--ci-primary));
  -o-filter: drop-shadow(0 0 7px var(--ci-primary));
  filter: drop-shadow(0 0 7px var(--ci-primary));
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-hidewalls .roomwiz-step-content .roomshape-base .roomshape_svg svg polygon.poly_stroke, #overlay-content-container .roomwizard-background .roomwiz-step.step-setdroops .roomwiz-step-content .roomshape-base .roomshape_svg svg polygon.poly_stroke {
  stroke-width: 20px;
  cursor: pointer;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-changesize .roomwiz-step-content .roomshape-base .wall-labels .wall-label {
  position: fixed;
  font-size: 18px;
  margin: -10px;
  background: grey;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-changesize .roomwiz-step-content .roomwiz-roomsize-control {
  height: 140px;
  width: 80%;
  margin-left: 10%;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-changesize .roomwiz-step-content .roomwiz-roomsize-control .roomsize-wall {
  margin: 5px;
  display: inline-flex;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-changesize .roomwiz-step-content .roomwiz-roomsize-control .roomsize-wall .roomsize-wall-label {
  font-weight: bold;
  font-size: 20px;
  margin: 0 10px;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-changesize .roomwiz-step-content .roomwiz-roomsize-control .roomsize-wall .wall_length {
  display: inline-block;
}
#overlay-content-container .roomwizard-background .roomwiz-step.step-changesize .roomwiz-step-content .roomwiz-roomsize-control .roomsize-wall .wall_length .prefix {
  display: none;
}

@-webkit-keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  50% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
@-moz-keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  50% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
@-o-keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  50% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
@keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  50% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
.context-menu-anchor {
  position: absolute;
}
.context-menu-anchor .close-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.context-menu-anchor .context-menu-container {
  position: absolute;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  transition-property: top, bottom;
}
.context-menu-anchor .context-menu-container .quad-menu {
  position: absolute;
  /*max-height: $context-menu-max-height;*/
  min-height: 40px;
  width: 340px;
  max-width: 340px;
  z-index: 100;
  border: 1px solid black;
  border-radius: 10px;
  -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.65));
  -moz-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.65));
  -ms-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.65));
  -o-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.65));
  filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.65));
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  opacity: 0.8;
  max-height: 300px;
}
.context-menu-anchor .context-menu-container .quad-menu:not(:hover) {
  -moz-transition: all 1s ease-out 1s;
  -o-transition: all 1s ease-out 1s;
  -webkit-transition: all 1s ease-out 1s;
  transition: all 1s ease-out 1s;
  transition-property: height, max-height, min-height, width, max-width, min-width, opacity, padding, margin, text-align;
  opacity: 0.8;
  max-height: 40px;
  width: 170px;
}
.context-menu-anchor .context-menu-container .quad-menu:not(:hover) .menu-title {
  -moz-transition: all 1s ease-out 1s;
  -o-transition: all 1s ease-out 1s;
  -webkit-transition: all 1s ease-out 1s;
  transition: all 1s ease-out 1s;
  transition-property: height, max-height, min-height, width, max-width, min-width, opacity, padding, margin, text-align;
  min-width: 170px;
  max-width: 170px;
  padding: 10px 0px;
}
.context-menu-anchor .context-menu-container .quad-menu:hover, .context-menu-anchor .context-menu-container .quad-menu.hover, .context-menu-anchor .context-menu-container .quad-menu.leaf-focused {
  -moz-transition: all 0.25s ease-out 0.05s;
  -o-transition: all 0.25s ease-out 0.05s;
  -webkit-transition: all 0.25s ease-out 0.05s;
  transition: all 0.25s ease-out 0.05s;
  transition-property: height, max-height, min-height, width, max-width, min-width, opacity, padding, margin, text-align;
  opacity: 1;
  max-height: 300px;
  width: 340px;
}
.context-menu-anchor .context-menu-container .quad-menu:hover .menu-title, .context-menu-anchor .context-menu-container .quad-menu.hover .menu-title, .context-menu-anchor .context-menu-container .quad-menu.leaf-focused .menu-title {
  -moz-transition: all 0.25s ease-out 0.05s;
  -o-transition: all 0.25s ease-out 0.05s;
  -webkit-transition: all 0.25s ease-out 0.05s;
  transition: all 0.25s ease-out 0.05s;
  transition-property: height, max-height, min-height, width, max-width, min-width, opacity, padding, margin, text-align;
  min-width: 320px;
  max-width: 320px;
  padding: 10px 10px;
}
.context-menu-anchor .context-menu-container .quad-menu:hover.quad-leaf-up-left .context-menu > .menu-title, .context-menu-anchor .context-menu-container .quad-menu:hover.quad-leaf-down-left .context-menu > .menu-title, .context-menu-anchor .context-menu-container .quad-menu.hover.quad-leaf-up-left .context-menu > .menu-title, .context-menu-anchor .context-menu-container .quad-menu.hover.quad-leaf-down-left .context-menu > .menu-title, .context-menu-anchor .context-menu-container .quad-menu.leaf-focused.quad-leaf-up-left .context-menu > .menu-title, .context-menu-anchor .context-menu-container .quad-menu.leaf-focused.quad-leaf-down-left .context-menu > .menu-title {
  text-align: right;
}
.context-menu-anchor .context-menu-container .quad-menu:hover .context-menu, .context-menu-anchor .context-menu-container .quad-menu.hover .context-menu, .context-menu-anchor .context-menu-container .quad-menu.leaf-focused .context-menu {
  overflow-y: auto;
}
.context-menu-anchor .context-menu-container .quad-menu:hover .context-menu .context-menu-configurators, .context-menu-anchor .context-menu-container .quad-menu.hover .context-menu .context-menu-configurators, .context-menu-anchor .context-menu-container .quad-menu.leaf-focused .context-menu .context-menu-configurators {
  -webkit-animation: delay-pointer-events 1s linear;
  -moz-animation: delay-pointer-events 1s linear;
  -o-animation: delay-pointer-events 1s linear;
  animation: delay-pointer-events 1s linear;
  opacity: 1;
}
.context-menu-anchor .context-menu-container .quad-menu:hover .scroll-overlay, .context-menu-anchor .context-menu-container .quad-menu.hover .scroll-overlay, .context-menu-anchor .context-menu-container .quad-menu.leaf-focused .scroll-overlay {
  visibility: visible;
}
.context-menu-anchor .context-menu-container .quad-menu .scroll-overlay {
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 50px;
  width: 100%;
  z-index: 100;
  pointer-events: none;
  border-radius: inherit;
  -webkit-animation: scale_in 0.5s;
  -moz-animation: scale_in 0.5s;
  -o-animation: scale_in 0.5s;
  animation: scale_in 0.5s;
}
.context-menu-anchor .context-menu-container .quad-menu .scroll-overlay.upper {
  top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.75), transparent);
}
.context-menu-anchor .context-menu-container .quad-menu .scroll-overlay.lower {
  bottom: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.75), transparent) 0 100%;
}
.context-menu-anchor .context-menu-container .quad-menu .context-menu {
  position: relative;
  height: inherit;
  max-height: inherit;
  min-height: inherit;
  width: inherit;
  border-radius: 10px;
  z-index: 98;
  overflow: hidden;
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -ms-overflow-style: none;
}
.context-menu-anchor .context-menu-container .quad-menu .context-menu .menu-title {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  color: white;
  padding: 10px 10px;
  min-width: 320px;
  max-width: 320px;
}
.context-menu-anchor .context-menu-container .quad-menu .context-menu::-webkit-scrollbar {
  display: none;
}
.context-menu-anchor .context-menu-container .quad-menu .context-menu .context-menu-configurators {
  opacity: 0;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  z-index: 99;
  padding: 30px;
  position: absolute;
  width: 272px;
  /*.configurators {
      .button {
          @include button-style();
      }
  }*/
}
.context-menu-anchor .context-menu-container .quad-menu .context-menu .context-menu-configurators section:not(:first-child):before {
  height: 5px;
}
.context-menu-anchor .context-menu-container .quad-menu .context-menu .context-menu-configurators section:not(:first-child)::before {
  width: 340px;
  margin: 5px 0 5px 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-left {
  bottom: 100%;
  right: 100%;
  margin-bottom: -1px;
  margin-right: -1px;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-left .context-menu {
  border-bottom-right-radius: 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-left .context-menu .context-menu-configurators {
  margin-bottom: 40px;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-left .context-menu .menu-title {
  /*text-align: right;*/
  text-align: left;
  bottom: 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-right {
  bottom: 100%;
  left: 100%;
  margin-bottom: -1px;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-right .context-menu {
  border-bottom-left-radius: 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-right .context-menu .context-menu-configurators {
  margin-bottom: 40px;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-up-right .context-menu .menu-title {
  text-align: left;
  bottom: 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-left {
  top: 100%;
  right: 100%;
  margin-right: -1px;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-left .context-menu {
  border-top-right-radius: 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-left .context-menu .context-menu-configurators {
  margin-top: 40px;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-left .context-menu .menu-title {
  /*text-align: right;*/
  text-align: left;
  top: 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-right {
  top: 100%;
  left: 100%;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-right .context-menu {
  border-top-left-radius: 0;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-right .context-menu .context-menu-configurators {
  margin-top: 40px;
}
.context-menu-anchor .context-menu-container .quad-menu.quad-leaf-down-right .context-menu .menu-title {
  text-align: left;
  top: 0;
}

.kopjs.application_webclient .context-menu-container .quad-menu .context-menu .context-menu-configurators {
  padding: 5px 20px;
}
.kopjs.application_webclient .context-menu-container .quad-menu.quad-leaf-up-left .context-menu .context-menu-configurators {
  margin-bottom: 35px;
  padding-left: 48px;
}
.kopjs.application_webclient .context-menu-container .quad-menu.quad-leaf-up-right .context-menu .context-menu-configurators {
  margin-bottom: 35px;
}
.kopjs.application_webclient .context-menu-container .quad-menu.quad-leaf-down-left .context-menu .context-menu-configurators {
  margin-top: 35px;
  padding-left: 48px;
}
.kopjs.application_webclient .context-menu-container .quad-menu.quad-leaf-down-right .context-menu .context-menu-configurators {
  margin-top: 35px;
}

#config-popup {
  position: absolute;
  z-index: 99;
  background-color: white;
  padding: 10px;
  margin-top: -10px;
  border: solid 1px #414141;
  border-radius: 5px;
  width: 250px;
  margin-left: -125px;
}
#config-popup * {
  text-align: center;
  vertical-align: middle;
}
#config-popup input {
  color: black;
}
#config-popup .locked, #config-popup .unlocked {
  display: none !important;
  pointer-events: none !important;
}

#furniture_review_layer {
  position: absolute;
  z-index: 98;
  width: 100%;
  height: 100%;
}
#furniture_review_layer .input_locked {
  pointer-events: none;
}
#furniture_review_layer .greyout_overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.6);
}
#furniture_review_layer .greyout_overlay_text {
  position: absolute;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 90px;
  font-weight: bold;
  line-height: 500%;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
#furniture_review_layer #review_summary .textbox_overlay {
  position: absolute;
  z-index: 100;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  border: groove;
  background-color: lightgrey;
}
#furniture_review_layer #review_summary .textbox_overlay textarea, #furniture_review_layer #review_summary .textbox_overlay div {
  position: relative;
  display: inline-block;
  height: 90%;
  width: 100%;
  resize: none;
  padding: 5px;
}
#furniture_review_layer #review_summary button {
  display: inline-block;
  position: relative;
  height: 5%;
  width: 10%;
}
#furniture_review_layer .front_fix .front_fix_table {
  position: absolute;
  z-index: 100;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  border: groove;
  background-color: lightgrey;
}
#furniture_review_layer .front_fix .front_fix_table tr {
  height: 50%;
}
#furniture_review_layer .front_fix .front_fix_table td, #furniture_review_layer .front_fix .front_fix_table div {
  width: 33%;
}
#furniture_review_layer .front_fix .front_fix_table td .front_builder, #furniture_review_layer .front_fix .front_fix_table div .front_builder {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
#furniture_review_layer .front_fix .front_fix_table td .front_builder .definitions .front_definition, #furniture_review_layer .front_fix .front_fix_table div .front_builder .definitions .front_definition {
  display: inline;
  width: 100%;
  height: 20px;
}
#furniture_review_layer .front_fix .front_fix_table td .front_builder .definitions .front_definition button, #furniture_review_layer .front_fix .front_fix_table div .front_builder .definitions .front_definition button {
  height: 20px;
  width: 20px;
}
#furniture_review_layer .front_fix .front_fix_table td .front_builder .definitions .front_definition select, #furniture_review_layer .front_fix .front_fix_table td .front_builder .definitions .front_definition input, #furniture_review_layer .front_fix .front_fix_table div .front_builder .definitions .front_definition select, #furniture_review_layer .front_fix .front_fix_table div .front_builder .definitions .front_definition input {
  width: 200px;
}
#furniture_review_layer .front_fix .front_fix_table td textarea, #furniture_review_layer .front_fix .front_fix_table div textarea {
  height: 100%;
  width: 95%;
  resize: none;
}
#furniture_review_layer .front_fix .front_fix_table tfoot {
  width: 100%;
  height: 10%;
  top: 10%;
}
#furniture_review_layer .front_fix .front_fix_table tfoot button {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 110px;
}
#furniture_review_layer .furniture_review_left_panel {
  position: absolute;
  height: 82%;
  width: 15%;
  top: 8%;
  right: 85%;
  border: groove;
  background-color: white;
  overflow-y: scroll;
}
#furniture_review_layer .furniture_review_left_panel table {
  margin: 8px;
}
#furniture_review_layer .furniture_review_left_panel table td {
  pointer-events: inherit;
  padding: 4px;
  box-sizing: border-box;
  border: solid;
  border-color: rgba(0, 0, 0, 0);
}
#furniture_review_layer .furniture_review_left_panel table .current_variant {
  border-color: green;
}
#furniture_review_layer .furniture_review_left_panel table .confirmed_variant {
  color: white;
  font-weight: bold;
  background-color: #6cd129;
}
#furniture_review_layer .furniture_review_left_panel table .denied_variant {
  color: white;
  font-weight: bold;
  background-color: #ff7777;
}
#furniture_review_layer .furniture_review_left_panel table .viewed_variant {
  background-color: #e6e6e6;
}
#furniture_review_layer .furniture_review_top_panel {
  position: absolute;
  width: 100%;
  height: 8%;
  bottom: 92%;
  border: groove;
  background-color: white;
  text-align: center;
  font-size: x-large;
}
#furniture_review_layer .furniture_review_top_panel :first-child {
  padding-top: 10px;
}
#furniture_review_layer .furniture_review_top_panel .variant_name {
  font-weight: bold;
}
#furniture_review_layer .furniture_review_top_panel .review_progress {
  margin-top: 10px;
  color: white;
  background-color: #7D7D80;
}
#furniture_review_layer .furniture_review_bottom_panel {
  position: absolute;
  width: 100%;
  height: 10%;
  top: 90%;
  border: groove;
  background-color: white;
}
#furniture_review_layer .furniture_review_bottom_panel .button_nav {
  pointer-events: inherit;
  position: absolute;
  height: 30%;
  width: 30%;
  top: 5%;
  text-align: center;
}
#furniture_review_layer .furniture_review_bottom_panel .button_nav.button_nav_center {
  left: 35%;
  border-left: groove;
  border-right: groove;
}
#furniture_review_layer .furniture_review_bottom_panel .button_nav.button_nav_left {
  left: 5%;
}
#furniture_review_layer .furniture_review_bottom_panel .button_nav.button_nav_right {
  left: 65%;
}
#furniture_review_layer .furniture_review_bottom_panel .button_nav button {
  font-size: large;
  position: relative;
  height: 20px;
  width: 200px;
  display: inline-block;
}
#furniture_review_layer .furniture_info {
  position: absolute;
  left: 70%;
  top: 70%;
  width: 30%;
  height: 20%;
  resize: none;
  overflow-y: scroll;
  background-color: rgba(255, 255, 255, 0.5);
}

#furniture_review_layer #front_render {
  background: #FFFFFF;
  position: absolute;
  border: inset;
}
#furniture_review_layer #front_render .corpus {
  height: auto;
  width: auto;
  position: relative;
  margin: 0 auto;
  background-color: #BBBBBB;
  border: solid;
  border-color: #555555;
}
#furniture_review_layer #front_render .corpus .front, #furniture_review_layer #front_render .corpus .other {
  height: auto;
  width: auto;
  position: absolute;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
#furniture_review_layer #front_render .corpus .front .front_title {
  position: relative;
  color: #555555;
  top: 10%;
  text-align: left;
}
#furniture_review_layer #front_render .corpus .behind .front_title {
  top: 40%;
  text-align: right;
}
#furniture_review_layer #front_render .corpus .shelf .front_title {
  top: 80%;
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}
#furniture_review_layer #front_render .corpus .front:nth-child(odd) {
  background: rgba(85, 255, 85, 0.7);
}
#furniture_review_layer #front_render .corpus .front:nth-child(even) {
  background: rgba(85, 204, 85, 0.7);
}
#furniture_review_layer #front_render .corpus .other:nth-child(odd) {
  background: rgba(85, 255, 255, 0.7);
}
#furniture_review_layer #front_render .corpus .other:nth-child(even) {
  background: rgba(85, 204, 255, 0.7);
}
#furniture_review_layer #front_render .corpus .corpus .corner {
  background: rgba(204, 105, 204, 0.7);
}
#furniture_review_layer #front_render .corpus .corner:nth-child(odd) {
  background: rgba(204, 105, 204, 0.7);
}
#furniture_review_layer #front_render .corpus .corner:nth-child(even) {
  background: rgba(204, 54, 204, 0.7);
}
#furniture_review_layer #front_render .corpus .slot:nth-child(odd) {
  background: rgba(221, 255, 85, 0.7);
}
#furniture_review_layer #front_render .corpus .slot:nth-child(even) {
  background: rgba(221, 204, 85, 0.7);
}
#furniture_review_layer #front_render .corpus .behind:nth-child(odd) {
  background: repeating-linear-gradient(45deg, rgba(204, 204, 204, 0.15), rgba(204, 204, 204, 0.15) 10px, rgba(0, 0, 0, 0.15) 10px, rgba(0, 0, 0, 0.15) 20px);
}
#furniture_review_layer #front_render .corpus .behind:nth-child(even) {
  background: repeating-linear-gradient(-45deg, rgba(204, 204, 204, 0.15), rgba(204, 204, 204, 0.15) 10px, rgba(0, 0, 0, 0.15) 10px, rgba(0, 0, 0, 0.15) 20px);
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #7D7D80;
}

.kopjs {
  z-index: 1;
  overflow: hidden;
}
.kopjs input,
.kopjs select,
.kopjs textarea {
  box-sizing: content-box;
}
.kopjs.application_table select option {
  font-size: 25px;
}

.scroll_container {
  width: 100%;
  height: 100%;
}

.clear {
  clear: both;
}

.action_navigate {
  cursor: pointer;
}

.button_apply {
  cursor: pointer;
  display: inline;
  white-space: nowrap;
}

.kopjs.application_table #configuration_menu .empty_menu_placeholder, .kopjs.application_table.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table.touch #configuration_menu .empty_menu_placeholder,
.kopjs.application_table_medium #configuration_menu .empty_menu_placeholder, .kopjs.application_table_medium.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table_medium.touch #configuration_menu .empty_menu_placeholder,
.kopjs.application_table_light #configuration_menu .empty_menu_placeholder, .kopjs.application_table_light.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table_light.touch #configuration_menu .empty_menu_placeholder, menu.main header .logo, #loading_screen .loading_display .logo {
  background-repeat: no-repeat;
  background-size: contain;
}

#loading_screen {
  z-index: 10;
  overflow: hidden;
}
#loading_screen .loading_display .logo {
  background-position: center center;
}
#loading_screen .loading_display .message {
  color: #414141;
}

#planner_layer {
  z-index: 1;
  overflow: hidden;
  background: white;
}

#viewer_layer[data-render_context_key=viewer] {
  z-index: 10;
  overflow: hidden;
}
#viewer_layer[data-render_context_key=side_view] {
  -webkit-animation: viewer_slide 0.5s;
  -moz-animation: viewer_slide 0.5s;
  -o-animation: viewer_slide 0.5s;
  animation: viewer_slide 0.5s;
  position: absolute;
  width: 400px;
  height: 220px;
  z-index: 999;
  border-style: solid;
  border-width: 5px;
  border-radius: 5px;
  cursor: move;
  overflow: hidden;
  -moz-transition: height 0.75s;
  -o-transition: height 0.75s;
  -webkit-transition: height 0.75s;
  transition: height 0.75s;
  -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.65));
  -moz-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.65));
  -ms-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.65));
  -o-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.65));
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.65));
}
@-webkit-keyframes viewer_slide {
  0% {
    margin-top: 500px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes viewer_slide {
  0% {
    margin-top: 500px;
  }
  100% {
    margin-top: 0;
  }
}
@-o-keyframes viewer_slide {
  0% {
    margin-top: 500px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes viewer_slide {
  0% {
    margin-top: 500px;
  }
  100% {
    margin-top: 0;
  }
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn {
  position: absolute;
  width: 15px;
  height: 15px;
  border: solid #5c5c5c 3px;
  border-radius: 5px;
  background: #e7e7e7;
  margin: 30px;
  bottom: 0;
  right: 0;
  color: white;
  cursor: pointer;
  opacity: 1;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow {
  width: 0;
  height: 0;
  opacity: 1;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation^=N] {
  border-left-style: solid;
  border-left-width: 15px;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-width: 15px;
  border-right-color: transparent;
  border-top-style: solid;
  border-top-width: 15px;
  margin-left: -7.5px;
  margin-top: -22.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation^=N][data-orientation=NE] {
  transform: rotate(45deg);
  margin-left: 10px;
  margin-top: -17.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation^=N][data-orientation=NW] {
  transform: rotate(-45deg);
  margin-left: -25px;
  margin-top: -17.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation=E] {
  border-top-style: solid;
  border-top-width: 15px;
  border-top-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
  border-right-style: solid;
  border-right-width: 15px;
  margin-left: 22.5px;
  margin-top: -7.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation^=S] {
  border-left-style: solid;
  border-left-width: 15px;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-width: 15px;
  border-right-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 15px;
  margin-left: -7.5px;
  margin-top: 22.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation^=S][data-orientation=SE] {
  transform: rotate(-45deg);
  margin-left: 12px;
  margin-top: 17.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation^=S][data-orientation=SW] {
  transform: rotate(45deg);
  margin-left: -25px;
  margin-top: 17.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-rotate-btn .rotate-btn-arrow[data-orientation=W] {
  border-top-style: solid;
  border-top-width: 15px;
  border-top-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
  border-left-style: solid;
  border-left-width: 15px;
  margin-left: -22.5px;
  margin-top: -7.5px;
}
#viewer_layer[data-render_context_key=side_view] .viewer-header {
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
  position: absolute;
  height: 25px;
  line-height: 20px;
  top: 0;
  padding-left: 10px;
  width: 100%;
  color: white;
  font-weight: bold;
}
#viewer_layer[data-render_context_key=side_view] .viewer-header .viewer-fold-btn {
  position: absolute;
  width: 20px;
  height: 25px;
  top: 0;
  right: 40px;
  color: white;
  cursor: pointer;
}
#viewer_layer[data-render_context_key=side_view] .viewer-header .viewer-fold-btn::after {
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
  position: absolute;
  content: "";
  width: 12px;
  height: 6px;
  margin-top: 10px;
  margin-left: 4px;
  background: white;
}
#viewer_layer[data-render_context_key=side_view] .viewer-header .viewer-close-btn {
  position: absolute;
  width: 20px;
  height: 25px;
  top: 0;
  right: 10px;
  color: white;
  cursor: pointer;
}
#viewer_layer[data-render_context_key=side_view] .viewer-header .viewer-close-btn::after {
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
  position: absolute;
  content: "×";
  font-size: 30px;
  width: 12px;
  height: 12px;
}
#viewer_layer[data-render_context_key=side_view].viewer-folded {
  height: 25px !important;
}
#viewer_layer[data-render_context_key=side_view].viewer-folded .viewer-rotate-btn {
  opacity: 0;
  pointer-events: none;
}
#viewer_layer[data-render_context_key=side_view].viewer-folded .viewer-rotate-btn .rotate-btn-arrow {
  opacity: 0;
  pointer-events: none;
}
#viewer_layer[data-render_context_key=side_view].viewer-folded .viewer-header {
  /*height: 20px;
  line-height: 20px;
  color: white;*/
}
#viewer_layer[data-render_context_key=side_view].viewer-folded .viewer-header .viewer-fold-btn::after {
  height: 12px;
  margin-top: 4px;
  margin-left: 4px;
}

.feedback-button-container {
  position: absolute;
  right: 0;
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}
.feedback-button-container .feedback-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  width: inherit;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  z-index: 2;
  cursor: pointer;
  -webkit-filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.65));
  -moz-filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.65));
  -ms-filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.65));
  -o-filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.65));
  filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.65));
}
.feedback-button-container .feedback-button .feedback-button-text {
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ui-autocomplete {
  z-index: 11;
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.pricing_loan_tooltip_overlay {
  opacity: 0;
  position: absolute;
  background-color: #f6b84f;
  /*background-color: var(--ci-secondary);*/
  color: #7D7D80;
  font-weight: bold;
  -moz-transition: visibility 0s, opacity 0.5s;
  -o-transition: visibility 0s, opacity 0.5s;
  -webkit-transition: visibility 0s, opacity 0.5s;
  transition: visibility 0s, opacity 0.5s;
  padding: 12px;
  border-radius: 5px;
  z-index: 999;
  visibility: hidden;
}

.application_table #planner_layer menu.main .pricing_container {
  width: 80px !important;
}

/* fix for collision with bootstraps ".label" selector */
.configurators * .label {
  color: #7D7D80;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  display: unset;
  padding: unset;
  font-size: unset;
  vertical-align: unset;
  font-weight: unset;
  line-height: unset;
  text-align: unset;
  white-space: unset;
}
.configurators .label {
  color: #7D7D80;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  display: unset;
  padding: unset;
  font-size: unset;
  vertical-align: unset;
  font-weight: unset;
  line-height: unset;
  text-align: unset;
  white-space: unset;
}
.configurators .bootstrapdeclarationoflabel {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

menu.main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 400px;
  z-index: 2;
  overflow: hidden;
}
menu.main header {
  position: absolute;
  height: 100px;
  width: 400px;
  right: 0;
  background: #ffffff;
}
menu.main header .logo {
  background-position: left center;
}
menu.main header .optionsmenu_btn {
  position: absolute;
  top: 25px;
  right: 15px;
  width: 50px;
  height: 50px;
}
menu.main .basic_actions {
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  position: absolute;
  top: 100px;
  height: 40px;
  width: 400px;
  right: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  /*background: $basic_actions_background;*/
}
menu.main .basic_actions span {
  display: block;
  height: 100%;
  flex: 0 0 25%;
  cursor: pointer;
  overflow: hidden;
}
menu.main .basic_actions span.print {
  display: none;
}
menu.main .pricing_container {
  display: none;
  position: absolute;
  top: 140px;
  height: 40px;
  right: 0;
  width: 400px;
}
menu.main .pricing_container h4 {
  float: left;
  line-height: 40px;
}
menu.main .pricing_container h4.show_object_list {
  cursor: pointer;
}
menu.main .pricing_container .pricing .pricing_display {
  float: right;
  display: block;
  line-height: 40px;
}
menu.main .pricing_container .pricing .pricing_display .pricing_price,
menu.main .pricing_container .pricing .pricing_display .pricing_unit {
  padding: 0 3px 0 3px;
}
menu.main .pricing_container .pricing .pricing_display .show_pricing_details {
  margin-right: 3px;
  cursor: pointer;
  display: inline-block;
}
menu.main .steps {
  position: absolute;
  top: 140px;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  overflow: hidden;
}
menu.main .steps .step {
  position: relative;
  background: #e7e6e6 no-repeat 14px 16px;
}
menu.main .steps .step.step-disabled {
  color: lightgrey;
  pointer-events: none;
  cursor: default;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}
menu.main .steps .step .step_title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
menu.main .steps .step .step_title h1 {
  padding-left: 80px;
  white-space: nowrap;
}
menu.main .steps .step .step_content {
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  display: none;
}
menu.main .steps .step .step_content > * {
  z-index: initial;
  padding: 20px;
  width: 360px;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture {
  overflow-y: hidden;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item.main_category {
  height: auto;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item .sub_categories {
  -moz-transition: max-height 0.8s ease-in-out;
  -o-transition: max-height 0.8s ease-in-out;
  -webkit-transition: max-height 0.8s ease-in-out;
  transition: max-height 0.8s ease-in-out;
  transition-property: max-height, opacity;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item .sub_categories .sub_category {
  padding: 10px 0px 10px 20px;
  width: 100%;
  display: inline-block;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item .sub_categories .sub_category .dot {
  height: 10px;
  width: 10px;
  background-color: #cccccc;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item .sub_categories .sub_category div {
  width: 90%;
  display: inline-block;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item .sub_categories .sub_category:hover {
  color: white;
  /*background-color: var(--ci-primary);*/
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item .sub_categories .sub_category.selected {
  color: black;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item .sub_categories .sub_category.selected .dot {
  /*background-color: var(--ci-primary);*/
  background-color: #7D7D80;
}
menu.main .steps .step .step_content .arrange_furniture .selection_list.furniture .item.active > .sub_categories {
  max-height: 500px;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
menu.main .steps .step.active {
  background: #ffffff no-repeat 14px 16px;
}
menu.main .steps .step.active .step_title {
  cursor: default;
}
menu.main .steps .step.active .step_content {
  display: block;
}

#configuration_menu,
.context-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 340px;
  z-index: 2;
  background: #ffffff;
}
#configuration_menu .configurators_container,
.context-menu .configurators_container {
  z-index: initial;
  padding: 20px;
}
#configuration_menu .configurators_container > section,
.context-menu .configurators_container > section {
  height: 100%;
}
#configuration_menu .configurators_container > section > .configurators,
.context-menu .configurators_container > section > .configurators {
  position: relative;
}
#configuration_menu .configurators_container > section > .configurators .configurators-tooltip,
.context-menu .configurators_container > section > .configurators .configurators-tooltip {
  cursor: help;
  position: absolute;
  margin-left: -30px;
  /*right: $tooltip-size * -0.5;*/
  /*margin-top: $tooltip-size * -1;*/
  opacity: 0.7;
}
#configuration_menu .configurators_container > section > .configurators .configurators-tooltip .info-icon,
.context-menu .configurators_container > section > .configurators .configurators-tooltip .info-icon {
  width: 20px;
  height: 20px;
  background-color: #b1b1b1;
  border-radius: 50%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: none;
  text-align: center;
  line-height: 20px;
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  -moz-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  -ms-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  -o-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  position: relative;
}
#configuration_menu .configurators_container > section > .configurators .configurators-tooltip .info-icon:after,
.context-menu .configurators_container > section > .configurators .configurators-tooltip .info-icon:after {
  content: "i";
  color: white;
  font-size: 16px;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
}
#configuration_menu .configurators_container > section > .configurators .configurators-tooltip:hover,
.context-menu .configurators_container > section > .configurators .configurators-tooltip:hover {
  opacity: 1;
}
#configuration_menu .configurators_container > section > .configurators .group,
.context-menu .configurators_container > section > .configurators .group {
  padding-top: 5px;
  padding-bottom: 5px;
}
#configuration_menu .configurators_container > section > .configurators .group .group-title,
.context-menu .configurators_container > section > .configurators .group .group-title {
  margin-bottom: 10px;
}
#configuration_menu .configurators_container > section > .configurators .group.furniture_attachments, #configuration_menu .configurators_container > section > .configurators .group.accessories, #configuration_menu .configurators_container > section > .configurators .group.operation_items, #configuration_menu .configurators_container > section > .configurators .group.device_slots, #configuration_menu .configurators_container > section > .configurators .group.optional_items, #configuration_menu .configurators_container > section > .configurators .group.multiplechoice, #configuration_menu .configurators_container > section > .configurators .group.mandatoryitems, #configuration_menu .configurators_container > section > .configurators .group.dimension_variable,
.context-menu .configurators_container > section > .configurators .group.furniture_attachments,
.context-menu .configurators_container > section > .configurators .group.accessories,
.context-menu .configurators_container > section > .configurators .group.operation_items,
.context-menu .configurators_container > section > .configurators .group.device_slots,
.context-menu .configurators_container > section > .configurators .group.optional_items,
.context-menu .configurators_container > section > .configurators .group.multiplechoice,
.context-menu .configurators_container > section > .configurators .group.mandatoryitems,
.context-menu .configurators_container > section > .configurators .group.dimension_variable {
  /*border: 1px solid $color_orange;*/
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  /*border-right: none;*/
  padding-left: 10px;
  margin-bottom: 10px;
  /*box-shadow: 1px 0 0 0 $color_orange;*/
}
#configuration_menu .configurators_container > section > .configurators .group.furniture_attachments.nested_group, #configuration_menu .configurators_container > section > .configurators .group.accessories.nested_group, #configuration_menu .configurators_container > section > .configurators .group.operation_items.nested_group, #configuration_menu .configurators_container > section > .configurators .group.device_slots.nested_group, #configuration_menu .configurators_container > section > .configurators .group.optional_items.nested_group, #configuration_menu .configurators_container > section > .configurators .group.multiplechoice.nested_group, #configuration_menu .configurators_container > section > .configurators .group.mandatoryitems.nested_group, #configuration_menu .configurators_container > section > .configurators .group.dimension_variable.nested_group,
.context-menu .configurators_container > section > .configurators .group.furniture_attachments.nested_group,
.context-menu .configurators_container > section > .configurators .group.accessories.nested_group,
.context-menu .configurators_container > section > .configurators .group.operation_items.nested_group,
.context-menu .configurators_container > section > .configurators .group.device_slots.nested_group,
.context-menu .configurators_container > section > .configurators .group.optional_items.nested_group,
.context-menu .configurators_container > section > .configurators .group.multiplechoice.nested_group,
.context-menu .configurators_container > section > .configurators .group.mandatoryitems.nested_group,
.context-menu .configurators_container > section > .configurators .group.dimension_variable.nested_group {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#configuration_menu .configurators_container > section > .configurators .group.generic_group,
.context-menu .configurators_container > section > .configurators .group.generic_group {
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}
#configuration_menu .configurators_container > section > .configurators .group.dimension_variable,
.context-menu .configurators_container > section > .configurators .group.dimension_variable {
  padding-right: 10px;
}
#configuration_menu .configurators_container > section > .configurators .group .configurators,
.context-menu .configurators_container > section > .configurators .group .configurators {
  max-height: 3000px;
  -moz-transition: max-height 0.5s linear;
  -o-transition: max-height 0.5s linear;
  -webkit-transition: max-height 0.5s linear;
  transition: max-height 0.5s linear;
}
#configuration_menu .configurators_container > section > .configurators .group .configurators.folded,
.context-menu .configurators_container > section > .configurators .group .configurators.folded {
  max-height: 0px;
}
#configuration_menu .configurators_container > section > .configurators .group .configurators.folded > *,
.context-menu .configurators_container > section > .configurators .group .configurators.folded > * {
  display: none;
}
#configuration_menu .configurators_container > section > .configurators .group > div > .arrow_container,
.context-menu .configurators_container > section > .configurators .group > div > .arrow_container {
  display: inline-block;
  position: absolute;
  right: 0px;
  margin-right: 10px;
  cursor: pointer;
}
#configuration_menu .configurators_container > section > .configurators .group > div > .arrow_container .arrow_tiny,
.context-menu .configurators_container > section > .configurators .group > div > .arrow_container .arrow_tiny {
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 7px solid;
  border-right: 7px solid;
  color: var(color);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#configuration_menu .configurators_container > section > .configurators .group > div > h3,
.context-menu .configurators_container > section > .configurators .group > div > h3 {
  display: inline-block;
  word-break: break-word;
  padding-right: 30px;
  padding-top: 5px;
  cursor: pointer;
}
#configuration_menu .configurators_container > section > .configurators .group > .arrow_container,
.context-menu .configurators_container > section > .configurators .group > .arrow_container {
  cursor: pointer;
}
#configuration_menu .configurators_container > section > .configurators .group > .arrow_container .arrow_tiny,
.context-menu .configurators_container > section > .configurators .group > .arrow_container .arrow_tiny {
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-bottom: 7px solid;
  border-right: 7px solid;
  color: var(color);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin: 7px 0 -7px 50%;
}
#configuration_menu .configurators_container > section > .configurators .reset_button,
.context-menu .configurators_container > section > .configurators .reset_button {
  /*content: url($url);*/
  background-image: url("../images/svg/revert_bg-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 30px;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: auto;
  position: relative;
  /*background-color: $color_font_ci;*/
  float: right;
  margin-right: 5px;
  margin-top: -5px;
  cursor: pointer;
}
#configuration_menu .configurators_container > section > .configurators .reset_button:hover,
.context-menu .configurators_container > section > .configurators .reset_button:hover {
  -webkit-filter: brightness(115%);
  -moz-filter: brightness(115%);
  -ms-filter: brightness(115%);
  -o-filter: brightness(115%);
  filter: brightness(115%);
}
#configuration_menu .configurators_container > section > .configurators .roomobject_details > .icon,
.context-menu .configurators_container > section > .configurators .roomobject_details > .icon {
  height: 200px;
  padding-top: 10px;
  margin: 0 auto;
}
#configuration_menu .configurators_container > section > .configurators .roomobject_details [data-item_details],
.context-menu .configurators_container > section > .configurators .roomobject_details [data-item_details] {
  display: inline-block;
  margin-right: 5px;
}
#configuration_menu .configurators_container > section > .configurators .roomobject_details [data-item_details] .show_item_details,
.context-menu .configurators_container > section > .configurators .roomobject_details [data-item_details] .show_item_details {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
#configuration_menu .configurators_container > section > .configurators .roomobject_details h2,
.context-menu .configurators_container > section > .configurators .roomobject_details h2 {
  display: inline-block;
}
#configuration_menu .configurators_container > section > .configurators .seperator,
.context-menu .configurators_container > section > .configurators .seperator {
  -webkit-filter: brightness(0.5);
  -moz-filter: brightness(0.5);
  -ms-filter: brightness(0.5);
  -o-filter: brightness(0.5);
  filter: brightness(0.5);
}
#configuration_menu .configurators_container > section > .configurators .seperator:after,
.context-menu .configurators_container > section > .configurators .seperator:after {
  height: 10px;
}
#configuration_menu .configurators_container > section > .configurators .button_groups .configurators .buttonlist,
.context-menu .configurators_container > section > .configurators .button_groups .configurators .buttonlist {
  margin: 0 -3px;
  float: left;
}
#configuration_menu .configurators_container > section > .configurators .single_option,
.context-menu .configurators_container > section > .configurators .single_option {
  font-weight: bold;
  padding-bottom: 5px;
  color: #414141;
}
#configuration_menu .configurators_container > section > .configurators .device_configuraton_title,
.context-menu .configurators_container > section > .configurators .device_configuraton_title {
  padding-left: 10px;
}
#configuration_menu .configurators_container > section > .configurators .device_configuraton_title :first-child,
.context-menu .configurators_container > section > .configurators .device_configuraton_title :first-child {
  margin-top: 5px;
}
#configuration_menu .configurators_container > section > .configurators .roomobject_dimensions,
.context-menu .configurators_container > section > .configurators .roomobject_dimensions {
  padding-bottom: 10px;
}
#configuration_menu .configurators_container > section > .configurators .device_selection,
.context-menu .configurators_container > section > .configurators .device_selection {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 10px;
}
#configuration_menu .configurators_container > section > .configurators .roomobject_variantgroup h3,
.context-menu .configurators_container > section > .configurators .roomobject_variantgroup h3 {
  padding-top: 5px;
  padding-bottom: 5px;
}
#configuration_menu .configurators_container > section > .configurators .button-description,
.context-menu .configurators_container > section > .configurators .button-description {
  margin-top: 10px;
  padding-bottom: 0;
  text-align: center;
}
#configuration_menu .configurators:after,
.context-menu .configurators:after {
  content: "";
  clear: both;
  display: block;
}
#configuration_menu .button,
.context-menu .button {
  font-size: small;
  margin: 10px 0 10px 0;
  /*border-radius: 0;
  border-style: outset;
  border-width: 5px;
  padding: 5px;*/
}
#configuration_menu .button:active,
.context-menu .button:active {
  background: #414141;
}
#configuration_menu .button span > div h4,
.context-menu .button span > div h4 {
  padding-bottom: 0px;
  height: auto;
}
#configuration_menu .button span > div h4:last-child,
.context-menu .button span > div h4:last-child {
  /*padding-left: 12px;*/
}
#configuration_menu .singlelineinput,
#configuration_menu .lockableSingleLineInput,
#configuration_menu .buttonlist,
.context-menu .singlelineinput,
.context-menu .lockableSingleLineInput,
.context-menu .buttonlist {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
#configuration_menu .singlelineinput .input > *,
#configuration_menu .lockableSingleLineInput .input > *,
.context-menu .singlelineinput .input > *,
.context-menu .lockableSingleLineInput .input > * {
  float: left;
  display: block;
}
#configuration_menu .singlelineinput .input:after,
#configuration_menu .lockableSingleLineInput .input:after,
.context-menu .singlelineinput .input:after,
.context-menu .lockableSingleLineInput .input:after {
  clear: left;
  display: block;
  content: " ";
}
#configuration_menu .singlelineinput .input,
#configuration_menu .lockableSingleLineInput .input,
.context-menu .singlelineinput .input,
.context-menu .lockableSingleLineInput .input {
  display: flex;
}
#configuration_menu .singlelineinput .input .ui-spinner-input,
#configuration_menu .lockableSingleLineInput .input .ui-spinner-input,
.context-menu .singlelineinput .input .ui-spinner-input,
.context-menu .lockableSingleLineInput .input .ui-spinner-input {
  width: 60px;
}
#configuration_menu .singlelineinput .input .ui-spinner-button,
#configuration_menu .lockableSingleLineInput .input .ui-spinner-button,
.context-menu .singlelineinput .input .ui-spinner-button,
.context-menu .lockableSingleLineInput .input .ui-spinner-button {
  margin: 0;
  padding: 0;
  max-height: 18px;
}
#configuration_menu .singlelineinput .input .ui-spinner-button .ui-button-text,
#configuration_menu .lockableSingleLineInput .input .ui-spinner-button .ui-button-text,
.context-menu .singlelineinput .input .ui-spinner-button .ui-button-text,
.context-menu .lockableSingleLineInput .input .ui-spinner-button .ui-button-text {
  padding: 0;
}
#configuration_menu .toggle,
#configuration_menu .furniture_attachment,
.context-menu .toggle,
.context-menu .furniture_attachment {
  margin-top: 5px;
}
#configuration_menu .toggle h4,
#configuration_menu .furniture_attachment h4,
.context-menu .toggle h4,
.context-menu .furniture_attachment h4 {
  cursor: pointer;
  padding-top: 5px;
}
#configuration_menu .toggle .toggle-switch,
#configuration_menu .furniture_attachment .toggle-switch,
.context-menu .toggle .toggle-switch,
.context-menu .furniture_attachment .toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
#configuration_menu .toggle .toggle-switch .switch-input,
#configuration_menu .furniture_attachment .toggle-switch .switch-input,
.context-menu .toggle .toggle-switch .switch-input,
.context-menu .furniture_attachment .toggle-switch .switch-input {
  opacity: 0;
  width: 0;
  height: 0;
}
#configuration_menu .toggle .toggle-switch .switch-slider,
#configuration_menu .furniture_attachment .toggle-switch .switch-slider,
.context-menu .toggle .toggle-switch .switch-slider,
.context-menu .furniture_attachment .toggle-switch .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: #ccc;*/
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 24px;
}
#configuration_menu .toggle .toggle-switch .switch-slider::before,
#configuration_menu .furniture_attachment .toggle-switch .switch-slider::before,
.context-menu .toggle .toggle-switch .switch-slider::before,
.context-menu .furniture_attachment .toggle-switch .switch-slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
}
#configuration_menu .toggle .toggle-switch .switch-input[checked=true] + .switch-slider,
#configuration_menu .furniture_attachment .toggle-switch .switch-input[checked=true] + .switch-slider,
.context-menu .toggle .toggle-switch .switch-input[checked=true] + .switch-slider,
.context-menu .furniture_attachment .toggle-switch .switch-input[checked=true] + .switch-slider {
  /*background-color: #2196F3;*/
}
#configuration_menu .toggle .toggle-switch .switch-input:focus + .switch-slider,
#configuration_menu .furniture_attachment .toggle-switch .switch-input:focus + .switch-slider,
.context-menu .toggle .toggle-switch .switch-input:focus + .switch-slider,
.context-menu .furniture_attachment .toggle-switch .switch-input:focus + .switch-slider {
  /*box-shadow: 0 0 1px #2196F3;*/
}
#configuration_menu .toggle .toggle-switch .switch-input[checked=true] + .switch-slider::before,
#configuration_menu .furniture_attachment .toggle-switch .switch-input[checked=true] + .switch-slider::before,
.context-menu .toggle .toggle-switch .switch-input[checked=true] + .switch-slider::before,
.context-menu .furniture_attachment .toggle-switch .switch-input[checked=true] + .switch-slider::before {
  -moz-transform: translateX(16px);
  -ms-transform: translateX(16px);
  -o-transform: translateX(16px);
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}
#configuration_menu .toggle .toggle-switch + div,
#configuration_menu .furniture_attachment .toggle-switch + div,
.context-menu .toggle .toggle-switch + div,
.context-menu .furniture_attachment .toggle-switch + div {
  display: inline-block;
  position: absolute;
  margin: 5px 0 0 5px;
}
#configuration_menu .toggle .action_change,
#configuration_menu .furniture_attachment .action_change,
.context-menu .toggle .action_change,
.context-menu .furniture_attachment .action_change {
  cursor: pointer;
  padding-bottom: 5px;
  padding-top: 5px;
}
#configuration_menu .toggle .action_change > *,
#configuration_menu .furniture_attachment .action_change > *,
.context-menu .toggle .action_change > *,
.context-menu .furniture_attachment .action_change > * {
  line-height: 24px;
  vertical-align: middle;
}
#configuration_menu .toggle .action_change > .action_change_title,
#configuration_menu .furniture_attachment .action_change > .action_change_title,
.context-menu .toggle .action_change > .action_change_title,
.context-menu .furniture_attachment .action_change > .action_change_title {
  font-weight: normal;
  margin: 0;
  margin-left: 5px;
  min-height: 25px;
  position: relative;
  display: inline;
}
#configuration_menu .furniture_attachment,
.context-menu .furniture_attachment {
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px;
  padding-right: 10px;
  border-radius: 10px;
  background-color: #e7e6e6;
}
#configuration_menu .furniture_attachment .singlelineinput .input .prefix,
.context-menu .furniture_attachment .singlelineinput .input .prefix {
  margin-left: 5px;
}
#configuration_menu .device_slot_options,
.context-menu .device_slot_options {
  padding: 5px;
  border-radius: 10px;
  background-color: #e7e6e6;
}
#configuration_menu .toggleicon span,
.context-menu .toggleicon span {
  width: 100px;
  height: 100px;
  top: 0px;
}
#configuration_menu .attachmet_dimension_display > h2,
.context-menu .attachmet_dimension_display > h2 {
  font-weight: normal;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 10px;
}
#configuration_menu .buttonlist,
.context-menu .buttonlist {
  position: relative;
}
#configuration_menu .buttonlist.rotate, #configuration_menu .buttonlist.move, #configuration_menu .buttonlist.delete, #configuration_menu .buttonlist.clone,
.context-menu .buttonlist.rotate,
.context-menu .buttonlist.move,
.context-menu .buttonlist.delete,
.context-menu .buttonlist.clone {
  width: 100px;
  height: 110px;
}
#configuration_menu .buttonlist.rotate > h4, #configuration_menu .buttonlist.move > h4, #configuration_menu .buttonlist.delete > h4, #configuration_menu .buttonlist.clone > h4,
.context-menu .buttonlist.rotate > h4,
.context-menu .buttonlist.move > h4,
.context-menu .buttonlist.delete > h4,
.context-menu .buttonlist.clone > h4 {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  text-align: center;
}
#configuration_menu .buttonlist.rotate > .actions, #configuration_menu .buttonlist.move > .actions, #configuration_menu .buttonlist.delete > .actions, #configuration_menu .buttonlist.clone > .actions,
.context-menu .buttonlist.rotate > .actions,
.context-menu .buttonlist.move > .actions,
.context-menu .buttonlist.delete > .actions,
.context-menu .buttonlist.clone > .actions {
  position: absolute;
  top: 0;
  width: 100%;
  height: 90px;
}
#configuration_menu .buttonlist.rotate > .actions span, #configuration_menu .buttonlist.move > .actions span, #configuration_menu .buttonlist.delete > .actions span, #configuration_menu .buttonlist.clone > .actions span,
.context-menu .buttonlist.rotate > .actions span,
.context-menu .buttonlist.move > .actions span,
.context-menu .buttonlist.delete > .actions span,
.context-menu .buttonlist.clone > .actions span {
  position: absolute;
  display: block;
  color: transparent;
  overflow: hidden;
  cursor: pointer;
}
#configuration_menu .buttonlist.rotate > h4, #configuration_menu .buttonlist.delete > h4,
.context-menu .buttonlist.rotate > h4,
.context-menu .buttonlist.delete > h4 {
  bottom: 25px;
}
#configuration_menu .design_category,
.context-menu .design_category {
  margin: 10px 0;
}
#configuration_menu .design_category .selected_design,
.context-menu .design_category .selected_design {
  display: flex;
  flex-direction: row;
  margin: 10px 0;
  cursor: pointer;
}
#configuration_menu .design_category .selected_design .icon,
.context-menu .design_category .selected_design .icon {
  flex: 0 0 50px;
  height: 50px;
}
#configuration_menu .design_category .selected_design .info,
.context-menu .design_category .selected_design .info {
  flex: 1 auto;
}
#configuration_menu .design_category .design_list .design,
.context-menu .design_category .design_list .design {
  cursor: pointer;
}
#configuration_menu .design_category .design_list .icon,
.context-menu .design_category .design_list .icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
}
#configuration_menu .design_category .design_list .description,
.context-menu .design_category .design_list .description {
  max-width: 250px;
}

#stage_component {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 80px;
  right: 0;
  z-index: initial;
  background: #ffffff;
}
#stage_component .rendering_layer {
  z-index: initial;
  overflow: hidden;
}
#stage_component .rendering_layer .canvas_container {
  z-index: 1;
  overflow: hidden;
}
#stage_component .rendering_layer .canvas_container .touch {
  border: 2px solid blue;
  border-radius: 50%;
  position: fixed;
  color: blue;
}
#stage_component .rendering_layer .canvas_container .touch::after {
  height: 10px;
  width: 10px;
  text-align: center;
  line-height: 100%;
  display: block;
  position: relative;
  content: attr(data-touch);
  font-size: 15px;
  background-color: white;
  border: 1px solid blue;
  border-radius: 1px;
  padding: 2px;
  left: -14px;
  top: -14px;
}

#rendering_controls {
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  height: 100px;
  z-index: 4;
  pointer-events: none;
}
#rendering_controls * {
  position: absolute;
  cursor: pointer;
}
#rendering_controls > * {
  pointer-events: all;
  height: 100px;
}
#rendering_controls > *.transform_camera, #rendering_controls > *.room_lock {
  display: none;
}

#rendering_settings {
  z-index: 0;
  overflow: hidden;
  display: none;
}
#rendering_settings > * {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
}

#command_indicator {
  border-radius: 20px;
  border-style: solid;
  border-width: 2px;
  position: absolute;
  overflow: visible;
  top: 13px;
  left: 50%;
  margin-left: -152.5px;
  width: 305px;
  height: 30px;
  z-index: 3;
  cursor: pointer;
}
#command_indicator .command_history {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#command_indicator .last_command {
  position: absolute;
  overflow: hidden;
}
#command_indicator.processing {
  cursor: default;
}
#command_indicator .undo_command,
#command_indicator .redo_command {
  position: absolute;
  width: 40px;
  height: 30px;
  top: -2px;
}
#command_indicator .undo_command {
  left: -50px;
}
#command_indicator .redo_command {
  right: -55px;
}

.command_indicator_history .step {
  cursor: pointer;
}

#qr_overlay {
  z-index: 10;
  overflow: hidden;
}
#qr_overlay .qr_overlay_background {
  z-index: 1;
  overflow: hidden;
  background: #000000;
  opacity: 0.75;
}
#qr_overlay .planning_qr_positioning {
  z-index: 2;
  overflow: hidden;
}
#qr_overlay .planning_qr,
#qr_overlay .planning_id,
#qr_overlay .qr_description {
  position: absolute;
  top: 50%;
  left: 50%;
}
#qr_overlay .planning_qr {
  width: 256px;
  height: 256px;
  margin-top: -266px;
  margin-left: -128px;
}
#qr_overlay .planning_id {
  display: none;
  width: 512px;
  margin-left: -128px;
  font-size: 18px;
  text-align: center;
}
#qr_overlay .qr_description {
  padding-top: 10px;
  height: 200px;
  width: 600px;
  margin-left: -300px;
  color: #ffffff;
  font-size: 16px;
}
#qr_overlay .qr_description > * {
  margin-top: 10px;
}
#qr_overlay .qr_description .note {
  font-size: 14px;
}
#qr_overlay .qr_description .order_vr_glasses {
  display: none;
  text-align: center;
}

#object_list_layer {
  z-index: 10;
  overflow: hidden;
}
#object_list_layer .object_list {
  overflow-y: scroll;
  max-height: 100%;
  min-height: 100%;
}
#object_list_layer .object_list_overlay_background {
  z-index: 1;
  overflow: hidden;
  background: #000000;
  opacity: 0.75;
}
#object_list_layer .object_list_positioning {
  z-index: 2;
  overflow: hidden;
}
#object_list_layer .object_list_background {
  position: relative;
  top: 5%;
  left: 20%;
  padding: 20px;
  padding-bottom: 130px;
  height: 75%;
  width: 60%;
}
#object_list_layer .object_list_disclaimer {
  padding-right: 20px;
  line-height: 18px;
  display: inline-block;
}
#object_list_layer .object_list_disclaimer h4 {
  font-size: 16px;
}
#object_list_layer .object_list_disclaimer h5 {
  font-size: 15px;
}
#object_list_layer .disclaimer_above {
  padding-left: 60px;
}
#object_list_layer .disclaimer_above.disclaimer_oneline {
  padding-bottom: 15px;
}
#object_list_layer .disclaimer_below {
  padding-left: 20px;
}
#object_list_layer .part_list_header h1:first-child {
  float: left;
}
#object_list_layer .part_list_header h1.object_list_close {
  float: right;
  color: #7D7D80;
  padding: 20px;
  margin: -20px;
  cursor: pointer;
}
#object_list_layer .object_list_header {
  /*padding-top: 30px;*/
}
#object_list_layer .object_list_header > * {
  display: inline-block;
}
#object_list_layer .object_list_header .position {
  padding-left: 10px;
}
#object_list_layer .object_list_header .amount {
  float: right;
  margin-right: 15%;
  padding-right: 15px;
}
#object_list_layer .object_list_item {
  display: flex;
}
#object_list_layer .object_list_item.item_invalid .title, #object_list_layer .object_list_item.item_invalid .description, #object_list_layer .object_list_item.item_invalid .amount, #object_list_layer .object_list_item.item_invalid .item_index {
  color: #7d0006;
}
#object_list_layer .object_list_item.item_invalid .info .uid {
  color: #cc0000;
}
#object_list_layer .object_list_item.item_invalid .icon, #object_list_layer .object_list_item.item_invalid .list_item_index_container {
  border-color: #cc0000;
}
#object_list_layer .object_list_item.item_invalid .item_state_icon {
  display: block;
  border-color: #cc0000;
}
#object_list_layer .object_list_item.item_invalid .item_state_icon .item_state_icon_content::before {
  content: "!";
  color: #cc0000;
  margin-left: 4.5px;
}
#object_list_layer .object_list_item .item_state_icon {
  display: none;
  height: 20px;
  width: 20px;
  margin-top: -4px;
  border: 2px solid #ccc;
  border-radius: 100%;
  position: absolute;
  right: 24%;
  cursor: pointer;
}
#object_list_layer .object_list_item .item_state_icon .item_state_icon_content::before {
  content: "";
  font-weight: bolder;
  font-family: monospace;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
}
#object_list_layer .object_list_item .list_item_force, #object_list_layer .object_list_item .list_item_delete {
  padding: 5px;
  border: 2px lightgrey solid;
  border-radius: 5px;
  float: right;
  /*position: absolute;*/
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}
#object_list_layer .object_list_item .list_item_force:hover, #object_list_layer .object_list_item .list_item_delete:hover {
  border-color: red;
  color: red;
}
#object_list_layer .object_list_item .list_item_force:hover {
  border-color: green;
  color: green;
}
#object_list_layer .object_list_item .image {
  flex: 0 0 80px;
}
#object_list_layer .object_list_item .list_item_index_container {
  width: 12px;
  max-width: 12px;
  overflow-x: visible;
  border-right: inset;
  border-right-width: 2px;
  margin-right: -2px;
  margin-top: 6px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 40px;
}
#object_list_layer .object_list_item .icon {
  border: solid;
  border-radius: 10px;
  border-width: 2px;
  margin-top: -2px;
  border-color: #eee;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
#object_list_layer .object_list_item .icon > .icon-img {
  border-radius: inherit;
}
#object_list_layer .object_list_item .icon > .icon-img.external-icon {
  padding: 5px;
  border-radius: 0px;
}
#object_list_layer .object_list_item .info {
  flex: 1 1 auto;
}
#object_list_layer .object_list_item .info.no_icon {
  margin-left: 75px;
}
#object_list_layer .object_list_item .info span > * {
  display: inline-block;
}
#object_list_layer .object_list_item .info .uid {
  color: #cccccc;
  padding-right: 10px;
}
#object_list_layer .object_list_item .info .description {
  padding: 5px 0;
}
#object_list_layer .object_list_item .info .article_details {
  padding-top: 5px;
}
#object_list_layer .object_list_item .info .article_details span {
  padding-right: 5px;
}
#object_list_layer .object_list_item .info .article_details.article_note {
  padding-left: 15px;
}
#object_list_layer .object_list_item .info .article_details.article_note .article_note_input textarea {
  min-width: 50%;
  min-height: 32px;
  max-width: 80%;
  max-height: 120px;
  border-style: none;
  resize: none;
  padding: 1px 6px;
  color: #7D7D80;
  margin-left: 7px;
  border-left: 1px solid #cccccc;
  overflow-y: hidden;
}
#object_list_layer .object_list_item .info .article_details.article_note .article_note_input textarea:hover, #object_list_layer .object_list_item .info .article_details.article_note .article_note_input textarea:focus {
  border-style: solid;
  resize: both;
  padding: 0px 6px;
  overflow-y: auto;
}
#object_list_layer .object_list_item .info .article_details.article_note .article_note_input textarea::placeholder {
  color: #cccccc;
}
#object_list_layer .object_list_item .info .article_details.article_note .article_note_input .note_char_count {
  margin-left: 5px;
}
#object_list_layer .object_list_item .info .article_details.article_note .round_clickable {
  cursor: pointer;
  display: inline-block;
  border-color: #7D7D80;
}
#object_list_layer .object_list_item .info .article_details.article_note .round_clickable:hover {
  color: black;
  border-color: black;
}
#object_list_layer .object_list_item .info .article_details.article_note .round_clickable > * {
  display: inline-block;
  color: inherit;
}
#object_list_layer .object_list_item .info .article_details.article_note .round_clickable .round_clickable_icon {
  width: 14px;
  border-radius: 50%;
  border-color: inherit;
  border: 1px solid;
  margin-right: 5px;
  text-align: center;
  font-family: monospace;
}
#object_list_layer .object_list_item .info .deviating_features *:first-child {
  border-left-style: solid;
  border-left-width: 5px;
  /*border-left: #f7a733 5px solid; //$color_orange*/
  padding-left: 5px;
}
#object_list_layer .object_list_item .info_right {
  margin-left: 50px;
  width: 17.5%;
}
#object_list_layer .object_list_item .info_right .amount {
  flex: 1 1 30px;
  padding: 0px;
  margin-top: 6px;
}
#object_list_layer .object_list_item .info_right .price {
  float: right;
  margin-right: 15px;
}
#object_list_layer .object_list_item .info_right .price .pricing_display .pricing_price {
  display: inline-block;
  text-align: right;
}
#object_list_layer .object_list_item .info_right .price .pricing_display .pricing_display span {
  margin: 0 5px;
}
#object_list_layer .object_list_item .info_right .price_per_piece {
  font-weight: normal;
  font-size: smaller;
  padding-top: 5px;
}
#object_list_layer .object_list_footer {
  padding-top: 10px;
}
#object_list_layer .object_list_footer .price {
  padding-top: 10px;
  float: right;
  margin-right: 17px;
  padding-right: 10px;
  font-size: 18px;
}
#object_list_layer .object_list_footer .pricing_disclaimer {
  float: right;
  margin-top: 10px;
}
#object_list_layer .object_list_footer .pricing_disclaimer.pricing_disclaimer_before {
  margin-right: 5px;
}
#object_list_layer .object_list_footer .pricing_disclaimer.pricing_disclaimer_after {
  margin-left: -40px;
}
#object_list_layer .object_list_footer .pricing_taxdisclaimer {
  font-size: 12px;
  font-weight: normal;
}
#object_list_layer .object_list_footer .pricing_retailerkey {
  font-size: 9px;
  font-weight: normal;
  text-align: right;
}
#object_list_layer .object_list_footer .pricing_loan {
  float: left;
  margin-left: 17px;
  padding-left: 10px;
}
#object_list_layer .object_list_footer .pricing_loan .loan_container {
  /*background-color: orange;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  z-index: 0;
  position: absolute;*/
}
#object_list_layer .object_list_footer .pricing_loan .loan_container .loan_from {
  font-size: 16px;
}
#object_list_layer .object_list_footer .pricing_loan .loan_container .loan_value {
  font-weight: bold;
  font-size: 18px;
}
#object_list_layer .object_list_footer .pricing_loan .loan_container .loan_monthly {
  margin-left: 25px;
}
#object_list_layer .object_list_footer .pricing_loan .loan_container .loan_monthly span:first-child {
  font-size: 16px;
  margin-right: 5px;
}
#object_list_layer .object_list_footer .pricing_loan .loan_container .loan_monthly span:last-child {
  font-size: 14px;
}
#object_list_layer .object_list_order {
  border: 4px white solid;
  border-radius: 5px;
  cursor: pointer;
  min-height: 40px;
  line-height: 40px;
  bottom: -35px;
  font-size: 20px;
  width: 30%;
  right: 35%;
  position: absolute;
  color: white;
  text-align: center;
}
#object_list_layer .pricing_price, #object_list_layer .pricing_unit {
  padding: 0 3px 0 3px;
}
#object_list_layer .pricing_price.no_price, #object_list_layer .pricing_unit.no_price {
  color: #cccccc;
}

@-webkit-keyframes element_highlight {
  25% {
    -webkit-filter: brightness(1.3);
    -moz-filter: brightness(1.3);
    -ms-filter: brightness(1.3);
    -o-filter: brightness(1.3);
    filter: brightness(1.3);
  }
  75% {
    -webkit-filter: brightness(1);
    -moz-filter: brightness(1);
    -ms-filter: brightness(1);
    -o-filter: brightness(1);
    filter: brightness(1);
  }
}
@-moz-keyframes element_highlight {
  25% {
    -webkit-filter: brightness(1.3);
    -moz-filter: brightness(1.3);
    -ms-filter: brightness(1.3);
    -o-filter: brightness(1.3);
    filter: brightness(1.3);
  }
  75% {
    -webkit-filter: brightness(1);
    -moz-filter: brightness(1);
    -ms-filter: brightness(1);
    -o-filter: brightness(1);
    filter: brightness(1);
  }
}
@-o-keyframes element_highlight {
  25% {
    -webkit-filter: brightness(1.3);
    -moz-filter: brightness(1.3);
    -ms-filter: brightness(1.3);
    -o-filter: brightness(1.3);
    filter: brightness(1.3);
  }
  75% {
    -webkit-filter: brightness(1);
    -moz-filter: brightness(1);
    -ms-filter: brightness(1);
    -o-filter: brightness(1);
    filter: brightness(1);
  }
}
@keyframes element_highlight {
  25% {
    -webkit-filter: brightness(1.3);
    -moz-filter: brightness(1.3);
    -ms-filter: brightness(1.3);
    -o-filter: brightness(1.3);
    filter: brightness(1.3);
  }
  75% {
    -webkit-filter: brightness(1);
    -moz-filter: brightness(1);
    -ms-filter: brightness(1);
    -o-filter: brightness(1);
    filter: brightness(1);
  }
}
.element-highlight {
  animation: element_highlight 0.5s linear 0s 3;
}

#text_input_processor {
  position: fixed;
  bottom: 0;
  right: -100%;
  z-index: -1;
}
.stepper-wrap {
  position: relative;
  display: inline-block;
}
.stepper-wrap input {
  text-align: right;
}
.stepper-wrap .stepper-btn-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
}
.stepper-wrap .stepper-btn-wrap a {
  display: block;
}

.selection_list > .item {
  clear: both;
  height: 50px;
  padding: 10px;
}
.selection_list > .item > .icon {
  float: left;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.selection_list > .item > .icon.icon_effect .effect_container {
  position: relative;
  border: 0;
  z-index: 1;
}
.selection_list > .item > .icon.icon_effect .effect_container > [class^=effect_] {
  position: absolute;
  background-repeat: no-repeat;
  /*&.effect_segmented {
      background-image: url("../images/effect_glass.png");
  }*/
}
.selection_list > .item > .icon.icon_effect .effect_container > [class^=effect_].effect_shiny {
  background-image: url("../images/effect_shiny.png");
}
.selection_list > .item > .icon.icon_effect .effect_container > [class^=effect_].effect_rough {
  background-image: url("../images/effect_rough.png");
  opacity: 0.75;
}
.selection_list > .item > .icon.icon_effect .effect_container > [class^=effect_].effect_glass {
  background-image: url("../images/effect_glass.png");
}
.selection_list > .item > .icon.icon_effect .effect_container > [class^=effect_].effect_framed {
  background-image: url("../images/effect_framed.png");
}
.selection_list > .item > .icon .icon-rotated {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.selection_list > .item > .icon .icon-img {
  background-blend-mode: multiply;
}
.selection_list > .item > .icon .icon_effect {
  border-top-left-radius: 5px;
  border-bottom: none !important;
  border-right: none !important;
}
.selection_list > .item > .text {
  height: 50px;
  line-height: 50px;
}
.selection_list > .item > .text.two_lines {
  padding: 7px 0;
  height: 36px;
  line-height: 18px;
  overflow: hidden;
}
.selection_list > .item.clickable,
.selection_list > .item .clickable {
  cursor: pointer;
}
.selection_list > .item.disabled {
  /*opacity: 0.5;
  @include filter(grayscale(1));
  pointer-events: none;*/
  display: none;
}

.table_devices .selection_list {
  overflow-y: visible;
  overflow-x: visible;
}
.table_devices .selection_list .single_option {
  font-weight: bold;
  padding: 5px 0 5px 0;
  color: #414141;
}
.table_devices .selection_list .device_configuraton_title {
  padding-left: 10px;
}
.table_devices .selection_list .device_configuraton_title :first-child {
  margin-top: 5px;
}
.table_devices .variant_group .info {
  max-width: 250px;
}
.table_devices .variant_group .info h4 {
  padding-bottom: 5px;
}
.table_devices .variant_group .info .group h3 {
  display: none;
}
.table_devices .variant_group .info .group .configurators .device_selection .device_configurations {
  padding-top: 5px;
}

.no_results {
  padding: 10px;
}

.variant_group_list .variant_group .variant_dimensions h3, .template_dimensions_filter h3,
.device_selection h3,
.tag_filter h3,
.roomobject_dimensions h3 {
  padding: 0 0 5px 0;
}
.variant_group_list .variant_group .variant_dimensions .selectors, .template_dimensions_filter .selectors,
.device_selection .selectors,
.tag_filter .selectors,
.roomobject_dimensions .selectors {
  flex-wrap: wrap;
  display: flex;
}

.variant_group_list .variant_group .variant_dimensions .selectors .configurable_variant_dimensions .notfitting {
  font-weight: normal;
}

.content_list .info {
  flex: 1 0 auto;
  position: relative;
}

.variant_group_list .variant_group {
  display: flex;
  flex-direction: row;
  position: relative;
}
.variant_group_list .variant_group .icon {
  flex: 0 0 100px;
  height: 100px;
  cursor: pointer;
}

/*
.variant_group_list {
    &.scroll_container {
        height: 94%;
    }
}
*/
.design_list .design {
  display: flex;
  flex-direction: row;
  position: relative;
}
.design_list .design .icon {
  flex: 0 0 100px;
  height: 100px;
  cursor: pointer;
}
.design_list .design .info {
  max-width: 300px;
}

.modal_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hirsch_flyout_container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 0;
  pointer-events: none;
}
.hirsch_flyout_container .hirsch_flyout {
  position: relative;
  pointer-events: none;
}
.hirsch_flyout_container .hirsch_flyout .hirsch_flyout_content {
  pointer-events: all;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.hirsch_flyout_container .hirsch_flyout .hirsch_flyout_anchor {
  width: 0;
  height: 0;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  z-index: 1;
}
.hirsch_flyout_container .modal_overlay {
  pointer-events: all;
}

.hirsch_flyout_content > div {
  width: 400px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.hirsch_flyout_content > div > h3 {
  flex: 0 0 auto;
}
.hirsch_flyout_content > div > .set_filters,
.hirsch_flyout_content > div > .set_default_dimensions,
.hirsch_flyout_content > div > .set_design_filters {
  display: block;
  flex: 0 0 auto;
}
.hirsch_flyout_content > div > .set_filters > .label,
.hirsch_flyout_content > div > .set_default_dimensions > .label,
.hirsch_flyout_content > div > .set_design_filters > .label {
  display: block;
}
.hirsch_flyout_content.full_height > div > .template_variant_groups,
.hirsch_flyout_content.full_height > div > .design_category_designs {
  position: relative;
  flex: 1 1 100%;
}
.hirsch_flyout_content.full_height > div > .template_variant_groups > .scroll_container,
.hirsch_flyout_content.full_height > div > .design_category_designs > .scroll_container {
  position: absolute;
}
.hirsch_flyout_content.full_height > div > .design_configurator > .designs {
  position: absolute;
}

.locale-keys {
  background-color: #add8e6;
}
.locale-keys .locale-key {
  background-color: #8acfe5;
  margin: 0 2px 0 2px;
  cursor: grab;
}
.locale-keys .locale-key:active {
  background-color: #ff00ff !important;
  cursor: grabbing;
}
.locale-keys .locale-key:hover {
  background-color: #75301a;
}

/*
.tooltip{
    &.icon-box{
        width:400px;padding-top: 50px; position:relative;
        .icon-bubble{
            position:absolute; top:0; height: 100px; width:100%; background: url('/images/tooltips/bg_box_bubble.png') no-repeat center center;

        }
        .content{
            background: $color_whitegray; padding: 50px 10px 10px 10px; text-align:center;
            .icon{margin: 10px 0;}
            h3{font-size: $font_size_big; font-weight:bold; margin: 10px 0;}
            p{ font-size: $font_size_small; font-weight:normal; margin: 10px 0;}
        }
        .icon{height: 100px; width:100%; background: no-repeat center center;}
    }

    &.arrow{
        width: 365px; height:100px; background: no-repeat center center; position:relative;

        .icon{height: 100px; width:100px; background: no-repeat center center; position:absolute; top:0;}
        .content{
            height: 100px; width: 235px; position:absolute; top:0; text-align:center; vertical-align:middle; display:table-cell;
            h3{font-size: $font_size_big; font-weight:bold; margin: 10px 0;}
            p{ font-size: $font_size_small; font-weight:normal; margin: 10px 0;}
        }

        &.orange.left{background-image: url('/images/tooltips/bg_arrow_orange_left.png');}
        &.orange.right{background-image: url('/images/tooltips/bg_arrow_orange_right.png');}
        &.white.left{background-image: url('/images/tooltips/bg_arrow_white_left.png');}
        &.white.right{background-image: url('/images/tooltips/bg_arrow_white_right.png');}

        &.left{
            .icon{left: 265px;}
            .content{left: 30px;}
        }
        &.right{
            .icon{left: 0;}
            .content{left: 100px;}
        }
        &.orange{
            .content{color:$color_white;}
        }
    }
}
*/
/*
.tooltip{display:none;}
.tooltip_layer{
    @include fullsize_container(10);
    display:none;

    &.active{display:block;}    

    .background{ @include fullsize_container(0); background: $color_black; opacity: 0.5;}
    .container{
        @include fullsize_container(1);
        .tooltip{display:block;}
    }
}
*/
.roomshape_svg.icon > svg {
  /*transform: translateX(-25px) translateY(-25px);*/
}
.roomshape_svg.icon > svg > polygon.poly_background {
  fill: #cccccc;
  stroke-width: 0;
  stroke: none;
}
.roomshape_svg.icon > svg > polygon.poly_stroke {
  stroke: #414141;
  stroke-linejoin: round;
}
.roomshape_svg.icon > svg > polygon.poly_stroke_droop {
  stroke: #f7a733;
}

.kopjs.main_menu_collapsed menu.main, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main {
  width: 80px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.kopjs.main_menu_collapsed menu.main .basic_actions, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .basic_actions {
  padding: 0;
  left: -110px;
}
.kopjs.main_menu_collapsed menu.main .basic_actions > span, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .basic_actions > span {
  border: 0;
}
.kopjs.main_menu_collapsed menu.main .step.active > .step_title, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step.active > .step_title {
  transform: rotate(90deg);
  transform-origin: left top;
  left: 80px;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-animation: fade_in 1s;
  -moz-animation: fade_in 1s;
  -o-animation: fade_in 1s;
  animation: fade_in 1s;
}
.kopjs.main_menu_collapsed menu.main .step.active > .step_title h3, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step.active > .step_title h3 {
  opacity: 1;
}
.kopjs.main_menu_collapsed menu.main .step.active > .step_title:after, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step.active > .step_title:after {
  display: none;
}
.kopjs.main_menu_collapsed menu.main .step .step_content, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step .step_content {
  pointer-events: none;
}
.kopjs.main_menu_collapsed menu.main .step .step_content .sub_categories, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step .step_content .sub_categories {
  cursor: default;
  pointer-events: none;
}
.kopjs.main_menu_collapsed menu.main .step .step_content .sub_categories .sub_category, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step .step_content .sub_categories .sub_category {
  cursor: default;
  pointer-events: none;
}
.kopjs.main_menu_collapsed menu.main .step > .step_content,
.kopjs.main_menu_collapsed menu.main header > *:not(.optionsmenu_btn),
.kopjs.main_menu_collapsed menu.main .step > .step_title h3, .kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step > .step_content,
.kopjs.step_2.display_mode_default:not(.step_changing) menu.main header > *:not(.optionsmenu_btn),
.kopjs.step_2.display_mode_default:not(.step_changing) menu.main .step > .step_title h3 {
  opacity: 0;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: none;
  cursor: default;
}

.kopjs.step_2.display_mode_default .step_2.active .step_title {
  cursor: pointer;
}

.kopjs:not(.main_menu_collapsed) menu.main {
  width: 400px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.kopjs:not(.main_menu_collapsed) menu.main header > *:not(.optionsmenu_btn),
.kopjs:not(.main_menu_collapsed) menu.main .steps .step > * {
  opacity: 1;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.kopjs #configuration_menu.room_configurator_group_disabled .room_configuration, .kopjs #configuration_menu.room_configurator_group_disabled .room_shape_selection, .kopjs #configuration_menu.room_configurator_group_disabled room_dimensions_group, .kopjs #configuration_menu.room_configurator_group_disabled .room_actions_group {
  pointer-events: none;
  opacity: 0.25;
}

.kopjs #rendering_controls:not(.element_selected) > .center_object {
  display: none;
}
.kopjs #configuration_menu.appendNipples {
  bottom: 175px;
}
.kopjs #configuration_menu.configuration_menu_expanded {
  right: 0;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.kopjs #configuration_menu:not(.configuration_menu_expanded) {
  right: -340px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}

.kopjs.element_moving:not(.application_table) menu.main, .kopjs.element_moving:not(.main_menu_collapsed):not(.application_table) menu.main {
  width: 80px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kopjs.element_moving:not(.application_table) menu.main .basic_actions, .kopjs.element_moving:not(.main_menu_collapsed):not(.application_table) menu.main .basic_actions {
  height: 0%;
  padding: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kopjs.element_moving:not(.application_table) menu.main header > *:not(.optionsmenu_btn),
.kopjs.element_moving:not(.application_table) menu.main .steps .step > *, .kopjs.element_moving:not(.main_menu_collapsed):not(.application_table) menu.main header > *:not(.optionsmenu_btn),
.kopjs.element_moving:not(.main_menu_collapsed):not(.application_table) menu.main .steps .step > * {
  display: none;
}
.kopjs.element_moving:not(.application_table) #configuration_menu, .kopjs.element_moving:not(.main_menu_collapsed):not(.application_table) #configuration_menu {
  right: -340px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.kopjs.display_mode_topview #rendering_controls {
  /*> .move > .default {
      display: none;
  }

  > .center_object {
      display: none;
  }*/
}
.kopjs.display_mode_topview #rendering_controls > .toggle_view > .default {
  display: none;
}
.kopjs.display_mode_topview #rendering_controls > .ctrl-height {
  display: none;
}

.kopjs.display_mode_default #rendering_controls {
  /*> .move > .topview {
      display: none;
  }*/
  /*> .rotate {
      display: none;
  }*/
}
.kopjs.display_mode_default #rendering_controls > .toggle_view > .topview {
  display: none;
}
.kopjs.display_mode_default #rendering_controls > .zoom {
  display: none;
}
.kopjs.display_mode_default #rendering_controls > .clear_planning {
  display: none;
}

.kopjs.component_pricing menu.main .pricing_container {
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  display: block;
  position: relative;
}
.kopjs.component_pricing menu.main .steps {
  position: absolute;
  top: 180px;
}
.kopjs.component_pricing.application_webclient.main_menu_collapsed menu.main .pricing_container, .kopjs.component_pricing.application_webclient.step_2.display_mode_default menu.main .pricing_container, .kopjs.component_pricing.application_webclient.element_moving menu.main .pricing_container {
  padding: 0;
}
.kopjs.component_pricing.application_webclient.main_menu_collapsed menu.main .pricing_container.price_enabled .show_object_list, .kopjs.component_pricing.application_webclient.step_2.display_mode_default menu.main .pricing_container.price_enabled .show_object_list, .kopjs.component_pricing.application_webclient.element_moving menu.main .pricing_container.price_enabled .show_object_list {
  width: 0;
  display: none;
}
.kopjs.component_pricing.application_webclient.main_menu_collapsed menu.main .pricing_container .pricing .pricing_display, .kopjs.component_pricing.application_webclient.step_2.display_mode_default menu.main .pricing_container .pricing .pricing_display, .kopjs.component_pricing.application_webclient.element_moving menu.main .pricing_container .pricing .pricing_display {
  width: 80px;
  padding: 0;
  text-align: center;
  border-radius: 0;
  position: absolute;
}

.kopjs.application_stereo .rendering_layer {
  z-index: initial;
  overflow: hidden;
}
.kopjs.application_stereo .rendering_layer .canvas_container {
  z-index: 1;
  overflow: hidden;
}
.kopjs.application_stereo #rendering_controls {
  display: none;
}
.kopjs.application_stereo #stage_component {
  left: 0;
}

.kopjs.application_table_medium menu.main, .kopjs.application_table_medium.element_moving menu.main, .kopjs.application_table_medium.touch menu.main,
.kopjs.application_table menu.main, .kopjs.application_table.element_moving menu.main, .kopjs.application_table.touch menu.main {
  width: 80px;
}
.kopjs.application_table_medium menu.main header, .kopjs.application_table_medium.element_moving menu.main header, .kopjs.application_table_medium.touch menu.main header,
.kopjs.application_table menu.main header, .kopjs.application_table.element_moving menu.main header, .kopjs.application_table.touch menu.main header {
  left: 0;
  margin-left: 85px;
  width: 60px;
  height: 60px;
  box-shadow: none;
  background-color: unset;
  position: fixed;
}
.kopjs.application_table_medium menu.main header .header-scene-buttons > *, .kopjs.application_table_medium.element_moving menu.main header .header-scene-buttons > *, .kopjs.application_table_medium.touch menu.main header .header-scene-buttons > *,
.kopjs.application_table menu.main header .header-scene-buttons > *, .kopjs.application_table.element_moving menu.main header .header-scene-buttons > *, .kopjs.application_table.touch menu.main header .header-scene-buttons > * {
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  -moz-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  -ms-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  -o-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.65));
}
.kopjs.application_table_medium menu.main header .header-scene-buttons .optionsmenu_btn, .kopjs.application_table_medium.element_moving menu.main header .header-scene-buttons .optionsmenu_btn, .kopjs.application_table_medium.touch menu.main header .header-scene-buttons .optionsmenu_btn,
.kopjs.application_table menu.main header .header-scene-buttons .optionsmenu_btn, .kopjs.application_table.element_moving menu.main header .header-scene-buttons .optionsmenu_btn, .kopjs.application_table.touch menu.main header .header-scene-buttons .optionsmenu_btn {
  background-image: url("../images/svg/icon-cog.svg");
  width: 38px;
  height: 38px;
  background-color: #cccccc;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px;
  margin-right: -12px;
}
.kopjs.application_table_medium menu.main header .header-scene-buttons .optionsmenu_btn.active, .kopjs.application_table_medium.element_moving menu.main header .header-scene-buttons .optionsmenu_btn.active, .kopjs.application_table_medium.touch menu.main header .header-scene-buttons .optionsmenu_btn.active,
.kopjs.application_table menu.main header .header-scene-buttons .optionsmenu_btn.active, .kopjs.application_table.element_moving menu.main header .header-scene-buttons .optionsmenu_btn.active, .kopjs.application_table.touch menu.main header .header-scene-buttons .optionsmenu_btn.active {
  background-color: #f7a733;
  /*background-color: var(--ci-primary);*/
}
.kopjs.application_table_medium menu.main header .header-scene-buttons .optionsmenu_btn:hover, .kopjs.application_table_medium.element_moving menu.main header .header-scene-buttons .optionsmenu_btn:hover, .kopjs.application_table_medium.touch menu.main header .header-scene-buttons .optionsmenu_btn:hover,
.kopjs.application_table menu.main header .header-scene-buttons .optionsmenu_btn:hover, .kopjs.application_table.element_moving menu.main header .header-scene-buttons .optionsmenu_btn:hover, .kopjs.application_table.touch menu.main header .header-scene-buttons .optionsmenu_btn:hover {
  background-color: #f7a733;
  /*background-color: var(--ci-primary);*/
}
.kopjs.application_table_medium menu.main header .header-scene-buttons .help_btn, .kopjs.application_table_medium.element_moving menu.main header .header-scene-buttons .help_btn, .kopjs.application_table_medium.touch menu.main header .header-scene-buttons .help_btn,
.kopjs.application_table menu.main header .header-scene-buttons .help_btn, .kopjs.application_table.element_moving menu.main header .header-scene-buttons .help_btn, .kopjs.application_table.touch menu.main header .header-scene-buttons .help_btn {
  color: white;
  width: 38px;
  height: 38px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 75px;
  margin-top: 30px;
}
.kopjs.application_table_medium menu.main header .header-scene-buttons .help_btn:after, .kopjs.application_table_medium.element_moving menu.main header .header-scene-buttons .help_btn:after, .kopjs.application_table_medium.touch menu.main header .header-scene-buttons .help_btn:after,
.kopjs.application_table menu.main header .header-scene-buttons .help_btn:after, .kopjs.application_table.element_moving menu.main header .header-scene-buttons .help_btn:after, .kopjs.application_table.touch menu.main header .header-scene-buttons .help_btn:after {
  content: "?";
  font-size: 33px;
  line-height: 38px;
  font-weight: bolder;
  text-align: center;
  vertical-align: middle;
  padding-left: 9px;
}
.kopjs.application_table_medium menu.main .basic_actions, .kopjs.application_table_medium.element_moving menu.main .basic_actions, .kopjs.application_table_medium.touch menu.main .basic_actions,
.kopjs.application_table menu.main .basic_actions, .kopjs.application_table.element_moving menu.main .basic_actions, .kopjs.application_table.touch menu.main .basic_actions {
  top: 0;
  height: 120px;
  width: 80px;
  flex-direction: column;
}
.kopjs.application_table_medium menu.main .basic_actions span, .kopjs.application_table_medium.element_moving menu.main .basic_actions span, .kopjs.application_table_medium.touch menu.main .basic_actions span,
.kopjs.application_table menu.main .basic_actions span, .kopjs.application_table.element_moving menu.main .basic_actions span, .kopjs.application_table.touch menu.main .basic_actions span {
  flex: 0 0 33.33%;
  margin: 0px -10px;
  height: auto;
}
.kopjs.application_table_medium menu.main .basic_actions span.fullscreen, .kopjs.application_table_medium.element_moving menu.main .basic_actions span.fullscreen, .kopjs.application_table_medium.touch menu.main .basic_actions span.fullscreen,
.kopjs.application_table menu.main .basic_actions span.fullscreen, .kopjs.application_table.element_moving menu.main .basic_actions span.fullscreen, .kopjs.application_table.touch menu.main .basic_actions span.fullscreen {
  display: none;
}
.kopjs.application_table_medium menu.main .pricing_container, .kopjs.application_table_medium.element_moving menu.main .pricing_container, .kopjs.application_table_medium.touch menu.main .pricing_container,
.kopjs.application_table menu.main .pricing_container, .kopjs.application_table.element_moving menu.main .pricing_container, .kopjs.application_table.touch menu.main .pricing_container {
  top: 120px;
}
.kopjs.application_table_medium menu.main .steps, .kopjs.application_table_medium.element_moving menu.main .steps, .kopjs.application_table_medium.touch menu.main .steps,
.kopjs.application_table menu.main .steps, .kopjs.application_table.element_moving menu.main .steps, .kopjs.application_table.touch menu.main .steps {
  top: 120px;
  display: flex;
  flex-direction: column;
}
.kopjs.application_table_medium menu.main .steps .step_button, .kopjs.application_table_medium.element_moving menu.main .steps .step_button, .kopjs.application_table_medium.touch menu.main .steps .step_button,
.kopjs.application_table menu.main .steps .step_button, .kopjs.application_table.element_moving menu.main .steps .step_button, .kopjs.application_table.touch menu.main .steps .step_button {
  color: #7D7D80;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  background-color: #ffffff;
  position: relative;
  flex: 1;
}
.kopjs.application_table_medium menu.main .steps .step_button:before, .kopjs.application_table_medium.element_moving menu.main .steps .step_button:before, .kopjs.application_table_medium.touch menu.main .steps .step_button:before,
.kopjs.application_table menu.main .steps .step_button:before, .kopjs.application_table.element_moving menu.main .steps .step_button:before, .kopjs.application_table.touch menu.main .steps .step_button:before {
  height: 1px;
}
.kopjs.application_table_medium menu.main .steps .step_button.active, .kopjs.application_table_medium.element_moving menu.main .steps .step_button.active, .kopjs.application_table_medium.touch menu.main .steps .step_button.active,
.kopjs.application_table menu.main .steps .step_button.active, .kopjs.application_table.element_moving menu.main .steps .step_button.active, .kopjs.application_table.touch menu.main .steps .step_button.active {
  background-color: #f7a733;
  /*background-color: var(--ci-primary);*/
  color: #ffffff;
}
.kopjs.application_table_medium menu.main .steps .step_button span, .kopjs.application_table_medium.element_moving menu.main .steps .step_button span, .kopjs.application_table_medium.touch menu.main .steps .step_button span,
.kopjs.application_table menu.main .steps .step_button span, .kopjs.application_table.element_moving menu.main .steps .step_button span, .kopjs.application_table.touch menu.main .steps .step_button span {
  transform-origin: top left;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  backface-visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 25px;
}
.kopjs.application_table_medium .create_room, .kopjs.application_table_medium .configure_design, .kopjs.application_table_medium .arrange_furniture, .kopjs.application_table_medium .table_devices, .kopjs.application_table_medium .request_offer, .kopjs.application_table_medium.element_moving .create_room, .kopjs.application_table_medium.element_moving .configure_design, .kopjs.application_table_medium.element_moving .arrange_furniture, .kopjs.application_table_medium.element_moving .table_devices, .kopjs.application_table_medium.element_moving .request_offer, .kopjs.application_table_medium.touch .create_room, .kopjs.application_table_medium.touch .configure_design, .kopjs.application_table_medium.touch .arrange_furniture, .kopjs.application_table_medium.touch .table_devices, .kopjs.application_table_medium.touch .request_offer,
.kopjs.application_table .create_room,
.kopjs.application_table .configure_design,
.kopjs.application_table .arrange_furniture,
.kopjs.application_table .table_devices,
.kopjs.application_table .request_offer, .kopjs.application_table.element_moving .create_room, .kopjs.application_table.element_moving .configure_design, .kopjs.application_table.element_moving .arrange_furniture, .kopjs.application_table.element_moving .table_devices, .kopjs.application_table.element_moving .request_offer, .kopjs.application_table.touch .create_room, .kopjs.application_table.touch .configure_design, .kopjs.application_table.touch .arrange_furniture, .kopjs.application_table.touch .table_devices, .kopjs.application_table.touch .request_offer {
  width: 380px;
  padding-left: 20px;
}
.kopjs.application_table_medium .create_room h2, .kopjs.application_table_medium .configure_design h2, .kopjs.application_table_medium .arrange_furniture h2, .kopjs.application_table_medium .table_devices h2, .kopjs.application_table_medium .request_offer h2, .kopjs.application_table_medium.element_moving .create_room h2, .kopjs.application_table_medium.element_moving .configure_design h2, .kopjs.application_table_medium.element_moving .arrange_furniture h2, .kopjs.application_table_medium.element_moving .table_devices h2, .kopjs.application_table_medium.element_moving .request_offer h2, .kopjs.application_table_medium.touch .create_room h2, .kopjs.application_table_medium.touch .configure_design h2, .kopjs.application_table_medium.touch .arrange_furniture h2, .kopjs.application_table_medium.touch .table_devices h2, .kopjs.application_table_medium.touch .request_offer h2,
.kopjs.application_table .create_room h2,
.kopjs.application_table .configure_design h2,
.kopjs.application_table .arrange_furniture h2,
.kopjs.application_table .table_devices h2,
.kopjs.application_table .request_offer h2, .kopjs.application_table.element_moving .create_room h2, .kopjs.application_table.element_moving .configure_design h2, .kopjs.application_table.element_moving .arrange_furniture h2, .kopjs.application_table.element_moving .table_devices h2, .kopjs.application_table.element_moving .request_offer h2, .kopjs.application_table.touch .create_room h2, .kopjs.application_table.touch .configure_design h2, .kopjs.application_table.touch .arrange_furniture h2, .kopjs.application_table.touch .table_devices h2, .kopjs.application_table.touch .request_offer h2 {
  color: #7D7D80;
}

.kopjs.application_table_medium.component_pricing menu.main .pricing_container, .kopjs.application_table_medium.element_moving.component_pricing menu.main .pricing_container, .kopjs.application_table_medium.touch.component_pricing menu.main .pricing_container,
.kopjs.application_table.component_pricing menu.main .pricing_container, .kopjs.application_table.element_moving.component_pricing menu.main .pricing_container, .kopjs.application_table.touch.component_pricing menu.main .pricing_container {
  padding: 0;
}
.kopjs.application_table_medium.component_pricing menu.main .pricing_container .pricing_display, .kopjs.application_table_medium.element_moving.component_pricing menu.main .pricing_container .pricing_display, .kopjs.application_table_medium.touch.component_pricing menu.main .pricing_container .pricing_display,
.kopjs.application_table.component_pricing menu.main .pricing_container .pricing_display, .kopjs.application_table.element_moving.component_pricing menu.main .pricing_container .pricing_display, .kopjs.application_table.touch.component_pricing menu.main .pricing_container .pricing_display {
  width: 80px;
  padding: 0;
  text-align: center;
  border-radius: 0;
}
.kopjs.application_table_medium.component_pricing menu.main .pricing_container .pricing_display .show_pricing_details, .kopjs.application_table_medium.element_moving.component_pricing menu.main .pricing_container .pricing_display .show_pricing_details, .kopjs.application_table_medium.touch.component_pricing menu.main .pricing_container .pricing_display .show_pricing_details,
.kopjs.application_table.component_pricing menu.main .pricing_container .pricing_display .show_pricing_details, .kopjs.application_table.element_moving.component_pricing menu.main .pricing_container .pricing_display .show_pricing_details, .kopjs.application_table.touch.component_pricing menu.main .pricing_container .pricing_display .show_pricing_details {
  width: 0;
}
.kopjs.application_table_medium.component_pricing menu.main .steps, .kopjs.application_table_medium.element_moving.component_pricing menu.main .steps, .kopjs.application_table_medium.touch.component_pricing menu.main .steps,
.kopjs.application_table.component_pricing menu.main .steps, .kopjs.application_table.element_moving.component_pricing menu.main .steps, .kopjs.application_table.touch.component_pricing menu.main .steps {
  top: 160px;
}

.kopjs.application_table_light.component_pricing menu.main .pricing_container, .kopjs.application_table_light.elment_moving.component_pricing menu.main .pricing_container, .kopjs.application_table_light.touch.component_pricing menu.main .pricing_container {
  padding: 0 20px;
  top: 40px;
}
.kopjs.application_table_light.component_pricing menu.main .steps, .kopjs.application_table_light.elment_moving.component_pricing menu.main .steps, .kopjs.application_table_light.touch.component_pricing menu.main .steps {
  top: 80px;
}
.kopjs.application_table_light menu.main, .kopjs.application_table_light.elment_moving menu.main, .kopjs.application_table_light.touch menu.main {
  width: 400px;
}
.kopjs.application_table_light menu.main header, .kopjs.application_table_light.elment_moving menu.main header, .kopjs.application_table_light.touch menu.main header {
  display: none;
}
.kopjs.application_table_light menu.main .basic_actions, .kopjs.application_table_light.elment_moving menu.main .basic_actions, .kopjs.application_table_light.touch menu.main .basic_actions {
  top: 0;
  width: 300px;
  height: 40px;
  padding: 0 50px;
}
.kopjs.application_table_light menu.main .basic_actions span, .kopjs.application_table_light.elment_moving menu.main .basic_actions span, .kopjs.application_table_light.touch menu.main .basic_actions span {
  flex: 0 0 33.33%;
}
.kopjs.application_table_light menu.main .basic_actions span.fullscreen, .kopjs.application_table_light.elment_moving menu.main .basic_actions span.fullscreen, .kopjs.application_table_light.touch menu.main .basic_actions span.fullscreen {
  display: none;
}
.kopjs.application_table_light menu.main .steps, .kopjs.application_table_light.elment_moving menu.main .steps, .kopjs.application_table_light.touch menu.main .steps {
  top: 40px;
}
.kopjs.application_table_light menu.main header > *:not(.optionsmenu_btn),
.kopjs.application_table_light menu.main .steps .step > *, .kopjs.application_table_light.elment_moving menu.main header > *:not(.optionsmenu_btn),
.kopjs.application_table_light.elment_moving menu.main .steps .step > *, .kopjs.application_table_light.touch menu.main header > *:not(.optionsmenu_btn),
.kopjs.application_table_light.touch menu.main .steps .step > * {
  display: inherit;
}
.kopjs.application_table_light #stage_component, .kopjs.application_table_light.elment_moving #stage_component, .kopjs.application_table_light.touch #stage_component {
  left: 400px;
}

.kopjs.application_table #stage_component, .kopjs.application_table.elment_moving #stage_component, .kopjs.application_table.touch #stage_component,
.kopjs.application_table_medium #stage_component, .kopjs.application_table_medium.elment_moving #stage_component, .kopjs.application_table_medium.touch #stage_component,
.kopjs.application_table_light #stage_component, .kopjs.application_table_light.elment_moving #stage_component, .kopjs.application_table_light.touch #stage_component {
  right: 340px;
  overflow: visible;
  z-index: 2;
  -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
}
.kopjs.application_table #stage_component #rendering_layer, .kopjs.application_table.elment_moving #stage_component #rendering_layer, .kopjs.application_table.touch #stage_component #rendering_layer,
.kopjs.application_table_medium #stage_component #rendering_layer, .kopjs.application_table_medium.elment_moving #stage_component #rendering_layer, .kopjs.application_table_medium.touch #stage_component #rendering_layer,
.kopjs.application_table_light #stage_component #rendering_layer, .kopjs.application_table_light.elment_moving #stage_component #rendering_layer, .kopjs.application_table_light.touch #stage_component #rendering_layer {
  overflow: visible;
  z-index: 2;
}
.kopjs.application_table #rendering_controls, .kopjs.application_table.elment_moving #rendering_controls, .kopjs.application_table.touch #rendering_controls,
.kopjs.application_table_medium #rendering_controls, .kopjs.application_table_medium.elment_moving #rendering_controls, .kopjs.application_table_medium.touch #rendering_controls,
.kopjs.application_table_light #rendering_controls, .kopjs.application_table_light.elment_moving #rendering_controls, .kopjs.application_table_light.touch #rendering_controls {
  left: auto;
  right: -340px;
  width: 340px;
  bottom: 0;
  top: 0;
  height: auto;
}
.kopjs.application_table #rendering_controls .toggle_view, .kopjs.application_table #rendering_controls .zoom, .kopjs.application_table #rendering_controls .center_object, .kopjs.application_table #rendering_controls .center_room, .kopjs.application_table #rendering_controls .move, .kopjs.application_table #rendering_controls .rotate, .kopjs.application_table.elment_moving #rendering_controls .toggle_view, .kopjs.application_table.elment_moving #rendering_controls .zoom, .kopjs.application_table.elment_moving #rendering_controls .center_object, .kopjs.application_table.elment_moving #rendering_controls .center_room, .kopjs.application_table.elment_moving #rendering_controls .move, .kopjs.application_table.elment_moving #rendering_controls .rotate, .kopjs.application_table.touch #rendering_controls .toggle_view, .kopjs.application_table.touch #rendering_controls .zoom, .kopjs.application_table.touch #rendering_controls .center_object, .kopjs.application_table.touch #rendering_controls .center_room, .kopjs.application_table.touch #rendering_controls .move, .kopjs.application_table.touch #rendering_controls .rotate,
.kopjs.application_table_medium #rendering_controls .toggle_view,
.kopjs.application_table_medium #rendering_controls .zoom,
.kopjs.application_table_medium #rendering_controls .center_object,
.kopjs.application_table_medium #rendering_controls .center_room,
.kopjs.application_table_medium #rendering_controls .move,
.kopjs.application_table_medium #rendering_controls .rotate, .kopjs.application_table_medium.elment_moving #rendering_controls .toggle_view, .kopjs.application_table_medium.elment_moving #rendering_controls .zoom, .kopjs.application_table_medium.elment_moving #rendering_controls .center_object, .kopjs.application_table_medium.elment_moving #rendering_controls .center_room, .kopjs.application_table_medium.elment_moving #rendering_controls .move, .kopjs.application_table_medium.elment_moving #rendering_controls .rotate, .kopjs.application_table_medium.touch #rendering_controls .toggle_view, .kopjs.application_table_medium.touch #rendering_controls .zoom, .kopjs.application_table_medium.touch #rendering_controls .center_object, .kopjs.application_table_medium.touch #rendering_controls .center_room, .kopjs.application_table_medium.touch #rendering_controls .move, .kopjs.application_table_medium.touch #rendering_controls .rotate,
.kopjs.application_table_light #rendering_controls .toggle_view,
.kopjs.application_table_light #rendering_controls .zoom,
.kopjs.application_table_light #rendering_controls .center_object,
.kopjs.application_table_light #rendering_controls .center_room,
.kopjs.application_table_light #rendering_controls .move,
.kopjs.application_table_light #rendering_controls .rotate, .kopjs.application_table_light.elment_moving #rendering_controls .toggle_view, .kopjs.application_table_light.elment_moving #rendering_controls .zoom, .kopjs.application_table_light.elment_moving #rendering_controls .center_object, .kopjs.application_table_light.elment_moving #rendering_controls .center_room, .kopjs.application_table_light.elment_moving #rendering_controls .move, .kopjs.application_table_light.elment_moving #rendering_controls .rotate, .kopjs.application_table_light.touch #rendering_controls .toggle_view, .kopjs.application_table_light.touch #rendering_controls .zoom, .kopjs.application_table_light.touch #rendering_controls .center_object, .kopjs.application_table_light.touch #rendering_controls .center_room, .kopjs.application_table_light.touch #rendering_controls .move, .kopjs.application_table_light.touch #rendering_controls .rotate {
  display: none;
}
.kopjs.application_table #rendering_controls .transform_camera, .kopjs.application_table #rendering_controls .clear_planning, .kopjs.application_table.elment_moving #rendering_controls .transform_camera, .kopjs.application_table.elment_moving #rendering_controls .clear_planning, .kopjs.application_table.touch #rendering_controls .transform_camera, .kopjs.application_table.touch #rendering_controls .clear_planning,
.kopjs.application_table_medium #rendering_controls .transform_camera,
.kopjs.application_table_medium #rendering_controls .clear_planning, .kopjs.application_table_medium.elment_moving #rendering_controls .transform_camera, .kopjs.application_table_medium.elment_moving #rendering_controls .clear_planning, .kopjs.application_table_medium.touch #rendering_controls .transform_camera, .kopjs.application_table_medium.touch #rendering_controls .clear_planning,
.kopjs.application_table_light #rendering_controls .transform_camera,
.kopjs.application_table_light #rendering_controls .clear_planning, .kopjs.application_table_light.elment_moving #rendering_controls .transform_camera, .kopjs.application_table_light.elment_moving #rendering_controls .clear_planning, .kopjs.application_table_light.touch #rendering_controls .transform_camera, .kopjs.application_table_light.touch #rendering_controls .clear_planning {
  display: block;
  top: auto;
}
.kopjs.application_table #rendering_controls .transform_camera, .kopjs.application_table.elment_moving #rendering_controls .transform_camera, .kopjs.application_table.touch #rendering_controls .transform_camera,
.kopjs.application_table_medium #rendering_controls .transform_camera, .kopjs.application_table_medium.elment_moving #rendering_controls .transform_camera, .kopjs.application_table_medium.touch #rendering_controls .transform_camera,
.kopjs.application_table_light #rendering_controls .transform_camera, .kopjs.application_table_light.elment_moving #rendering_controls .transform_camera, .kopjs.application_table_light.touch #rendering_controls .transform_camera {
  height: 175px;
  bottom: 0;
  left: 0;
  right: 0;
}
.kopjs.application_table #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table #rendering_controls .transform_camera .transform_rotation_slider, .kopjs.application_table.elment_moving #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table.elment_moving #rendering_controls .transform_camera .transform_rotation_slider, .kopjs.application_table.touch #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table.touch #rendering_controls .transform_camera .transform_rotation_slider,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_rotation,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_rotation_slider, .kopjs.application_table_medium.elment_moving #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table_medium.elment_moving #rendering_controls .transform_camera .transform_rotation_slider, .kopjs.application_table_medium.touch #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table_medium.touch #rendering_controls .transform_camera .transform_rotation_slider,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_rotation,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_rotation_slider, .kopjs.application_table_light.elment_moving #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table_light.elment_moving #rendering_controls .transform_camera .transform_rotation_slider, .kopjs.application_table_light.touch #rendering_controls .transform_camera .transform_rotation, .kopjs.application_table_light.touch #rendering_controls .transform_camera .transform_rotation_slider {
  right: 10px;
}
.kopjs.application_table #rendering_controls .transform_camera .transform_position, .kopjs.application_table #rendering_controls .transform_camera .transform_position_slider, .kopjs.application_table.elment_moving #rendering_controls .transform_camera .transform_position, .kopjs.application_table.elment_moving #rendering_controls .transform_camera .transform_position_slider, .kopjs.application_table.touch #rendering_controls .transform_camera .transform_position, .kopjs.application_table.touch #rendering_controls .transform_camera .transform_position_slider,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_position,
.kopjs.application_table_medium #rendering_controls .transform_camera .transform_position_slider, .kopjs.application_table_medium.elment_moving #rendering_controls .transform_camera .transform_position, .kopjs.application_table_medium.elment_moving #rendering_controls .transform_camera .transform_position_slider, .kopjs.application_table_medium.touch #rendering_controls .transform_camera .transform_position, .kopjs.application_table_medium.touch #rendering_controls .transform_camera .transform_position_slider,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_position,
.kopjs.application_table_light #rendering_controls .transform_camera .transform_position_slider, .kopjs.application_table_light.elment_moving #rendering_controls .transform_camera .transform_position, .kopjs.application_table_light.elment_moving #rendering_controls .transform_camera .transform_position_slider, .kopjs.application_table_light.touch #rendering_controls .transform_camera .transform_position, .kopjs.application_table_light.touch #rendering_controls .transform_camera .transform_position_slider {
  left: 10px;
}
.kopjs.application_table #rendering_controls .clear_planning, .kopjs.application_table #rendering_controls .room_lock, .kopjs.application_table.elment_moving #rendering_controls .clear_planning, .kopjs.application_table.elment_moving #rendering_controls .room_lock, .kopjs.application_table.touch #rendering_controls .clear_planning, .kopjs.application_table.touch #rendering_controls .room_lock,
.kopjs.application_table_medium #rendering_controls .clear_planning,
.kopjs.application_table_medium #rendering_controls .room_lock, .kopjs.application_table_medium.elment_moving #rendering_controls .clear_planning, .kopjs.application_table_medium.elment_moving #rendering_controls .room_lock, .kopjs.application_table_medium.touch #rendering_controls .clear_planning, .kopjs.application_table_medium.touch #rendering_controls .room_lock,
.kopjs.application_table_light #rendering_controls .clear_planning,
.kopjs.application_table_light #rendering_controls .room_lock, .kopjs.application_table_light.elment_moving #rendering_controls .clear_planning, .kopjs.application_table_light.elment_moving #rendering_controls .room_lock, .kopjs.application_table_light.touch #rendering_controls .clear_planning, .kopjs.application_table_light.touch #rendering_controls .room_lock {
  top: 0;
  display: block;
}
.kopjs.application_table #configuration_menu, .kopjs.application_table.elment_moving #configuration_menu, .kopjs.application_table.touch #configuration_menu,
.kopjs.application_table_medium #configuration_menu, .kopjs.application_table_medium.elment_moving #configuration_menu, .kopjs.application_table_medium.touch #configuration_menu,
.kopjs.application_table_light #configuration_menu, .kopjs.application_table_light.elment_moving #configuration_menu, .kopjs.application_table_light.touch #configuration_menu {
  z-index: 1;
  right: 0;
}
.kopjs.application_table #configuration_menu .empty_menu_placeholder, .kopjs.application_table.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table.touch #configuration_menu .empty_menu_placeholder,
.kopjs.application_table_medium #configuration_menu .empty_menu_placeholder, .kopjs.application_table_medium.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table_medium.touch #configuration_menu .empty_menu_placeholder,
.kopjs.application_table_light #configuration_menu .empty_menu_placeholder, .kopjs.application_table_light.elment_moving #configuration_menu .empty_menu_placeholder, .kopjs.application_table_light.touch #configuration_menu .empty_menu_placeholder {
  background-position: center center;
}

:root {
  --ci-primary: #f7a733;
  --ci-secondary: #f6b84f;
  --ci-darksecondary: #7d7d80;
  --ci-darkprimary: #414141;
}

@-webkit-keyframes icon_glow {
  0% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
}
@-moz-keyframes icon_glow {
  0% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
}
@-o-keyframes icon_glow {
  0% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
}
@keyframes icon_glow {
  0% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 3px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 3px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 3px var(--ci-primary));
    -o-filter: drop-shadow(0 0 3px var(--ci-primary));
    filter: drop-shadow(0 0 3px var(--ci-primary));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0px var(--ci-primary));
    -moz-filter: drop-shadow(0 0 0px var(--ci-primary));
    -ms-filter: drop-shadow(0 0 0px var(--ci-primary));
    -o-filter: drop-shadow(0 0 0px var(--ci-primary));
    filter: drop-shadow(0 0 0px var(--ci-primary));
  }
}
@-webkit-keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes marquee {
  from {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes marquee {
  from {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-o-keyframes marquee {
  from {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  from {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.marquee-container {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.marquee-container .marquee-element {
  display: inline-block;
  padding-left: 30px;
  -webkit-animation: marquee 9s 0s linear infinite;
  -moz-animation: marquee 9s 0s linear infinite;
  -o-animation: marquee 9s 0s linear infinite;
  animation: marquee 9s 0s linear infinite;
}

.design_list .design .icon, .selection_list > .item > .icon, #configuration_menu .configurators > .design_category .selected_design .icon, .context-menu .configurators > .design_category .selected_design .icon, #config-popup .configurators > .design_category .selected_design .icon {
  border-radius: 5px;
  overflow: hidden;
}
.design_list .design .icon > .icon-img, .selection_list > .item > .icon > .icon-img, #configuration_menu .configurators > .design_category .selected_design .icon > .icon-img, .context-menu .configurators > .design_category .selected_design .icon > .icon-img, #config-popup .configurators > .design_category .selected_design .icon > .icon-img {
  border-radius: inherit;
}
.design_list .design .icon > image, .selection_list > .item > .icon > image, #configuration_menu .configurators > .design_category .selected_design .icon > image, .context-menu .configurators > .design_category .selected_design .icon > image, #config-popup .configurators > .design_category .selected_design .icon > image {
  border-radius: inherit;
}

.design_list .design .icon, .selection_list.design > .item > .icon:not(.icon_empty), #configuration_menu .configurators > .design_category .selected_design .icon, .context-menu .configurators > .design_category .selected_design .icon, #config-popup .configurators > .design_category .selected_design .icon, .design_category_designs .icon .icon-img, .design_list_content .icon .icon-img, .design_category_designs .icon [class^=effect_], .design_list_content .icon [class^=effect_], .selection_list > .item > .icon .icon_effect {
  border-width: 1px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-color: #bdbdbd;
}

.kopjs *, .hirsch_flyout_container * {
  box-sizing: content-box;
}
.kopjs h1, .hirsch_flyout_container h1 {
  /*color: $color_font_ci;*/
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}
.kopjs h2, .hirsch_flyout_container h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.kopjs h3, .hirsch_flyout_container h3 {
  /*color: $color_font_ci;*/
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}
.kopjs h4, .hirsch_flyout_container h4 {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

#loading_screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.application_webclient:not(.main_menu_collapsed) #planner_layer menu.main .pricing_container h4 {
  color: inherit;
}
.application_webclient:not(.main_menu_collapsed) #planner_layer menu.main .pricing_container h4.show_object_list:before {
  margin: 7px 6px 0 0px !important;
}

menu.main {
  -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  background-color: #ffffff;
}
menu.main h1 {
  /*color: $font_color_default;*/
}
menu.main h2 {
  padding-top: 10px;
}
menu.main header {
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.65);
}
menu.main header .optionsmenu_btn {
  background-image: url("../images/svg/icon-cog.svg");
  width: 38px;
  height: 38px;
  background-color: #cccccc;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px;
}
menu.main header .optionsmenu_btn.active {
  background-color: #f7a733;
}
menu.main header .optionsmenu_btn:hover {
  background-color: #f7a733;
}
menu.main .pricing_container {
  width: 360px;
  padding: 0 20px;
  /*background: $pricing_container_background;*/
  color: #ffffff;
}
menu.main .pricing_container h4 {
  font-size: 16px;
  text-transform: uppercase;
}
menu.main .pricing_container h4.show_object_list:before {
  content: "";
  display: block;
  float: left;
  background: url("../images/svg/object_list.svg") no-repeat;
  width: 21px;
  height: 25px;
  margin: 7px 6px 0 30px;
}
menu.main .pricing_container .pricing > .pricing_display {
  font-size: 14px;
  font-weight: bold;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 25px;
  background: rgba(255, 255, 255, 0.8);
  /*color: $font_color_default;*/
  padding: 0 10px;
  margin: 7px 0;
  border-radius: 13px;
}
menu.main .pricing_container .pricing > .pricing_display .show_pricing_details {
  background: url(../images/icon_info.png) no-repeat right center;
  width: 20px;
  height: 16px;
  margin-bottom: -3px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
menu.main .basic_actions > span {
  color: transparent;
  border-left: 1px solid #cccccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 3px 0;
  height: 34px;
  /*
  &.print {
  }
  */
}
menu.main .basic_actions > span:first-child {
  border-left: 0 solid transparent;
}
menu.main .basic_actions > span image {
  margin-top: 7px;
  margin-left: 40px;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
menu.main .basic_actions > span:hover image {
  -webkit-filter: brightness(120%);
  -moz-filter: brightness(120%);
  -ms-filter: brightness(120%);
  -o-filter: brightness(120%);
  filter: brightness(120%);
}
menu.main .basic_actions > span.load image {
  /*content: url($url);*/
  background-image: url("../images/svg/load.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
menu.main .basic_actions > span.save image {
  /*content: url($url);*/
  background-image: url("../images/svg/save.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 41px;
}
menu.main .basic_actions > span.fullscreen image {
  /*content: url($url);*/
  background-image: url("../images/svg/fullscreen.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 43px;
}
menu.main .basic_actions > span.stereo image {
  /*content: url($url);*/
  background-image: url("../images/svg/stereo.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 30px;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 1px;
  margin-left: 35px;
}
menu.main .steps > .step {
  -webkit-box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.65);
  box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.65);
}
menu.main .steps > .step .step_icon {
  height: 42px;
  width: 42px;
  position: absolute;
  margin: 19px;
  /*background-color: $color_font_ci;*/
  border-radius: 50%;
  color: white;
  font-size: 18px;
  text-align: center;
  line-height: 41px;
}
menu.main .steps > .step .step_content:after {
  height: 1px;
}
menu.main .steps > .step .step_content > * {
  padding-right: 0;
  width: 380px;
}
menu.main .steps > .step.active .step_title h1 {
  /*color: $color_font_ci;*/
}

.application_table menu.main .basic_actions .load > image {
  margin-top: 11px;
}
.application_table menu.main .basic_actions .save > image {
  margin-top: 10px;
  margin-left: 39px;
}
.application_table menu.main .basic_actions .stereo > image {
  margin-top: 4px;
  margin-left: 33px;
}

#configuration_menu .configurators > .design_category .design_list, .context-menu .configurators > .design_category .design_list, #config-popup .configurators > .design_category .design_list, #configuration_menu .configurators > .roomobject_variantgroup, .context-menu .configurators > .roomobject_variantgroup, #config-popup .configurators > .roomobject_variantgroup {
  background: #e7e6e6;
  margin: 0px -20px;
  padding: 20px;
  -webkit-box-shadow: inset -3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: inset -3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: inset -3px 3px 5px -1px rgba(0, 0, 0, 0.65);
}

#configuration_menu#configuration_menu, .context-menu#configuration_menu, #config-popup#configuration_menu {
  -webkit-box-shadow: -3px 10px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: -3px 10px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: -3px 10px 5px -1px rgba(0, 0, 0, 0.65);
}
#configuration_menu h1, .context-menu h1, #config-popup h1 {
  margin-bottom: 10px;
}
#configuration_menu h1:after, .context-menu h1:after, #config-popup h1:after {
  height: 10px;
}
#configuration_menu h2, .context-menu h2, #config-popup h2 {
  padding-bottom: 10px;
}
#configuration_menu h3, #configuration_menu h4, .context-menu h3, .context-menu h4, #config-popup h3, #config-popup h4 {
  padding-bottom: 5px;
}
#configuration_menu .button, .context-menu .button, #config-popup .button {
  /*line-height: $font_size_big;
  height: $font_size_big;
  color: $color_white;
  background: $color_darkgray;
  border-color: $font_color_light_gray;
  font-size: small;
  text-align: left;*/
  /*@extend %dark_container;*/
  height: auto !important;
  vertical-align: middle;
  border-radius: 0;
  border-style: outset;
  border-width: 3px;
  padding: 5px;
  cursor: pointer;
  border-color: #ccc;
  background-color: #f5f5f5;
}
#configuration_menu .button:active, .context-menu .button:active, #config-popup .button:active {
  border-style: inset;
}
#configuration_menu .button.selectWall, .context-menu .button.selectWall, #config-popup .button.selectWall {
  line-height: unset;
}
#configuration_menu .button span > div > h4, .context-menu .button span > div > h4, #config-popup .button span > div > h4 {
  text-align: center;
}
#configuration_menu .button:hover, .context-menu .button:hover, #config-popup .button:hover {
  background: #ffffff;
}
#configuration_menu .button:hover span > div > h4, .context-menu .button:hover span > div > h4, #config-popup .button:hover span > div > h4 {
  color: #414141;
}
#configuration_menu .button span > div > h4, .context-menu .button span > div > h4, #config-popup .button span > div > h4 {
  font-weight: normal;
}
#configuration_menu .singlelineinput h4, #configuration_menu .lockableSingleLineInput h4, .context-menu .singlelineinput h4, .context-menu .lockableSingleLineInput h4, #config-popup .singlelineinput h4, #config-popup .lockableSingleLineInput h4 {
  padding-bottom: 10px;
}
#configuration_menu .singlelineinput .input .prefix, #configuration_menu .singlelineinput .input input, #configuration_menu .singlelineinput .input .suffix, #configuration_menu .lockableSingleLineInput .input .prefix, #configuration_menu .lockableSingleLineInput .input input, #configuration_menu .lockableSingleLineInput .input .suffix, .context-menu .singlelineinput .input .prefix, .context-menu .singlelineinput .input input, .context-menu .singlelineinput .input .suffix, .context-menu .lockableSingleLineInput .input .prefix, .context-menu .lockableSingleLineInput .input input, .context-menu .lockableSingleLineInput .input .suffix, #config-popup .singlelineinput .input .prefix, #config-popup .singlelineinput .input input, #config-popup .singlelineinput .input .suffix, #config-popup .lockableSingleLineInput .input .prefix, #config-popup .lockableSingleLineInput .input input, #config-popup .lockableSingleLineInput .input .suffix {
  line-height: 16px;
  height: 16px;
  margin: 0;
}
#configuration_menu .singlelineinput .input .prefix, #configuration_menu .lockableSingleLineInput .input .prefix, .context-menu .singlelineinput .input .prefix, .context-menu .lockableSingleLineInput .input .prefix, #config-popup .singlelineinput .input .prefix, #config-popup .lockableSingleLineInput .input .prefix {
  height: 100%;
  font-weight: bold;
  /*margin-top: 5px;*/
  margin-right: 7px;
  min-width: 120px;
  padding-right: 5px;
}
#configuration_menu .singlelineinput .input .prefix.disabled, #configuration_menu .lockableSingleLineInput .input .prefix.disabled, .context-menu .singlelineinput .input .prefix.disabled, .context-menu .lockableSingleLineInput .input .prefix.disabled, #config-popup .singlelineinput .input .prefix.disabled, #config-popup .lockableSingleLineInput .input .prefix.disabled {
  font-weight: normal;
}
#configuration_menu .singlelineinput .input .suffix, #configuration_menu .lockableSingleLineInput .input .suffix, .context-menu .singlelineinput .input .suffix, .context-menu .lockableSingleLineInput .input .suffix, #config-popup .singlelineinput .input .suffix, #config-popup .lockableSingleLineInput .input .suffix {
  font-weight: bold;
  margin-left: 0px;
}
#configuration_menu .singlelineinput .input .suffix.disabled, #configuration_menu .lockableSingleLineInput .input .suffix.disabled, .context-menu .singlelineinput .input .suffix.disabled, .context-menu .lockableSingleLineInput .input .suffix.disabled, #config-popup .singlelineinput .input .suffix.disabled, #config-popup .lockableSingleLineInput .input .suffix.disabled {
  font-weight: normal;
}
#configuration_menu .singlelineinput .input .locked, #configuration_menu .lockableSingleLineInput .input .locked, .context-menu .singlelineinput .input .locked, .context-menu .lockableSingleLineInput .input .locked, #config-popup .singlelineinput .input .locked, #config-popup .lockableSingleLineInput .input .locked {
  background-image: url("../images/svg/lock-closed.svg");
  content: "";
  width: 26px;
  height: 26px;
  background-size: 26px 26px;
  display: inline-block;
}
#configuration_menu .singlelineinput .input .unlocked, #configuration_menu .lockableSingleLineInput .input .unlocked, .context-menu .singlelineinput .input .unlocked, .context-menu .lockableSingleLineInput .input .unlocked, #config-popup .singlelineinput .input .unlocked, #config-popup .lockableSingleLineInput .input .unlocked {
  background-image: url("../images/svg/lock-open.svg");
  content: "";
  width: 26px;
  height: 26px;
  background-size: 26px 26px;
  display: inline-block;
}
#configuration_menu .singlelineinput .input span > .numeric-input input, #configuration_menu .lockableSingleLineInput .input span > .numeric-input input, .context-menu .singlelineinput .input span > .numeric-input input, .context-menu .lockableSingleLineInput .input span > .numeric-input input, #config-popup .singlelineinput .input span > .numeric-input input, #config-popup .lockableSingleLineInput .input span > .numeric-input input {
  width: 75px;
  margin-right: 7px;
  text-align: right;
  -moz-transition: outline 0.5s;
  -o-transition: outline 0.5s;
  -webkit-transition: outline 0.5s;
  transition: outline 0.5s;
  border: 2px solid #cccccc;
  border-radius: 5px;
  padding: 3px;
}
#configuration_menu .singlelineinput .input span > .numeric-input input.input-eval-error, #configuration_menu .lockableSingleLineInput .input span > .numeric-input input.input-eval-error, .context-menu .singlelineinput .input span > .numeric-input input.input-eval-error, .context-menu .lockableSingleLineInput .input span > .numeric-input input.input-eval-error, #config-popup .singlelineinput .input span > .numeric-input input.input-eval-error, #config-popup .lockableSingleLineInput .input span > .numeric-input input.input-eval-error {
  outline: 1px solid red;
}
#configuration_menu .singlelineinput .input .input-suggestions, #configuration_menu .lockableSingleLineInput .input .input-suggestions, .context-menu .singlelineinput .input .input-suggestions, .context-menu .lockableSingleLineInput .input .input-suggestions, #config-popup .singlelineinput .input .input-suggestions, #config-popup .lockableSingleLineInput .input .input-suggestions {
  position: absolute;
  display: block;
}
#configuration_menu .singlelineinput .input .input-suggestions .suggestion-container, #configuration_menu .lockableSingleLineInput .input .input-suggestions .suggestion-container, .context-menu .singlelineinput .input .input-suggestions .suggestion-container, .context-menu .lockableSingleLineInput .input .input-suggestions .suggestion-container, #config-popup .singlelineinput .input .input-suggestions .suggestion-container, #config-popup .lockableSingleLineInput .input .input-suggestions .suggestion-container {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  margin-top: 5px;
}
#configuration_menu .singlelineinput .input .input-suggestions .suggestion-container .input-suggestion, #configuration_menu .lockableSingleLineInput .input .input-suggestions .suggestion-container .input-suggestion, .context-menu .singlelineinput .input .input-suggestions .suggestion-container .input-suggestion, .context-menu .lockableSingleLineInput .input .input-suggestions .suggestion-container .input-suggestion, #config-popup .singlelineinput .input .input-suggestions .suggestion-container .input-suggestion, #config-popup .lockableSingleLineInput .input .input-suggestions .suggestion-container .input-suggestion {
  position: relative;
  display: inline-block;
  padding: 5px;
  outline: 2px solid black;
  background: white;
  color: #7D7D80;
  z-index: 99;
}
#configuration_menu .singlelineinput .input .input-suggestions .suggestion-container .input-suggestion:hover, #configuration_menu .lockableSingleLineInput .input .input-suggestions .suggestion-container .input-suggestion:hover, .context-menu .singlelineinput .input .input-suggestions .suggestion-container .input-suggestion:hover, .context-menu .lockableSingleLineInput .input .input-suggestions .suggestion-container .input-suggestion:hover, #config-popup .singlelineinput .input .input-suggestions .suggestion-container .input-suggestion:hover, #config-popup .lockableSingleLineInput .input .input-suggestions .suggestion-container .input-suggestion:hover {
  background-color: #747474;
  color: white;
  cursor: pointer;
}
#configuration_menu .singlelineinput .input .ui-spinner, #configuration_menu .lockableSingleLineInput .input .ui-spinner, .context-menu .singlelineinput .input .ui-spinner, .context-menu .lockableSingleLineInput .input .ui-spinner, #config-popup .singlelineinput .input .ui-spinner, #config-popup .lockableSingleLineInput .input .ui-spinner {
  width: 180px;
  padding: 0;
  margin: 0;
  border: 0px solid black;
}
#configuration_menu .singlelineinput .input .ui-spinner input, #configuration_menu .lockableSingleLineInput .input .ui-spinner input, .context-menu .singlelineinput .input .ui-spinner input, .context-menu .lockableSingleLineInput .input .ui-spinner input, #config-popup .singlelineinput .input .ui-spinner input, #config-popup .lockableSingleLineInput .input .ui-spinner input {
  pointer-events: none;
  background: none;
  border: none;
}
#configuration_menu .singlelineinput .input .ui-spinner .ui-spinner-button, #configuration_menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button, .context-menu .singlelineinput .input .ui-spinner .ui-spinner-button, .context-menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button, #config-popup .singlelineinput .input .ui-spinner .ui-spinner-button, #config-popup .lockableSingleLineInput .input .ui-spinner .ui-spinner-button {
  top: 0;
  bottom: 0;
  left: auto;
  width: 25%;
  height: auto;
  padding: 0;
  margin: 0;
  font-size: 18px;
  margin: 0 3px;
  /*color: $color_font_ci;*/
  background: none;
  border: none;
  text-align: center;
}
#configuration_menu .singlelineinput .input .ui-spinner .ui-spinner-button.ui-spinner-up, #configuration_menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button.ui-spinner-up, .context-menu .singlelineinput .input .ui-spinner .ui-spinner-button.ui-spinner-up, .context-menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button.ui-spinner-up, #config-popup .singlelineinput .input .ui-spinner .ui-spinner-button.ui-spinner-up, #config-popup .lockableSingleLineInput .input .ui-spinner .ui-spinner-button.ui-spinner-up {
  right: 20%;
}
#configuration_menu .singlelineinput .input .ui-spinner .ui-spinner-button.ui-spinner-down, #configuration_menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button.ui-spinner-down, .context-menu .singlelineinput .input .ui-spinner .ui-spinner-button.ui-spinner-down, .context-menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button.ui-spinner-down, #config-popup .singlelineinput .input .ui-spinner .ui-spinner-button.ui-spinner-down, #config-popup .lockableSingleLineInput .input .ui-spinner .ui-spinner-button.ui-spinner-down {
  right: 0;
}
#configuration_menu .singlelineinput .input .ui-spinner .ui-spinner-button .ui-icon, #configuration_menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button .ui-icon, .context-menu .singlelineinput .input .ui-spinner .ui-spinner-button .ui-icon, .context-menu .lockableSingleLineInput .input .ui-spinner .ui-spinner-button .ui-icon, #config-popup .singlelineinput .input .ui-spinner .ui-spinner-button .ui-icon, #config-popup .lockableSingleLineInput .input .ui-spinner .ui-spinner-button .ui-icon {
  text-indent: 0;
  background: none;
  width: 100%;
  height: 100%;
}
#configuration_menu .singlelineinput.wall_length .prefix, #configuration_menu .singlelineinput.room_height .prefix, #configuration_menu .lockableSingleLineInput.wall_length .prefix, #configuration_menu .lockableSingleLineInput.room_height .prefix, .context-menu .singlelineinput.wall_length .prefix, .context-menu .singlelineinput.room_height .prefix, .context-menu .lockableSingleLineInput.wall_length .prefix, .context-menu .lockableSingleLineInput.room_height .prefix, #config-popup .singlelineinput.wall_length .prefix, #config-popup .singlelineinput.room_height .prefix, #config-popup .lockableSingleLineInput.wall_length .prefix, #config-popup .lockableSingleLineInput.room_height .prefix {
  width: 50%;
  padding-right: 12px;
}
#configuration_menu .buttonlist.rotate > .icon, .context-menu .buttonlist.rotate > .icon, #config-popup .buttonlist.rotate > .icon {
  /*content: url($url);*/
  background-image: url("../images/svg/rotate_old.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 90px;
  width: 90px;
  height: 90px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 5px 0 0 5px;
}
#configuration_menu .buttonlist.rotate > .actions span, .context-menu .buttonlist.rotate > .actions span, #config-popup .buttonlist.rotate > .actions span {
  width: 50px;
  height: 35px;
  top: 32px;
}
#configuration_menu .buttonlist.rotate > .actions span.rotate_left, .context-menu .buttonlist.rotate > .actions span.rotate_left, #config-popup .buttonlist.rotate > .actions span.rotate_left {
  left: 0;
}
#configuration_menu .buttonlist.rotate > .actions span.rotate_right, .context-menu .buttonlist.rotate > .actions span.rotate_right, #config-popup .buttonlist.rotate > .actions span.rotate_right {
  right: 0;
}
#configuration_menu .buttonlist.move > .actions span, .context-menu .buttonlist.move > .actions span, #config-popup .buttonlist.move > .actions span {
  width: 35px;
  height: 35px;
}
#configuration_menu .buttonlist.move > .actions span.move_up, .context-menu .buttonlist.move > .actions span.move_up, #config-popup .buttonlist.move > .actions span.move_up {
  left: 32px;
  top: 0;
}
#configuration_menu .buttonlist.move > .actions span.move_down, .context-menu .buttonlist.move > .actions span.move_down, #config-popup .buttonlist.move > .actions span.move_down {
  left: 32px;
  bottom: 0;
}
#configuration_menu .buttonlist.move > .actions span.move_left, .context-menu .buttonlist.move > .actions span.move_left, #config-popup .buttonlist.move > .actions span.move_left {
  left: 0;
  top: 33px;
}
#configuration_menu .buttonlist.move > .actions span.move_right, .context-menu .buttonlist.move > .actions span.move_right, #config-popup .buttonlist.move > .actions span.move_right {
  right: 0;
  top: 33px;
}
#configuration_menu .buttonlist.delete > .icon, .context-menu .buttonlist.delete > .icon, #config-popup .buttonlist.delete > .icon {
  padding-top: 30px;
  padding-left: 36px;
  /*content: url($url);*/
  background-image: url("../images/svg/trash.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 25px;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 17px 0 0 20px;
}
#configuration_menu .buttonlist.delete > .actions span, .context-menu .buttonlist.delete > .actions span, #config-popup .buttonlist.delete > .actions span {
  width: 100%;
  height: 100%;
}
#configuration_menu .buttonlist.clone > .icon, .context-menu .buttonlist.clone > .icon, #config-popup .buttonlist.clone > .icon {
  /*content: url($url);*/
  background-image: url("../images/svg/clone.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 50px;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#configuration_menu .buttonlist.clone > .actions span, .context-menu .buttonlist.clone > .actions span, #config-popup .buttonlist.clone > .actions span {
  width: 100%;
  height: 100%;
}
#configuration_menu .buttonlist.shapeSelection > .actions, .context-menu .buttonlist.shapeSelection > .actions, #config-popup .buttonlist.shapeSelection > .actions {
  width: 100%;
  height: 65px;
}
#configuration_menu .buttonlist.shapeSelection > .actions span, .context-menu .buttonlist.shapeSelection > .actions span, #config-popup .buttonlist.shapeSelection > .actions span {
  width: 65px;
  height: 100%;
  cursor: pointer;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}
#configuration_menu .buttonlist.shapeSelection > .actions span.room_square, .context-menu .buttonlist.shapeSelection > .actions span.room_square, #config-popup .buttonlist.shapeSelection > .actions span.room_square {
  left: 0;
}
#configuration_menu .buttonlist.shapeSelection > .actions span.room_l_shape, .context-menu .buttonlist.shapeSelection > .actions span.room_l_shape, #config-popup .buttonlist.shapeSelection > .actions span.room_l_shape {
  left: 66%;
}
#configuration_menu .buttonlist.shapeSelection > .actions span.room_5_corners, .context-menu .buttonlist.shapeSelection > .actions span.room_5_corners, #config-popup .buttonlist.shapeSelection > .actions span.room_5_corners {
  left: 33%;
}
#configuration_menu .toggleicon.roomLock image:before, .context-menu .toggleicon.roomLock image:before, #config-popup .toggleicon.roomLock image:before {
  background-image: url("../images/svg/wall.svg");
  content: "";
  width: 65px;
  height: 65px;
  background-size: 65px 65px;
  display: inline-block;
}
#configuration_menu .toggleicon.roomLock image:after, .context-menu .toggleicon.roomLock image:after, #config-popup .toggleicon.roomLock image:after {
  background-image: url("../images/svg/lock-open.svg");
  content: "";
  width: 45px;
  height: 45px;
  background-size: 45px 45px;
  display: inline-block;
  position: absolute;
  margin: 10px 0 0 -45px;
}
#configuration_menu .toggleicon.roomLock.toggle_active image:after, .context-menu .toggleicon.roomLock.toggle_active image:after, #config-popup .toggleicon.roomLock.toggle_active image:after {
  background-image: url("../images/svg/lock-closed.svg");
}
#configuration_menu .configurators > .roomobject_variantgroup, .context-menu .configurators > .roomobject_variantgroup, #config-popup .configurators > .roomobject_variantgroup {
  margin-top: 10px;
  margin-bottom: -10px;
}
#configuration_menu .configurators > .roomobject_variantgroup .variant_group .info, .context-menu .configurators > .roomobject_variantgroup .variant_group .info, #config-popup .configurators > .roomobject_variantgroup .variant_group .info {
  max-width: 150px;
}
#configuration_menu .configurators > .design_category:after, .context-menu .configurators > .design_category:after, #config-popup .configurators > .design_category:after {
  height: 10px;
}
#configuration_menu .configurators > .design_category .selected_design .icon, .context-menu .configurators > .design_category .selected_design .icon, #config-popup .configurators > .design_category .selected_design .icon {
  margin-left: 10px;
}
#configuration_menu .configurators > .design_category .selected_design .info, .context-menu .configurators > .design_category .selected_design .info, #config-popup .configurators > .design_category .selected_design .info {
  margin: 0 10px;
  padding: 7px 0;
  height: 36px;
  line-height: 18px;
}
#configuration_menu .configurators > .design_category .design_list, .context-menu .configurators > .design_category .design_list, #config-popup .configurators > .design_category .design_list {
  display: none;
}
#configuration_menu .configurators > .design_category .design_list .design, .context-menu .configurators > .design_category .design_list .design, #config-popup .configurators > .design_category .design_list .design {
  padding: 5px 0 5px 10px;
}
#configuration_menu .configurators > .design_category .design_list .design .info, .context-menu .configurators > .design_category .design_list .design .info, #config-popup .configurators > .design_category .design_list .design .info {
  max-width: 210px;
}
#configuration_menu .configurators > .design_category.expanded .design_list, .context-menu .configurators > .design_category.expanded .design_list, #config-popup .configurators > .design_category.expanded .design_list {
  display: block;
}
#configuration_menu .configurators > .device, .context-menu .configurators > .device, #config-popup .configurators > .device {
  padding-bottom: 10px;
}
#configuration_menu .configurators > .singlelistitem .dropdown-component, .context-menu .configurators > .singlelistitem .dropdown-component, #config-popup .configurators > .singlelistitem .dropdown-component {
  margin-bottom: 10px;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons, .context-menu .configurators > .singlelistitem .radio-buttons, #config-popup .configurators > .singlelistitem .radio-buttons {
  text-align: center;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-title, .context-menu .configurators > .singlelistitem .radio-buttons .radio-title, #config-popup .configurators > .singlelistitem .radio-buttons .radio-title {
  margin-bottom: 5px;
  text-align: center;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-option, .context-menu .configurators > .singlelistitem .radio-buttons .radio-option, #config-popup .configurators > .singlelistitem .radio-buttons .radio-option {
  cursor: pointer;
  display: inline-block;
  margin: 0 11% 0 11%;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-button, .context-menu .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-button, #config-popup .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-button .radio-option-marker, .context-menu .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-button .radio-option-marker, #config-popup .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-button .radio-option-marker {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-title, .context-menu .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-title, #config-popup .configurators > .singlelistitem .radio-buttons .radio-option .radio-option-title {
  font-weight: bold;
  text-align: center;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-option:not(.option-selected) .radio-option-button, .context-menu .configurators > .singlelistitem .radio-buttons .radio-option:not(.option-selected) .radio-option-button, #config-popup .configurators > .singlelistitem .radio-buttons .radio-option:not(.option-selected) .radio-option-button {
  background: #ccc;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-option:not(.option-selected) .radio-option-marker, .context-menu .configurators > .singlelistitem .radio-buttons .radio-option:not(.option-selected) .radio-option-marker, #config-popup .configurators > .singlelistitem .radio-buttons .radio-option:not(.option-selected) .radio-option-marker {
  width: 16px;
  height: 16px;
  margin: 4px;
}
#configuration_menu .configurators > .singlelistitem .radio-buttons .radio-option.option-selected .radio-option-marker, .context-menu .configurators > .singlelistitem .radio-buttons .radio-option.option-selected .radio-option-marker, #config-popup .configurators > .singlelistitem .radio-buttons .radio-option.option-selected .radio-option-marker {
  width: 12px;
  height: 12px;
  margin: 6px;
}

#rendering_controls > * {
  top: 0;
}
#rendering_controls > *.toggle_view {
  left: -95px;
}
#rendering_controls > *.toggle_view .topview {
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
}
#rendering_controls > *.toggle_view .topview .icon .view_toggle_icon > .view_toggle_indicator {
  left: 0px;
}
#rendering_controls > *.toggle_view .default {
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
}
#rendering_controls > *.toggle_view .default .icon .view_toggle_icon > .view_toggle_indicator {
  right: 0px;
}
#rendering_controls > *.toggle_view .icon {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#rendering_controls > *.toggle_view .icon .view_toggle_text {
  font-size: 19px;
  width: 40px;
  height: 100px;
  line-height: 100px;
  vertical-align: middle;
  margin-left: 13px;
  color: #414141;
  -webkit-filter: drop-shadow(0px 0px 1px white);
  -moz-filter: drop-shadow(0px 0px 1px white);
  -ms-filter: drop-shadow(0px 0px 1px white);
  -o-filter: drop-shadow(0px 0px 1px white);
  filter: drop-shadow(0px 0px 1px white);
}
#rendering_controls > *.toggle_view .icon .view_toggle_icon {
  width: 60px;
  height: 30px;
  left: 40px;
  margin-top: 32px;
  vertical-align: middle;
  border: 2px solid #414141;
  border-radius: 32px;
  background-color: white;
}
#rendering_controls > *.toggle_view .icon .view_toggle_icon .view_toggle_indicator {
  /*background-color: $color_font_ci;*/
  border-radius: 50%;
  height: 23px;
  width: 23px;
  margin: 3px;
}
#rendering_controls > *.toggle_sideview {
  left: -95px;
}
#rendering_controls > *.toggle_sideview .sideview {
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
}
#rendering_controls > *.toggle_sideview .sideview .icon .sideview_toggle_icon .sideview_toggle_indicator {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#rendering_controls > *.toggle_sideview .sideview .icon .sideview_toggle_icon.toggle_inactive > .sideview_toggle_indicator {
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
  left: 0px;
}
#rendering_controls > *.toggle_sideview .sideview .icon .sideview_toggle_icon.toggle_active > .sideview_toggle_indicator {
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
  /*right: 0px;*/
  left: 31px;
}
#rendering_controls > *.toggle_sideview .icon {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#rendering_controls > *.toggle_sideview .icon .cam_icon {
  /*content: url($url);*/
  background-image: url("../images/svg/sidecam.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 30px;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  top: 34px;
  left: 10px;
}
#rendering_controls > *.toggle_sideview .icon .sideview_toggle_icon {
  width: 60px;
  height: 30px;
  left: 40px;
  margin-top: 32px;
  vertical-align: middle;
  border: 2px solid #414141;
  border-radius: 32px;
  background-color: white;
}
#rendering_controls > *.toggle_sideview .icon .sideview_toggle_icon .sideview_toggle_indicator {
  /*background-color: $color_font_ci;*/
  border-radius: 50%;
  height: 23px;
  width: 23px;
  margin: 3px;
}
#rendering_controls > *.zoom {
  left: 80px;
  margin-top: -6px;
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
}
#rendering_controls > *.zoom > * {
  width: 50px;
  height: 50px;
  top: 32px;
}
#rendering_controls > *.zoom > * .zoom_circle {
  width: 26px;
  height: 26px;
  background-color: white;
  border: 2px solid #414141;
  border-radius: 50%;
  z-index: 30;
}
#rendering_controls > *.zoom > * .zoom_circle .minus, #rendering_controls > *.zoom > * .zoom_circle .plus {
  height: 16px;
  width: 16px;
  top: 5px;
  left: 5px;
}
#rendering_controls > *.zoom > * .zoom_circle .minus:after, #rendering_controls > *.zoom > * .zoom_circle .minus:before, #rendering_controls > *.zoom > * .zoom_circle .plus:after, #rendering_controls > *.zoom > * .zoom_circle .plus:before {
  content: "";
  position: absolute;
  background-color: #414141;
}
#rendering_controls > *.zoom > * .zoom_circle .minus:after, #rendering_controls > *.zoom > * .zoom_circle .plus:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}
#rendering_controls > *.zoom > * .zoom_circle .plus:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}
#rendering_controls > *.zoom > * .zoom_handle {
  width: 15px;
  height: 15px;
  left: 15px;
  top: 25px;
  z-index: 20;
  border-right: 2px solid #414141;
  transform: rotate(-45deg);
}
#rendering_controls > *.zoom > * > * {
  margin-top: 8px;
  margin-left: 8px;
}
#rendering_controls > *.zoom > *.in {
  left: -5px;
}
#rendering_controls > *.zoom > *.out {
  right: 0;
}
#rendering_controls > *.ctrl-height {
  left: 80px;
  width: 32px;
  height: 100px;
  cursor: default;
}
#rendering_controls > *.ctrl-height .slider-component .slider-shaft {
  background: #ddd;
  width: 5px;
  height: 76px;
  margin-top: calc((5px + 20px) / 2);
  margin-left: calc((5px + 20px) / 2);
}
#rendering_controls > *.ctrl-height .slider-component .slider-shaft .slider-shaft-padding {
  background: rgba(0, 0, 0, 0);
  width: calc(5px * 4);
  margin-left: calc(5px * (-4/3));
  height: 76px;
}
#rendering_controls > *.ctrl-height .slider-component .slider-knob {
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  margin: 4px;
}
#rendering_controls > *.ctrl-height .slider-component .slider-display {
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  pointer-events: none;
  font-size: 17px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.5);
  color: black;
  white-space: nowrap;
  position: absolute;
  padding: 2px;
  bottom: 2px;
  margin-left: -10px;
}
#rendering_controls > *.ctrl-height .slider-component .slider-display:not(.display-sliding) {
  opacity: 0;
}
#rendering_controls > *.ctrl-height .slider-component .slider-shaft {
  background: #414141;
}
#rendering_controls > *.ctrl-height .slider-component .slider-knob {
  background: white;
  border: 2px solid #414141;
}
#rendering_controls > *.ctrl-height .slider-component .slider-knob .knob-arrows {
  -moz-transform: scaleY(0.85);
  -ms-transform: scaleY(0.85);
  -o-transform: scaleY(0.85);
  -webkit-transform: scaleY(0.85);
  transform: scaleY(0.85);
}
#rendering_controls > *.ctrl-height .slider-component .slider-knob .knob-arrows .knob-arrow-upper, #rendering_controls > *.ctrl-height .slider-component .slider-knob .knob-arrows .knob-arrow-lower {
  width: 6px;
  height: 6px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 2px solid #414141;
  margin-left: 6px;
}
#rendering_controls > *.ctrl-height .slider-component .slider-knob .knob-arrows .knob-arrow-upper {
  border-bottom: 0;
  border-right: 0;
  margin-top: 4px;
}
#rendering_controls > *.ctrl-height .slider-component .slider-knob .knob-arrows .knob-arrow-lower {
  border-top: 0;
  border-left: 0;
  margin-top: 11px;
}
#rendering_controls > *.ctrl-height .slider-component .slider-display {
  background: rgba(255, 255, 255, 0.5);
  color: #414141;
}
#rendering_controls > *.move {
  left: 250px;
}
#rendering_controls > *.move .topview .icon, #rendering_controls > *.move .default .icon {
  margin-top: 8px;
  pointer-events: none;
}
#rendering_controls > *.move .topview {
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
}
#rendering_controls > *.move .topview .icon {
  /*content: url($url);*/
  background-image: url("../images/svg/move4.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 80px;
  width: 80px;
  height: 80px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#rendering_controls > *.move .default {
  -webkit-animation: icon_glow 1s 0s 1;
  -moz-animation: icon_glow 1s 0s 1;
  -o-animation: icon_glow 1s 0s 1;
  animation: icon_glow 1s 0s 1;
}
#rendering_controls > *.move .default .icon {
  /*content: url($url);*/
  background-image: url("../images/svg/move4.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 80px;
  width: 80px;
  height: 80px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#rendering_controls > *.move .click_field {
  width: 30px;
  height: 40px;
}
#rendering_controls > *.move .click_field.forward {
  left: 25px;
  right: 35px;
  top: 5px;
  bottom: 60px;
}
#rendering_controls > *.move .click_field.left {
  left: 0;
  right: 65px;
  top: 30px;
  bottom: 30px;
}
#rendering_controls > *.move .click_field.right {
  left: 55px;
  right: 0;
  top: 30px;
  bottom: 30px;
}
#rendering_controls > *.move .click_field.back {
  left: 25px;
  right: 35px;
  top: 55px;
  bottom: 0;
}
#rendering_controls > *.rotate {
  left: 130px;
  top: -10px;
}
#rendering_controls > *.rotate .topview .icon, #rendering_controls > *.rotate .default .icon {
  margin-top: 8px;
  pointer-events: none;
}
#rendering_controls > *.rotate .click_field {
  width: 30px;
  height: 40px;
}
#rendering_controls > *.rotate .click_field.left {
  /*content: url($url);*/
  background-image: url("../images/svg/arrow-halfcircle.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 55px;
  width: 55px;
  height: 55px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(-1) scaleY(-1) rotate(90deg);
  transform: scaleX(-1) scaleY(-1) rotate(90deg);
  left: 55px;
  right: 0;
  top: 30px;
  bottom: 30px;
}
#rendering_controls > *.rotate .click_field.right {
  /*content: url($url);*/
  background-image: url("../images/svg/arrow-halfcircle.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 55px;
  width: 55px;
  height: 55px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleY(-1) rotate(90deg);
  transform: scaleY(-1) rotate(90deg);
  left: 0;
  right: 65px;
  top: 30px;
  bottom: 30px;
}
#rendering_controls > *.center_object {
  left: 460px;
  -webkit-animation: icon_glow;
  -moz-animation: icon_glow;
  -o-animation: icon_glow;
  animation: icon_glow;
}
#rendering_controls > *.center_object .icon {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*content: url($url);*/
  background-image: url("../images/svg/center_object.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 95px;
  width: 95px;
  height: 95px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#rendering_controls > *.toggle_sideview {
  left: 560px;
  -webkit-animation: icon_glow;
  -moz-animation: icon_glow;
  -o-animation: icon_glow;
  animation: icon_glow;
}
#rendering_controls > *.center_room {
  left: 340px;
  top: -3px;
  -webkit-animation: icon_glow;
  -moz-animation: icon_glow;
  -o-animation: icon_glow;
  animation: icon_glow;
}
#rendering_controls > *.center_room .icon {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*content: url($url);*/
  background-image: url("../images/svg/center_room.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 100px;
  width: 100px;
  height: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#rendering_controls > *.transform_camera {
  background: #ffffff;
  -webkit-box-shadow: inset 1px 0px 5px -1px rgba(0, 0, 0, 0.65), 0px -3px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: inset 1px 0px 5px -1px rgba(0, 0, 0, 0.65), 0px -3px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: inset 1px 0px 5px -1px rgba(0, 0, 0, 0.65), 0px -3px 5px -1px rgba(0, 0, 0, 0.65);
}
#rendering_controls > *.transform_camera .transform_slider {
  top: 5px;
  height: 22px;
  width: 110px;
  margin: 0px 20px;
  background-image: url("../images/touch-controls.png");
  background-repeat: no-repeat;
  background-position: -12px -163px;
}
#rendering_controls > *.transform_camera .transform_slider .hirsch_thumb {
  background-image: url("../images/touch-controls.png");
  background-repeat: no-repeat;
  background-position: -190px -156px;
  width: 33px;
  height: 33px;
  margin: -5.5px -16.5px;
  border-radius: 17px;
}
#rendering_controls > *.transform_camera .transform_position, #rendering_controls > *.transform_camera .transform_rotation {
  top: 25px;
  height: 90px;
  width: 90px;
  background: url("../images/touch-controls.png") no-repeat 0px 0px;
  padding: 30px;
}
#rendering_controls > *.transform_camera .transform_position .nipple_container, #rendering_controls > *.transform_camera .transform_rotation .nipple_container {
  width: 100%;
  height: 100%;
  position: relative;
}
#rendering_controls > *.transform_camera .transform_position .nipple, #rendering_controls > *.transform_camera .transform_rotation .nipple {
  opacity: 1 !important;
}
#rendering_controls > *.transform_camera .transform_position .nipple .front, #rendering_controls > *.transform_camera .transform_rotation .nipple .front {
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  background-image: url("../images/touch-controls.png");
  background-repeat: no-repeat;
}
#rendering_controls > *.transform_camera .transform_position .nipple .front {
  background-position: -190px -40px;
}
#rendering_controls > *.transform_camera .transform_rotation .nipple .front {
  background-position: -340px -40px;
}
#rendering_controls > *.transform_camera .nipple_headline {
  width: 50%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #414141;
}
#rendering_controls > *.transform_camera .nipple_headline.right {
  left: 50%;
}
#rendering_controls > *.clear_planning {
  left: -175px;
  bottom: 0;
  top: 5px;
  -webkit-animation: icon_glow;
  -moz-animation: icon_glow;
  -o-animation: icon_glow;
  animation: icon_glow;
}
#rendering_controls > *.clear_planning .icon {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*content: url($url);*/
  background-image: url("../images/svg/clear_planning.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 60px;
  width: 60px;
  height: 60px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 15px 0 0 15px;
}

/* FAQ: schiebte die rendering controls awkward anders hin, wenn touch enabled ist (tisch etc.)... macht wahrsch keinen sinn mehr, also auskommentiert:
.kopjs.touch #rendering_controls {
    height: $rendering_controls_height*2;
    width: $rendering_controls_width+100px;
    margin-left: ($rendering_controls_width+100px)*-0.5;

    > * {
        top: $rendering_controls_height;

        &.move {
            left: 200px;

            .default {
                top: -$rendering_controls_height;

                image {
                    @include svg_icon("../images/svg/move_3d.svg")
                }

                @include animation(icon_glow);

                .forward {
                    left: 70px;
                    right: 70px;
                    top: 0;
                    bottom: 70px;
                }

                .left {
                    left: 0;
                    right: 140px;
                    top: 70px;
                    bottom: 70px;
                }

                .right {
                    left: 140px;
                    right: 0;
                    top: 70px;
                    bottom: 70px;
                }

                .back {
                    left: 70px;
                    right: 70px;
                    top: 70px;
                    bottom: 0;
                }
            }
        }

        &.center_object {
            left: 400px;
        }

        &.center_room {
            left: 500px;
        }
    }
}
*/
#command_indicator {
  background-color: white;
  /*border-color: $color_command_normal;*/
}
#command_indicator .indicator_state_icon {
  /*background-color: $color_command_normal;*/
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
#command_indicator .indicator_state_icon image {
  /*content: url($url);*/
  background-image: url("../images/svg/cmd_normal.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 23px;
  width: 23px;
  height: 23px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 3px;
  margin-left: 1px;
}
#command_indicator .last_command {
  left: 40px;
  top: 5px;
  bottom: 5px;
  right: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #7D7D80;
}
#command_indicator.processing {
  border-color: #d2d2d2;
}
#command_indicator.processing .indicator_state_icon {
  background-color: #d2d2d2;
}
#command_indicator.processing .last_command {
  color: #cccccc;
}
#command_indicator.success {
  border-color: #59b229;
}
#command_indicator.success .indicator_state_icon {
  background-color: #59b229;
}
#command_indicator.success .indicator_state_icon image {
  /*content: url($url);*/
  background-image: url("../images/svg/cmd_success.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 17px;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 5px;
  margin-top: 7px;
}
#command_indicator.error {
  border-color: #e35821;
}
#command_indicator.error .indicator_state_icon {
  background-color: #e35821;
}
#command_indicator.error .indicator_state_icon image {
  /*content: url($url);*/
  background-image: url("../images/svg/cmd_fail.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 18px;
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 5px;
  margin-top: 6px;
}
#command_indicator .undo_command .command_navi_icon, #command_indicator .redo_command .command_navi_icon {
  height: 30px;
  width: 30px;
  /*border: 2px solid $color_font_ci;*/
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  background-color: white;
}
#command_indicator .undo_command .command_navi_icon image, #command_indicator .redo_command .command_navi_icon image {
  /*content: url($url);*/
  background-image: url("../images/svg/arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 50px;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 8px 0 0 9px;
  left: -17px;
  top: -17px;
}
#command_indicator .redo_command > .command_navi_icon image {
  transform: rotate(180deg);
  margin: 9px 0 0 10px;
}

/* Elements */
.selection_list > .item:after {
  height: 10px;
}
.selection_list > .item:last-child:after {
  display: none;
}
.selection_list > .item > .icon {
  margin-right: 15px;
}
.selection_list > .item.expand_background .expand_arrow {
  border: solid #9f9f9f;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(-45deg) skew(-3deg, -3deg);
  position: absolute;
  height: 6px;
  width: 6px;
  right: 25px;
  margin-top: -32px;
}
.selection_list > .item.expand_background.active, .selection_list > .item.expand_background:hover {
  /*border-right: 7px solid $font_color_ci*/
  border-right-style: solid;
  border-right-width: 7px;
}
.selection_list > .item.expand_background.active .expand_arrow, .selection_list > .item.expand_background:hover .expand_arrow {
  border-color: inherit;
}

.dropdown-component[data-style-key=filter_dark] {
  cursor: pointer;
  background-color: #414141;
  border: 1px solid;
  border-color: #222;
  border-radius: 10px;
  color: #ffffff;
  font-weight: normal;
  text-align: left;
  flex: 1 1;
  margin-bottom: 2.5px;
  margin-top: 2.5px;
}

.dropdown-component[data-style-key=filter_light], .dropdown-component[data-style-key=feature_selection], .design_feature_group .tagfilter_widget .tags_selected > .tag {
  cursor: pointer;
  background-color: #efefef;
  border: 1px solid;
  border-color: #d3d3d3;
  border-radius: 10px;
  color: #414141;
  font-weight: normal;
  text-align: left;
  flex: 1 1;
  margin-bottom: 2.5px;
  margin-top: 2.5px;
}

.dropdown-component.variant_dimension {
  /* weil Edge/IE wohl kein fit-content kann... */
  /* ...one dimension */
  /* two dimensions */
  /* three dimension */
  /* four- ..wait */
  max-width: 100%;
}
.dropdown-component.variant_dimension:first-child:nth-last-child(1) {
  min-width: 100%;
}
.dropdown-component.variant_dimension:first-child:nth-last-child(2), .dropdown-component.variant_dimension:first-child:nth-last-child(2) ~ div {
  min-width: 45%;
}
.dropdown-component.variant_dimension:first-child:nth-last-child(3), .dropdown-component.variant_dimension:first-child:nth-last-child(3) ~ div {
  min-width: 30%;
}

.furniture_attachment_options > div > div > .dropdown-container, .furniture_attachment_configurations > .selectors > .dropdown-container {
  width: stretch;
  width: -webkit-fill-available;
  width: -moz-available;
}

.furniture_attachment .furniture_attachment_configurations {
  padding: 0 0 0 10px;
}
.furniture_attachment .furniture_attachment_options {
  padding: 0 0 0 20px;
}
.furniture_attachment .furniture_attachment_options > .singlelistitem {
  border-left-color: #eeeeee;
  border-left-style: solid;
  border-left-width: 1px;
}
.furniture_attachment .furniture_attachment_options > .singlelistitem h4 {
  padding-bottom: 5px;
}

.variant_group_list .variant_group .add_variant {
  padding: 10px 0;
}

[data-item_details] {
  color: white;
  height: 0;
}

.show_item_details {
  width: 16px;
  height: 16px;
  color: inherit;
  /*background-color: $color_font_ci;*/
  background-color: inherit;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
  font-weight: 600;
  font-family: serif;
  font-size: 15px;
  text-align: center;
  line-height: 16px;
}
.show_item_details:before {
  content: "i";
}

.dropdown-option .show_item_details {
  margin: 5px 5px;
  float: left;
}

.variant_group .info .show_item_details {
  position: absolute;
  transform: translateX(-20px);
}

.variant_group_list .variant_group {
  flex-wrap: wrap;
  margin: 10px 10px 5px 10px;
}
.variant_group_list .variant_group:after {
  height: 5px;
}
.variant_group_list .variant_group:last-child:after {
  display: none;
}
.variant_group_list .variant_group .info {
  margin-left: 10px;
}
.variant_group_list .variant_group .info .title {
  font-weight: bold;
  padding-bottom: 5px;
  color: #414141;
}
.variant_group_list .variant_group .info .description {
  font-size: 12px;
  line-height: 13px;
  padding-bottom: 10px;
  white-space: pre-line;
}

.design_list .design {
  flex-wrap: wrap;
}
.design_list .design:after {
  height: 5px;
}
.design_list .design .icon.icon_effect .effect_container {
  position: relative;
  border: 0;
  z-index: 1;
}
.design_list .design .icon.icon_effect .effect_container > [class^=effect_] {
  position: absolute;
  background-repeat: no-repeat;
  /*&.effect_segmented {
      background-image: url("../images/effect_glass.png");
  }*/
}
.design_list .design .icon.icon_effect .effect_container > [class^=effect_].effect_shiny {
  background-image: url("../images/effect_shiny.png");
}
.design_list .design .icon.icon_effect .effect_container > [class^=effect_].effect_rough {
  background-image: url("../images/effect_rough.png");
  opacity: 0.75;
}
.design_list .design .icon.icon_effect .effect_container > [class^=effect_].effect_glass {
  background-image: url("../images/effect_glass.png");
}
.design_list .design .icon.icon_effect .effect_container > [class^=effect_].effect_framed {
  background-image: url("../images/effect_framed.png");
}
.design_list .design .icon .icon-rotated {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.design_list .design .icon .icon-img {
  background-blend-mode: multiply;
}
.design_list .design .info {
  max-width: 250px;
  margin-left: 10px;
}
.design_list .design .info .title {
  font-weight: bold;
  padding-bottom: 5px;
  color: #414141;
}
.design_list .design .info .description {
  font-size: 12px;
  padding-bottom: 5px;
}
.design_list .design .info .set_design {
  padding: 10px 0;
}

.hirsch_flyout_container .hirsch_flyout .hirsch_flyout_content {
  padding: 13px 0;
  background: #ffffff;
}
.hirsch_flyout_container .hirsch_flyout.left .hirsch_flyout_content {
  -webkit-box-shadow: -3px 3px 5px -1px rgba(0, 0, 0, 0.65), inset -1px 0px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: -3px 3px 5px -1px rgba(0, 0, 0, 0.65), inset -1px 0px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: -3px 3px 5px -1px rgba(0, 0, 0, 0.65), inset -1px 0px 5px -1px rgba(0, 0, 0, 0.65);
}
.hirsch_flyout_container .hirsch_flyout.right .hirsch_flyout_content {
  -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65), inset 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65), inset 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65), inset 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
}
.hirsch_flyout_container .hirsch_flyout.has_anchor .hirsch_flyout_anchor {
  width: 16px;
  height: 30px;
}
.hirsch_flyout_container .hirsch_flyout.has_anchor.right .hirsch_flyout_anchor {
  background-image: url("../images/flyout_anchor_left.png");
  left: -11px;
}
.hirsch_flyout_container .hirsch_flyout.has_anchor.left .hirsch_flyout_anchor {
  background-image: url("../images/flyout_anchor_right.png");
  right: -11px;
}

.hirsch_flyout_content .variant_group_list_content h1, .hirsch_flyout_content .design_flyout_content h1, .hirsch_flyout_content .design_list_content h1 {
  padding: 0 10px 10px 10px;
}
.hirsch_flyout_content .variant_group_list_content > .set_filters, .hirsch_flyout_content .variant_group_list_content > .set_default_dimensions, .hirsch_flyout_content .variant_group_list_content > .set_design_filters, .hirsch_flyout_content .design_flyout_content > .set_filters, .hirsch_flyout_content .design_flyout_content > .set_default_dimensions, .hirsch_flyout_content .design_flyout_content > .set_design_filters, .hirsch_flyout_content .design_list_content > .set_filters, .hirsch_flyout_content .design_list_content > .set_default_dimensions, .hirsch_flyout_content .design_list_content > .set_design_filters {
  padding: 0 10px 10px 10px;
}
.hirsch_flyout_content .variant_group_list_content .variant_group .info, .hirsch_flyout_content .design_flyout_content .variant_group .info, .hirsch_flyout_content .design_list_content .variant_group .info {
  max-width: 250px;
}
.hirsch_flyout_content .variant_group_list_content .design_list .design, .hirsch_flyout_content .design_flyout_content .design_list .design, .hirsch_flyout_content .design_list_content .design_list .design {
  padding: 5px 0 0 20px;
}
.hirsch_flyout_content .command_indicator_history .step {
  padding: 10px 20px 10px 20px;
  cursor: pointer;
}
.hirsch_flyout_content .command_indicator_history .step:last-child:after {
  display: none;
  padding-bottom: 0px;
}
.hirsch_flyout_content .command_indicator_history .step.future {
  color: #cccccc;
}
.hirsch_flyout_content .command_indicator_history .step.now {
  /*color: $color_font_ci;*/
}
.hirsch_flyout_content .command_indicator_history .after {
  margin-top: -10px;
}
.hirsch_flyout_content .command_indicator_history .after:after {
  height: 10px;
}

#qr_overlay .planning_qr {
  border: 5px solid #f7a733;
}

#object_list_layer .object_list_background {
  background: #fff;
}
#object_list_layer .separator:after {
  height: 10px;
}
#object_list_layer .object_list_item .image {
  flex: 0 0 80px;
}
#object_list_layer .object_list_item .info {
  padding: 10px;
  width: 60%;
}
#object_list_layer .object_list_item .amount {
  padding: 10px;
}

.icon.rendered_icon_loading {
  background: url("../images/svg/icon_loading.svg") no-repeat center center;
  height: 36px;
  width: 36px;
  background-size: 36px;
}

/*.kopjs.application_webclient.component_pricing.main_menu_collapsed, .kopjs.application_webclient.component_pricing.step_2.display_mode_default, .kopjs.application_webclient.component_pricing.element_moving {
    menu.main .pricing_container .pricing_display {
        font-size: $font_size_small;
    }
}*/
.kopjs.application_table menu.main .step_content, .kopjs.application_table.element_moving menu.main .step_content, .kopjs.application_table.touch menu.main .step_content {
  background: #ffffff;
}

.kopjs.application_table #stage_component, .kopjs.application_table.element_moving #stage_component,
.kopjs.application_table_light #stage_component, .kopjs.application_table_light.element_moving #stage_component,
.kopjs.application_table_medium #stage_component, .kopjs.application_table_medium.element_moving #stage_component {
  -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
  box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.65);
}

.arrange_furniture_with_variant_selection {
  overflow-y: hidden !important;
}
.arrange_furniture_with_variant_selection .selection_list.furniture {
  left: 20px;
  width: 275px;
}
.arrange_furniture_with_variant_selection .selection_list.size_selection {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 105px;
}
.arrange_furniture_with_variant_selection .selection_list.size_selection .item {
  flex-grow: 1;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-bottom: 1px solid #fff;
  background: #f7a733;
  color: #ffffff;
}
.arrange_furniture_with_variant_selection .selection_list.size_selection .item:after {
  display: none;
}
.arrange_furniture_with_variant_selection .selection_list.size_selection .item .icon {
  margin-right: 0;
}

#rendering_settings .view_orthographic_build_in_device, #rendering_settings .orthographic_group_device_builtin {
  background-color: #f7a733;
}
#rendering_settings .view_orthographic_default {
  background-color: #ffffff;
}
#rendering_settings .view_orthographic_dishwasher_standalone, #rendering_settings .orthographic_group_device_standalone {
  background-color: #ffffff;
}
#rendering_settings .view_orthographic_hood_standalone, #rendering_settings .orthographic_group_device_standalone {
  background-color: #ffffff;
}
#rendering_settings .view_orthographic_cooler_standalone, #rendering_settings .orthographic_group_device_standalone {
  background-color: #ffffff;
}
#rendering_settings .view_orthographic_range_standalone, #rendering_settings .orthographic_group_device_standalone {
  background-color: #ffffff;
}
#rendering_settings .view_orthographic_room {
  background-color: #afafaf;
}
#rendering_settings .view_orthographic_wall {
  background-color: #6f6f6f;
}
#rendering_settings .view_orthographic_other {
  background-color: #6f6f6f;
}
#rendering_settings .view_orthographic_wall_droop {
  background-color: #afafaf;
}
#rendering_settings .view_orthographic_construction, #rendering_settings .orthographic_group_construction {
  background-color: #8f8f8f;
}
#rendering_settings .view_orthographic_door, #rendering_settings .orthographic_group_construction {
  background-color: #8f8f8f;
}
#rendering_settings .view_orthographic_radiator, #rendering_settings .orthographic_group_construction {
  background-color: #8f8f8f;
}
#rendering_settings .view_orthographic_window, #rendering_settings .orthographic_group_construction {
  background-color: #8f8f8f;
}
#rendering_settings .view_orthographic_Base_cabinet, #rendering_settings .orthographic_group_lowcabinet {
  background-color: #f7a733;
}
#rendering_settings .view_orthographic_Front_element, #rendering_settings .orthographic_group_lowcabinet {
  background-color: #f7a733;
}
#rendering_settings .view_orthographic_Wall_cabinet, #rendering_settings .orthographic_group_wallcabinet {
  background-color: #f7c766;
}
#rendering_settings .view_orthographic_Worktop_top_cabinet, #rendering_settings .orthographic_group_highcabinet {
  background-color: #d79711;
}
#rendering_settings .view_orthographic_Tall_cabinet, #rendering_settings .orthographic_group_highcabinet {
  background-color: #d79711;
}
#rendering_settings .view_orthographic_Highboard, #rendering_settings .orthographic_group_highcabinet {
  background-color: #d79711;
}
#rendering_settings .view_orthographic_Shaped_panel, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Filler_Front, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Filler_No_Front, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Recess_elements, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Rear_cladding, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Cover_shelf, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Worktop, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_WAP, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Foot, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}
#rendering_settings .view_orthographic_Board, #rendering_settings .orthographic_group_attachment {
  background-color: #ff8d33;
}

/* CI COLOR OVERWRITES */
.ci-secondary-bg {
  background-color: #f6b84f;
}

.ci-secondary-bd {
  border-color: #f6b84f;
}

.ci-secondary-cl {
  color: #f6b84f;
}

.ci-secondary-fl {
  fill: #f6b84f;
}

.ci-secondary-bg-hover:hover {
  background-color: #f6b84f;
}

.ci-secondary-bd-hover:hover {
  border-color: #f6b84f;
}

.ci-secondary-cl-hover:hover {
  color: #f6b84f;
}

.ci-secondary-fl-hover:hover {
  fill: #f6b84f;
}

.ci-darksecondary-bg {
  background-color: #7D7D80;
}

.ci-darksecondary-bd {
  border-color: #7D7D80;
}

.ci-darksecondary-cl {
  color: #7D7D80;
}

.ci-darksecondary-fl {
  fill: #7D7D80;
}

.ci-darksecondary-bg-hover:hover {
  background-color: #7D7D80;
}

.ci-darksecondary-bd-hover:hover {
  border-color: #7D7D80;
}

.ci-darksecondary-cl-hover:hover {
  color: #7D7D80;
}

.ci-darksecondary-fl-hover:hover {
  fill: #7D7D80;
}

.ci-darkprimary-bg {
  background-color: #414141;
}

.ci-darkprimary-bd {
  border-color: #414141;
}

.ci-darkprimary-cl {
  /*color: $ci_color_darkprimary;*/
}

.ci-darkprimary-fl {
  fill: #414141;
}

.ci-darkprimary-bg-hover:hover {
  background-color: #414141;
}

.ci-darkprimary-bd-hover:hover {
  border-color: #414141;
}

.ci-darkprimary-cl-hover:hover {
  color: #414141;
}

.ci-darkprimary-fl-hover:hover {
  fill: #414141;
}

.ci-primary-bg {
  background-color: #f7a733;
}

.ci-primary-bd {
  border-color: #f7a733;
}

.ci-primary-cl {
  color: #f7a733;
}

.ci-primary-fl {
  fill: #f7a733;
}

.ci-primary-bg-hover:hover {
  background-color: #f7a733;
}

.ci-primary-bd-hover:hover {
  border-color: #f7a733;
}

.ci-primary-cl-hover:hover {
  color: #f7a733;
}

.ci-primary-fl-hover:hover {
  fill: #f7a733;
}

@keyframes busy-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes busy-gif-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.busy-overlay.not-busy {
  display: none;
}
.busy-overlay.busy {
  height: 100%;
  width: 100%;
  position: relative;
  background: #333;
  opacity: 0.25;
}
.busy-overlay.busy.busy-offset-pricing {
  top: -40px;
}
.busy-overlay.busy.busy-animation {
  animation-name: busy-animation;
  /*animation-delay: 0.25s;*/
  animation-duration: 0.75s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}

.busy-gif.not-busy {
  display: none;
}
.busy-gif.busy {
  height: 44px;
  margin-left: -44px;
  position: absolute;
  bottom: 128px;
  left: 50%;
  z-index: 4;
  opacity: 1;
}
.busy-gif.busy svg circle {
  fill: inherit;
  stroke: none;
}
.busy-gif.busy.busy-gif-animation {
  animation-name: busy-gif-animation;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}

section.create_room.configuration_menu_reuse {
  padding-left: unset !important;
  width: unset !important;
}
section.create_room.configuration_menu_reuse li {
  list-style-type: none;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
section.create_room.configuration_menu_reuse li .roomshape_svg {
  position: relative;
  left: 5px;
  top: 2px;
}
section.create_room.configuration_menu_reuse li .roomshape_svg svg polygon.poly_stroke {
  stroke-linejoin: round;
}
section.create_room.configuration_menu_reuse li .two_lines {
  position: relative;
  left: 55px;
  top: -45px;
}
section.create_room.configuration_menu_reuse li .expand_arrow {
  border: solid #9f9f9f;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(135deg) skew(-3deg, -3deg);
  position: relative;
  height: 6px;
  width: 6px;
  top: -65px;
}
section.create_room.configuration_menu_reuse li.active .expand_arrow, section.create_room.configuration_menu_reuse li:hover .expand_arrow {
  border-color: inherit;
}
section.create_room .room-quickselect {
  margin-top: 10px;
  overflow-y: hidden;
}
section.create_room .room-quickselect .room-shape {
  cursor: pointer;
  height: 50px;
  display: inline-block;
  width: 15%;
  padding-left: 10px;
}
section.create_room .launch-roomwizard {
  cursor: pointer;
  border-radius: 10px;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
section.create_room .launch-roomwizard .roomwizard-icon {
  display: inline-block;
}
section.create_room .launch-roomwizard .roomwizard-icon .roomshape_svg:before {
  content: "";
  /*content: url($url);*/
  background-image: url("../images/svg/icon-cog.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 30px;
  width: 30px;
  height: 30px;
  margin: 20px;
}
section.create_room .launch-roomwizard .roomwizard-icon .roomshape_svg svg polygon.poly_stroke {
  stroke-linejoin: round;
}
section.create_room .launch-roomwizard:hover {
  -moz-transition: background-color 0s;
  -o-transition: background-color 0s;
  -webkit-transition: background-color 0s;
  transition: background-color 0s;
  background-color: #e6e6e6;
}
section.create_room .launch-roomwizard h4 {
  display: inline-block;
  position: absolute;
  margin-top: 30px;
}

.icon .connections_tag_icon {
  background-image: url("../../_icons/connections/connections.svg");
}

.scene-text-container {
  pointer-events: none;
}
.scene-text-container .text-element {
  position: absolute;
  color: #414141;
  font-weight: bold;
  z-index: 2;
  font-family: Arial, Helvetica, sans-serif;
  transform-origin: left top;
  margin-top: 1px;
  text-align: center;
}
.scene-text-container .text-element .text-title {
  font-size: 25px;
}
.scene-text-container .text-element .text-unit {
  margin-left: 2px;
}
.scene-text-container .text-element.scene-txt-floor .text-unit {
  margin-left: 10px;
}

#articlelist_layer {
  z-index: 10;
  overflow: hidden;
}
#articlelist_layer .articlelist_overlay_background {
  z-index: 1;
  overflow: hidden;
  background: #000000;
  opacity: 0.75;
}
#articlelist_layer .articlelist_container {
  z-index: 2;
  overflow: hidden;
  background-color: white;
  height: 90%;
  top: 5%;
  width: 70%;
  left: 15%;
}
#articlelist_layer .articlelist_container .separator:after {
  height: 10px;
}
#articlelist_layer .articlelist_container .articlelist_header {
  padding: 20px;
}
#articlelist_layer .articlelist_container .articlelist_header .header_upper {
  margin-bottom: 10px;
}
#articlelist_layer .articlelist_container .articlelist_header .header_upper > * {
  display: inline-block;
}
#articlelist_layer .articlelist_container .articlelist_header .header_upper .articlelist_close {
  color: #7D7D80;
  padding: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
#articlelist_layer .articlelist_container .articlelist_header .header_lower {
  margin-top: 10px;
}
#articlelist_layer .articlelist_container .articlelist_body {
  padding: 0 20px;
}
#articlelist_layer .articlelist_container .articlelist_body table {
  width: 100%;
}
#articlelist_layer .articlelist_container .articlelist_body table .item_icon {
  width: 10%;
}
#articlelist_layer .articlelist_container .articlelist_body table .item_info {
  width: 47%;
}
#articlelist_layer .articlelist_container .articlelist_body table .item_amount {
  width: 2%;
}
#articlelist_layer .articlelist_container .articlelist_body table .item_actions {
  width: 20%;
}
#articlelist_layer .articlelist_container .articlelist_body table .item_price {
  width: 10%;
}
#articlelist_layer .articlelist_container .articlelist_body table tr {
  position: relative;
  width: 100%;
}
#articlelist_layer .articlelist_container .articlelist_body thead {
  display: block;
  overflow-y: auto;
  width: 100%;
}
#articlelist_layer .articlelist_container .articlelist_body thead th {
  vertical-align: middle;
  padding: 15px;
  padding-top: 0;
  padding-bottom: 5px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody {
  display: block;
  overflow-y: auto;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item td {
  vertical-align: middle;
  padding: 15px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_index {
  font-weight: bold;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_icon .icon {
  border: solid;
  border-radius: 10px;
  border-width: 2px;
  margin-top: -2px;
  border-color: #eee;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_icon .icon > .icon-img {
  border-radius: inherit;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_icon .icon > .icon-img.external-icon {
  padding: 5px;
  border-radius: 0px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .round_clickable {
  cursor: pointer;
  display: inline-block;
  border-color: #7D7D80;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .round_clickable:hover {
  color: black;
  border-color: black;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .round_clickable > * {
  display: inline-block;
  color: inherit;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .round_clickable .round_clickable_icon {
  width: 14px;
  border-radius: 50%;
  border-color: inherit;
  border: 1px solid;
  margin-right: 5px;
  text-align: center;
  font-family: monospace;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .title .title_uid {
  display: inline-block;
  color: #cccccc;
  padding-right: 10px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .title .title_text {
  display: inline-block;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .title .position {
  color: #cccccc;
  margin-top: 5px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .title .position .position_index {
  color: #cccccc;
  padding-left: 5px;
  /*border-right: 1px solid $color_gray;

  &:last-child {
      border-right: 0;
  }*/
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .description > * {
  padding: 5px 0;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .description .description_text {
  white-space: pre-line;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .deviating_features *:first-child {
  border-left-style: solid;
  border-left-width: 5px;
  padding-left: 5px;
  margin-right: 5px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note {
  padding: 10px 0;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .article_note_input textarea {
  min-width: 50%;
  min-height: 32px;
  max-width: 80%;
  max-height: 120px;
  /*border-style: none;*/
  /*border-left: 1px solid $color_lightgray;*/
  resize: none;
  padding: 5px;
  color: #7D7D80;
  margin-left: 7px;
  overflow-y: hidden;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .article_note_input textarea:hover, #articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .article_note_input textarea:focus {
  border-style: solid;
  border-radius: 0;
  resize: both;
  overflow-y: auto;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .article_note_input textarea::placeholder {
  color: #cccccc;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_info .article_note .article_note_input .note_char_count {
  margin-left: 5px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_amount {
  font-weight: bold;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_actions .item_action {
  padding: 5px;
  border: 2px lightgrey solid;
  border-radius: 5px;
  cursor: pointer;
  width: 60%;
  margin: 10px 20%;
  text-align: center;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_actions .item_action.item_action_delete:hover {
  border-color: red;
  color: red;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_actions .item_action.item_action_force:hover {
  border-color: green;
  color: green;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_price .price .pricing_display {
  text-align: right;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_price .price .price_per_piece > .pricing_display {
  font-size: smaller;
  font-weight: normal;
  padding-top: 5px;
}
#articlelist_layer .articlelist_container .articlelist_body tbody tr.articlelist_item .item_price .price .price_per_piece > .pricing_display span:first-child {
  margin-right: 3px;
}
#articlelist_layer .articlelist_container .articlelist_footer {
  padding: 20px;
  min-height: 80px;
}
#articlelist_layer .articlelist_container .articlelist_footer.button_below {
  padding-bottom: 25px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper {
  margin-bottom: 10px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .pricing_loan .loan_container .loan_from {
  font-size: 16px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .pricing_loan .loan_container .loan_value {
  font-weight: bold;
  font-size: 18px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .pricing_loan .loan_container .loan_monthly {
  margin-left: 25px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .pricing_loan .loan_container .loan_monthly span:first-child {
  font-size: 16px;
  margin-right: 5px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .pricing_loan .loan_container .loan_monthly span:last-child {
  font-size: 14px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .cell_price_disclaimer {
  position: absolute;
  right: 130px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .cell_price {
  position: absolute;
  right: 20px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .pricing_disclaimer {
  text-align: right;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .price {
  text-align: right;
  margin-bottom: 5px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .price .pricing_display {
  font-size: 18px;
  text-align: center;
  margin-bottom: 5px;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .price .pricing_taxdisclaimer {
  font-size: 12px;
  font-weight: normal;
}
#articlelist_layer .articlelist_container .articlelist_footer .footer_upper .price .pricing_retailerkey {
  font-size: 9px;
  font-weight: normal;
}
#articlelist_layer .articlelist_container .articlelist_footer .articlelist_order {
  border: 4px white solid;
  border-radius: 5px;
  cursor: pointer;
  min-height: 40px;
  line-height: 40px;
  bottom: 20px;
  font-size: 20px;
  width: 20%;
  right: 40%;
  position: fixed;
  color: white;
  text-align: center;
}

#notification-container {
  position: absolute;
  height: 80px;
  min-width: 300px;
  top: 0;
  margin-top: -80px;
  -moz-transition: margin-top ease-out 0.5s;
  -o-transition: margin-top ease-out 0.5s;
  -webkit-transition: margin-top ease-out 0.5s;
  transition: margin-top ease-out 0.5s;
  cursor: pointer;
}
#notification-container .notification-background {
  position: absolute;
  height: inherit;
  min-width: inherit;
  z-index: 5;
  background-color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: 1px solid #7d7d80;
  border-top: 0;
  -webkit-filter: drop-shadow(0 2px 4px #7d7d80);
  -moz-filter: drop-shadow(0 2px 4px #7d7d80);
  -ms-filter: drop-shadow(0 2px 4px #7d7d80);
  -o-filter: drop-shadow(0 2px 4px #7d7d80);
  filter: drop-shadow(0 2px 4px #7d7d80);
}
#notification-container .notification-text {
  height: 80px;
  width: 100%;
  display: flex;
  display: -webkit-flex;
}
#notification-container .notification-text div {
  margin: auto;
  text-align: center;
}
#notification-container.notification-shown {
  visibility: visible;
  margin-top: 0px;
  opacity: 1;
}
#notification-container.notification-hiding {
  -moz-transition: margin-top ease-in 0.5s;
  -o-transition: margin-top ease-in 0.5s;
  -webkit-transition: margin-top ease-in 0.5s;
  transition: margin-top ease-in 0.5s;
  margin-top: -80px;
  pointer-events: none;
}
#notification-container.notification-hiding .notification-background {
  -moz-transition: opacity ease-out 0.5s;
  -o-transition: opacity ease-out 0.5s;
  -webkit-transition: opacity ease-out 0.5s;
  transition: opacity ease-out 0.5s;
  opacity: 0;
}

#configuration_menu div span.configuration_menu-flap {
  margin-left: -1px;
  display: inline-block;
  width: 50%;
  height: 100%;
}
#configuration_menu div div.configuration_menu-flap {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  border: #7D7D80 solid 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: white;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
#configuration_menu div div.configuration_menu-flap.flap-active {
  border-bottom-color: white;
}
#configuration_menu .configurators_container {
  top: 32px;
}

/*# sourceMappingURL=kopjs.min.css.map */
