/* line 5, /usr/src/app/app/assets/stylesheets/custom.scss */
iframe {
  height: 70vh; }

/* line 9, /usr/src/app/app/assets/stylesheets/custom.scss */
.box-body, .box-header {
  padding: 15px; }

/* line 14, /usr/src/app/app/assets/stylesheets/custom.scss */
.clickable {
  cursor: pointer; }
  /* line 17, /usr/src/app/app/assets/stylesheets/custom.scss */
  .clickable:hover {
    color: #f39c12; }

/* line 22, /usr/src/app/app/assets/stylesheets/custom.scss */
.addwidth {
  margin: 15px 0 0 50%; }

/* line 27, /usr/src/app/app/assets/stylesheets/custom.scss */
.alert {
  position: fixed;
  top: 15px;
  right: 15px;
  left: 245px;
  display: block;
  z-index: 9999; }
  /* line 35, /usr/src/app/app/assets/stylesheets/custom.scss */
  .alert i {
    font-size: 1.3em;
    padding-right: 15px; }

/* line 42, /usr/src/app/app/assets/stylesheets/custom.scss */
span.tip {
  display: block;
  color: gray;
  padding: 1rem;
  border: 1px solid #f39c12;
  margin-bottom: 1rem; }
  /* line 49, /usr/src/app/app/assets/stylesheets/custom.scss */
  span.tip i {
    color: #f39c12; }

/* line 56, /usr/src/app/app/assets/stylesheets/custom.scss */
.panel-body .row:hover {
  background: lightgray; }

/* line 61, /usr/src/app/app/assets/stylesheets/custom.scss */
.placeholder {
  color: black; }

/* line 65, /usr/src/app/app/assets/stylesheets/custom.scss */
.sorted_table tr {
  cursor: pointer; }

/* line 69, /usr/src/app/app/assets/stylesheets/custom.scss */
.previewImage {
  max-height: 150px;
  max-width: 150px; }

/* line 74, /usr/src/app/app/assets/stylesheets/custom.scss */
.configButton {
  font-size: 2rem;
  padding: 1rem;
  border-radius: 3px;
  color: white;
  background-color: #3c8dbc;
  border: 1px solid #3c8dbc; }
  /* line 82, /usr/src/app/app/assets/stylesheets/custom.scss */
  .configButton:hover {
    color: #3c8dbc;
    background-color: white; }

/* line 88, /usr/src/app/app/assets/stylesheets/custom.scss */
.bearbeitenLink {
  color: white;
  background-color: #f39c12;
  border: 1px solid #f39c12; }
  /* line 93, /usr/src/app/app/assets/stylesheets/custom.scss */
  .bearbeitenLink:hover {
    color: #f39c12;
    background-color: white; }

/* line 99, /usr/src/app/app/assets/stylesheets/custom.scss */
.loeschenLink {
  background-color: red;
  color: white;
  border: 1px solid red; }
  /* line 104, /usr/src/app/app/assets/stylesheets/custom.scss */
  .loeschenLink:hover {
    color: red;
    background-color: white; }

/* line 110, /usr/src/app/app/assets/stylesheets/custom.scss */
.sorted_table tr.placeholder {
  display: block;
  background: red;
  position: relative;
  margin: 0;
  padding: 0;
  border: none; }

/* line 120, /usr/src/app/app/assets/stylesheets/custom.scss */
.sorted_table tr.placeholder:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: red;
  margin-top: -5px;
  left: -5px;
  border-right: none; }

/* line 132, /usr/src/app/app/assets/stylesheets/custom.scss */
body.dragging, body.dragging * {
  cursor: move !important; }

/* line 136, /usr/src/app/app/assets/stylesheets/custom.scss */
.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000; }

/* line 143, /usr/src/app/app/assets/stylesheets/custom.scss */
.sorting-handle-width {
  width: 1.5rem; }

/* line 147, /usr/src/app/app/assets/stylesheets/custom.scss */
.window-config td {
  padding-right: 10px; }

/* line 152, /usr/src/app/app/assets/stylesheets/custom.scss */
.backgroundOpening, .backgroundDoor, .backgroundVariant {
  margin-bottom: 15px;
  padding: 15px;
  background-color: #f7f7f7; }
  /* line 157, /usr/src/app/app/assets/stylesheets/custom.scss */
  .backgroundOpening h3, .backgroundDoor h3, .backgroundVariant h3 {
    margin-top: 0; }
  /* line 162, /usr/src/app/app/assets/stylesheets/custom.scss */
  .backgroundOpening.backgroundVariant .custom_image, .backgroundDoor.backgroundVariant .custom_image, .backgroundVariant.backgroundVariant .custom_image {
    width: 100px;
    height: 100px;
    background-color: white;
    object-fit: contain; }

/* line 173, /usr/src/app/app/assets/stylesheets/custom.scss */
.tab-content {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

/* line 181, /usr/src/app/app/assets/stylesheets/custom.scss */
.preconfiguredElements .elementWrapper .element {
  height: 100px;
  margin-bottom: 15px; }
  /* line 185, /usr/src/app/app/assets/stylesheets/custom.scss */
  .preconfiguredElements .elementWrapper .element table {
    border: 1px solid lightgray;
    width: 100%;
    height: 100%; }
    /* line 190, /usr/src/app/app/assets/stylesheets/custom.scss */
    .preconfiguredElements .elementWrapper .element table:hover {
      border: 1px solid gray;
      background-color: gainsboro; }
    /* line 197, /usr/src/app/app/assets/stylesheets/custom.scss */
    .preconfiguredElements .elementWrapper .element table tr td.cb {
      padding: 0 15px;
      width: 44px; }
      /* line 201, /usr/src/app/app/assets/stylesheets/custom.scss */
      .preconfiguredElements .elementWrapper .element table tr td.cb input {
        cursor: pointer; }
    /* line 206, /usr/src/app/app/assets/stylesheets/custom.scss */
    .preconfiguredElements .elementWrapper .element table tr td.image {
      max-width: 100px; }
    /* line 210, /usr/src/app/app/assets/stylesheets/custom.scss */
    .preconfiguredElements .elementWrapper .element table tr td.title {
      padding-left: 15px; }
  /* line 218, /usr/src/app/app/assets/stylesheets/custom.scss */
  .preconfiguredElements .elementWrapper .element .opening_door_image {
    max-height: 100px;
    max-width: 100%; }

/* line 229, /usr/src/app/app/assets/stylesheets/custom.scss */
.ui-accordion-header {
  padding: 0 15px;
  cursor: pointer; }
  /* line 233, /usr/src/app/app/assets/stylesheets/custom.scss */
  .ui-accordion-header.ui-accordion-header-active {
    background-color: #f39c12;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    /* line 238, /usr/src/app/app/assets/stylesheets/custom.scss */
    .ui-accordion-header.ui-accordion-header-active + .ui-accordion-content {
      background-color: #f39c12;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
  /* line 245, /usr/src/app/app/assets/stylesheets/custom.scss */
  .ui-accordion-header h3:hover {
    text-decoration: underline; }

/* line 250, /usr/src/app/app/assets/stylesheets/custom.scss */
.preconfiguredElements {
  display: none; }
  /* line 253, /usr/src/app/app/assets/stylesheets/custom.scss */
  .preconfiguredElements.active {
    display: block; }

/* line 261, /usr/src/app/app/assets/stylesheets/custom.scss */
.backgroundDoorWrapper .backgroundDoor img {
  max-height: 150px;
  max-width: 150px; }
  /* line 266, /usr/src/app/app/assets/stylesheets/custom.scss */
  .backgroundDoorWrapper .backgroundDoor img:hover {
    transform: scale(8) translateY(-12px);
    border: 1px solid black; }

/* line 276, /usr/src/app/app/assets/stylesheets/custom.scss */
.backgroundVariantGroupWrapper {
  border-bottom: 5px dashed #f39c12;
  padding: 10px;
  margin-bottom: 10px; }
  /* line 281, /usr/src/app/app/assets/stylesheets/custom.scss */
  .backgroundVariantGroupWrapper .variant_group_layers_wrapper {
    background-color: white;
    border: 3px solid #f39c12; }

/* line 287, /usr/src/app/app/assets/stylesheets/custom.scss */
.remove_element {
  position: absolute;
  font-size: 1.5rem;
  cursor: pointer;
  right: 10px;
  top: 20px; }
  /* line 294, /usr/src/app/app/assets/stylesheets/custom.scss */
  .remove_element:hover {
    color: red; }

/* line 299, /usr/src/app/app/assets/stylesheets/custom.scss */
.default-door, .default-variant {
  position: absolute;
  font-size: 1.7rem;
  right: 40px;
  top: 20px; }

/* line 306, /usr/src/app/app/assets/stylesheets/custom.scss */
.ml-2 {
  margin-left: 2rem; }

/* line 310, /usr/src/app/app/assets/stylesheets/custom.scss */
.border {
  border: lightgray;
  border-width: 1px;
  border-style: solid; }