@charset "UTF-8";
@-webkit-keyframes fade-in-effect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fade-in-effect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fade-in-effect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in-effect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-half-effect {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@-moz-keyframes fade-half-effect {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@-o-keyframes fade-half-effect {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fade-half-effect {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@-webkit-keyframes shake-projects {
  from {
    transform: rotate(-1.5deg);
  }
  to {
    transform: rotate(1.5deg);
  }
}
@-moz-keyframes shake-projects {
  from {
    transform: rotate(-1.5deg);
  }
  to {
    transform: rotate(1.5deg);
  }
}
@-o-keyframes shake-projects {
  from {
    transform: rotate(-1.5deg);
  }
  to {
    transform: rotate(1.5deg);
  }
}
@keyframes shake-projects {
  from {
    transform: rotate(-1.5deg);
  }
  to {
    transform: rotate(1.5deg);
  }
}
@-webkit-keyframes late-opacity {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes late-opacity {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes late-opacity {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes late-opacity {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* EGR Standard */
/* borders */
/* 1.1 Allgemeiner Text */
/* 1.2 H1 Überschrift */
/* 1.3 H2 Überschrift */
/* 1.4 H3 Überschrift */
/* 1.5 Menu */
/* 1.6 Copyright */
/* 1.7 Benutzer */
/* 1.8 Konfiguration */
/* 1.9 Hinweistexte */
/* 1.10 Call-to-Action Button */
/* 2 Farben */
/* 2.1 Menü Hintergrund */
/* 2.2 Mengentext (weißer HG) */
/* 2.3 H2 Überschrift (Menü), Icons (weißer HG) */
/* 2.4 Text ausgegraut, Menüpunkte (Menü), Icons (Menü), Benutzergruppe: Kontur */
/* Farbwechsel in Tabelle, Ausgegrautes Formularfeld */
.icon-big-hamburger-dark::before {
  background: url("../images/spriteGeneral.svg") -780px -20px no-repeat;
}

.icon-big-hamburger-green::before {
  background: url("../images/spriteGeneral.svg") -780px -40px no-repeat;
}

.icon-big-hamburger-grey::before {
  background: url("../images/spriteGeneral.svg") -780px -60px no-repeat;
}

.icon-big-hamburger-white::before {
  background: url("../images/spriteGeneral.svg") -780px -80px no-repeat;
}

.icon-big-user-dark::before {
  background: url("../images/spriteGeneral.svg") 0 -30px no-repeat;
}

.icon-big-user-green::before {
  background: url("../images/spriteGeneral.svg") 0 -60px no-repeat;
}

.icon-app-dark::before {
  background: url("../images/spriteGeneral.svg") -40px -20px no-repeat;
}

.icon-app-green::before {
  background: url("../images/spriteGeneral.svg") -40px -40px no-repeat;
}

.icon-app-grey::before {
  background: url("../images/spriteGeneral.svg") -40px -60px no-repeat;
}

.icon-app-white::before {
  background: url("../images/spriteGeneral.svg") -40px -80px no-repeat;
}

.icon-logout-dark::before {
  background: url("../images/spriteGeneral.svg") -60px -20px no-repeat;
}

.icon-logout-green::before {
  background: url("../images/spriteGeneral.svg") -60px -40px no-repeat;
}

.icon-logout-grey::before {
  background: url("../images/spriteGeneral.svg") -60px -60px no-repeat;
}

.icon-logout-white::before {
  background: url("../images/spriteGeneral.svg") -60px -80px no-repeat;
}

.icon-arrow-up-dark::before {
  background: url("../images/spriteGeneral.svg") -80px -20px no-repeat;
}

.icon-arrow-up-green::before {
  background: url("../images/spriteGeneral.svg") -80px -40px no-repeat;
}

.icon-arrow-up-grey::before {
  background: url("../images/spriteGeneral.svg") -80px -60px no-repeat;
}

.icon-arrow-up-white::before {
  background: url("../images/spriteGeneral.svg") -80px -80px no-repeat;
}

.icon-arrow-down-dark::before {
  background: url("../images/spriteGeneral.svg") -100px -20px no-repeat;
}

.icon-arrow-down-green::before {
  background: url("../images/spriteGeneral.svg") -100px -40px no-repeat;
}

.icon-arrow-down-grey::before {
  background: url("../images/spriteGeneral.svg") -100px -60px no-repeat;
}

.icon-arrow-down-white::before {
  background: url("../images/spriteGeneral.svg") -100px -80px no-repeat;
}

.icon-arrow-right-dark::before {
  background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
}

.icon-arrow-right-green::before {
  background: url("../images/spriteGeneral.svg") -120px -40px no-repeat;
}

.icon-arrow-right-grey::before {
  background: url("../images/spriteGeneral.svg") -120px -60px no-repeat;
}

.icon-arrow-right-white::before {
  background: url("../images/spriteGeneral.svg") -120px -80px no-repeat;
}

.icon-arrow-left-dark::before {
  background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
}

.icon-arrow-left-green::before {
  background: url("../images/spriteGeneral.svg") -140px -40px no-repeat;
}

.icon-arrow-left-grey::before {
  background: url("../images/spriteGeneral.svg") -140px -60px no-repeat;
}

.icon-arrow-left-white::before {
  background: url("../images/spriteGeneral.svg") -140px -80px no-repeat;
}

.icon-close-dark::before {
  background: url("../images/spriteGeneral.svg") -160px -20px no-repeat;
}

.icon-close-green::before {
  background: url("../images/spriteGeneral.svg") -160px -40px no-repeat;
}

.icon-close-grey::before {
  background: url("../images/spriteGeneral.svg") -160px -60px no-repeat;
}

.icon-close-white::before {
  background: url("../images/spriteGeneral.svg") -160px -80px no-repeat;
}

.icon-hamburger-dark::before {
  background: url("../images/spriteGeneral.svg") -180px -20px no-repeat;
}

.icon-hamburger-green::before {
  background: url("../images/spriteGeneral.svg") -180px -40px no-repeat;
}

.icon-hamburger-grey::before {
  background: url("../images/spriteGeneral.svg") -180px -60px no-repeat;
}

.icon-hamburger-white::before {
  background: url("../images/spriteGeneral.svg") -180px -80px no-repeat;
}

.icon-box-radio-checked-green::before {
  background: url("../images/spriteGeneral.svg") -280px -40px no-repeat;
}

/* add if needed */
.icon-house-dark::before {
  background: url("../images/spriteGeneral.svg") -360px -20px no-repeat;
}

.icon-house-green::before {
  background: url("../images/spriteGeneral.svg") -360px -40px no-repeat;
}

.icon-house-grey::before {
  background: url("../images/spriteGeneral.svg") -360px -60px no-repeat;
}

.icon-house-white::before {
  background: url("../images/spriteGeneral.svg") -360px -80px no-repeat;
}

.icon-mail-dark::before {
  background: url("../images/spriteGeneral.svg") -380px -20px no-repeat;
}

.icon-mail-green::before {
  background: url("../images/spriteGeneral.svg") -380px -40px no-repeat;
}

.icon-mail-grey::before {
  background: url("../images/spriteGeneral.svg") -380px -60px no-repeat;
}

.icon-mail-white::before {
  background: url("../images/spriteGeneral.svg") -380px -80px no-repeat;
}

.icon-new-dark::before {
  background: url("../images/spriteGeneral.svg") -400px -20px no-repeat;
}

.icon-new-green::before {
  background: url("../images/spriteGeneral.svg") -400px -40px no-repeat;
}

.icon-new-grey::before {
  background: url("../images/spriteGeneral.svg") -400px -60px no-repeat;
}

.icon-new-white::before {
  background: url("../images/spriteGeneral.svg") -400px -80px no-repeat;
}

.icon-open-dark::before {
  background: url("../images/spriteGeneral.svg") -420px -20px no-repeat;
}

.icon-open-green::before {
  background: url("../images/spriteGeneral.svg") -420px -40px no-repeat;
}

.icon-open-grey::before {
  background: url("../images/spriteGeneral.svg") -420px -60px no-repeat;
}

.icon-open-white::before {
  background: url("../images/spriteGeneral.svg") -420px -80px no-repeat;
}

.icon-insert-dark::before {
  background: url("../images/spriteGeneral.svg") -440px -20px no-repeat;
}

.icon-insert-green::before {
  background: url("../images/spriteGeneral.svg") -440px -40px no-repeat;
}

.icon-insert-grey::before {
  background: url("../images/spriteGeneral.svg") -440px -60px no-repeat;
}

.icon-insert-white::before {
  background: url("../images/spriteGeneral.svg") -440px -80px no-repeat;
}

.icon-save-dark::before {
  background: url("../images/spriteGeneral.svg") -460px -20px no-repeat;
}

.icon-save-green::before {
  background: url("../images/spriteGeneral.svg") -460px -40px no-repeat;
}

.icon-save-grey::before {
  background: url("../images/spriteGeneral.svg") -460px -60px no-repeat;
}

.icon-save-white::before {
  background: url("../images/spriteGeneral.svg") -460px -80px no-repeat;
}

/* add if needed */
.icon-upload-dark::before {
  background: url("../images/spriteGeneral.svg") -500px -20px no-repeat;
}

.icon-upload-green::before {
  background: url("../images/spriteGeneral.svg") -500px -40px no-repeat;
}

.icon-upload-grey::before {
  background: url("../images/spriteGeneral.svg") -500px -60px no-repeat;
}

.icon-upload-white::before {
  background: url("../images/spriteGeneral.svg") -500px -80px no-repeat;
}

.icon-download-dark::before {
  background: url("../images/spriteGeneral.svg") -520px -20px no-repeat;
}

.icon-download-green::before {
  background: url("../images/spriteGeneral.svg") -520px -40px no-repeat;
}

.icon-download-grey::before {
  background: url("../images/spriteGeneral.svg") -520px -60px no-repeat;
}

.icon-download-white::before {
  background: url("../images/spriteGeneral.svg") -520px -80px no-repeat;
}

.icon-print-dark::before {
  background: url("../images/spriteGeneral.svg") -540px -20px no-repeat;
}

.icon-print-green::before {
  background: url("../images/spriteGeneral.svg") -540px -40px no-repeat;
}

.icon-print-grey::before {
  background: url("../images/spriteGeneral.svg") -540px -60px no-repeat;
}

.icon-print-white::before {
  background: url("../images/spriteGeneral.svg") -540px -80px no-repeat;
}

.icon-airplane-dark::before {
  background: url("../images/spriteGeneral.svg") -560px -20px no-repeat;
}

.icon-airplane-green::before {
  background: url("../images/spriteGeneral.svg") -560px -40px no-repeat;
}

.icon-airplane-grey::before {
  background: url("../images/spriteGeneral.svg") -560px -60px no-repeat;
}

.icon-airplane-white::before {
  background: url("../images/spriteGeneral.svg") -560px -80px no-repeat;
}

.icon-setting-dark::before {
  background: url("../images/spriteGeneral.svg") -580px -20px no-repeat;
}

.icon-setting-green::before {
  background: url("../images/spriteGeneral.svg") -580px -40px no-repeat;
}

.icon-setting-grey::before {
  background: url("../images/spriteGeneral.svg") -580px -60px no-repeat;
}

.icon-setting-white::before {
  background: url("../images/spriteGeneral.svg") -580px -80px no-repeat;
}

.icon-hand-dark::before {
  background: url("../images/spriteGeneral.svg") -600px -20px no-repeat;
}

.icon-hand-green::before {
  background: url("../images/spriteGeneral.svg") -600px -40px no-repeat;
}

.icon-hand-grey::before {
  background: url("../images/spriteGeneral.svg") -600px -60px no-repeat;
}

.icon-hand-white::before {
  background: url("../images/spriteGeneral.svg") -600px -80px no-repeat;
}

.icon-plus-dark::before {
  background: url("../images/spriteGeneral.svg") -620px -20px no-repeat;
}

.icon-plus-green::before {
  background: url("../images/spriteGeneral.svg") -620px -40px no-repeat;
}

.icon-plus-grey::before {
  background: url("../images/spriteGeneral.svg") -620px -60px no-repeat;
}

.icon-plus-white::before {
  background: url("../images/spriteGeneral.svg") -620px -80px no-repeat;
}

.icon-delete-dark::before {
  background: url("../images/spriteGeneral.svg") -640px -20px no-repeat;
}

.icon-delete-green::before {
  background: url("../images/spriteGeneral.svg") -640px -40px no-repeat;
}

.icon-delete-grey::before {
  background: url("../images/spriteGeneral.svg") -640px -60px no-repeat;
}

.icon-delete-white::before {
  background: url("../images/spriteGeneral.svg") -640px -80px no-repeat;
}

.icon-pen-dark::before {
  background: url("../images/spriteGeneral.svg") -660px -20px no-repeat;
}

.icon-pen-green::before {
  background: url("../images/spriteGeneral.svg") -660px -40px no-repeat;
}

.icon-pen-grey::before {
  background: url("../images/spriteGeneral.svg") -660px -60px no-repeat;
}

.icon-pen-white::before {
  background: url("../images/spriteGeneral.svg") -660px -80px no-repeat;
}

.icon-pen-dark::before {
  background: url("../images/spriteGeneral.svg") -660px -20px no-repeat;
}

.icon-loupe-dark::before {
  background: url("../images/spriteGeneral.svg") -680px -20px no-repeat;
}

.icon-loupe-green::before {
  background: url("../images/spriteGeneral.svg") -680px -40px no-repeat;
}

.icon-loupe-grey::before {
  background: url("../images/spriteGeneral.svg") -680px -60px no-repeat;
}

.icon-loupe-white::before {
  background: url("../images/spriteGeneral.svg") -680px -80px no-repeat;
}

.icon-undo-dark::before {
  background: url("../images/spriteGeneral.svg") -700px -20px no-repeat;
}

.icon-undo-green::before {
  background: url("../images/spriteGeneral.svg") -700px -40px no-repeat;
}

.icon-undo-grey::before {
  background: url("../images/spriteGeneral.svg") -700px -60px no-repeat;
}

.icon-undo-white::before {
  background: url("../images/spriteGeneral.svg") -700px -80px no-repeat;
}

.icon-redo-dark::before {
  background: url("../images/spriteGeneral.svg") -720px -20px no-repeat;
}

.icon-redo-green::before {
  background: url("../images/spriteGeneral.svg") -720px -40px no-repeat;
}

.icon-redo-grey::before {
  background: url("../images/spriteGeneral.svg") -720px -60px no-repeat;
}

.icon-redo-white::before {
  background: url("../images/spriteGeneral.svg") -720px -80px no-repeat;
}

/* add if needed */
.icon-folder-dark::before {
  background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
}

.icon-folder-green::before {
  background: url("../images/spriteGeneral.svg") -760px -40px no-repeat;
}

.icon-folder-grey::before {
  background: url("../images/spriteGeneral.svg") -760px -60px no-repeat;
}

.icon-folder-white::before {
  background: url("../images/spriteGeneral.svg") -760px -80px no-repeat;
}

/* add if needed */
.icon-world-dark::before {
  background: url("../images/spriteGeneral.svg") -800px -20px no-repeat;
}

.icon-world-green::before {
  background: url("../images/spriteGeneral.svg") -800px -40px no-repeat;
}

.icon-world-grey::before {
  background: url("../images/spriteGeneral.svg") -800px -60px no-repeat;
}

.icon-world-white::before {
  background: url("../images/spriteGeneral.svg") -800px -80px no-repeat;
}

.icon-filter-dark::before {
  background: url("../images/spriteGeneral.svg") -820px -20px no-repeat;
}

.icon-filter-green::before {
  background: url("../images/spriteGeneral.svg") -820px -40px no-repeat;
}

.icon-filter-grey::before {
  background: url("../images/spriteGeneral.svg") -820px -60px no-repeat;
}

.icon-filter-white::before {
  background: url("../images/spriteGeneral.svg") -820px -80px no-repeat;
}

.icon-small-arrow-right-dark::before {
  background: url("../images/spriteGeneral.svg") -840px -20px no-repeat;
}

.icon-small-arrow-right-green::before {
  background: url("../images/spriteGeneral.svg") -840px -40px no-repeat;
}

.icon-small-arrow-right-grey::before {
  background: url("../images/spriteGeneral.svg") -840px -60px no-repeat;
}

.icon-small-arrow-right-white::before {
  background: url("../images/spriteGeneral.svg") -840px -80px no-repeat;
}

.icon-small-arrow-left-dark::before {
  background: url("../images/spriteGeneral.svg") -860px -20px no-repeat;
}

.icon-small-arrow-left-green::before {
  background: url("../images/spriteGeneral.svg") -860px -40px no-repeat;
}

.icon-small-arrow-left-grey::before {
  background: url("../images/spriteGeneral.svg") -860px -60px no-repeat;
}

.icon-small-arrow-left-white::before {
  background: url("../images/spriteGeneral.svg") -860px -80px no-repeat;
}

/* add if needed */
.icon-check-dark::before {
  background: url("../images/spriteGeneral.svg") -960px -20px no-repeat;
}

.icon-check-green::before {
  background: url("../images/spriteGeneral.svg") -960px -40px no-repeat;
}

.icon-check-grey::before {
  background: url("../images/spriteGeneral.svg") -960px -60px no-repeat;
}

.icon-check-white::before {
  background: url("../images/spriteGeneral.svg") -960px -80px no-repeat;
}

.icon-disk-dark::before {
  background: url("../images/spriteGeneral.svg") -980px -20px no-repeat;
}

.icon-disk-green::before {
  background: url("../images/spriteGeneral.svg") -980px -40px no-repeat;
}

.icon-disk-grey::before {
  background: url("../images/spriteGeneral.svg") -980px -60px no-repeat;
}

.icon-disk-white::before {
  background: url("../images/spriteGeneral.svg") -980px -80px no-repeat;
}

/* add if needed */
.icon-arrow-left-big-dark::before {
  background: url("../images/spriteGeneral.svg") -1000px -20px no-repeat;
}

.icon-arrow-left-big-green::before {
  background: url("../images/spriteGeneral.svg") -1000px -40px no-repeat;
}

.icon-arrow-left-big-grey::before {
  background: url("../images/spriteGeneral.svg") -1000px -60px no-repeat;
}

.icon-arrow-left-big-white::before {
  background: url("../images/spriteGeneral.svg") -1000px -80px no-repeat;
}

.icon-circle-green::before {
  background: url("../images/spriteGeneral.svg") -1020px 0 no-repeat;
}

.icon-building-dark::before {
  background: url("../images/spriteGeneral.svg") -1060px -20px no-repeat;
}

.icon-building-green::before {
  background: url("../images/spriteGeneral.svg") -1060px -40px no-repeat;
}

.icon-building-grey::before {
  background: url("../images/spriteGeneral.svg") -1060px -60px no-repeat;
}

.icon-building-white::before {
  background: url("../images/spriteGeneral.svg") -1060px -80px no-repeat;
}

.icon-catalog-dark::before {
  background: url("../images/spriteBox.svg") -20px -20px no-repeat;
}

.icon-catalog-green::before {
  background: url("../images/spriteBox.svg") -20px -40px no-repeat;
}

.icon-catalog-grey::before {
  background: url("../images/spriteBox.svg") -20px -60px no-repeat;
}

.icon-catalog-white::before {
  background: url("../images/spriteBox.svg") -20px -80px no-repeat;
}

.icon-camera-pers-dark::before {
  background: url("../images/spriteBox.svg") -40px -20px no-repeat;
}

.icon-camera-pers-green::before {
  background: url("../images/spriteBox.svg") -40px -40px no-repeat;
}

.icon-camera-pers-grey::before {
  background: url("../images/spriteBox.svg") -40px -60px no-repeat;
}

.icon-camera-pers-white::before {
  background: url("../images/spriteBox.svg") -40px -80px no-repeat;
}

.icon-camera-ortho-dark::before {
  background: url("../images/spriteBox.svg") -60px -20px no-repeat;
}

.icon-camera-ortho-green::before {
  background: url("../images/spriteBox.svg") -60px -40px no-repeat;
}

.icon-camera-ortho-grey::before {
  background: url("../images/spriteBox.svg") -60px -60px no-repeat;
}

.icon-camera-ortho-white::before {
  background: url("../images/spriteBox.svg") -60px -80px no-repeat;
}

.icon-camera-front-dark::before {
  background: url("../images/spriteBox.svg") -80px -20px no-repeat;
}

.icon-camera-front-green::before {
  background: url("../images/spriteBox.svg") -80px -40px no-repeat;
}

.icon-camera-front-grey::before {
  background: url("../images/spriteBox.svg") -80px -60px no-repeat;
}

.icon-camera-front-white::before {
  background: url("../images/spriteBox.svg") -80px -80px no-repeat;
}

.icon-camera-top-dark::before {
  background: url("../images/spriteBox.svg") -100px -20px no-repeat;
}

.icon-camera-top-green::before {
  background: url("../images/spriteBox.svg") -100px -40px no-repeat;
}

.icon-camera-top-grey::before {
  background: url("../images/spriteBox.svg") -100px -60px no-repeat;
}

.icon-camera-top-white::before {
  background: url("../images/spriteBox.svg") -100px -80px no-repeat;
}

.icon-camera-left-dark::before {
  background: url("../images/spriteBox.svg") -120px -20px no-repeat;
}

.icon-camera-left-green::before {
  background: url("../images/spriteBox.svg") -120px -40px no-repeat;
}

.icon-camera-left-grey::before {
  background: url("../images/spriteBox.svg") -120px -60px no-repeat;
}

.icon-camera-left-white::before {
  background: url("../images/spriteBox.svg") -120px -80px no-repeat;
}

.icon-camera-right-dark::before {
  background: url("../images/spriteBox.svg") -140px -20px no-repeat;
}

.icon-camera-right-green::before {
  background: url("../images/spriteBox.svg") -140px -40px no-repeat;
}

.icon-camera-right-grey::before {
  background: url("../images/spriteBox.svg") -140px -60px no-repeat;
}

.icon-camera-right-white::before {
  background: url("../images/spriteBox.svg") -140px -80px no-repeat;
}

.icon-camera-back-dark::before {
  background: url("../images/spriteBox.svg") -160px -20px no-repeat;
}

.icon-camera-back-green::before {
  background: url("../images/spriteBox.svg") -160px -40px no-repeat;
}

.icon-camera-back-grey::before {
  background: url("../images/spriteBox.svg") -160px -60px no-repeat;
}

.icon-camera-back-white::before {
  background: url("../images/spriteBox.svg") -160px -80px no-repeat;
}

.icon-camera-bottom-dark::before {
  background: url("../images/spriteBox.svg") -180px -20px no-repeat;
}

.icon-camera-bottom-green::before {
  background: url("../images/spriteBox.svg") -180px -40px no-repeat;
}

.icon-camera-bottom-grey::before {
  background: url("../images/spriteBox.svg") -180px -60px no-repeat;
}

.icon-camera-bottom-white::before {
  background: url("../images/spriteBox.svg") -180px -80px no-repeat;
}

.icon-small-arrow-down-dark::before {
  background: url("../images/spriteBox.svg") -200px -20px no-repeat;
}

.icon-small-arrow-down-green::before {
  background: url("../images/spriteBox.svg") -200px -40px no-repeat;
}

.icon-small-arrow-down-grey::before {
  background: url("../images/spriteBox.svg") -200px -60px no-repeat;
}

.icon-small-arrow-down-white::before {
  background: url("../images/spriteBox.svg") -200px -80px no-repeat;
}

.icon-singleview-dark::before {
  background: url("../images/spriteBox.svg") -220px -20px no-repeat;
}

.icon-singleview-green::before {
  background: url("../images/spriteBox.svg") -220px -40px no-repeat;
}

.icon-singleview-grey::before {
  background: url("../images/spriteBox.svg") -220px -60px no-repeat;
}

.icon-singleview-white::before {
  background: url("../images/spriteBox.svg") -220px -80px no-repeat;
}

.icon-multiview-dark::before {
  background: url("../images/spriteBox.svg") -240px -20px no-repeat;
}

.icon-multiview-green::before {
  background: url("../images/spriteBox.svg") -240px -40px no-repeat;
}

.icon-multiview-grey::before {
  background: url("../images/spriteBox.svg") -240px -60px no-repeat;
}

.icon-multiview-white::before {
  background: url("../images/spriteBox.svg") -240px -80px no-repeat;
}

.icon-clone-dark::before {
  background: url("../images/spriteBox.svg") -260px -20px no-repeat;
}

.icon-clone-green::before {
  background: url("../images/spriteBox.svg") -260px -40px no-repeat;
}

.icon-clone-grey::before {
  background: url("../images/spriteBox.svg") -260px -60px no-repeat;
}

.icon-clone-white::before {
  background: url("../images/spriteBox.svg") -260px -80px no-repeat;
}

/* add if needed */
.icon-lock-dark::before {
  background: url("../images/spriteBox.svg") -260px -20px no-repeat;
}

.icon-lock-green::before {
  background: url("../images/spriteBox.svg") -260px -40px no-repeat;
}

.icon-lock-grey::before {
  background: url("../images/spriteBox.svg") -260px -60px no-repeat;
}

.icon-lock-white::before {
  background: url("../images/spriteBox.svg") -260px -80px no-repeat;
}

.icon-unlock-dark::before {
  background: url("../images/spriteBox.svg") -260px -20px no-repeat;
}

.icon-unlock-green::before {
  background: url("../images/spriteBox.svg") -260px -40px no-repeat;
}

.icon-unlock-grey::before {
  background: url("../images/spriteBox.svg") -260px -60px no-repeat;
}

.icon-unlock-white::before {
  background: url("../images/spriteBox.svg") -260px -80px no-repeat;
}

.icon-property-dark::before {
  background: url("../images/spriteBox.svg") -360px -20px no-repeat;
}

.icon-property-green::before {
  background: url("../images/spriteBox.svg") -360px -40px no-repeat;
}

.icon-property-grey::before {
  background: url("../images/spriteBox.svg") -360px -60px no-repeat;
}

.icon-property-white::before {
  background: url("../images/spriteBox.svg") -360px -80px no-repeat;
}

.icon-list-dark::before {
  background: url("../images/spriteBox.svg") -380px -20px no-repeat;
}

.icon-list-green::before {
  background: url("../images/spriteBox.svg") -380px -40px no-repeat;
}

.icon-list-grey::before {
  background: url("../images/spriteBox.svg") -380px -60px no-repeat;
}

.icon-list-white::before {
  background: url("../images/spriteBox.svg") -380px -80px no-repeat;
}

.icon-three-rects-dark::before {
  background: url("../images/spriteBox.svg") -400px -20px no-repeat;
}

.icon-three-rects-green::before {
  background: url("../images/spriteBox.svg") -400px -40px no-repeat;
}

.icon-three-rects-grey::before {
  background: url("../images/spriteBox.svg") -400px -60px no-repeat;
}

.icon-three-rects-white::before {
  background: url("../images/spriteBox.svg") -400px -80px no-repeat;
}

.icon-check-double-dark::before {
  background: url("../images/spriteBox.svg") -420px -20px no-repeat;
}

.icon-check-double-green::before {
  background: url("../images/spriteBox.svg") -420px -40px no-repeat;
}

.icon-check-double-grey::before {
  background: url("../images/spriteBox.svg") -420px -60px no-repeat;
}

.icon-check-double-white::before {
  background: url("../images/spriteBox.svg") -420px -80px no-repeat;
}

.icon-floorplan-dark::before {
  background: url("../images/spriteBox.svg") -440px -20px no-repeat;
}

.icon-floorplan-green::before {
  background: url("../images/spriteBox.svg") -440px -40px no-repeat;
}

.icon-floorplan-grey::before {
  background: url("../images/spriteBox.svg") -440px -60px no-repeat;
}

.icon-floorplan-white::before {
  background: url("../images/spriteBox.svg") -440px -80px no-repeat;
}

.icon-minus-dark::before {
  background: url("../images/spriteBox.svg") -460px -20px no-repeat;
}

.icon-minus-green::before {
  background: url("../images/spriteBox.svg") -460px -40px no-repeat;
}

.icon-minus-grey::before {
  background: url("../images/spriteBox.svg") -460px -60px no-repeat;
}

.icon-minus-white::before {
  background: url("../images/spriteBox.svg") -460px -80px no-repeat;
}

.icon-eye-dark::before {
  background: url("../images/spriteBox.svg") -480px -20px no-repeat;
}

.icon-eye-green::before {
  background: url("../images/spriteBox.svg") -480px -40px no-repeat;
}

.icon-eye-grey::before {
  background: url("../images/spriteBox.svg") -480px -60px no-repeat;
}

.icon-eye-white::before {
  background: url("../images/spriteBox.svg") -480px -80px no-repeat;
}

.icon-eye-line-dark::before {
  background: url("../images/spriteBox.svg") -500px -20px no-repeat;
}

.icon-eye-line-green::before {
  background: url("../images/spriteBox.svg") -500px -40px no-repeat;
}

.icon-eye-line-grey::before {
  background: url("../images/spriteBox.svg") -500px -60px no-repeat;
}

.icon-eye-line-white::before {
  background: url("../images/spriteBox.svg") -500px -80px no-repeat;
}

.icon-thin-arrow-left-dark::before {
  background: url("../images/spriteBox.svg") -520px -20px no-repeat;
}

.icon-thin-arrow-left-green::before {
  background: url("../images/spriteBox.svg") -520px -40px no-repeat;
}

.icon-thin-arrow-left-grey::before {
  background: url("../images/spriteBox.svg") -520px -60px no-repeat;
}

.icon-thin-arrow-left-white::before {
  background: url("../images/spriteBox.svg") -520px -80px no-repeat;
}

.icon-thin-arrow-right-dark::before {
  background: url("../images/spriteBox.svg") -540px -20px no-repeat;
}

.icon-thin-arrow-right-green::before {
  background: url("../images/spriteBox.svg") -540px -40px no-repeat;
}

.icon-thin-arrow-right-grey::before {
  background: url("../images/spriteBox.svg") -540px -60px no-repeat;
}

.icon-thin-arrow-right-white::before {
  background: url("../images/spriteBox.svg") -540px -80px no-repeat;
}

.icon-text-dark::before {
  background: url("../images/spriteBox.svg") -560px -20px no-repeat;
}

.icon-text-green::before {
  background: url("../images/spriteBox.svg") -560px -40px no-repeat;
}

.icon-text-grey::before {
  background: url("../images/spriteBox.svg") -560px -60px no-repeat;
}

.icon-text-white::before {
  background: url("../images/spriteBox.svg") -560px -80px no-repeat;
}

.icon-multiselect-dark::before {
  background: url("../images/spriteBox.svg") -580px -20px no-repeat;
}

.icon-multiselect-green::before {
  background: url("../images/spriteBox.svg") -580px -40px no-repeat;
}

.icon-multiselect-grey::before {
  background: url("../images/spriteBox.svg") -580px -60px no-repeat;
}

.icon-multiselect-white::before {
  background: url("../images/spriteBox.svg") -580px -80px no-repeat;
}

.image-checked-green::before {
  background: url("../images/spriteBox.svg") -600px 0 no-repeat;
}

.icon-star-dark::before {
  background: url("../images/spriteBox.svg") -660px -20px no-repeat;
}

.icon-star-green::before {
  background: url("../images/spriteBox.svg") -660px -40px no-repeat;
}

.icon-star-grey::before {
  background: url("../images/spriteBox.svg") -660px -60px no-repeat;
}

.icon-star-white::before {
  background: url("../images/spriteBox.svg") -660px -80px no-repeat;
}

.icon-rectselect-dark::before {
  background: url("../images/spriteBox.svg") -680px -20px no-repeat;
}

.icon-rectselect-green::before {
  background: url("../images/spriteBox.svg") -680px -40px no-repeat;
}

.icon-rectselect-grey::before {
  background: url("../images/spriteBox.svg") -680px -60px no-repeat;
}

.icon-rectselect-white::before {
  background: url("../images/spriteBox.svg") -680px -80px no-repeat;
}

.icon-photo-dark::before {
  background: url("../images/spriteBox.svg") -700px -20px no-repeat;
}

.icon-photo-green::before {
  background: url("../images/spriteBox.svg") -700px -40px no-repeat;
}

.icon-photo-grey::before {
  background: url("../images/spriteBox.svg") -700px -60px no-repeat;
}

.icon-photo-white::before {
  background: url("../images/spriteBox.svg") -700px -80px no-repeat;
}

.image-photo-dark::before {
  background: url("../images/spriteBox.svg") -720px 0 no-repeat;
}

.image-photo-green::before {
  background: url("../images/spriteBox.svg") -720px -40px no-repeat;
}

.image-plus-dark::before {
  background: url("../images/spriteBox.svg") -780px 0 no-repeat;
}

.image-plus-green::before {
  background: url("../images/spriteBox.svg") -780px -40px no-repeat;
}

.icon-bag-dark::before {
  background: url("../images/spriteBox.svg") -820px -20px no-repeat;
}

.icon-bag-green::before {
  background: url("../images/spriteBox.svg") -820px -40px no-repeat;
}

.icon-bag-grey::before {
  background: url("../images/spriteBox.svg") -820px -60px no-repeat;
}

.icon-bag-white::before {
  background: url("../images/spriteBox.svg") -820px -80px no-repeat;
}

.icon-sort-dark::before {
  background: url("../images/spriteBox.svg") -840px -20px no-repeat;
}

.icon-sort-green::before {
  background: url("../images/spriteBox.svg") -840px -40px no-repeat;
}

.icon-sort-grey::before {
  background: url("../images/spriteBox.svg") -840px -60px no-repeat;
}

.icon-sort-white::before {
  background: url("../images/spriteBox.svg") -840px -80px no-repeat;
}

.icon-news-dark::before {
  background: url("../images/spriteBox.svg") -860px -20px no-repeat;
}

.icon-news-green::before {
  background: url("../images/spriteBox.svg") -860px -40px no-repeat;
}

.icon-news-grey::before {
  background: url("../images/spriteBox.svg") -860px -60px no-repeat;
}

.icon-news-white::before {
  background: url("../images/spriteBox.svg") -860px -80px no-repeat;
}

.icon-config-dark::before {
  background: url("../images/spriteBox.svg") -880px -20px no-repeat;
}

.icon-config-green::before {
  background: url("../images/spriteBox.svg") -880px -40px no-repeat;
}

.icon-config-grey::before {
  background: url("../images/spriteBox.svg") -880px -60px no-repeat;
}

.icon-config-white::before {
  background: url("../images/spriteBox.svg") -880px -80px no-repeat;
}

.icon-user-dark::before {
  background: url("../images/spriteBox.svg") -900px -20px no-repeat;
}

.icon-user-green::before {
  background: url("../images/spriteBox.svg") -900px -40px no-repeat;
}

.icon-user-grey::before {
  background: url("../images/spriteBox.svg") -900px -60px no-repeat;
}

.icon-user-white::before {
  background: url("../images/spriteBox.svg") -900px -80px no-repeat;
}

.icon-dotdotdot-dark::before {
  background: url("../images/spriteBox.svg") -920px -20px no-repeat;
}

.icon-dotdotdot-green::before {
  background: url("../images/spriteBox.svg") -920px -40px no-repeat;
}

.icon-dotdotdot-grey::before {
  background: url("../images/spriteBox.svg") -920px -60px no-repeat;
}

.icon-dotdotdot-white::before {
  background: url("../images/spriteBox.svg") -920px -80px no-repeat;
}

.icon-share-dark::before {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
}

.icon-share-green::before {
  background: url("../images/spriteBox.svg") -940px -40px no-repeat;
}

.icon-share-grey::before {
  background: url("../images/spriteBox.svg") -940px -60px no-repeat;
}

.icon-share-white::before {
  background: url("../images/spriteBox.svg") -940px -80px no-repeat;
}

.image-multiselect-dark::before {
  background: url("../images/spriteBox.svg") -960px 0 no-repeat;
}

.icon-back-dark::before {
  background: url("../images/spriteBox.svg") -1060px -20px no-repeat;
}

.icon-back-green::before {
  background: url("../images/spriteBox.svg") -1060px -40px no-repeat;
}

.icon-back-grey::before {
  background: url("../images/spriteBox.svg") -1060px -60px no-repeat;
}

.icon-back-white::before {
  background: url("../images/spriteBox.svg") -1060px -80px no-repeat;
}

/* add if needed */
.icon-architecture-dark::before {
  background: url("../images/spriteBox.svg") -1700px -20px no-repeat;
}

.icon-architecture-green::before {
  background: url("../images/spriteBox.svg") -1700px -40px no-repeat;
}

.icon-architecture-grey::before {
  background: url("../images/spriteBox.svg") -1700px -60px no-repeat;
}

.icon-architecture-white::before {
  background: url("../images/spriteBox.svg") -1700px -80px no-repeat;
}

/* add if needed */
.icon-info-dark::before {
  background: url("../images/spriteBox.svg") -1840px -20px no-repeat;
}

.icon-info-green::before {
  background: url("../images/spriteBox.svg") -1840px -40px no-repeat;
}

.icon-info-grey::before {
  background: url("../images/spriteBox.svg") -1840px -60px no-repeat;
}

.icon-info-white::before {
  background: url("../images/spriteBox.svg") -1840px -80px no-repeat;
}

.icon-faq-dark::before {
  background: url("../images/spriteBox.svg") -1860px -20px no-repeat;
}

.icon-faq-green::before {
  background: url("../images/spriteBox.svg") -1860px -40px no-repeat;
}

.icon-faq-grey::before {
  background: url("../images/spriteBox.svg") -1860px -60px no-repeat;
}

.icon-faq-white::before {
  background: url("../images/spriteBox.svg") -1860px -80px no-repeat;
}

.image-hand-green::before {
  background: url("../images/spriteBox.svg") -1880px 0 no-repeat;
}

.image-hand-grey::before {
  background: url("../images/spriteBox.svg") -1880px -40px no-repeat;
}

.image-mail-dark::before {
  background: url("../images/spriteBox.svg") -1950px 0 no-repeat;
}

.image-mail-white::before {
  background: url("../images/spriteBox.svg") -1950px -40px no-repeat;
}

.icon-box-arrow-dark::before {
  background: url("../images/spriteBox.svg") -2110px -20px no-repeat;
}

.icon-box-arrow-green::before {
  background: url("../images/spriteBox.svg") -2110px -40px no-repeat;
}

.icon-box-arrow-grey::before {
  background: url("../images/spriteBox.svg") -2110px -60px no-repeat;
}

.icon-box-arrow-white::before {
  background: url("../images/spriteBox.svg") -2110px -80px no-repeat;
}

.icon-wall-dark::before {
  background: url("../images/spriteBox.svg") -2130px -20px no-repeat;
}

.icon-wall-green::before {
  background: url("../images/spriteBox.svg") -2130px -40px no-repeat;
}

.icon-wall-grey::before {
  background: url("../images/spriteBox.svg") -2130px -60px no-repeat;
}

.icon-wall-white::before {
  background: url("../images/spriteBox.svg") -2130px -80px no-repeat;
}

.icon-questionmark-dark::before {
  background: url("../images/spriteBox.svg") -2150px -20px no-repeat;
}

.icon-questionmark-green::before {
  background: url("../images/spriteBox.svg") -2150px -40px no-repeat;
}

.icon-questionmark-grey::before {
  background: url("../images/spriteBox.svg") -2150px -60px no-repeat;
}

.icon-questionmark-white::before {
  background: url("../images/spriteBox.svg") -2150px -80px no-repeat;
}

.image-questionmark-green::before {
  background: url("../images/spriteBox.svg") -2170px -40px no-repeat;
}

.image-questionmark-white::before {
  background: url("../images/spriteBox.svg") -2210px 0 no-repeat;
}

.icon-ar-mode-dark::before {
  background: url("../images/spriteBox.svg") -3030px -20px no-repeat;
}

.icon-ar-mode-green::before {
  background: url("../images/spriteBox.svg") -3030px -40px no-repeat;
}

.icon-ar-mode-grey::before {
  background: url("../images/spriteBox.svg") -3030px -60px no-repeat;
}

.icon-ar-mode-white::before {
  background: url("../images/spriteBox.svg") -3030px -80px no-repeat;
}

.sprite-icon-close::after {
  background: url("../images/spriteGeneral.svg") -160px -20px no-repeat;
}
.core-hover-enabled .sprite-icon-close:hover::after, .sprite-icon-close.active-button-state::after, .sprite-icon-close:active::after {
  background: url("../images/spriteGeneral.svg") -160px -40px no-repeat;
}

.sprite-icon-upload::after {
  background: url("../images/spriteGeneral.svg") -500px -20px no-repeat;
}
.core-hover-enabled .sprite-icon-upload:hover::after, .sprite-icon-upload.active-button-state::after, .sprite-icon-upload:active::after {
  background: url("../images/spriteGeneral.svg") -500px -40px no-repeat;
}

.sprite-icon-config::after {
  background: url("../images/spriteBox.svg") -880px -20px no-repeat;
}
.core-hover-enabled .sprite-icon-config:hover::after, .sprite-icon-config.active-button-state::after, .sprite-icon-config:active::after {
  background: url("../images/spriteBox.svg") -880px -40px no-repeat;
}

.sprite-icon-pen::after {
  background: url("../images/spriteGeneral.svg") -660px -20px no-repeat;
}
.core-hover-enabled .sprite-icon-pen:hover::after, .sprite-icon-pen.active-button-state::after, .sprite-icon-pen:active::after {
  background: url("../images/spriteGeneral.svg") -660px -40px no-repeat;
}

@-webkit-keyframes active-effect {
  from {
    background-color: #fff;
  }
  to {
    background-color: #ececec;
  }
}
@-moz-keyframes active-effect {
  from {
    background-color: #fff;
  }
  to {
    background-color: #ececec;
  }
}
@-o-keyframes active-effect {
  from {
    background-color: #fff;
  }
  to {
    background-color: #ececec;
  }
}
@keyframes active-effect {
  from {
    background-color: #fff;
  }
  to {
    background-color: #ececec;
  }
}
.article-send:active,
.catalog-menu-button:active,
.cancel-button:active,
.submit-button:active,
.toolbar-button:active,
.project-new-button:active,
.project-clone-button:active,
.project-name-button:active,
.project-delete-button:active,
.projects-sort:active,
.smart-button:active {
  background-color: #ececec;
}

.toolbar-camera:active .select-hider,
.projects-sort:active .select-hider {
  background-color: #ececec;
}

.back-to-projects:active::after {
  background: url("../images/spriteBox.svg") -1060px -40px no-repeat;
}

.project-tile:active .project-image {
  border: 1px solid #e60023;
}

.app-banner {
  background: #4F4F4F;
  color: #fff;
  height: 57px;
  left: 0;
  padding-left: calc(57px + 30px);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.app-banner::after {
  background: url("../images/spriteBanner.svg") -400px 0 no-repeat;
  content: "";
  height: 40px;
  left: calc(28.5px - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.app-banner.no-badges .app-banner-label {
  width: calc(100% - 57px - 49px - 30px);
}
.app-banner .app-banner-label {
  float: left;
  font-size: 22px;
  height: 100%;
  line-height: 57px;
  width: calc(100% - 139px - 139px - 115px - 57px - 49px - 30px);
}
.app-banner .app-banner-label .app-banner-label-white {
  color: #fff;
  font-weight: 400;
}
.app-banner .app-banner-label .app-banner-label-grey {
  color: #b2b2b2;
  font-weight: 300;
}
.app-banner .app-banner-apple,
.app-banner .app-banner-ms,
.app-banner .app-banner-google {
  cursor: pointer;
  display: block;
  float: right;
  height: 40px;
  margin: 8.5px 5px;
}
.app-banner .app-banner-apple {
  background: url("../images/spriteBanner.svg") 0 0 no-repeat;
  width: 139px;
}
.app-banner .app-banner-google {
  background: url("../images/spriteBanner.svg") -140px 0 no-repeat;
  width: 139px;
}
.app-banner .app-banner-ms {
  background: url("../images/spriteBanner.svg") -280px 0 no-repeat;
  width: 115px;
}
.app-banner .app-banner-close {
  border-left: 1px solid #868686;
  cursor: pointer;
  float: right;
  height: calc(57px - 28px);
  margin: 14px 0;
  position: relative;
  width: 49px;
}
.app-banner .app-banner-close::after {
  background: url("../images/spriteGeneral.svg") -160px -80px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.core-hover-enabled .app-banner .app-banner-close:hover::after {
  background: url("../images/spriteGeneral.svg") -160px -40px no-repeat;
}

.core-app-layout .article-list-items {
  background: #fff;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
}

.core-hover-enabled .article-send:hover {
  background: url("../images/spriteBox.svg") -940px -40px no-repeat;
}

.article-send {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
  cursor: pointer;
  display: block;
  height: 20px;
  position: absolute;
  right: 20px;
  top: calc(50% - 10px);
  width: 20px;
}

.article-list {
  font-size: 14px;
}

.generate-pdf {
  border: 1px solid #dadada;
  cursor: pointer;
  display: block;
  height: 50px;
  position: absolute;
  right: 32px;
  top: 0;
  width: 50px;
}
.generate-pdf:hover {
  background-color: #ececec;
}
.generate-pdf::after {
  background-image: url("../images/spriteGeneral.svg");
  background-position: -300px -40px;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
}

.article-image {
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  height: 48px;
  margin-bottom: 16px;
  width: 48px;
}

.article-list-pricetext,
.article-list-fullprice {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  width: 50%;
}

.articles-price {
  margin-bottom: 16px;
  padding: 19px 20px;
}

.article-list-fullprice {
  text-align: right;
}

.article-list-position {
  border-bottom: 1px solid #dadada;
  margin: 10px 0 20px 20px;
  padding: 0 0 20px;
  width: calc(100% - 40px);
}
.article-list-position:last-child {
  border-bottom: 0;
}
.article-list-position.inconsistencies .article-position-header,
.article-list-position.inconsistencies .article-price-sum {
  color: #c00303;
}
.article-list-position .inconsistency {
  color: #c00303;
  font-size: 16px;
  margin-top: 32px;
  padding-left: 32px;
  position: relative;
}
.article-list-position .inconsistency::after {
  background: url("../images/spriteBox.svg") -1000px -60px no-repeat;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.article-list-position .article-position-longtext,
.article-list-position .article-position-featuretext {
  line-height: 22px;
}
.article-list-position .article-position-header,
.article-list-position .article-position-longtext {
  margin: 0;
  padding-bottom: 22px;
}
.article-list-position .article-position-featuretext {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.article-list-position .article-position-featuretext li {
  padding-left: 20px;
  position: relative;
}
.article-list-position .article-position-featuretext li::before {
  border-top: 1px solid #4f4f4f;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: calc(50% - 1px);
  width: 4px;
}
.article-list-position .article-position-header,
.article-list-position .article-position-price {
  font-size: 16px;
}
.article-list-position .article-position-price {
  margin: 0;
  padding-top: 22px;
  position: relative;
  width: 100%;
}
.article-list-position .article-position-price .article-price-quantity {
  display: inline-block;
  width: 50%;
}
.article-list-position .article-position-price .article-price-sum {
  display: inline-block;
  text-align: right;
  width: 50%;
}

.article-list-container {
  height: 100%;
  position: relative;
  width: 100%;
}

.article-list-header {
  box-sizing: border-box;
  display: block;
  height: 70px;
  overflow: hidden;
  padding: 15px 20px 0;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 48px);
}

.article-position-header {
  position: relative;
  width: 100%;
}
.article-position-header .article-header,
.article-position-header .article-manufacturer {
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 58px);
}

.hide-ie-scroll {
  -ms-overflow-style: none;
}

.iosfix {
  display: block;
  height: 1px;
  opacity: 0;
  width: 1px;
}

.half-opacity {
  opacity: 0.5;
}

iframe {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
}

.green-link {
  color: #e60023;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.green-link::after {
  content: " »";
}

a,
a:hover,
a:visited,
a:active {
  text-decoration: none;
}
a.questionmark-link,
a:hover.questionmark-link,
a:visited.questionmark-link,
a:active.questionmark-link {
  background: url("../images/spriteBox.svg") -2170px 0 no-repeat;
  height: 40px;
  width: 40px;
}
a.questionmark-link.questionmark-link-right,
a:hover.questionmark-link.questionmark-link-right,
a:visited.questionmark-link.questionmark-link-right,
a:active.questionmark-link.questionmark-link-right {
  position: absolute;
  right: 10px;
  top: calc(50% - 20px);
}
a.copyright-text,
a:hover.copyright-text,
a:visited.copyright-text,
a:active.copyright-text {
  color: #868686;
  font-size: 14px;
  padding-left: 20px;
}

.wcf-core.pointer-feedback {
  background-color: rgba(149, 193, 31, 0.5) !important;
}

.wcf-core.pointer-feedback::after {
  background-color: #e60023 !important;
}

.select-allowed *,
input,
textarea {
  -khtml-user-select: auto;
  -moz-user-select: text;
  -ms-user-select: auto;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  user-select: auto;
  box-shadow: none !important;
}
.select-allowed *::selection,
input::selection,
textarea::selection {
  background: #cae08f;
}
.select-allowed *::-moz-selection,
input::-moz-selection,
textarea::-moz-selection {
  background: #cae08f;
}

.projects-sort-button {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}
.projects-sort-button::after {
  background: url("../images/spriteBox.svg") -840px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 12px;
  top: calc(50% - 10px);
  width: 20px;
}

.coming-soon::after {
  box-shadow: 0px 2px 6px 0px #ececec;
  -moz-box-shadow: 0px 2px 6px 0px #ececec;
  -webkit-box-shadow: 0px 2px 6px 0px #ececec;
  background: #e60023;
  color: #fff;
  content: "COMING SOON";
  font-size: 10px;
  left: -30px;
  line-height: 18px;
  padding: 0 25px;
  position: absolute;
  top: 25px;
  transform: rotate(-45deg);
}
.coming-soon img, .coming-soon.photo-template::before {
  opacity: 0.3;
}

.app-header {
  display: none;
}

.show-on-appmode {
  display: none;
}

#page-container {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1;
}
@media (orientation: landscape) {
  #page-container::before {
    background: #000;
    right: 0;
    content: "";
    width: 0;
    width: constant(safe-area-inset-right);
    width: env(safe-area-inset-right);
    position: fixed;
    height: 100%;
    z-index: 1000;
  }
  #page-container::after {
    background: #000;
    left: 0;
    content: "";
    width: 0;
    width: constant(safe-area-inset-left);
    width: env(safe-area-inset-left);
    position: fixed;
    height: 100%;
    z-index: 1000;
  }
}
#page-container .page-container {
  position: fixed;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
}
@media (orientation: landscape) {
  #page-container .page-container {
    left: 0;
    left: constant(safe-area-inset-left);
    left: env(safe-area-inset-left);
    right: 0;
    right: constant(safe-area-inset-right);
    right: env(safe-area-inset-right);
    overflow: hidden;
    width: 100%;
    width: calc(100% - constant(safe-area-inset-left) - constant(safe-area-inset-right));
    width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));
  }
}
#page-container .page-container-grey-bottom::before {
  background: #f9f9f9 !important;
}
#page-container .page-container-white-bottom::before {
  background: #fff !important;
}
#page-container .page-container::before {
  background: #3a3a3a;
  bottom: 0;
  content: "";
  height: 0;
  height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#page-container .page-container::after {
  background: #fff;
  content: "";
  height: 0;
  height: constant(safe-area-inset-top);
  height: env(safe-area-inset-top);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
#page-container .page-container .page-content {
  display: block;
  position: absolute;
  top: 0;
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
  bottom: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  left: 0;
  right: 0;
}
#page-container .page-container.viewer-fullscreen {
  top: 0 !important;
  bottom: 0 !important;
}
#page-container .page-container.viewer-fullscreen .viewer-container {
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
}
#page-container .page-container.page-container-banner {
  height: calc(100% - 57px);
  top: 57px;
}

.viewcontainer {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.centered-image {
  text-align: center;
}
.centered-image > .img-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.centered-image > img {
  max-height: 100%;
  max-width: 100%;
  position: relative;
  vertical-align: middle;
}
.centered-image > .cover-image {
  background-position: center center;
  background-size: cover;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  border-style: none;
  border-width: 0;
  outline: none;
  touch-action: manipulation;
}
*::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: none;
  border-width: 0;
}
*::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: none;
  border-width: 0;
}

@-ms-viewport {
  width: device-width;
  zoom: 1;
  user-zoom: fixed;
}
@viewport {
  width: device-width;
  zoom: 1;
  user-zoom: fixed;
}
body {
  background: #fff;
}
body.ar-enabled {
  background: transparent;
}

html,
body {
  color: #4f4f4f;
  font: normal 16px "Open Sans", sans-serif;
  font-weight: 400;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  width: 100%;
}

h1 {
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  margin: 0;
}

h2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 29px;
  margin: 0 0 29px;
  position: relative;
}

h1,
h2,
h3 {
  color: #4f4f4f;
}

h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 20px;
  position: relative;
}

select {
  color: #4f4f4f;
  font: normal 14px "Open Sans", sans-serif;
}

.main-container {
  height: calc(100% - 57px);
  position: relative;
  width: 100%;
}

.sidebar-on-left .viewer-container {
  left: 47px;
}

.viewer-container {
  height: calc(100% - 47px);
  left: 0;
  position: relative;
  top: 47px;
  width: calc(100% - 47px);
  z-index: 1;
}
.viewer-container.viewer-container-dragcursor {
  cursor: crosshair;
}

.view-frames {
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.h2-arrow {
  cursor: pointer;
  padding-left: 20px;
  position: relative;
}
.h2-arrow::before {
  background-image: url("../images/spriteGeneral.svg");
  background-position: -140px -20px;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.locked-letter-buttons {
  background-color: rgba(255, 255, 255, 0.4);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.scroll-to-top {
  background: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: 4px;
  bottom: 10px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 40px;
  z-index: 7;
}
.scroll-to-top::before {
  background: url("../images/spriteGeneral.svg") -80px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.search-no-results {
  padding: 0 20px 10px;
}

.after-input {
  min-height: 100%;
}

.catalog-header-label {
  max-width: 100%;
  overflow: hidden;
  padding: 0 47px;
  text-overflow: ellipsis;
}

.catalog-search {
  display: block;
  padding: 0 47px;
  text-align: left;
  width: 100%;
}
.catalog-search .catalog-search-label {
  display: inline-block;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.catalog-search .catalog-search-quote {
  display: inline-block;
  vertical-align: top;
}

.catalog-menu-button {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}
.catalog-menu-button::after {
  background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 12px;
  top: calc(50% - 10px);
  width: 20px;
}

.app-catalog-item.active::after,
.catalog-item.active::after {
  background: rgba(0, 0, 0, 0.07);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -1px;
  width: calc(100% + 1px);
}

.app-catalog-item {
  background: #fff;
  position: relative;
}
.app-catalog-item:last-child {
  border-bottom: 1px solid #ececec;
}
.app-catalog-item:last-child .catalog-item {
  border-bottom: 0;
}

.catalog-input {
  height: 55px;
  position: relative;
}
.catalog-input.filter::before {
  background: url("../images/spriteGeneral.svg") -820px -20px no-repeat;
}
.catalog-input .placeholder {
  color: #b2b2b2;
  height: 40px;
  left: 0;
  padding: 8px 30px 8px 12px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.catalog-input .placeholder.hidden {
  display: none;
}
.catalog-input::before {
  background: url("../images/spriteGeneral.svg") -680px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 40px;
  top: 10px;
  width: 20px;
  z-index: 1;
}

.page-container-banner .fixed-in-sidebar {
  margin-top: 57px;
}

.catalog-navigation,
.property-article {
  background: #fff;
  padding: 10px 20px 0;
  position: absolute;
  top: 58px;
  width: 100%;
  z-index: 2;
}
.catalog-navigation.fixed-in-sidebar,
.property-article.fixed-in-sidebar {
  max-width: 319px;
  position: fixed;
  top: 47px;
  width: calc(100% - 47px);
}

.catalog-navigation {
  height: 40px;
}
.catalog-navigation .catalog-back {
  display: inline-block;
  height: 22px;
  margin: 0 0 0 -10px;
  position: relative;
  vertical-align: top;
  width: 34px;
}
.catalog-navigation .catalog-back::before {
  background: url("../images/spriteGeneral.svg") -140px 0 no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 5px;
  pointer-events: none;
  position: absolute;
  top: 2px;
  width: 20px;
  z-index: 2;
}
.catalog-navigation .catalog-back:not(.enabled) {
  pointer-events: none;
}
.catalog-navigation .catalog-back.enabled {
  cursor: pointer;
}
.catalog-navigation .catalog-back.enabled::before {
  background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
}
.catalog-navigation .catalog-separator {
  border-right: 1px solid #dadada;
  display: inline-block;
  height: 20px;
  margin: 2px 0 0;
  vertical-align: top;
}
.catalog-navigation .catalog-label {
  display: inline-block;
  line-height: 24px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  width: calc(100% - 87px);
}
.catalog-navigation .catalog-label .catalog-label-intro,
.catalog-navigation .catalog-label .catalog-label-text,
.catalog-navigation .catalog-label .catalog-label-outro {
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
}
.catalog-navigation .catalog-label .catalog-label-text {
  max-width: calc(100% - 110px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.core-browser-layout.core-hover-enabled .catalog-item-container:hover .catalog-item {
  border: 1px solid #e60023;
}
.core-browser-layout .catalog-item-container.catalog-item-container-active .catalog-item,
.core-browser-layout .catalog-item-container:active .catalog-item,
.core-browser-layout .catalog-item.catalog-item-active,
.core-browser-layout .catalog-item:active {
  border: 1px solid #e60023;
}
.core-browser-layout .catalog-items {
  padding: 0 20px;
}

.core-app-layout .sidebar-content.filter-active {
  padding: 10px 0 0;
}
.core-app-layout .sidebar-content.filter-active .catalog-items {
  height: calc(100% - 49px);
  min-height: 0;
}

.core-app-layout .catalog-items {
  min-height: calc(100% + 20px);
}

.catalog-item-name {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 16px;
  -webkit-line-clamp: 3;
  line-height: 24px;
  max-height: 72px;
  max-width: 95%;
  overflow: hidden;
  white-space: normal;
}

.catalog-items {
  font-size: 14px;
  width: 100%;
}
.catalog-items .catalog-item.itemtype-information {
  display: none;
}
.catalog-items .catalog-item.itemtype-article {
  width: calc(100%);
}
.catalog-items .catalog-item-container {
  background: #fff;
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
}
.catalog-items .catalog-item-container.catalog-item-container-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.catalog-items .scroll-element.scroll-x {
  display: none !important;
}
.catalog-items .catalog-item.itemtype-folder,
.catalog-items .catalog-item.itemtype-catalog {
  width: calc(100% - 4px);
}
.catalog-items .catalog-item.itemtype-folder,
.catalog-items .catalog-item.itemtype-article {
  height: 110px;
  margin-bottom: 13px;
  padding: 12px 12px 12px 132px;
}
.catalog-items .catalog-item.itemtype-folder > .catalog-item-label,
.catalog-items .catalog-item.itemtype-article > .catalog-item-label {
  bottom: 0;
  left: 0;
  max-width: 100%;
  position: relative;
}
.catalog-items .catalog-item.itemtype-folder > .catalog-item-image,
.catalog-items .catalog-item.itemtype-article > .catalog-item-image {
  height: 86px;
  left: 12px;
  position: absolute;
  text-align: left;
  top: 12px;
  width: calc(132px - 12px - 12px);
}
.catalog-items .catalog-item-container.catalog-tile {
  display: inline-block;
  min-height: 155px;
  vertical-align: top;
  width: 100%;
}
.catalog-items .catalog-item-container.catalog-tile > .catalog-item-label {
  display: block;
  padding: 7px 30px 20px 12px;
}
.catalog-items .catalog-item-container.catalog-tile .catalog-item.itemtype-catalog {
  height: 110px;
  margin: 0;
}
.catalog-items .catalog-item-container.catalog-tile .catalog-item.itemtype-catalog > .catalog-item-label {
  display: none;
}

.catalog-item-container > .catalog-item-label {
  display: none;
}

.catalog-item-catalog {
  font-size: 14px;
  line-height: 20px;
}

.catalog-items .catalog-item {
  border: 1px solid #dadada;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  height: 265px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 12px;
  position: relative;
  vertical-align: top;
  width: 185px;
}
.catalog-items .catalog-item.itemtype-folder::after, .catalog-items .catalog-item.itemtype-catalog::after {
  background: #f9f9f9;
  border-bottom: 1px solid #dadada;
  border-bottom-right-radius: 2px;
  border-right: 1px solid #dadada;
  border-top: 1px solid #dadada;
  border-top-right-radius: 2px;
  content: "";
  height: calc(100% - 4px);
  position: absolute;
  right: -5px;
  top: 2px;
  width: 4px;
}
.catalog-items .catalog-item.itemtype-article > .catalog-item-image.dummy-image::after {
  background: url("../images/spriteBox.svg") -1780px 0 no-repeat;
}
.catalog-items .catalog-item > .catalog-item-image {
  height: 100%;
  margin: auto;
  max-width: 120px;
  width: 100%;
}
.catalog-items .catalog-item > .catalog-item-image.dummy-image::after {
  background: url("../images/spriteBox.svg") -1720px 0 no-repeat;
  content: "";
  height: 60px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 30px);
  width: 60px;
}
.catalog-items .catalog-item > .catalog-item-label {
  bottom: 12px;
  left: 12px;
  line-height: 22px;
  max-width: calc(100% - 24px);
  position: absolute;
}
.catalog-items .catalog-item > .catalog-item-label .catalog-item-catalog {
  -webkit-box-orient: vertical;
  color: #b2b2b2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 40px;
  overflow: hidden;
  white-space: normal;
}
.catalog-items .catalog-item > .catalog-item-label .catalog-item-name.catalog-item-name-nospace {
  -webkit-line-clamp: 2;
}

.show-error .connection-error {
  display: block;
}

.connection-error {
  background: #fff4e5;
  border-bottom: 1px solid #dadada;
  display: none;
  font-size: 14px;
  height: 47px;
  left: 0;
  padding: 10px 16px;
  position: fixed;
  top: 47px;
  width: 100%;
  z-index: 17;
}
.connection-error .connection-error-label {
  max-width: 50%;
}
.connection-error .connection-reconnect {
  color: #f18f3a;
  cursor: pointer;
  line-height: 20px;
  padding-right: 16px;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
}

.input-group-valid .desktop-selectbox {
  border-color: #e60023;
}

.input-group-invalid .desktop-selectbox-label {
  color: #b2b2b2;
}

.desktop-selectbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  border: 1px solid #dadada;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
  flex-direction: column;
  height: 40px;
  line-height: 38px;
  position: relative;
}
.desktop-selectbox .desktop-selectbox-label {
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  padding: 0 40px 0 12px;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}
.desktop-selectbox.opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #e60023;
}
.desktop-selectbox::after {
  background: url("../images/spriteGeneral.svg") -100px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 20px;
}
.desktop-selectbox.opened::after {
  background: url("../images/spriteGeneral.svg") -80px -20px no-repeat;
}

.desktop-select-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  line-height: normal;
  min-height: 36px;
  padding: 7px 12px;
}
.desktop-select-option:last-child {
  border-bottom: 0;
}
.desktop-select-option:not(.desktop-select-option-disabled).active {
  background: #ececec;
}
.desktop-select-option.desktop-select-option-disabled {
  color: #b2b2b2;
  pointer-events: none;
}

.desktop-select-options {
  background: #fff;
  border: 1px solid #e60023;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  left: -1px;
  max-height: 216px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 38px;
  width: calc(100% + 2px);
  z-index: 2;
}

.core-hover-enabled .desktop-select-option:hover {
  background: #ececec;
}

.core-hover-enabled .desktop-select-options:hover .desktop-select-option:not(:hover) {
  background: #fff;
}

.dialog-page {
  background: rgba(0, 0, 0, 0.45);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 115;
}
.dialog-page .input-container {
  width: 100%;
}
.dialog-page .dialog-page-resizer {
  background: #fff;
  border-radius: 5px;
  left: 50%;
  max-width: 600px;
  overflow: hidden;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dialog-page .dialog-page-resizer.dialog-page-resizer-softkeyboard {
  top: 25%;
}
.dialog-page .dialog-big-button {
  cursor: pointer;
  padding: 17px 0;
  text-align: center;
}
.core-hover-enabled .dialog-page .dialog-big-button:hover, .dialog-page .dialog-big-button:active {
  background: #ececec;
}
.dialog-page .dialog-big-button:not(:last-child) {
  border-bottom: 1px solid #dadada;
}
.dialog-page .cancel-button,
.dialog-page .submit-button {
  background: #fff;
  border-top: 1px solid #ececec;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  width: 50%;
}
.core-hover-enabled .dialog-page .cancel-button:hover, .dialog-page .cancel-button:active,
.core-hover-enabled .dialog-page .submit-button:hover,
.dialog-page .submit-button:active {
  background: #ececec;
}
.dialog-page .cancel-button.full-button,
.dialog-page .submit-button.full-button {
  width: 100%;
}
.dialog-page .dialog-page-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog-page .dialog-page-button.dialog-page-button-green {
  color: #e60023;
}
.core-hover-enabled .dialog-page .dialog-page-button:hover, .dialog-page .dialog-page-button:active {
  background: #ececec;
}
.dialog-page .dialog-page-buttons-horizontal {
  align-items: center;
  border-top: 1px solid #ececec;
  display: flex;
  height: 40px;
}
.dialog-page .dialog-page-buttons-horizontal .dialog-page-button {
  flex: 1;
  height: 100%;
}
.dialog-page .dialog-page-buttons-horizontal .dialog-page-button:not(:first-child) {
  border-left: 1px solid #ececec;
}
.dialog-page .dialog-page-buttons-vertical {
  border-top: 1px solid #ececec;
}
.dialog-page .dialog-page-buttons-vertical .dialog-page-button {
  height: 40px;
  width: 100%;
}
.dialog-page .dialog-page-buttons-vertical .dialog-page-button:not(:first-child) {
  border-top: 1px solid #ececec;
}
.dialog-page .cancel-button {
  border-bottom-left-radius: 5px;
  border-right: 1px solid #ececec;
  color: #4f4f4f;
}
.dialog-page .empty-input .submit-button {
  opacity: 0.3;
  pointer-events: none;
}
.dialog-page .submit-button {
  border-bottom-right-radius: 5px;
  color: #e60023;
}
.dialog-page .submit-button.full-button {
  border-bottom-left-radius: 5px;
}
.dialog-page .dialog-page-header {
  color: #4f4f4f;
  font-size: 16px;
  padding: 20px;
}
.dialog-page .egr-inputbox {
  margin: 0 20px 20px;
  width: calc(100% - 40px);
}

.core-app-layout .hamburger-button.popup-open {
  background: #e60023;
}

.hamburger-button {
  background: #e60023;
  border-bottom: 1px solid #dadada;
  cursor: pointer;
  display: block;
  height: 47px;
  left: 0;
  position: absolute;
  top: 0;
  width: 47px;
  z-index: 9;
}
.hamburger-button.popup-open {
  background: #3a3a3a;
}
.hamburger-button::after {
  background: url("../images/spriteGeneral.svg") -780px -80px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: calc(50% - 10px);
  position: relative;
  top: calc(50% - 10px);
  width: 20px;
}
.hamburger-button.on-right-side {
  left: auto;
  right: 0;
}
.hamburger-button.back-to-projects, .hamburger-button.in-templates {
  background: #ececec;
}
.hamburger-button.back-to-projects::after, .hamburger-button.in-templates::after {
  background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
}

.floating-inputbox-overlay {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}

.dialog-page .input-container {
  padding: 0;
}

.core-browser-layout .input-container.after-header {
  background: #fff;
  padding: 13px 20px 10px;
  position: absolute;
  top: calc(58px + 40px);
  width: 100%;
  z-index: 0;
}
.core-browser-layout .input-container.in-sidebar-tab {
  background: #fff;
  padding: 13px 20px 10px;
  position: absolute;
  top: calc(58px + 40px);
  width: 100%;
  z-index: 1;
}
.core-browser-layout .input-container.in-sidebar-tab.fixed-in-sidebar {
  max-width: 319px;
  position: fixed;
  top: 87px;
  width: calc(100% - 47px);
}

.input-container {
  padding: 0 18px 9px;
  width: 100%;
}

.egr-inputbox {
  position: relative;
}
.egr-inputbox .core-input-outer-info {
  bottom: 100%;
  color: #b2b2b2;
  display: none;
  font-size: 12px;
  left: 0;
  position: absolute;
}
.egr-inputbox.filter-input::before {
  background: url("../images/spriteGeneral.svg") -820px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 8px;
  top: calc(50% - 10px);
  width: 20px;
  z-index: 1;
}
.egr-inputbox.search-input::before {
  background: url("../images/spriteGeneral.svg") -680px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 8px;
  top: calc(50% - 10px);
  width: 20px;
  z-index: 1;
}
.egr-inputbox.active .core-input-outer-info {
  display: block;
}
.egr-inputbox.active.filter-input::before {
  background: url("../images/spriteGeneral.svg") -820px -40px no-repeat;
}
.egr-inputbox.active.search-input::before {
  background: url("../images/spriteGeneral.svg") -680px -40px no-repeat;
}
.egr-inputbox.active > input {
  border: 1px solid #e60023;
}
.egr-inputbox.active > input.invalid {
  border: 1px solid #c00303;
}
.egr-inputbox > .input-delete-button {
  cursor: pointer;
  display: none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
}
.egr-inputbox > .input-delete-button::after {
  background: url("../images/spriteGeneral.svg") -160px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 8px;
  top: calc(50% - 10px);
  width: 20px;
}
.egr-inputbox.changed > input {
  border: 1px solid #e60023;
}
.egr-inputbox.changed.filter-input::before {
  display: none;
}
.egr-inputbox.changed.search-input::before {
  display: none;
}
.egr-inputbox.changed > .input-delete-button {
  display: block;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SCROLLBAR WCF ***************/
.scrollbar-wcf > .scroll-element,
.scrollbar-wcf > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 5;
}

.scrollbar-wcf > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-wcf > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-wcf > .scroll-element .scroll-bar {
  background-color: #b2b2b2;
  border-radius: 3px;
  display: block;
  opacity: 1;
}

.scrollbar-wcf > .scroll-element.scroll-x {
  bottom: 3px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
  display: none;
}

.scrollbar-wcf > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 3px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-wcf > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -7px;
}

.scrollbar-wcf > .scroll-element.scroll-y .scroll-bar {
  left: -7px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-wcf > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-wcf > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-wcf > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-wcf > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-wcf > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -15px;
}

.scrollbar-wcf > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -15px;
}

.launch-screen {
  background: #fff;
  height: 100%;
  opacity: 1;
  position: absolute;
  width: 100%;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  transition: opacity 1s linear;
  z-index: 19;
}
.launch-screen.empty-launch > * {
  display: none;
}
.launch-screen.hide-launch {
  opacity: 0;
  pointer-events: none;
}

.launch-middle {
  height: calc(46px + 100px);
  margin: auto;
  position: relative;
  text-align: center;
  top: calc(50% - 61px);
}
.launch-middle .launch-image {
  background: url("../images/launch.png") no-repeat;
  display: block;
  height: 100px;
  margin: auto;
  width: 100px;
}
.launch-middle .launch-label {
  color: #868686;
  font-size: 34px;
  font-weight: 300;
  line-height: 46px;
}

.launch-bottom {
  bottom: 16px;
  color: #868686;
  font-size: 12px;
  margin: auto;
  position: absolute;
  text-align: center;
  width: 100%;
}

.loading-with-text {
  height: 200px;
  left: calc(50% - 80px);
  position: relative;
  top: calc(50% - 100px);
  width: 160px;
}
.loading-with-text .loading-animation {
  top: calc(50% - 30.5px);
}
.loading-with-text .loading-text {
  font-size: 14px;
  position: absolute;
  text-align: center;
  top: calc(50% + 30.5px);
  width: 100%;
}

.main-lock,
.sidebar-tab-container.sidebar-lock {
  background-color: rgba(255, 255, 255, 0.4);
  height: 100%;
  padding: 0;
  position: absolute;
}
.main-lock.main-lock-transparent,
.sidebar-tab-container.sidebar-lock.main-lock-transparent {
  background: transparent;
}

.sidebar-tab-container.sidebar-lock {
  left: 0;
  top: 0;
  z-index: 2;
}

.main-lock {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 16;
}

.loading-success {
  background: url("../images/spriteBox.svg") -600px 0 no-repeat;
  display: block;
  height: 60px;
  margin: auto;
  position: relative;
  top: calc(50% - 30px);
  width: 60px;
}

.messagebox-loading .messagebox-loading-header {
  display: block;
  height: 30px;
  line-height: 20px;
  padding: 0 0 10px 0;
  text-align: center;
  width: 100%;
}
.messagebox-loading .messagebox-loading-main {
  display: block;
  height: 75px;
  width: 100%;
}

.complete-overlay {
  background: rgba(255, 255, 255, 0.85);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 15;
}

.message-box {
  background: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding: 12px 16px;
  position: absolute;
  right: calc(50% - 72px);
  text-align: center;
  top: calc(50% - 75px);
  width: 182px;
}

.custom-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 20px;
}
.custom-logo > img {
  max-height: 100%;
}

.view-minmaxbutton {
  cursor: pointer;
  height: 40px;
  pointer-events: all;
  position: absolute;
  width: 40px;
  z-index: 1;
}
.view-minmaxbutton::after {
  background: url("../images/spriteBox.svg") -220px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.view-minmaxbutton.view-minmaxbutton-active::after {
  background: url("../images/spriteBox.svg") -240px -20px no-repeat;
}

.core-hover-enabled .view-minmaxbutton:hover::after {
  background: url("../images/spriteBox.svg") -220px -40px no-repeat;
}
.core-hover-enabled .view-minmaxbutton.view-minmaxbutton-active:hover::after {
  background: url("../images/spriteBox.svg") -240px -40px no-repeat;
}

.core-app-layout .hamburger-button .news-counter,
.core-app-layout .hamburger-button.popup-open .news-counter,
.hamburger-button:not(.popup-open) .news-counter {
  background: #3a3a3a;
}

.news-counter {
  background: #e60023;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  text-align: center;
  top: calc(50% - 10px);
  z-index: 1;
}

.news-header {
  color: #b2b2b2;
  font-size: 14px;
  padding-bottom: 24px;
}

.news-title,
.news-text {
  color: #4f4f4f;
}

.news-title {
  font-size: 22px;
  font-weight: 300;
  padding: 6px 0;
}

.news-text {
  border-bottom: 1px solid #dadada;
  margin: 0 0 42px;
  padding: 0 0 42px;
}
.news-text a,
.news-text a:hover,
.news-text a:visited,
.news-text a:active {
  color: #e60023;
}
.news-text a::after,
.news-text a:hover::after,
.news-text a:visited::after,
.news-text a:active::after {
  content: " »";
}

.pcon-login-frame {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 18;
}
.pcon-login-frame .iframe-top-banner {
  background: #fff;
  display: block;
  height: 57px;
  position: relative;
  width: 100%;
}
.pcon-login-frame .iframe-close {
  cursor: pointer;
  float: right;
  height: 57px;
  position: relative;
  width: 57px;
}
.pcon-login-frame .iframe-close::after {
  background: url("../images/spriteGeneral.svg") -160px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.pcon-login-frame .iframe-full,
.pcon-login-frame .iframe-with-close {
  background: #fff;
  overflow: auto;
  position: relative;
  width: 100%;
}
.pcon-login-frame .iframe-full > iframe,
.pcon-login-frame .iframe-with-close > iframe {
  height: 100%;
  width: 100%;
}
.pcon-login-frame .iframe-full {
  height: 100%;
}
.pcon-login-frame .iframe-with-close {
  height: calc(100% - 57px);
}

.pcon-login-bar {
  display: block;
  height: 100%;
  line-height: calc(47px - 1px);
  padding-right: 20px;
  position: relative;
}
.pcon-login-bar .pcon-login-popup {
  box-shadow: 0px -2px 6px 0px #ececec;
  -moz-box-shadow: 0px -2px 6px 0px #ececec;
  -webkit-box-shadow: 0px -2px 6px 0px #ececec;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  color: #4f4f4f;
  display: none;
  min-width: 225px;
  padding: 6px 10px;
  position: absolute;
  right: -10px;
  top: 49px;
  white-space: nowrap;
}
.pcon-login-bar .pcon-login-popup .pcon-login-popup-name {
  font-size: 22px;
  font-weight: 300;
  line-height: 34px;
}
.pcon-login-bar .pcon-login-popup .pcon-login-popup-info {
  font-size: 14px;
  line-height: 20px;
}
.pcon-login-bar .pcon-login-popup .pcon-login-popup-info:nth-child(3) {
  margin-top: 24px;
}
.pcon-login-bar .pcon-login-popup .pcon-login-popup-separator {
  border-bottom: 1px solid #dadada;
  margin: 14px 0 15px;
}
.pcon-login-bar .pcon-login-popup .pcon-login-popup-logout::before {
  background: url("../images/spriteGeneral.svg") -60px -20px no-repeat;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.pcon-login-bar .pcon-login-popup .pcon-login-popup-logout,
.pcon-login-bar .pcon-login-popup .pcon-login-popup-account {
  color: #4f4f4f;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 32px;
  padding: 0 0 0 30px;
  position: relative;
}
.pcon-login-bar .pcon-login-popup .pcon-login-popup-account::before {
  background: url("../images/spriteBox.svg") -900px -20px no-repeat;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.pcon-login-bar.active .pcon-login-label {
  color: #e60023;
}
.pcon-login-bar.active .pcon-login-label::before {
  background: url("../images/spriteGeneral.svg") 0 -60px no-repeat;
}
.pcon-login-bar.active .pcon-login-label::after {
  background: url("../images/spriteGeneral.svg") -100px -40px no-repeat;
}
.pcon-login-bar.active .pcon-login-popup {
  display: block;
}

.pcon-login-label {
  cursor: pointer;
  min-height: 100%;
  padding: 0 0 0 36px;
  position: relative;
}
.pcon-login-label::before {
  background: url("../images/spriteGeneral.svg") 0 -30px no-repeat;
  content: "";
  height: 25px;
  left: 0;
  position: absolute;
  top: calc(50% - 12.5px);
  width: 25px;
}
.pcon-login-label:not(.no-flag) {
  padding: 0 24px 0 36px;
}
.pcon-login-label:not(.no-flag)::after {
  background: url("../images/spriteGeneral.svg") -100px -20px no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: -4px;
  top: calc(50% - 10px);
  width: 20px;
}

.core-hover-enabled .pcon-login-popup-logout:hover::before {
  background: url("../images/spriteGeneral.svg") -60px -40px no-repeat;
}
.core-hover-enabled .pcon-login-popup-account:hover::before {
  background: url("../images/spriteBox.svg") -900px -40px no-repeat;
}
.core-hover-enabled .pcon-login-popup-account:hover,
.core-hover-enabled .pcon-login-popup-logout:hover {
  color: #e60023;
}

.with-popupflag.left-arrow::before, .with-popupflag.top-arrow::before, .with-popupflag.bottom-arrow::before {
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.with-popupflag.left-arrow::before {
  border: 10px solid transparent;
  border-right-color: #dadada;
  margin-top: -10px;
  right: 100%;
  top: 50%;
}
.with-popupflag.bottom-arrow::before {
  border: 10px solid transparent;
  border-top-color: #dadada;
  left: 50%;
  margin-left: -10px;
  top: 100%;
}
.with-popupflag.top-arrow::before {
  border: 10px solid transparent;
  border-bottom-color: #dadada;
  left: 50%;
  margin-left: -10px;
  top: -20px;
}
.with-popupflag.align-left::before {
  left: 10px;
  margin-left: 0;
}
.with-popupflag.align-right::before {
  left: auto;
  right: 4px;
}
.with-popupflag.left-arrow::after, .with-popupflag.top-arrow::after, .with-popupflag.bottom-arrow::after {
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.with-popupflag.left-arrow::after {
  border: 8px solid transparent;
  border-right-color: #fff;
  margin-top: -10px;
  right: 100%;
  top: calc(50% + 2px);
}
.with-popupflag.bottom-arrow::after {
  border: 8px solid transparent;
  border-top-color: #fff;
  left: calc(50% + 2px);
  margin-left: -10px;
  top: 100%;
}
.with-popupflag.top-arrow::after {
  border: 8px solid transparent;
  border-bottom-color: #fff;
  left: calc(50% + 2px);
  margin-left: -10px;
  top: -16px;
}
.with-popupflag.top-arrow.align-left::after, .with-popupflag.bottom-arrow.align-left::after {
  left: 12px;
  margin-left: 0;
}
.with-popupflag.top-arrow.align-right::after, .with-popupflag.bottom-arrow.align-right::after {
  left: auto;
  right: 6px;
}

.core-browser-layout .hamburger-tab-content {
  padding: 0 45px 0 20px;
}
.core-browser-layout .hamburger-subheader {
  font-size: 20px;
  font-weight: 100;
  padding-bottom: 28px;
}
.core-browser-layout .hamburger-menu.on-right-side .hamburger-tab {
  border-left: 1px solid #dadada;
}
.core-browser-layout .hamburger-menu:not(.on-right-side) .hamburger-tab {
  border-right: 1px solid #dadada;
}
.core-browser-layout .hamburger-tab.navigation {
  background-color: #3a3a3a;
}
.core-browser-layout .hamburger-menu .hamburger-tab.second-hamburger-tab {
  background: #fff;
  width: 770px;
}
.core-browser-layout.sidebar-on-right .hamburger-menu .hamburger-tab.second-hamburger-tab {
  background: #fff;
  width: 770px;
}

.core-app-layout .hamburger-tab-content {
  height: 100%;
  overflow: auto;
  padding: 9px 0 10px;
}
.core-app-layout .hamburger-tab-header {
  color: #868686;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 6px 16px 2px;
}
.core-app-layout .popup-spacer {
  display: none;
}
.core-app-layout .hamburger-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #e60023;
  border-bottom: 1px solid #dadada;
  color: #fff;
  flex-direction: column;
  font-size: 20px;
  font-weight: 300;
  height: 47px;
  justify-content: center;
  overflow: hidden;
  padding: 0 52px;
  position: absolute;
  right: 0;
  text-align: left;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
  width: 100%;
}
.core-app-layout .hamburger-header.hamburger-header-with-arrow {
  cursor: pointer;
  padding: 0 52px;
}
.core-app-layout .hamburger-header.hamburger-header-right:not(.hamburger-header-with-arrow) {
  padding: 0 20px;
}
.core-app-layout .hamburger-header.hamburger-header-with-arrow::before {
  background: url("../images/spriteGeneral.svg") -1000px -80px no-repeat;
  content: "";
  height: 20px;
  left: calc(23.5px - 10px);
  position: absolute;
  top: calc(23.5px - 10px);
  width: 20px;
}
.core-app-layout .hamburger-menu:not(.hamburger-menu-single):not(.on-right-side) .hamburger-tab:not(.navigation) {
  border-left: 1px solid #dadada;
}
.core-app-layout .hamburger-menu:not(.on-right-side) {
  left: 0;
}
.core-app-layout .hamburger-menu:not(.on-right-side) .second-hamburger-tab.hamburger-tab {
  left: 365px;
}
.core-app-layout .hamburger-menu.on-right-side .second-hamburger-tab.hamburger-tab {
  right: 365px;
}
.core-app-layout .hamburger-menu {
  height: 100%;
  max-height: 100%;
  top: 0;
  width: calc(60.8333333333px + 83.3333333333%);
}
.core-app-layout .hamburger-menu.on-right-side .hamburger-tab:not(.navigation) {
  border-right: 1px solid #dadada;
}
.core-app-layout .hamburger-menu .menu-underlay {
  background: rgba(0, 0, 0, 0.65);
}
.core-app-layout .hamburger-menu .second-hamburger-tab.hamburger-tab {
  width: calc(100% - 365px);
}
.core-app-layout .hamburger-menu .hamburger-tab {
  background: #f9f9f9;
  color: #4f4f4f;
  max-width: 100%;
  padding: 47px 0 0;
  top: 0;
}
.core-app-layout .hamburger-menu .sidebar-content {
  height: 100%;
  overflow: auto;
  padding: 9px 0 10px;
}

.hamburger-menu {
  height: calc(100% - 47px);
  left: 0;
  max-height: calc(100% - 47px);
  overflow: visible;
  position: absolute;
  top: 47px;
  width: 100%;
  z-index: 8;
}
.hamburger-menu:not(.on-right-side) .hamburger-tab {
  left: 0;
}
.hamburger-menu:not(.on-right-side) .hamburger-tab.second-hamburger-tab {
  left: 365px;
}
.hamburger-menu.on-right-side .hamburger-tab {
  right: 0;
}
.hamburger-menu.on-right-side .hamburger-tab.second-hamburger-tab {
  right: 365px;
}

.hamburger-tab {
  background: #fff;
  box-sizing: border-box;
  height: 100%;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 0;
  width: 365px;
}
.hamburger-tab .sidemenu-text {
  padding: 0 20px 20px 0;
}
.hamburger-tab.settings-menu {
  background-color: #fff;
  padding: 0;
}
.hamburger-tab.settings-menu h2 {
  font-size: 20px;
  margin-bottom: 0 0 18px 0;
  padding: 0 0 0 30px;
}
.hamburger-tab > h2 {
  color: #868686;
  padding-bottom: 20px;
}

.popup-spacer {
  border-bottom: 1px solid #4f4f4f;
  margin: 7px auto 12px;
  width: calc(100% - 40px);
}

.popup-iframe {
  display: block;
  height: 100%;
  width: 100%;
}

.core-hover-enabled .big-button-container:hover {
  background: #ececec;
}

.big-button-container {
  color: #4f4f4f;
  cursor: pointer;
  display: block;
  padding: 12px 10px;
  position: relative;
}
.big-button-container .big-button {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  display: block;
  height: 60px;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 60px;
}
.big-button-container .big-button::before {
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.big-button-container .big-button.hand-button::before {
  background: url("../images/spriteBox.svg") -1880px 0 no-repeat;
}
.big-button-container .big-button.mail-button::before {
  background: url("../images/spriteBox.svg") -1950px 0 no-repeat;
}
.big-button-container .big-button-text {
  line-height: 24px;
  padding-left: 69px;
}
.big-button-container .big-button-text:last-child {
  color: #b2b2b2;
}

.popup-content {
  height: 100%;
  overflow: auto;
  width: 100%;
}

.in-popup.select-overlay {
  left: 0;
  width: 100%;
}
.in-popup.select-overlay .select-option {
  line-height: 53px;
}
.in-popup.select-overlay .select-option.select-option-no-icon {
  margin: 0;
  padding-left: 0;
}
.in-popup.select-overlay .select-box-container {
  background: #f9f9f9;
  border-left: 1px solid #dadada;
  bottom: auto;
  height: 100%;
  left: 365px;
  position: absolute;
  top: 0;
  width: 365px;
}
.in-popup.select-overlay .select-box-header {
  background: #e60023;
  border-top: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 46px;
  padding: 0 47px;
  text-align: center;
}
.in-popup.select-overlay .select-box-header::after {
  background: url("../images/spriteGeneral.svg") -140px -80px no-repeat;
  left: 13.5px;
  right: auto;
}
.in-popup.select-overlay .select-box {
  border-bottom: 1px solid #ececec;
  margin-top: 10px;
  max-height: calc(100% - 57px);
}
.in-popup.select-overlay .select-box .select-box {
  margin-top: 0;
}
.in-popup.select-overlay .select-option-container {
  left: 20px;
  position: relative;
  width: calc(100% - 20px);
}
.in-popup.select-overlay .select-option-container:last-child {
  border: 0;
}
.in-popup.select-overlay .select-option-container.active-option {
  background: #fff;
}
.in-popup.select-overlay .select-option-container.active-option::before {
  background: url("../images/spriteGeneral.svg") -960px -40px no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 20px;
}

.popup-top-header {
  background: #e60023;
  border-left: 1px solid #dadada;
  color: #fff;
  display: none;
  font-weight: 300;
  left: 365px;
  padding-left: 20px;
  position: fixed;
  top: 0;
  width: 365px;
}

.hamburger-tab-header {
  color: #4f4f4f;
  font-size: 24px;
  font-weight: 300;
  line-height: 48px;
  padding: 0 0 0 16px;
  position: relative;
}
.hamburger-tab-header.hamburger-tab-header-navigation {
  color: #868686;
}

.popup-menu-separator {
  border-bottom: 1px solid #4f4f4f;
  height: 1px;
  margin-bottom: 28px;
  margin-top: 25px;
}

.settings {
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
  margin-bottom: 10px;
}

.menu-checkbox {
  margin-bottom: 10px;
  padding: 4px 5px 4px 36px;
}

.menu-underlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.menu-separator {
  background-color: #474746;
  box-sizing: border-box;
  height: 1px;
  margin-bottom: 10px;
}

.price {
  display: inline-block;
}

.project-delete-swipe {
  background: #c00303;
}
.project-delete-swipe:not(.core-swipe-right-streched)::after {
  background: url("../images/spriteBox.svg") -2030px -40px no-repeat;
  content: "";
  height: 40px;
  left: calc(41.5px - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}

.project-edit-swipe {
  background: #868686;
}
.project-edit-swipe::after {
  background: url("../images/spriteBox.svg") -2030px 0 no-repeat;
  content: "";
  height: 40px;
  left: calc(41.5px - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}

.sidebar-header.project-manager-header {
  padding-bottom: 47px;
}

.projects-edit .project-tile:not(.new-project) {
  -moz-animation: shake-projects 0.2s linear 0s infinite alternate;
  -o-animation: shake-projects 0.2s linear 0s infinite alternate;
  -webkit-animation: shake-projects 0.2s linear 0s infinite alternate;
  animation: shake-projects 0.2s linear 0s infinite alternate;
}

.project-manager-content {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.egr-selectbox.projects-sort .egr-select-options {
  left: auto;
  right: 8px;
}

.project-edit-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #b2b2b2;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  left: 0;
  padding-left: 20px;
  position: absolute;
  top: 0;
}
.project-edit-label.active {
  color: #e60023;
  cursor: pointer;
}

.project-edit-header {
  height: 60px;
  padding: 0;
  position: relative;
}

.project-tiles {
  background: #fff;
  border-top: 1px solid #ececec;
  min-height: calc(100% + 20px);
  width: 100%;
}

.project-image {
  height: calc(100% - 60px);
  left: 20px;
  position: absolute;
  top: 20px;
  width: calc(100% - 21px);
}

.project-tile {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: calc(50% - 10px);
}
.project-tile .project-name,
.project-tile .project-info-date {
  display: block;
  font-size: 14px;
  height: 20px;
  left: 20px;
  position: absolute;
  width: calc(100% - 20px);
}
.project-tile .project-name {
  bottom: 20px;
}
.project-tile .project-info-date {
  bottom: 0;
  color: #868686;
}
.project-tile::before {
  content: "";
  display: block;
  padding-top: calc(83.5% + 40px);
}
.project-tile.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.project-tile.new-project .project-image {
  border: 1px dashed #b2b2b2;
}
.project-tile.new-project .project-image::after {
  background: url("../images/spriteBox.svg") -780px 0 no-repeat;
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.project-tile.new-project.active .project-image {
  border: 1px solid #e60023;
}
.project-tile.active .project-image {
  border: 1px solid #e60023;
}
.project-tile .project-image {
  border: 1px solid #dadada;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
}
.project-tile .project-image.photo-template > * {
  display: none;
}
.project-tile .project-image.photo-template::before {
  background: url("../images/spriteBox.svg") -720px 0 no-repeat;
  content: "";
  height: 40px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 20px);
  width: 60px;
}

.project-open-button {
  border: 1px solid #dadada;
  border-radius: 4px;
  cursor: pointer;
  height: 40px;
  left: 224px;
  position: absolute;
  width: 40px;
}
.project-open-button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.project-open-button::before {
  background: url("../images/spriteGeneral.svg") -420px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 20px;
}

.project-tile-label {
  bottom: 0;
  color: #fff;
  font-size: 10px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
}

.project-edit-buttons {
  cursor: pointer;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: calc(50% - 20px);
}
.project-edit-buttons.active {
  opacity: 1;
  pointer-events: all;
}
.project-edit-buttons .project-clone-button,
.project-edit-buttons .project-name-button,
.project-edit-buttons .project-delete-button,
.project-edit-buttons .project-new-button {
  float: left;
  height: 40px;
  position: relative;
  width: 40px;
}
.project-edit-buttons .project-clone-button.disabled,
.project-edit-buttons .project-name-button.disabled,
.project-edit-buttons .project-delete-button.disabled,
.project-edit-buttons .project-new-button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.project-edit-buttons .project-clone-button::before,
.project-edit-buttons .project-name-button::before,
.project-edit-buttons .project-delete-button::before,
.project-edit-buttons .project-new-button::before {
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 20px;
}
.project-edit-buttons .project-clone-button.active-state,
.project-edit-buttons .project-name-button.active-state,
.project-edit-buttons .project-delete-button.active-state,
.project-edit-buttons .project-new-button.active-state {
  background: #ececec;
}
.project-edit-buttons .project-clone-button::before {
  background: url("../images/spriteBox.svg") -260px -20px no-repeat;
}
.project-edit-buttons .project-new-button::before {
  background: url("../images/spriteGeneral.svg") -620px -20px no-repeat;
}
.project-edit-buttons .project-name-button::before {
  background: url("../images/spriteBox.svg") -560px -20px no-repeat;
}
.project-edit-buttons .project-delete-button::before {
  background: url("../images/spriteGeneral.svg") -640px -20px no-repeat;
}

.delete-message-box {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  display: block;
  margin: 96px auto;
  max-width: calc(100% - 40px);
  padding: 38px 16px 6px;
  width: 300px;
}
.delete-message-box .delete-project {
  margin-top: -8px;
}
.delete-message-box .delete-project .delete-header {
  font-size: 20px;
}
.delete-message-box .delete-project .delete-message {
  padding-bottom: 28px;
  padding-top: 25px;
}
.delete-message-box .delete-project > button {
  margin: 0 0 13px;
}

.project-filter .egr-inputbox.filter-input {
  margin: 20px 0 0;
  width: calc(100% - 30px);
}

.show-filter {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.core-hover-enabled .project-options-buttons .project-option-toggle:hover::after {
  background: url("../images/spriteBox.svg") -920px -40px no-repeat;
}
.core-hover-enabled .project-open-button:hover::before {
  background: url("../images/spriteGeneral.svg") -420px -40px no-repeat;
}
.core-hover-enabled .project-new-button:hover::before {
  background: url("../images/spriteGeneral.svg") -620px -40px no-repeat;
}
.core-hover-enabled .project-edit-buttons.active .project-clone-button:hover::before {
  background: url("../images/spriteBox.svg") -260px -40px no-repeat;
}
.core-hover-enabled .project-edit-buttons.active .project-name-button:hover::before {
  background: url("../images/spriteBox.svg") -560px -40px no-repeat;
}
.core-hover-enabled .project-edit-buttons.active .project-delete-button:hover::before {
  background: url("../images/spriteGeneral.svg") -640px -40px no-repeat;
}
.core-hover-enabled .project-edit-buttons:hover {
  opacity: 1;
}
.core-hover-enabled .project-edit:hover {
  color: #e60023;
}
.core-hover-enabled .project-tile.new-project:hover .project-image::after {
  background: url("../images/spriteBox.svg") -780px -40px no-repeat;
}
.core-hover-enabled .project-tile.new-project:hover .project-image {
  border: 1px solid #e60023;
}
.core-hover-enabled .project-tile:hover .project-image {
  border: 1px solid #e60023;
}
.core-hover-enabled .project-tile:hover .project-image.photo-template::before {
  background: url("../images/spriteBox.svg") -720px -40px no-repeat;
}
.core-hover-enabled .project-tile.new-project.disabled:hover .project-image {
  border: 1px dashed #b2b2b2;
}
.core-hover-enabled .project-tile.disabled:hover .project-image {
  border: 1px solid #dadada;
}

.core-app-layout .no-properties-info {
  color: #868686;
  padding: 10px 20px 0;
}

.no-properties-info {
  color: #b2b2b2;
  font-size: 14px;
  line-height: 20px;
  padding: 0 20px;
}

.property-article {
  pointer-events: none;
}
.property-article.multiple-articles::before {
  background: url("../images/spriteBox.svg") -960px 0 no-repeat;
  content: "";
  height: 40px;
  position: absolute;
  right: 19px;
  top: 0;
  width: 40px;
}
.property-article .property-article-name,
.property-article .property-article-price {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.property-article.article-info-image .property-article-name,
.property-article.article-info-image .property-article-price {
  width: calc(100% - 85px);
}
.property-article .property-article-image {
  clear: both;
  display: block;
  float: right;
  height: 65px;
  width: 65px;
}
.property-article .property-article-name.multiline {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 44px;
  overflow: hidden;
  white-space: normal;
}

.egr-select-option-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  color: #4f4f4f;
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: 300;
  justify-content: center;
  min-height: 40px;
  padding: 0 20px 6px;
  position: relative;
  white-space: nowrap;
}
.egr-select-option-header.egr-select-option-header-info {
  padding: 0 40px 10px 20px;
  text-align: left;
}
.egr-select-option-header.egr-select-option-header-info::before {
  background: url("../images/spriteBox.svg") -2150px -20px no-repeat;
  content: "";
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 5px;
  width: 20px;
}
.egr-select-option-header.egr-select-option-header-back {
  cursor: pointer;
  padding: 0 40px 6px;
}
.egr-select-option-header.egr-select-option-header-back::before {
  background: url("../images/spriteGeneral.svg") -860px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: calc(50% - 14px);
  width: 20px;
}
.egr-select-option-header::after {
  background: #f9f9f9;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #dadada;
  bottom: 0;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  width: 100%;
}

.core-app-layout .egr-selectbox.catalog-menu {
  display: block;
  height: 20px;
  margin: 0;
  padding-right: 20px;
  position: absolute;
  right: 16px;
  top: calc(50% - 10px);
  vertical-align: baseline;
  width: 20px;
}
.core-app-layout .egr-selectbox.catalog-menu::after {
  left: 0;
}
.core-app-layout .egr-selectbox.catalog-menu::before {
  display: none;
}
.core-app-layout .egr-selectbox.catalog-menu .egr-select-options {
  left: 320px;
  position: fixed;
  top: 92px;
}
.core-app-layout .egr-selectbox.catalog-menu.on-right-side .egr-select-options {
  left: auto;
  right: 60px;
}

.toolbar-button.toolbar-camera {
  width: 46px;
}
.toolbar-button.toolbar-camera::before {
  background: url("../images/spriteBox.svg") -200px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  width: 20px;
}
.toolbar-button.toolbar-camera.toolbar-button-state-disabled::before {
  background: url("../images/spriteBox.svg") -200px -60px no-repeat;
}

.project-options {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}
.project-options.project-options-active::after {
  background: url("../images/spriteBox.svg") -920px -40px no-repeat;
}
.project-options::after {
  background: url("../images/spriteBox.svg") -920px -20px no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: 16px;
  top: calc(50% - 10px);
  width: 20px;
}

.core-hover-enabled .select-option-container:hover,
.select-option-container.active-option {
  background: #ececec;
}

.select-option-container {
  background: #fff;
  border-bottom: 1px solid #ececec;
  width: 100%;
}

.select-option {
  line-height: 43px;
  margin-left: 18px;
  overflow: hidden;
  padding-left: 42px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 18px);
  z-index: 1;
}
.select-option::after {
  background: url("../images/spriteBox.svg") -900px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.select-option.select-option-no-icon {
  padding-left: 22px;
}
.select-option.select-option-no-icon::after {
  display: none;
}
.select-option.select-option-folder::after {
  background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
}
.select-option.select-option-catalogs::after {
  background: url("../images/spriteGeneral.svg") -360px -20px no-repeat;
}
.select-option.select-option-project-dup::after {
  background: url("../images/spriteGeneral.svg") -400px -60px no-repeat;
}
.select-option.select-option-project-rename::after {
  background: url("../images/spriteBox.svg") -560px -20px no-repeat;
}
.select-option.select-option-project-delete::after {
  background: url("../images/spriteGeneral.svg") -640px 0 no-repeat;
}
.select-option.select-option-camera-top::after {
  background: url("../images/spriteBox.svg") -100px -20px no-repeat;
}
.select-option.select-option-camera-bottom::after {
  background: url("../images/spriteBox.svg") -180px -20px no-repeat;
}
.select-option.select-option-camera-left::after {
  background: url("../images/spriteBox.svg") -120px -20px no-repeat;
}
.select-option.select-option-camera-right::after {
  background: url("../images/spriteBox.svg") -140px -20px no-repeat;
}
.select-option.select-option-camera-front::after {
  background: url("../images/spriteBox.svg") -80px -20px no-repeat;
}
.select-option.select-option-camera-back::after {
  background: url("../images/spriteBox.svg") -160px -20px no-repeat;
}
.select-option.select-option-camera-ortho::after {
  background: url("../images/spriteBox.svg") -60px -20px no-repeat;
}
.select-option.select-option-camera-pers::after {
  background: url("../images/spriteBox.svg") -40px -20px no-repeat;
}
.select-option:last-child {
  border-bottom: 0;
}

.select-overlay {
  -webkit-overflow-scrolling: auto;
  background: rgba(0, 0, 0, 0.65);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 15;
}
.select-overlay .select-underlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.select-overlay .select-box-container {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.select-overlay .select-box-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background: #f9f9f9;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
  min-height: 47px;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
  padding: 5px 45px;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
  z-index: 2;
}
.select-overlay .select-box-header.small-font {
  font-size: 12px;
  padding: 0 45px 0 20px;
  text-align: left;
  white-space: normal;
}
.select-overlay .select-box-header::after {
  background: url("../images/spriteGeneral.svg") -80px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 20px;
}
.select-overlay .select-box {
  background: #fff;
  border-top: 1px solid #ececec;
  max-height: 228px;
  overflow: auto;
  position: relative;
  width: 100%;
  z-index: 2;
}

.settings-menu .egr-selectbox {
  color: #4f4f4f;
  display: block;
  height: 57px;
  width: 100%;
}
.settings-menu .last-setting .egr-selectbox-title {
  border-bottom: 0;
}
.settings-menu .egr-selectbox-title {
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  color: #4f4f4f;
  display: block;
  line-height: 56px;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: calc(100% - 20px);
  z-index: 1;
}
.settings-menu .egr-selectbox-title::after {
  background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 20px;
}

.egr-selectbox-title {
  display: none;
}

.egr-subchoice-menu .egr-select-options {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
  left: auto;
  right: -2px;
  top: calc(100% + -5px);
}

.image-share-button .egr-select-options.bottom-arrow.align-right {
  bottom: calc(100% + -4px);
  left: auto;
  right: 9px;
  top: auto;
}

.catalog-menu .egr-select-options {
  top: calc(100% + 6px);
}

.egr-select-options {
  box-shadow: 3px 0 9px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 0 9px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 0 9px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  flex-direction: column;
  left: calc(50% - 20px);
  max-width: 350px;
  padding-bottom: 5px;
  position: absolute;
  top: calc(100% + 3px);
  z-index: 15;
}

.egr-select-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  justify-content: flex-start;
  min-height: 32px;
  padding: 0 40px 0 50px;
  position: relative;
}
.egr-select-option-large {
  height: 42px;
  padding: 0 40px 0 50px;
}
.egr-select-option-no-icon {
  padding: 0 40px 0 20px;
}
.egr-select-option.egr-select-option-disabled > span {
  color: #ececec;
}
.egr-select-option > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.egr-select-option.egr-select-option-arrow::after {
  background: url("../images/spriteGeneral.svg") -840px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 20px;
}
.egr-select-option.egr-select-option-firstentry {
  margin-top: 5px;
}
.egr-select-option::before {
  content: "";
  height: 20px;
  left: 10px;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.egr-select-option.egr-select-option-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.egr-select-option:not(.no-hover):not(.smart-button-header):active, .egr-select-option:not(.no-hover):not(.smart-button-header).egr-select-option-active, .egr-select-option.egr-select-option-selected {
  background-color: rgba(0, 0, 0, 0.07);
}
.egr-select-option.separator-option {
  height: 20px;
  min-height: 0;
  pointer-events: none;
}
.egr-select-option.separator-option::before {
  border-bottom: 1px solid #dadada;
  content: "";
  height: 50%;
  left: 10px;
  position: absolute;
  top: 0;
  width: calc(100% - 20px);
}
.egr-select-option.egr-select-option-has-extrabutton {
  padding: 0 64px 0 10px;
}
.egr-select-option.egr-select-option-has-extrabutton::before {
  display: none;
}
.egr-select-option.egr-select-option-noicon {
  padding: 0 10px;
}
.egr-select-option.egr-select-option-noicon::before {
  display: none;
}
.egr-select-option.share-button::before {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
}
.egr-select-option.select-option-radio::before {
  background: url("../images/spriteGeneral.svg") -280px -20px no-repeat;
}
.egr-select-option.select-option-radio-checked::before {
  background: url("../images/spriteGeneral.svg") -260px -20px no-repeat;
}
.egr-select-option.camera-bottom::before {
  background: url("../images/spriteBox.svg") -180px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.camera-left::before {
  background: url("../images/spriteBox.svg") -120px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.camera-right::before {
  background: url("../images/spriteBox.svg") -140px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.camera-front::before {
  background: url("../images/spriteBox.svg") -80px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.camera-top::before {
  background: url("../images/spriteBox.svg") -100px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.camera-back::before {
  background: url("../images/spriteBox.svg") -160px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.camera-ortho::before {
  background: url("../images/spriteBox.svg") -60px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.camera-pers::before {
  background: url("../images/spriteBox.svg") -40px -20px no-repeat;
  opacity: 0.7;
}
.egr-select-option.folder-option::before {
  background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
}
.egr-select-option.catalogs-option::before {
  background: url("../images/spriteGeneral.svg") -360px -20px no-repeat;
}
.egr-select-option.favorites-option::before {
  background: url("../images/spriteBox.svg") -660px -20px no-repeat;
}

.egr-select-extrabutton {
  border-left: 1px solid #dadada;
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
  width: 44px;
}
.egr-select-extrabutton::after {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.core-hover-enabled .egr-selectbox.projects-sort:hover::before {
  background: url("../images/spriteBox.svg") -840px -40px no-repeat;
}

.egr-selectbox {
  cursor: pointer;
  position: relative;
}
.egr-selectbox *::selection {
  background: transparent;
}
.egr-selectbox *::-moz-selection {
  background: transparent;
}
.egr-selectbox.active-button-state.catalog-menu::after {
  background: url("../images/spriteGeneral.svg") -760px -40px no-repeat;
}
.egr-selectbox.active-button-state.catalog-menu::before, .egr-selectbox.active-button-state.toolbar-button::before {
  background: url("../images/spriteBox.svg") -200px -40px no-repeat;
}
.egr-selectbox.header-popup {
  display: block;
  height: 100%;
  width: 100%;
}
.egr-selectbox.header-popup .egr-select-options {
  left: auto;
  right: 2px;
  top: 46px;
}
.egr-selectbox.projects-sort {
  border-radius: 4px;
  display: block;
  height: 40px;
  position: absolute;
  right: 16px;
  top: calc(50% - 20px);
  width: 40px;
}
.egr-selectbox.projects-sort .egr-select-options {
  text-align: left;
  top: calc(100% + 4px);
}
.egr-selectbox.projects-sort::before {
  background: url("../images/spriteBox.svg") -840px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 9px;
  pointer-events: none;
  position: absolute;
  top: 9px;
  width: 20px;
  z-index: 2;
}
.egr-selectbox.projects-sort .egr-select-option {
  font-size: 14px;
  white-space: nowrap;
}
.egr-selectbox.catalog-menu {
  cursor: pointer;
  display: inline-block;
  height: 22px;
  margin: 0;
  vertical-align: top;
  width: 60px;
}
.egr-selectbox.catalog-menu::before {
  background: url("../images/spriteBox.svg") -200px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 2px;
  width: 20px;
  z-index: 2;
}
.egr-selectbox.catalog-menu::after {
  background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  pointer-events: none;
  position: absolute;
  top: 2px;
  width: 20px;
  z-index: 2;
}
.egr-selectbox.catalog-menu .egr-select-options {
  max-width: 265px;
}
.egr-selectbox .select-hider {
  background: #fff;
  border-radius: 5px;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.egr-selectbox select {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.egr-select-content {
  max-height: 250px;
  overflow: hidden;
}

a.long-button,
a.long-button:hover,
a.long-button:visited,
a.long-button:active {
  color: #4f4f4f;
  text-decoration: none;
}

.core-browser-layout .popup-buttons.long-button-group .long-button {
  padding: 12px 20px;
}
.core-browser-layout .popup-buttons.long-button-group .long-button.with-icon {
  padding-left: 50px;
}
.core-browser-layout .popup-buttons.long-button-group .long-button.with-icon::before {
  left: 17px;
}
.core-browser-layout .popup-buttons.long-button-group .long-button.with-arrow::after {
  background: url("../images/spriteGeneral.svg") -120px -60px no-repeat;
}
.core-browser-layout .popup-buttons.long-button-group .new-button::before {
  background: url("../images/spriteGeneral.svg") -400px -60px no-repeat;
}

.on-right-side .popup-buttons .long-button.active::after {
  left: auto;
  right: 0;
}

.new-button::before {
  background: url("../images/spriteGeneral.svg") -400px -20px no-repeat;
}

.core-hover-enabled .popup-buttons .long-button-background:hover,
.popup-buttons .long-button-background.active {
  color: #fff;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.new-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.new-button:not(.not-available)::before {
  background: url("../images/spriteGeneral.svg") -400px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.open-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.open-button:not(.not-available)::before {
  background: url("../images/spriteGeneral.svg") -420px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.insert-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.insert-button:not(.not-available)::before {
  background: url("../images/spriteGeneral.svg") -440px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.save-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.save-button:not(.not-available)::before {
  background: url("../images/spriteGeneral.svg") -460px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.news-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.news-button:not(.not-available)::before {
  background: url("../images/spriteBox.svg") -860px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.user-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.user-button:not(.not-available)::before {
  background: url("../images/spriteBox.svg") -900px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.settings-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.settings-button:not(.not-available)::before {
  background: url("../images/spriteGeneral.svg") -580px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.help-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.help-button:not(.not-available)::before {
  background: url("../images/spriteGeneral.svg") -600px -80px no-repeat;
}
.core-hover-enabled .popup-buttons .long-button-background:hover .long-button.with-icon.logout-button:not(.not-available)::before,
.popup-buttons .long-button-background.active .long-button.with-icon.logout-button:not(.not-available)::before {
  background: url("../images/spriteGeneral.svg") -60px -80px no-repeat;
}

.catalog-items .long-button.with-arrow::after {
  right: 14px;
}

.popup-buttons.long-button-group {
  border: 0;
  margin: 0;
  width: 100%;
}
.popup-buttons .long-button-background {
  color: #b2b2b2;
}
.popup-buttons .long-button {
  background: transparent;
  border: 0;
}
.popup-buttons .long-button.not-available {
  opacity: 0.5;
}
.popup-buttons .long-button.active::after {
  background: #e60023;
  content: "";
  height: calc(100%);
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
}
.popup-buttons .long-button.with-icon {
  padding-left: 52px;
}
.popup-buttons .long-button.with-icon::before {
  left: 21px;
}
.popup-buttons .long-button.with-icon.open-button::before {
  background: url("../images/spriteGeneral.svg") -420px -60px no-repeat;
}
.popup-buttons .long-button.with-icon.insert-button::before {
  background: url("../images/spriteGeneral.svg") -440px -60px no-repeat;
}
.popup-buttons .long-button.with-icon.save-button::before {
  background: url("../images/spriteGeneral.svg") -460px -60px no-repeat;
}
.popup-buttons .long-button.with-icon.news-button::before {
  background: url("../images/spriteBox.svg") -860px -60px no-repeat;
}
.popup-buttons .long-button.with-icon.user-button::before {
  background: url("../images/spriteBox.svg") -900px -60px no-repeat;
}
.popup-buttons .long-button.with-icon.settings-button::before {
  background: url("../images/spriteGeneral.svg") -580px -60px no-repeat;
}
.popup-buttons .long-button.with-icon.help-button::before {
  background: url("../images/spriteGeneral.svg") -600px -60px no-repeat;
}
.popup-buttons .long-button.with-icon.logout-button::before {
  background: url("../images/spriteGeneral.svg") -60px -60px no-repeat;
}

.long-button-group {
  border-top: 1px solid #dadada;
  margin-bottom: 26px;
  position: relative;
  width: 100%;
}
.long-button-group.with-title {
  border-top: 0;
  margin: 4px 0 13px;
}
.long-button-group.with-title.active {
  margin: 4px 0 28px;
}
.long-button-group.with-title .core-config {
  margin: 0;
}
.long-button-group.with-title .long-button-background {
  padding-left: 20px;
  width: calc(100% - 32px);
}

.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border,
.long-button-group.with-title .long-button-background .long-button.short-border,
.select-box .long-button.short-border {
  left: 20px;
  padding-left: 0;
  width: calc(100% - 20px);
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.left-image,
.long-button-group.with-title .long-button-background .long-button.short-border.left-image,
.select-box .long-button.short-border.left-image {
  padding-left: 96px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.left-image .button-image,
.long-button-group.with-title .long-button-background .long-button.short-border.left-image .button-image,
.select-box .long-button.short-border.left-image .button-image {
  left: 0;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.left-image.select-mode,
.long-button-group.with-title .long-button-background .long-button.short-border.left-image.select-mode,
.select-box .long-button.short-border.left-image.select-mode {
  padding-left: 132px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.left-image.select-mode::before,
.long-button-group.with-title .long-button-background .long-button.short-border.left-image.select-mode::before,
.select-box .long-button.short-border.left-image.select-mode::before {
  left: -9px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.left-image.select-mode .button-image,
.long-button-group.with-title .long-button-background .long-button.short-border.left-image.select-mode .button-image,
.select-box .long-button.short-border.left-image.select-mode .button-image {
  left: 36px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.middle-size:not(.select-mode).left-image .button-image,
.long-button-group.with-title .long-button-background .long-button.short-border.middle-size:not(.select-mode).left-image .button-image,
.select-box .long-button.short-border.middle-size:not(.select-mode).left-image .button-image {
  left: 0px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.right-image,
.long-button-group.with-title .long-button-background .long-button.short-border.right-image,
.select-box .long-button.short-border.right-image {
  padding-left: 0;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.with-arrow, .long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.with-check,
.long-button-group.with-title .long-button-background .long-button.short-border.with-arrow,
.long-button-group.with-title .long-button-background .long-button.short-border.with-check,
.select-box .long-button.short-border.with-arrow,
.select-box .long-button.short-border.with-check {
  padding-left: 0;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.with-icon,
.long-button-group.with-title .long-button-background .long-button.short-border.with-icon,
.select-box .long-button.short-border.with-icon {
  padding-left: 32px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.with-icon::before,
.long-button-group.with-title .long-button-background .long-button.short-border.with-icon::before,
.select-box .long-button.short-border.with-icon::before {
  left: 1px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.article-button,
.long-button-group.with-title .long-button-background .long-button.short-border.article-button,
.select-box .long-button.short-border.article-button {
  padding: 16px 16px 16px 100px;
}
.long-button-group:not(.with-title) .long-button-background:not(:last-child) .long-button.short-border.article-button .button-image,
.long-button-group.with-title .long-button-background .long-button.short-border.article-button .button-image,
.select-box .long-button.short-border.article-button .button-image {
  left: 0;
}

.core-browser-layout .hamburger-tab.navigation .long-button-background.active::before {
  background: #e60023;
  content: "";
  height: 48px;
  position: absolute;
  top: calc(50% - 24px);
  width: 4px;
}

.core-browser-layout.sidebar-on-right .hamburger-tab.navigation:not(.on-right-side) .long-button-background.active::before {
  right: 0;
}

.core-browser-layout:not(.sidebar-on-right) .hamburger-tab.navigation:not(.on-right-side) .long-button-background.active::before {
  left: 0;
}

.core-browser-layout .hamburger-tab.navigation .long-button-background.active {
  background: transparent;
  color: #fff;
}
.core-browser-layout .hamburger-tab.navigation .long-button-background.active::after {
  background: transparent;
}

.long-button-background {
  color: #4f4f4f;
  position: relative;
}
.long-button-background:last-child .long-button.short-border.right-image {
  padding-left: 20px;
}
.long-button-background.active {
  background: #ececec;
}
.long-button-background.active::after {
  background: #ececec;
  content: "";
  height: 1px;
  position: absolute;
  top: -1px;
  width: 100%;
}
.long-button-background.active .long-button.middle-size.select-mode {
  border-bottom: 1px solid #dadada;
}
.long-button-background.active .long-button.middle-size.select-mode::before {
  background: url("../images/spriteGeneral.svg") -220px -20px no-repeat;
}

.long-button-group:not(.popup-buttons) {
  background: #fff;
}

.article-button.long-button {
  height: 110px;
  padding: 16px 16px 16px 120px;
}
.article-button.long-button .button-image {
  height: 90px;
  left: 20px;
  position: absolute;
  top: calc(50% - 45px);
  width: 90px;
}
.article-button.long-button .button-image > .centered-image {
  height: 90px;
}
.article-button.long-button .button-image.dummy-image::after {
  background: url("../images/spriteBox.svg") -1780px 0 no-repeat;
  content: "";
  height: 60px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 30px);
  width: 60px;
}

.middle-size.long-button {
  height: 83px;
}
.middle-size.long-button.project-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  padding: 0;
}
.middle-size.long-button.article-info .button-image {
  height: 63px;
  top: 10px;
  width: 63px;
}
.middle-size.long-button .button-image {
  height: 83px;
  position: absolute;
  top: 0;
  width: 83px;
}
.middle-size.long-button .button-image > .centered-image {
  height: 83px;
}
.middle-size.long-button .button-image.dummy-image::after {
  background: url("../images/spriteBox.svg") -1730px -60px no-repeat;
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.middle-size.long-button .button-image.multiselect-image::after {
  background: url("../images/spriteBox.svg") -960px 0 no-repeat;
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.middle-size.long-button.left-image {
  padding: 0 25px 0 111px;
}
.middle-size.long-button.left-image .button-image {
  left: 20px;
}
.middle-size.long-button.article-info {
  background: #fff;
}
.middle-size.long-button.right-image {
  padding: 4px 135px 4px 0;
}
.middle-size.long-button.right-image.article-info {
  padding-left: 20px;
}
.middle-size.long-button.right-image.with-arrow .button-image {
  right: 44px;
}
.middle-size.long-button.right-image .button-image {
  right: 16px;
}
.middle-size.long-button.select-mode {
  padding-left: 152px;
}
.middle-size.long-button.select-mode .button-image {
  left: 56px;
}
.middle-size.long-button.select-mode.selected::before {
  background: url("../images/spriteBox.svg") -2070px -40px no-repeat;
}
.middle-size.long-button.select-mode::before {
  background: url("../images/spriteBox.svg") -2070px 0 no-repeat;
  content: "";
  height: 40px;
  left: 11px;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}

.core-app-layout .long-button:not(.no-bottom-border) {
  border-bottom: 1px solid #ececec;
}
.core-app-layout .long-button.no-bottom-border {
  border-bottom: 0;
}
.core-app-layout .long-button-group,
.core-app-layout .long-button-group.popup-buttons {
  background: #fff;
  border-top: 1px solid #ececec;
  margin-bottom: 10px;
}
.core-app-layout .folder-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.core-app-layout .folder-button .button-image {
  padding: 10px 0;
}

.long-button {
  border-bottom: 1px solid #dadada;
  display: block;
  line-height: 24px;
  overflow: hidden;
  padding: 14px 20px;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  width: 100%;
}
.long-button.long-button-centered-green {
  color: #e60023;
  text-align: center;
}
.long-button.small-size {
  padding-bottom: 16px;
  padding-top: 16px;
}
.long-button .long-button-label {
  line-height: 24px;
  padding: 16px 20px 16px 0;
  white-space: normal;
}
.long-button .news-title {
  font-size: 18px;
  line-height: 24px;
  padding: 20px 20px 26px 0;
  white-space: normal;
}
.long-button .news-text {
  border: 0;
  line-height: 24px;
  margin: 0;
  padding: 0 20px 26px 0;
  white-space: normal;
}
.long-button .project-slidein {
  cursor: pointer;
  display: block;
  height: 100%;
  position: relative;
  width: 82px;
}
.long-button .project-slidein.project-slidein-menu {
  background: #868686;
}
.long-button .project-slidein.project-slidein-menu::before {
  background: url("../images/spriteBox.svg") -2030px 0 no-repeat;
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.long-button .project-slidein.project-slidein-delete {
  background: #c00303;
}
.long-button .project-slidein.project-slidein-delete::before {
  background: url("../images/spriteBox.svg") -2030px -40px no-repeat;
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.long-button.not-available {
  color: #b2b2b2;
  pointer-events: none;
}
.long-button.not-available::after {
  opacity: 0.5;
}
.long-button:not(.not-available) {
  cursor: pointer;
}
.long-button.with-arrow::after {
  background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
}
.long-button.with-check.checked::after {
  background: url("../images/spriteGeneral.svg") -960px -40px no-repeat;
}
.long-button.with-arrow, .long-button.with-check {
  padding-right: 44px;
}
.long-button.with-arrow::after, .long-button.with-check::after {
  content: "";
  height: 20px;
  position: absolute;
  right: 12px;
  top: calc(50% - 10px);
  width: 20px;
}
.long-button.with-help-icon {
  padding-left: 58px;
}
.long-button.with-help-icon::before {
  content: "";
  height: 20px;
  left: 23px;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.long-button.with-icon {
  padding-left: 52px;
}
.long-button.with-icon::before {
  content: "";
  height: 20px;
  left: 21px;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.long-button.with-icon.toggle-box::before {
  background: url("../images/spriteGeneral.svg") -200px -20px no-repeat;
}
.long-button.with-icon.toggle-box.checked::before {
  background: url("../images/spriteGeneral.svg") -220px -20px no-repeat;
}
.long-button.with-icon.not-available.toggle-box::before {
  background: url("../images/spriteGeneral.svg") -200px 0 no-repeat;
}
.long-button.with-icon.not-available.toggle-box.checked::before {
  background: url("../images/spriteGeneral.svg") -220px 0 no-repeat;
}
.long-button.with-icon.toggle-box.radio::before {
  background: url("../images/spriteGeneral.svg") -260px -20px no-repeat;
}
.long-button.with-icon.app-button::before {
  background: url("../images/spriteGeneral.svg") -40px -20px no-repeat;
}
.long-button.with-icon.dl-button::before {
  background: url("../images/spriteGeneral.svg") -520px -20px no-repeat;
}
.long-button.with-icon.new-project-button::before {
  background: url("../images/spriteGeneral.svg") -400px -20px no-repeat;
}
.long-button.with-icon.mail-button::before {
  background: url("../images/spriteGeneral.svg") -380px -20px no-repeat;
}
.long-button.with-icon.open-button::before {
  background: url("../images/spriteGeneral.svg") -420px -20px no-repeat;
}
.long-button.with-icon.insert-button::before {
  background: url("../images/spriteGeneral.svg") -440px -20px no-repeat;
}
.long-button.with-icon.save-button::before {
  background: url("../images/spriteGeneral.svg") -460px -20px no-repeat;
}
.long-button.with-icon.not-available.save-button::before {
  background: url("../images/spriteGeneral.svg") -460px -60px no-repeat;
}
.long-button.with-icon.news-button::before {
  background: url("../images/spriteBox.svg") -860px -20px no-repeat;
}
.long-button.with-icon.user-button::before {
  background: url("../images/spriteBox.svg") -900px -20px no-repeat;
}
.long-button.with-icon.settings-button::before {
  background: url("../images/spriteGeneral.svg") -580px -20px no-repeat;
}
.long-button.with-icon.help-button::before {
  background: url("../images/spriteGeneral.svg") -600px -20px no-repeat;
}
.long-button.with-icon.company-button::before {
  background: url("../images/spriteGeneral.svg") -1060px -20px no-repeat;
}
.long-button.with-icon.logout-button::before {
  background: url("../images/spriteGeneral.svg") -60px -20px no-repeat;
}
.long-button .long-button-header,
.long-button .long-button-text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.long-button.article-info .long-button-text:first-of-type {
  margin-top: 10px;
}
.long-button .long-button-text {
  font-size: 16px;
  line-height: 20px;
  max-height: 42px;
  text-align: left;
}
.long-button .long-button-text.long-button-text-singleline {
  white-space: nowrap;
}
.long-button .long-button-text:not(.long-button-text-singleline) {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.long-button .long-button-header {
  color: #b2b2b2;
  font-size: 14px;
  line-height: 18px;
}

.selected-value {
  color: #b2b2b2;
  float: right;
}

.icon-text::before {
  background: url("../images/spriteBox.svg") -560px -20px no-repeat;
}

.download-button::before {
  background: url("../images/spriteGeneral.svg") -520px -20px no-repeat;
}

.website-button::before {
  background: url("../images/spriteGeneral.svg") -800px -20px no-repeat;
}

.share-button::before {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
}

.icon-camera-back::before {
  background: url("../images/spriteBox.svg") -160px -20px no-repeat;
}

.icon-camera-front::before {
  background: url("../images/spriteBox.svg") -80px -20px no-repeat;
}

.icon-camera-bottom::before {
  background: url("../images/spriteBox.svg") -180px -20px no-repeat;
}

.icon-camera-left::before {
  background: url("../images/spriteBox.svg") -120px -20px no-repeat;
}

.icon-camera-ortho::before {
  background: url("../images/spriteBox.svg") -60px -20px no-repeat;
}

.icon-camera-pers::before {
  background: url("../images/spriteBox.svg") -40px -20px no-repeat;
}

.icon-camera-right::before {
  background: url("../images/spriteBox.svg") -140px -20px no-repeat;
}

.icon-camera-top::before {
  background: url("../images/spriteBox.svg") -100px -20px no-repeat;
}

.icon-undo::before {
  background: url("../images/spriteGeneral.svg") -700px -20px no-repeat;
}

.icon-redo::before {
  background: url("../images/spriteGeneral.svg") -720px -20px no-repeat;
}

.icon-delete::before {
  background: url("../images/spriteGeneral.svg") -640px -20px no-repeat;
}

.icon-multiselect::before {
  background: url("../images/spriteBox.svg") -580px -20px no-repeat;
}

.icon-rectselect::before {
  background: url("../images/spriteBox.svg") -680px -20px no-repeat;
}

.icon-share::before {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
}

.icon-download::before {
  background: url("../images/spriteGeneral.svg") -520px -20px no-repeat;
}

.icon-clone::before {
  background: url("../images/spriteBox.svg") -260px -20px no-repeat;
}

.icon-more::before {
  background: url("../images/spriteBox.svg") -920px -20px no-repeat;
}

.icon-snapshot::before {
  background: url("../images/spriteBox.svg") -700px -20px no-repeat;
}

.icon-hamburger::before {
  background: url("../images/spriteGeneral.svg") -180px -20px no-repeat;
}

.icon-folder::before {
  background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
}

.icon-catalog::before {
  background: url("../images/spriteBox.svg") -20px -60px no-repeat;
}

.icon-catalogs::before {
  background: url("../images/spriteGeneral.svg") -360px -20px no-repeat;
}

.icon-info::before {
  background: url("../images/spriteBox.svg") -1840px -20px no-repeat;
}

.icon-mail::before {
  background: url("../images/spriteGeneral.svg") -380px -20px no-repeat;
}

.icon-faq::before {
  background: url("../images/spriteBox.svg") -1860px -20px no-repeat;
}

.icon-config::before {
  background: url("../images/spriteBox.svg") -880px -20px no-repeat;
}

.icon-property::before {
  background: url("../images/spriteBox.svg") -360px -20px no-repeat;
}

.icon-articlelist::before {
  background: url("../images/spriteBox.svg") -380px -20px no-repeat;
}

.icon-airplane::before {
  background: url("../images/spriteGeneral.svg") -560px -20px no-repeat;
}

.icon-disk::before {
  background: url("../images/spriteGeneral.svg") -980px -20px no-repeat;
}

.icon-bag::before {
  background: url("../images/spriteBox.svg") -820px -20px no-repeat;
}

.not-available.icon-text::before {
  background: url("../images/spriteBox.svg") -560px -60px no-repeat;
}

.not-available.download-button::before {
  background: url("../images/spriteGeneral.svg") -520px -60px no-repeat;
}

.not-available.website-button::before {
  background: url("../images/spriteGeneral.svg") -800px -60px no-repeat;
}

.not-available.share-button::before {
  background: url("../images/spriteBox.svg") -940px -60px no-repeat;
}

.not-available.icon-camera-back::before {
  background: url("../images/spriteBox.svg") -160px -60px no-repeat;
}

.not-available.icon-camera-front::before {
  background: url("../images/spriteBox.svg") -80px -60px no-repeat;
}

.not-available.icon-camera-bottom::before {
  background: url("../images/spriteBox.svg") -180px -60px no-repeat;
}

.not-available.icon-camera-left::before {
  background: url("../images/spriteBox.svg") -120px -60px no-repeat;
}

.not-available.icon-camera-ortho::before {
  background: url("../images/spriteBox.svg") -60px -60px no-repeat;
}

.not-available.icon-camera-pers::before {
  background: url("../images/spriteBox.svg") -40px -60px no-repeat;
}

.not-available.icon-camera-right::before {
  background: url("../images/spriteBox.svg") -140px -60px no-repeat;
}

.not-available.icon-camera-top::before {
  background: url("../images/spriteBox.svg") -100px -60px no-repeat;
}

.not-available.icon-undo::before {
  background: url("../images/spriteGeneral.svg") -700px -60px no-repeat;
}

.not-available.icon-redo::before {
  background: url("../images/spriteGeneral.svg") -720px -60px no-repeat;
}

.not-available.icon-delete::before {
  background: url("../images/spriteGeneral.svg") -640px -60px no-repeat;
}

.not-available.icon-multiselect::before {
  background: url("../images/spriteBox.svg") -580px -60px no-repeat;
}

.not-available.icon-rectselect::before {
  background: url("../images/spriteBox.svg") -680px -60px no-repeat;
}

.not-available.icon-share::before {
  background: url("../images/spriteBox.svg") -940px -60px no-repeat;
}

.not-available.icon-download::before {
  background: url("../images/spriteGeneral.svg") -520px -60px no-repeat;
}

.not-available.icon-clone::before {
  background: url("../images/spriteBox.svg") -260px -60px no-repeat;
}

.not-available.icon-more::before {
  background: url("../images/spriteBox.svg") -920px -60px no-repeat;
}

.not-available.icon-snapshot::before {
  background: url("../images/spriteBox.svg") -700px -60px no-repeat;
}

.not-available.icon-hamburger::before {
  background: url("../images/spriteGeneral.svg") -180px -60px no-repeat;
}

.not-available.icon-folder::before {
  background: url("../images/spriteGeneral.svg") -760px -60px no-repeat;
}

.not-available.icon-catalog::before {
  background: url("../images/spriteBox.svg") -20px -60px no-repeat;
}

.not-available.icon-catalogs::before {
  background: url("../images/spriteGeneral.svg") -360px -60px no-repeat;
}

.not-available.icon-info::before {
  background: url("../images/spriteBox.svg") -1840px -60px no-repeat;
}

.not-available.icon-mail::before {
  background: url("../images/spriteGeneral.svg") -380px -60px no-repeat;
}

.not-available.icon-faq::before {
  background: url("../images/spriteBox.svg") -1860px -60px no-repeat;
}

.not-available.icon-config::before {
  background: url("../images/spriteBox.svg") -880px -60px no-repeat;
}

.not-available.icon-property::before {
  background: url("../images/spriteBox.svg") -360px -60px no-repeat;
}

.not-available.icon-articlelist::before {
  background: url("../images/spriteBox.svg") -380px -60px no-repeat;
}

.not-available.icon-airplane::before {
  background: url("../images/spriteGeneral.svg") -560px -60px no-repeat;
}

.not-available.icon-disk::before {
  background: url("../images/spriteGeneral.svg") -980px -60px no-repeat;
}

.not-available.icon-bag::before {
  background: url("../images/spriteBox.svg") -820px -60px no-repeat;
}

.sidebar-on-right .sidebar-tab-button.sidebar-tab-button-active::after {
  left: auto;
  right: 0;
}

.sidebar-tab-button {
  cursor: pointer;
  height: 48px;
  position: relative;
  width: 47px;
}
.sidebar-tab-button.sidebar-tab-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.sidebar-tab-button::before {
  background: url("../images/spriteBox.svg") -880px -60px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.sidebar-tab-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -880px -80px no-repeat;
}
.sidebar-tab-button.sidebar-tab-button-active::after {
  background-color: #e60023;
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 0;
  position: absolute;
  top: 4px;
  width: 4px;
}
.sidebar-tab-button.architecture-button::before {
  background: url("../images/spriteBox.svg") -1700px -60px no-repeat;
}
.sidebar-tab-button.architecture-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -1700px -80px no-repeat;
}
.sidebar-tab-button.property-editor-button::before {
  background: url("../images/spriteBox.svg") -360px -60px no-repeat;
}
.sidebar-tab-button.property-editor-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -360px -80px no-repeat;
}
.sidebar-tab-button.article-list-button::before {
  background: url("../images/spriteBox.svg") -380px -60px no-repeat;
}
.sidebar-tab-button.article-list-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -380px -80px no-repeat;
}
.sidebar-tab-button.share-tab-button::before, .sidebar-tab-button.send-via-mail-button::before {
  background: url("../images/spriteGeneral.svg") -560px -60px no-repeat;
}
.sidebar-tab-button.share-tab-button.sidebar-tab-button-active::before, .sidebar-tab-button.send-via-mail-button.sidebar-tab-button-active::before {
  background: url("../images/spriteGeneral.svg") -560px -80px no-repeat;
}
.sidebar-tab-button.catalog-button::before {
  background: url("../images/spriteBox.svg") -20px -60px no-repeat;
}
.sidebar-tab-button.catalog-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -20px -80px no-repeat;
}
.sidebar-tab-button.room-button::before {
  background: url("../images/spriteBox.svg") -440px -60px no-repeat;
}
.sidebar-tab-button.room-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -440px -80px no-repeat;
}
.sidebar-tab-button.inspirations-button::before {
  background: url("../images/spriteBox.svg") -400px -60px no-repeat;
}
.sidebar-tab-button.inspirations-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -400px -80px no-repeat;
}
.sidebar-tab-button.config-button::before {
  background: url("../images/spriteBox.svg") -880px -60px no-repeat;
}
.sidebar-tab-button.config-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -880px -80px no-repeat;
}
.sidebar-tab-button.snapshot-button::before {
  background: url("../images/spriteBox.svg") -700px -60px no-repeat;
}
.sidebar-tab-button.snapshot-button.sidebar-tab-button-active::before {
  background: url("../images/spriteBox.svg") -700px -80px no-repeat;
}
.sidebar-tab-button.download-tab-button::before {
  background: url("../images/spriteGeneral.svg") -520px -60px no-repeat;
}
.sidebar-tab-button.download-tab-button.sidebar-tab-button-active::before {
  background: url("../images/spriteGeneral.svg") -520px -80px no-repeat;
}

.core-hover-enabled .sidebar-tab-button.architecture-button:hover::before {
  background: url("../images/spriteBox.svg") -1700px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.inspirations-button:hover::before {
  background: url("../images/spriteBox.svg") -400px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.catalog-button:hover::before {
  background: url("../images/spriteBox.svg") -20px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.room-button:hover::before {
  background: url("../images/spriteBox.svg") -440px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.property-editor-button:hover::before {
  background: url("../images/spriteBox.svg") -360px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.article-list-button:hover::before {
  background: url("../images/spriteBox.svg") -380px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.share-tab-button:hover::before {
  background: url("../images/spriteGeneral.svg") -560px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.config-button:hover::before {
  background: url("../images/spriteBox.svg") -880px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.snapshot-button:hover::before {
  background: url("../images/spriteBox.svg") -700px -80px no-repeat;
}
.core-hover-enabled .sidebar-tab-button.download-tab-button:hover::before {
  background: url("../images/spriteGeneral.svg") -520px -80px no-repeat;
}

.sidebar-header-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: left;
}

.required-info {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px 20px;
  width: 100%;
}

.sidebar {
  background-color: #3a3a3a;
  box-sizing: border-box;
  height: calc(100% - 47px);
  left: 0;
  padding-top: 15px;
  position: absolute;
  top: 47px;
  width: 47px;
  z-index: 4;
  display: flex;
  flex-direction: column;
}

.core-app-layout .sidebar-header-text {
  justify-content: center;
}
.core-app-layout .sidebar-header {
  border-bottom: 1px solid #dadada;
  font-size: 20px;
  height: 47px;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  z-index: 100;
}
.core-app-layout .sidebar-header.arrow-left::before {
  left: 15px;
}
.core-app-layout .sidebar-tab-container:not(.sidebar-lock) {
  background: #f9f9f9;
}
.core-app-layout .sidebar-tab {
  height: 100%;
  overflow: visible;
  top: 0;
}
.core-app-layout .sidebar-tab .sidebar-content.property-list-content {
  height: calc(100% - 130px);
  max-height: calc(100% - 130px);
  padding: 0;
}

.sidebar-tab {
  display: block;
  height: calc(100% - 47px);
  max-width: 352px;
  overflow: auto;
  position: absolute;
  top: 47px;
  width: calc(100% - 47px);
  z-index: 3;
}
.sidebar-tab.on-right-side {
  right: 47px;
}
.sidebar-tab.on-right-side .sidebar-tab-container {
  border-left: 1px solid #dadada;
}
.sidebar-tab:not(.on-right-side) {
  left: 47px;
}
.sidebar-tab:not(.on-right-side) .sidebar-tab-container {
  border-right: 1px solid #dadada;
}
.sidebar-tab.complete-page {
  height: 100%;
  max-width: calc(100% - 47px);
  top: 0;
  z-index: 6;
}
.sidebar-tab.complete-page .sidebar-tab-container {
  margin: 0;
  width: 100%;
}
.sidebar-tab.complete-page.on-right-side, .sidebar-tab.complete-page:not(.on-right-side) {
  border-left: 0;
  border-right: 0;
}
.sidebar-tab .sidebar-content {
  height: calc(100% - 47px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 9px 0 10px;
  position: relative;
  width: 100%;
}
.sidebar-tab .sidebar-content.project-manager {
  padding: 9px 0 0;
}
.sidebar-tab .sidebar-content.property-list-content {
  height: calc(100% - 177px);
  max-height: calc(100% - 177px);
}

.sidebar-content.catalog-header,
.sidebar-content.property-list-content {
  padding: 170px 0 10px;
}

.scrollbar-wcf {
  display: block;
  height: 100%;
  position: relative;
}

.core-browser-layout .scrollbar-wcf {
  max-height: 100%;
  overflow-x: hidden !important;
}
.core-browser-layout .sidebar-header {
  background: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.core-browser-layout .sidebar-tab .sidebar-content {
  height: auto;
  max-height: none;
  overflow: auto;
  position: relative;
}
.core-browser-layout .sidebar-tab .sidebar-content.standard-header, .core-browser-layout .sidebar-tab .sidebar-content.button-header {
  padding: 68px 0 10px;
}

.sidebar-tab .full-scroll-tab {
  max-height: 100%;
  overflow: auto;
  position: relative;
}
.sidebar-tab .full-scroll-tab .sidebar-content {
  height: auto;
  max-height: none;
}

.full-tab {
  height: 100%;
}

.sidebar-left-arrow {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 47px;
}
.sidebar-left-arrow::after {
  background: url("../images/spriteGeneral.svg") -1000px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: calc(50% - 10px);
  position: relative;
  top: calc(50% - 10px);
  width: 20px;
}

.sidebar-header-label {
  font-size: 20px;
  font-weight: 300;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.complete-page .sidebar-header {
  top: 0;
  width: 100%;
}

.sidebar-tab-container {
  background: #fff;
  height: 100%;
  max-height: 100%;
  position: relative;
  width: calc(100% - 32px);
  z-index: 1;
}

.sidebar-header-text-arrow {
  cursor: pointer;
  padding-left: 30px;
  position: relative;
}
.sidebar-header-text-arrow::before {
  background: url("../images/spriteGeneral.svg") -1000px -20px no-repeat;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.sidebar-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  flex-direction: column;
  font-size: 24px;
  font-weight: 300;
  justify-content: center;
  line-height: 30px;
  padding: 20px 20px 8px;
  position: relative;
}
.sidebar-header.sidebar-header-clickable {
  cursor: pointer;
}
.sidebar-header.arrow-left {
  cursor: pointer;
}
.sidebar-header.arrow-left::before {
  background: url("../images/spriteGeneral.svg") -1000px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.sidebar-subheader {
  color: #868686;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.1;
  margin: 0;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sidebar-subheader.small-font {
  font-size: 12px;
  line-height: 1.3;
  white-space: normal;
}

.sidebar-separator {
  border-top: 1px solid #4f4f4f;
  display: block;
  height: 1px;
  margin: 13px 8px 10px 7px;
}

.popup-button {
  display: none;
  position: relative;
}
.popup-button::after {
  background: url("../images/spriteGeneral.svg");
  background-position: -180px -60px;
}
.popup-button.active::after {
  background-position: -180px -80px;
}

.core-hover-enabled .popup-button:hover::after {
  background-position: -180px -40px;
}

.view-footer-info {
  background: #ffe6ea;
  border-top: 1px solid #e60023;
  bottom: 0;
  color: #4f4f4f;
  font-size: 14px;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: portrait) {
  .view-footer-info-in-app {
    bottom: 47px;
  }
}

.smart-button.smart-button-header .smart-button-label {
  line-height: 28px;
  padding-bottom: 4px;
}

.smart-button:not(.smart-button-header) .smart-button-label {
  max-height: 32px;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smart-extra-underlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 13;
}

.core-app-layout .smart-extra-popup {
  top: 46px;
  left: calc(100% - 177px);
}

.smart-extra-popup {
  box-shadow: 3px 0 9px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 0 9px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 0 9px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  font-size: 12px;
  left: calc(50% - 60.5px);
  padding: 4px 0;
  position: relative;
  top: 85px;
  width: 164px;
}
.smart-extra-popup.on-right-side {
  left: calc(50% - 107.5px);
}

.insert-button::before {
  background: url("../images/spriteGeneral.svg") -440px -20px no-repeat;
}

.show-button::before {
  background: url("../images/spriteBox.svg") -480px -20px no-repeat;
}

.hide-button::before {
  background: url("../images/spriteBox.svg") -500px -20px no-repeat;
}

.setup-button::before {
  background: url("../images/spriteBox.svg") -360px -20px no-repeat;
}

.smart-button {
  cursor: pointer;
  font-size: 14px;
  line-height: 32px;
  padding-left: 42px;
  position: relative;
  width: 100%;
}
.smart-button.disabled {
  opacity: 0.5;
}
.smart-button:first-child:not(.smart-button-header) {
  margin-top: 4px;
}
.smart-button::before {
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.smart-button.ar-button::before {
  background: url("../images/spriteBox.svg") -3030px -20px no-repeat;
  top: calc(50% - 13px);
}
.smart-button.undo-button::before {
  background: url("../images/spriteGeneral.svg") -700px -20px no-repeat;
}
.smart-button.redo-button::before {
  background: url("../images/spriteGeneral.svg") -720px -20px no-repeat;
}
.smart-button.clone-button::before {
  background: url("../images/spriteBox.svg") -260px -20px no-repeat;
}
.smart-button.multiselect-button::before {
  background: url("../images/spriteBox.svg") -580px -20px no-repeat;
}
.smart-button.lasso-button::before {
  background: url("../images/spriteBox.svg") -680px -20px no-repeat;
}
.smart-button.share-image-button::before {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
}
.smart-button.snapshot-button::before {
  background: url("../images/spriteBox.svg") -700px -20px no-repeat;
}
.smart-button.workspace-button::before {
  background: url("../images/spriteBox.svg") -880px -20px no-repeat;
}
.smart-button.active-button {
  color: #e60023;
}
.smart-button.active-button.multiselect-button::before {
  background: url("../images/spriteBox.svg") -580px -40px no-repeat;
}
.smart-button.active-button.lasso-button::before {
  background: url("../images/spriteBox.svg") -680px -40px no-repeat;
}
.smart-button.active-button.share-image-button::before {
  background: url("../images/spriteBox.svg") -940px -40px no-repeat;
}
.smart-button.active-button.snapshot-button::before {
  background: url("../images/spriteBox.svg") -700px -40px no-repeat;
}
.smart-button.active-button.ortho-cam::before {
  background: url("../images/spriteBox.svg") -60px -40px no-repeat;
}
.smart-button.active-button.perspective-cam::before {
  background: url("../images/spriteBox.svg") -40px -40px no-repeat;
}
.smart-button.active-button.front-cam::before {
  background: url("../images/spriteBox.svg") -80px -40px no-repeat;
}
.smart-button.active-button.left-cam::before {
  background: url("../images/spriteBox.svg") -120px -40px no-repeat;
}
.smart-button.active-button.right-cam::before {
  background: url("../images/spriteBox.svg") -140px -40px no-repeat;
}
.smart-button.active-button.bottom-cam::before {
  background: url("../images/spriteBox.svg") -180px -40px no-repeat;
}
.smart-button.active-button.back-cam::before {
  background: url("../images/spriteBox.svg") -160px -40px no-repeat;
}
.smart-button.active-button.workspace-button::before {
  background: url("../images/spriteBox.svg") -880px -40px no-repeat;
}
.smart-button.ortho-cam::before {
  background: url("../images/spriteBox.svg") -60px -20px no-repeat;
}
.smart-button.perspective-cam::before {
  background: url("../images/spriteBox.svg") -40px -20px no-repeat;
}
.smart-button.front-cam::before {
  background: url("../images/spriteBox.svg") -80px -20px no-repeat;
}
.smart-button.left-cam::before {
  background: url("../images/spriteBox.svg") -120px -20px no-repeat;
}
.smart-button.right-cam::before {
  background: url("../images/spriteBox.svg") -140px -20px no-repeat;
}
.smart-button.bottom-cam::before {
  background: url("../images/spriteBox.svg") -180px -20px no-repeat;
}
.smart-button.back-cam::before {
  background: url("../images/spriteBox.svg") -160px -20px no-repeat;
}
.smart-button.smart-button-back::before {
  background: url("../images/spriteGeneral.svg") -860px -20px no-repeat;
  top: calc(50% - 14px);
}
.smart-button.smart-button-header {
  font-size: 16px;
  font-weight: 300;
  padding: 0 0 6px;
  text-align: center;
}
.smart-button.smart-button-header:not(.smart-button-back) {
  background: #fff;
  cursor: default;
}
.smart-button.smart-button-header::after {
  background: #f9f9f9;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #dadada;
  bottom: 0;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  width: 100%;
}
.smart-button.views-button::before {
  background: url("../images/spriteBox.svg") -60px -20px no-repeat;
}
.smart-button.tab-button::after {
  background: url("../images/spriteGeneral.svg") -840px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 20px;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.core-button {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 22px;
  outline: 0;
  padding: 8px 27px;
  text-decoration: none;
}
.core-button:hover {
  cursor: pointer;
}
.core-button:not(:disabled):active {
  position: relative;
  top: 1px;
}
.core-button::-moz-focus-inner {
  border: 0;
}
.core-button[disabled]:hover, .core-button[disabled] {
  cursor: auto;
}
.core-button.core-button-green {
  background-color: #e60023;
  border-color: #e60023;
  text-shadow: 0px 0px 1px #e60023;
}
.core-button.core-button-green:hover {
  background-color: #e60023;
  border-color: #e60023;
  cursor: pointer;
}
.core-button.core-button-green[disabled]:hover, .core-button.core-button-green[disabled] {
  background-color: #e60023;
  border-color: #e60023;
  cursor: default;
  opacity: 0.3;
}
.core-button.core-button-grey {
  background-color: #4F4F4F;
  border-color: #4F4F4F;
  text-shadow: 0px 0px 1px #3a3a3a;
}
.core-button.core-button-grey:hover {
  background-color: #868686;
  border-color: #868686;
  cursor: pointer;
}
.core-button.core-button-grey[disabled]:hover, .core-button.core-button-grey[disabled] {
  background-color: #4F4F4F;
  border-color: #4F4F4F;
  cursor: default;
  opacity: 0.3;
}
.core-button.core-button-light-grey {
  background-color: #868686;
  border-color: #868686;
  text-shadow: 0 0 1px #868686;
}
.core-button.core-button-light-grey:hover {
  background-color: #b2b2b2;
  border-color: #b2b2b2;
  cursor: pointer;
}
.core-button.core-button-light-grey[disabled]:hover, .core-button.core-button-light-grey[disabled] {
  background-color: #868686;
  border-color: #868686;
  cursor: default;
  opacity: 0.3;
}
.core-button.core-button-right {
  display: block;
  margin: 8px 0 0 auto;
}
.core-button.core-button-block {
  display: block;
  margin: 8px auto 0;
  max-width: 320px;
  width: 100%;
}

.sidebar-content .core-button.core-button-block {
  max-width: 100%;
  width: calc(100% - 40px);
}

.core-hover-enabled .inputfile + label:hover {
  background: linear-gradient(to bottom, #a0c839 5%, #afd81c 100%);
  background-color: #a0c839;
}

.core-hover-enabled .egr-toggle-choice:hover::after {
  background-position: -660px -40px;
}
.core-hover-enabled .egr-subchoice:hover {
  background-color: #ececec;
}

.egr-subchoice-menu.active .egr-toggle-choice::after {
  background-position: -660px -40px;
}

.egr-toggle-choice {
  display: block;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.egr-toggle-choice::after {
  background-image: url("../images/spriteGeneral.svg");
  background-position: -660px -20px;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 9px;
  top: 9px;
  width: 20px;
}

.egr-subchoices {
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  display: block;
  font-size: 14px;
  line-height: 30px;
  min-width: 80px;
  padding: 5px 0;
  position: absolute;
  right: -5px;
  top: 39px;
  z-index: 1;
}

.egr-subchoice {
  cursor: pointer;
  padding: 0 15px;
}
.egr-subchoice.active {
  background-color: #ececec;
}

.egr-togglebox-grp {
  border: 1px solid #ececec;
  border-radius: 4px;
  margin: 3px auto 20px;
  width: 100%;
}

.egr-togglebox {
  border-bottom: 1px solid #ececec;
  cursor: pointer;
  height: 39px;
  padding-left: 28px;
  position: relative;
}
.egr-togglebox span {
  line-height: 39px;
}
.egr-togglebox.check::before, .egr-togglebox.radio::before {
  background-image: url("../images/spriteGeneral.svg");
  content: "";
  height: 20px;
  left: 11px;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.egr-togglebox.check::before {
  background-position: -200px -20px;
}
.egr-togglebox.radio::before {
  background-position: -280px -20px;
}
.egr-togglebox.active.check::before {
  background-position: -220px -20px;
}
.egr-togglebox.active.radio::before {
  background-position: -260px -20px;
}
.egr-togglebox:last-child {
  border-bottom: 0;
  height: 38px;
}

.toolbar-button-wall {
  background: #fff;
  border-bottom: 1px solid #e60023;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #e60023;
  border-right: 1px solid #e60023;
  height: 40px;
  position: absolute;
  right: calc(100% + 10px);
  width: 50px;
}
.toolbar-button-wall .toolbar-button-wall-content {
  cursor: pointer;
  height: 100%;
  position: relative;
  width: 100%;
}
.toolbar-button-wall .toolbar-button-wall-content::after {
  background: url("../images/spriteBox.svg") -2130px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.core-hover-enabled .toolbar-button-wall:hover .toolbar-button-wall-content::after {
  background: url("../images/spriteBox.svg") -2130px -40px no-repeat;
}

.toolbar-label-projects {
  color: #e60023;
  cursor: pointer;
  padding-right: 28px;
  position: relative;
}
.toolbar-label-projects::after {
  background: url("../images/spriteGeneral.svg") -840px -20px no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: 4px;
  top: calc(50% - 10px);
  width: 20px;
}

.toolbar-label {
  margin-right: auto;
  color: #4f4f4f;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: calc(47px - 1px);
  overflow: hidden;
  padding-left: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbar-label.toolbar-label-product {
  font-size: 20px;
  font-weight: 300;
}
.toolbar-label.next-to-button {
  padding-left: 47px;
}

.back-to-projects {
  cursor: pointer;
  display: block;
  height: calc(47px - 1px);
  left: 0;
  position: absolute;
  top: 0;
  width: 47px;
  z-index: 3;
}
.back-to-projects::after {
  background: url("../images/spriteBox.svg") -1060px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.topbar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  border-bottom: 1px solid #dadada;
  height: 47px;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  width: calc(100% - 47px);
  z-index: 5;
}
.topbar-container.on-right-side {
  left: 47px;
}

.extra-buttons {
  background: #fff;
  border: 1px solid #dadada;
  display: block;
  position: absolute;
  right: 5px;
  top: 40px;
}
.extra-buttons .toolbar-button {
  display: block !important;
}

.core-toolbar {
  -webkit-box-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  font-size: 0;
  height: 100%;
  max-width: 100%;
  opacity: 0.95;
  overflow: visible;
  pointer-events: all;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.core-toolbar.floating-toolbar {
  background: #fff;
  border-bottom: 1px solid #dadada;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  height: 40px;
  z-index: 1;
  margin-top: -constant(safe-area-inset-top);
  margin-top: -env(safe-area-inset-top);
}
.core-toolbar.floating-toolbar .toolbar-button {
  margin: 0 5px;
}

.toolbar-button {
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  margin: 3px 5px;
  position: relative;
  vertical-align: middle;
  width: 32px;
}
.toolbar-button.toolbar-button-state-disabled {
  pointer-events: none;
}
.toolbar-button.egr-selectbox {
  width: 46px;
}
.toolbar-button.egr-selectbox::before {
  background: url("../images/spriteBox.svg") -200px -20px no-repeat;
  content: "";
  height: 20px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 6px;
  width: 20px;
  z-index: 2;
}
.toolbar-button::after {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  pointer-events: none;
  position: absolute;
  top: 6px;
  width: 20px;
  z-index: 2;
}
.toolbar-button.toolbar-button-popup::after {
  left: 6px;
}

.toolbar-separator {
  cursor: default;
  display: inline-block;
  height: 32px;
  margin: 3px 0;
  padding-top: 6px;
  vertical-align: middle;
  width: 1px;
}
.toolbar-separator > span {
  background-color: #dadada;
  display: inline-block;
  height: 20px;
  width: 1px;
}

.toolbar-floorplan-button::after {
  background: url("../images/spriteBox.svg") -440px -20px no-repeat;
}

.core-hover-enabled .toolbar-floorplan-button:hover::after,
.toolbar-floorplan-button.toolbar-button-state-active::after,
.toolbar-floorplan-button.active-button-state::after {
  background: url("../images/spriteBox.svg") -440px -40px no-repeat;
}

.toolbar-cam-top::after {
  background: url("../images/spriteBox.svg") -100px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-top:hover::after,
.toolbar-cam-top.toolbar-button-state-active::after,
.toolbar-cam-top.active-button-state::after {
  background: url("../images/spriteBox.svg") -100px -40px no-repeat;
}

.toolbar-cam-bottom::after {
  background: url("../images/spriteBox.svg") -180px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-bottom:hover::after,
.toolbar-cam-bottom.toolbar-button-state-active::after,
.toolbar-cam-bottom.active-button-state::after {
  background: url("../images/spriteBox.svg") -180px -40px no-repeat;
}

.toolbar-cam-left::after {
  background: url("../images/spriteBox.svg") -120px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-left:hover::after,
.toolbar-cam-left.toolbar-button-state-active::after,
.toolbar-cam-left.active-button-state::after {
  background: url("../images/spriteBox.svg") -120px -40px no-repeat;
}

.toolbar-cam-right::after {
  background: url("../images/spriteBox.svg") -140px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-right:hover::after,
.toolbar-cam-right.toolbar-button-state-active::after,
.toolbar-cam-right.active-button-state::after {
  background: url("../images/spriteBox.svg") -140px -40px no-repeat;
}

.toolbar-cam-front::after {
  background: url("../images/spriteBox.svg") -80px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-front:hover::after,
.toolbar-cam-front.toolbar-button-state-active::after,
.toolbar-cam-front.active-button-state::after {
  background: url("../images/spriteBox.svg") -80px -40px no-repeat;
}

.toolbar-cam-back::after {
  background: url("../images/spriteBox.svg") -160px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-back:hover::after,
.toolbar-cam-back.toolbar-button-state-active::after,
.toolbar-cam-back.active-button-state::after {
  background: url("../images/spriteBox.svg") -160px -40px no-repeat;
}

.toolbar-cam-ortho::after {
  background: url("../images/spriteBox.svg") -60px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-ortho:hover::after,
.toolbar-cam-ortho.toolbar-button-state-active::after,
.toolbar-cam-ortho.active-button-state::after {
  background: url("../images/spriteBox.svg") -60px -40px no-repeat;
}

.toolbar-cam-pers::after {
  background: url("../images/spriteBox.svg") -40px -20px no-repeat;
}

.core-hover-enabled .toolbar-cam-pers:hover::after,
.toolbar-cam-pers.toolbar-button-state-active::after,
.toolbar-cam-pers.active-button-state::after {
  background: url("../images/spriteBox.svg") -40px -40px no-repeat;
}

.toolbar-button-cam-top::after {
  background: url("../images/spriteBox.svg") -100px -20px no-repeat;
}

.core-hover-enabled .toolbar-button-cam-top:hover::after,
.toolbar-button-cam-top.toolbar-button-state-active::after,
.toolbar-button-cam-top.active-button-state::after {
  background: url("../images/spriteBox.svg") -100px -40px no-repeat;
}

.toolbar-button-cam-front::after {
  background: url("../images/spriteBox.svg") -80px -20px no-repeat;
}

.core-hover-enabled .toolbar-button-cam-front:hover::after,
.toolbar-button-cam-front.toolbar-button-state-active::after,
.toolbar-button-cam-front.active-button-state::after {
  background: url("../images/spriteBox.svg") -80px -40px no-repeat;
}

.toolbar-button-cam-perspective::after {
  background: url("../images/spriteBox.svg") -40px -20px no-repeat;
}

.core-hover-enabled .toolbar-button-cam-perspective:hover::after,
.toolbar-button-cam-perspective.toolbar-button-state-active::after,
.toolbar-button-cam-perspective.active-button-state::after {
  background: url("../images/spriteBox.svg") -40px -40px no-repeat;
}

.toolbar-button-smartextra::after {
  background: url("../images/spriteBox.svg") -920px -20px no-repeat;
}

.toolbar-button-smartextra.toolbar-button-state-active::after {
  background: url("../images/spriteBox.svg") -920px -40px no-repeat;
}

.toolbar-button-extra::after {
  background: url("../images/spriteBox.svg") -920px -20px no-repeat;
}

.toolbar-button-undo:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteGeneral.svg") -700px -20px no-repeat;
}
.toolbar-button-undo.toolbar-button-state-disabled::after {
  background: url("../images/spriteGeneral.svg") -700px 0 no-repeat;
}

.toolbar-button-redo:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteGeneral.svg") -720px -20px no-repeat;
}
.toolbar-button-redo.toolbar-button-state-disabled::after {
  background: url("../images/spriteGeneral.svg") -720px 0 no-repeat;
}

.toolbar-button-multiselect:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteBox.svg") -580px -20px no-repeat;
}
.toolbar-button-multiselect.toolbar-button-state-disabled::after {
  background: url("../images/spriteBox.svg") -580px 0 no-repeat;
}
.toolbar-button-multiselect.toolbar-button-state-active::after {
  background: url("../images/spriteBox.svg") -580px -40px no-repeat;
}

.toolbar-button-rectselect:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteBox.svg") -680px -20px no-repeat;
}
.toolbar-button-rectselect.toolbar-button-state-disabled::after {
  background: url("../images/spriteBox.svg") -680px 0 no-repeat;
}
.toolbar-button-rectselect.toolbar-button-state-active::after {
  background: url("../images/spriteBox.svg") -680px -40px no-repeat;
}

.toolbar-button-clone:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteBox.svg") -260px -20px no-repeat;
}
.toolbar-button-clone.toolbar-button-state-disabled::after {
  background: url("../images/spriteBox.svg") -260px 0 no-repeat;
}

.toolbar-button-delete:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteGeneral.svg") -640px -20px no-repeat;
}
.toolbar-button-delete.toolbar-button-state-disabled::after {
  background: url("../images/spriteGeneral.svg") -640px 0 no-repeat;
}

.toolbar-button-snapshot:not(.toolbar-button-state-disabled)::after,
.toolbar-button-download-image:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteBox.svg") -700px -20px no-repeat;
}
.toolbar-button-snapshot.toolbar-button-state-active::after,
.toolbar-button-download-image.toolbar-button-state-active::after {
  background: url("../images/spriteBox.svg") -700px -40px no-repeat;
}
.toolbar-button-snapshot.toolbar-button-state-disabled::after,
.toolbar-button-download-image.toolbar-button-state-disabled::after {
  background: url("../images/spriteBox.svg") -700px 0 no-repeat;
}

.toolbar-button-send:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
}
.toolbar-button-send.toolbar-button-state-disabled::after {
  background: url("../images/spriteBox.svg") -940px 0 no-repeat;
}
.toolbar-button-send.toolbar-button-state-active::after {
  background: url("../images/spriteBox.svg") -940px -40px no-repeat;
}

.toolbar-button-floorplan::after {
  background: url("../images/spriteBox.svg") -440px -20px no-repeat;
}

.toolbar-button-ar-mode:not(.toolbar-button-state-disabled)::after {
  background: url("../images/spriteBox.svg") -3030px -20px no-repeat;
}
.toolbar-button-ar-mode.toolbar-button-state-disabled::after {
  background: url("../images/spriteBox.svg") -3030px 0 no-repeat;
}
.toolbar-button-ar-mode.toolbar-button-state-active::after {
  background: url("../images/spriteBox.svg") -3030px -40px no-repeat;
}

.core-hover-enabled .toolbar-button-floorplan:hover::after {
  background: url("../images/spriteBox.svg") -440px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-send:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteBox.svg") -940px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-snapshot:not(.toolbar-button-state-disabled):hover::after,
.core-hover-enabled .toolbar-button-download-image:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteBox.svg") -700px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-redo:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteGeneral.svg") -720px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-undo:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteGeneral.svg") -700px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-clone:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteBox.svg") -260px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-delete:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteGeneral.svg") -640px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-multiselect:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteBox.svg") -580px -40px no-repeat;
}
.core-hover-enabled .toolbar-button-rectselect:not(.toolbar-button-state-disabled):hover::after {
  background: url("../images/spriteBox.svg") -680px -40px no-repeat;
}
.core-hover-enabled .toolbar-button.egr-selectbox:hover::before {
  background: url("../images/spriteBox.svg") -200px -40px no-repeat;
}

.toolbar-floorplan-button > .core-tooltip.core-tooltip-show {
  -moz-animation: late-opacity 10s linear 0s 1 normal;
  -o-animation: late-opacity 10s linear 0s 1 normal;
  -webkit-animation: late-opacity 10s linear 0s 1 normal;
  animation: late-opacity 10s linear 0s 1 normal;
}

.inputfile {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}

.upload-box {
  background-color: #fff;
  border: 1px solid #dadada;
  display: block;
  padding: 10px;
  position: absolute;
  right: 90px;
  top: 70px;
  width: 430px;
  z-index: 100;
}

.upload-buttons {
  margin-top: 10px;
  text-align: right;
}
.upload-buttons > button,
.upload-buttons > label {
  margin-left: 10px;
  margin-top: 10px;
  width: auto;
}

.price {
  display: inline-block;
}

.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.slick-initialized .slick-slide > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  height: 100%;
  position: relative;
  width: 100%;
}

.hide-first-dot .slick-dots li:first-child {
  display: none;
}

.slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: calc(50% + 220px);
  width: 100%;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  width: 20px;
}
.slick-dots li.slick-active button::before {
  color: #e60023;
}
.slick-dots li button {
  background: 0 0;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  outline: 0;
  padding: 5px;
  width: 20px;
}
.slick-dots li button::before {
  color: #ececec;
  content: "•";
  font-size: 32px;
  height: 20px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}

.slick-list,
.slick-slider,
.slick-track {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.slick-track {
  left: 0;
  top: 0;
}

.slick-track::after,
.slick-track::before {
  content: "";
  display: table;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-arrow {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  color: transparent;
  cursor: pointer;
  height: 40px;
  outline: 0;
  overflow: hidden;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  z-index: 10;
}
.slick-arrow.slick-disabled {
  display: none !important;
}
.slick-arrow.slick-prev {
  left: 40px;
}
.slick-arrow.slick-prev::after {
  background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.slick-arrow.slick-next {
  right: 40px;
}
.slick-arrow.slick-next::after {
  background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.tutorial-slider {
  height: 100%;
  position: relative;
  width: 100%;
}

.tutorial-page-image {
  width: 100px;
  height: 100px;
  margin: 10px auto auto;
}
.tutorial-page-image-one {
  background: url("../images/spriteBox.svg") -1100px 0 no-repeat;
}
.tutorial-page-image-two {
  background: url("../images/spriteBox.svg") -1200px 0 no-repeat;
}
.tutorial-page-image-three {
  background: url("../images/spriteBox.svg") -1300px 0 no-repeat;
}
.tutorial-page-image-four {
  background: url("../images/spriteBox.svg") -1400px 0 no-repeat;
}
.tutorial-page-image-five {
  background: url("../images/spriteBox.svg") -1500px 0 no-repeat;
}
.tutorial-page-image-six {
  background: url("../images/spriteBox.svg") -1600px 0 no-repeat;
}

.tutorial-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  margin: auto;
  max-width: 370px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.tutorial-header {
  font-size: 24px;
  font-weight: 300;
  line-height: 29px;
  padding: 0 0 40px;
  position: relative;
  text-align: center;
}

.tutorial-content {
  min-height: 370px;
}

.tutorial-text {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 40px;
  text-align: center;
}
.tutorial-text.tutorial-text-bold {
  font-weight: 700;
  padding-bottom: 10px;
}

@media screen and (max-width: 920px) and (max-height: 920px) {
  .tutorial-page {
    width: 100%;
  }
}
@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: landscape) {
  .tutorial-page {
    max-width: none;
  }

  .tutorial-header, .tutorial-text:not(.tutorial-text-bold) {
    padding: 0 0 20px;
  }

  .tutorial-image {
    height: 120px;
    left: calc(45px);
    position: absolute;
    top: calc(50% - 60px);
    width: 100px;
  }

  .tutorial-content {
    min-height: 0;
  }
}
.error-page {
  background: #fff;
  bottom: 0;
  left: 0;
  padding: 144px 20px 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.error-page .error-header {
  color: #c00303;
  font-size: 24px;
  font-weight: 300;
  line-height: 64px;
  text-align: center;
}
.error-page .error-text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: center;
}
.error-page .error-text a,
.error-page .error-text a:hover,
.error-page .error-text a:visited,
.error-page .error-text a:active {
  color: #e60023;
}
.error-page::after {
  background: url("../images/spriteBox.svg") -1000px 0 no-repeat;
  content: "";
  height: 60px;
  left: calc(50% - 30px);
  position: absolute;
  top: 88px;
  width: 60px;
}

.sidebar-footer {
  background: #fff;
  bottom: 0;
  color: #b2b2b2;
  font-size: 12px;
  height: 40px;
  left: 0;
  padding: 5px 20px;
  position: absolute;
  width: 100%;
  z-index: 6;
}

.image-placeholder {
  background: #ececec;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.image-placeholder::after {
  background: url("../images/spriteBox.svg") -1990px 0 no-repeat;
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}

.image-share-button {
  bottom: 0;
  cursor: pointer;
  height: 47px;
  position: absolute;
  right: 0;
  width: 47px;
  z-index: 100;
}
.image-share-button::after {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.slider-counter {
  bottom: 20px;
  font-size: 16px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.image-slide-container {
  padding: 0 20px;
}

.core-browser-layout .image-placeholder {
  border-radius: 4px;
}
.core-browser-layout .image-tiles {
  padding: 15px 10px 29px 20px;
}
.core-browser-layout .image-tile {
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc(25% - 10px);
}
.core-browser-layout .image-tile .centered-image::after {
  border: 1px solid #dadada;
  border-radius: 4px;
}
.core-browser-layout .image-tile img,
.core-browser-layout .image-tile .cover-image {
  border-radius: 4px;
}
.core-browser-layout .slider-counter {
  bottom: 16px;
}

.core-app-layout .images-header {
  color: #868686;
  font-size: 14px;
  line-height: 20px;
  padding: 3px 20px 5px;
}
.core-app-layout .image-tiles {
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
  margin-bottom: 10px;
  padding: 20px 17px 17px 20px;
}
.core-app-layout .image-tile {
  margin-bottom: 3px;
  margin-right: 3px;
  width: calc(25% - 3px);
}
.core-app-layout .image-tile.selected .centered-image::after {
  border: 1px solid #e60023;
}

.images-header {
  max-width: 100%;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.image-tile {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 3px;
  position: relative;
  vertical-align: top;
}
.image-tile .image-tile-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.image-tile.selected .centered-image::after {
  border: 1px solid #e60023;
}
.image-tile .centered-image {
  position: relative;
}
.image-tile .centered-image::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.image-tile::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.image-tiles {
  background: #fff;
  color: #b2b2b2;
  font-size: 14px;
  padding: 15px 17px 29px 20px;
}
.image-tiles .no-images {
  padding: 0 20px 0 0;
}
.image-tiles.select-mode .image-tile::after {
  bottom: 5px;
  content: "";
  height: 20px;
  position: absolute;
  right: 5px;
  width: 20px;
}
.image-tiles.select-mode .image-tile:not(.selected)::after {
  background: url("../images/spriteGeneral.svg") -200px -20px no-repeat;
}
.image-tiles.select-mode .image-tile.selected::after {
  background: url("../images/spriteGeneral.svg") -220px -20px no-repeat;
}

.pswp,
.pswp__bg,
.pswp__scroll-wrap {
  height: 100%;
  width: 100%;
}

.pswp,
.pswp__item,
.pswp__scroll-wrap {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.pswp,
.pswp__bg,
.pswp__error-msg,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
  position: absolute;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right,
.pswp__caption--fake {
  visibility: hidden;
}

.pswp,
.pswp__bg,
.pswp__container,
.pswp__img--placeholder,
.pswp__share-modal,
.pswp__share-tooltip,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp {
  display: none;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 99;
}

.pswp--open,
.pswp__button {
  display: block;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  /*
  opacity: .001;
  transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
  will-change: opacity;
  */
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.pswp__container,
.pswp__zoom-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
}

.pswp__container,
.pswp__img {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.pswp__zoom-wrap {
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  display: none;
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__item {
  bottom: 0;
  right: 0;
}

.pswp__img {
  height: auto;
  left: 0;
  top: 0;
  width: auto;
}

.pswp--ie .pswp__img {
  height: auto !important;
  left: 0;
  top: 0;
  width: 100% !important;
}

.pswp__error-msg {
  color: #CCC;
  font-size: 14px;
  left: 0;
  line-height: 16px;
  margin-top: -8px;
  text-align: center;
  top: 50%;
  width: 100%;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
  color: #000;
  text-decoration: none;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
  -webkit-appearance: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  float: right;
  margin: 0;
  opacity: 0.75;
  overflow: visible;
  padding: 0;
  position: relative;
  transition: opacity 0.2s;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  opacity: 0.9;
  outline: 0;
}

.pswp__button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button {
  background: url("./default-skin.png") no-repeat;
  background-size: 264px 88px;
  height: 44px;
  width: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
    background-image: url("./default-skin.svg");
  }

  .pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
    background: 0 0;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  background-position: -88px 0;
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  color: transparent;
  cursor: pointer;
  height: 40px;
  outline: 0;
  overflow: hidden;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  z-index: 10;
}

.pswp__button--arrow--left {
  left: 40px;
}
.pswp__button--arrow--left::after {
  background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.pswp__button--arrow--right {
  right: 40px;
}
.pswp__button--arrow--right::after {
  background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.pswp__counter,
.pswp__share-modal {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  transition: opacity 0.25s ease-out;
  width: 100%;
  will-change: opacity;
  z-index: 1600;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 12px;
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

.pswp__caption--empty,
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__counter,
.pswp__preloader {
  height: 44px;
  top: 0;
  position: absolute;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

.pswp__counter {
  color: #FFF;
  font-size: 13px;
  left: 0;
  line-height: 44px;
  opacity: 0.75;
  padding: 0 10px;
}

.pswp__caption {
  bottom: 0;
  left: 0;
  min-height: 44px;
  position: absolute;
  width: 100%;
}

.pswp__caption small {
  color: #BBB;
  font-size: 11px;
}

.pswp__caption__center {
  color: #CCC;
  font-size: 13px;
  line-height: 20px;
  margin: 0 auto;
  max-width: 420px;
  padding: 10px;
  text-align: left;
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__ui {
  visibility: visible;
}

.pswp__preloader {
  direction: ltr;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  width: 44px;
  will-change: opacity;
}

.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader__icn {
  height: 20px;
  margin: 12px;
  width: 20px;
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url("./preloader.gif") no-repeat;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 0.5s linear infinite;
  animation: clockwise 0.5s linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: 0 0;
  height: 14px;
  left: 15px;
  margin: 0;
  opacity: 0.75;
  position: absolute;
  top: 15px;
  width: 14px;
}

.pswp--css_animation .pswp__preloader__cut {
  height: 14px;
  overflow: hidden;
  position: relative;
  width: 7px;
}

.pswp--css_animation .pswp__preloader__donut {
  background: 0 0;
  border: 2px solid #FFF;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  height: 14px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 14px;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    float: right;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
}
@keyframes donut-rotate {
  0%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
}
.pswp__ui {
  -webkit-font-smoothing: auto;
  opacity: 1;
  z-index: 1550;
}

.pswp__top-bar {
  display: none;
  /*
  height:44px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  */
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
  -webkit-backface-visibility: hidden;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}

.pswp__caption,
.pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
  opacity: 0.001;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: 0 0;
}

.sidebar-on-right .floorplan-setup {
  right: 57px;
}

.floorplan-setup {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  min-width: 200px;
  position: absolute;
  right: 10px;
  top: 57px;
  z-index: 1;
}
.floorplan-setup .floorplan-setup-content {
  padding: 16px;
}
.floorplan-setup .floorplan-setup-upload {
  cursor: pointer;
  height: calc(100% - 6px);
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}
.floorplan-setup .floorplan-setup-upload::after {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.floorplan-setup .floorplan-setup-close {
  cursor: pointer;
  height: calc(100% - 6px);
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.floorplan-setup .floorplan-setup-close::after {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.fp-loupe {
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 40px;
  display: none;
  height: 80px;
  position: absolute;
  width: 80px;
  z-index: 110;
}

.interactor {
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
.interactor::before {
  border-color: #e60023;
  border-style: solid;
  content: "";
  position: absolute;
}
.interactor.invalid-interactor::before {
  border-color: #c00303;
}
.interactor.top-left-interactor::before {
  border-left-width: 4px;
  border-top-width: 4px;
  height: 100%;
  left: calc(50% - 4px);
  top: calc(50% - 4px);
  width: 100%;
}
.interactor.top-right-interactor::before {
  border-right-width: 4px;
  border-top-width: 4px;
  height: 100%;
  right: calc(50% - 4px);
  top: calc(50% - 4px);
  width: 100%;
}
.interactor.bottom-left-interactor::before {
  border-bottom-width: 4px;
  border-left-width: 4px;
  bottom: calc(50% - 4px);
  height: 100%;
  left: calc(50% - 4px);
  width: 100%;
}
.interactor.top-interactor::before {
  border-top-width: 4px;
  height: 100%;
  left: 25%;
  right: 25%;
  top: calc(50% - 4px);
}
.interactor.bottom-interactor::before {
  border-bottom-width: 4px;
  bottom: calc(50% - 4px);
  height: 100%;
  left: 25%;
  right: 25%;
}
.interactor.left-interactor::before {
  border-left-width: 4px;
  bottom: 25%;
  left: calc(50% - 4px);
  top: 25%;
  width: 100%;
}
.interactor.right-interactor::before {
  border-right-width: 4px;
  bottom: 25%;
  right: calc(50% - 4px);
  top: 25%;
  width: 100%;
}
.interactor.bottom-right-interactor::before {
  border-bottom-width: 4px;
  border-right-width: 4px;
  bottom: calc(50% - 4px);
  height: 100%;
  right: calc(50% - 4px);
  width: 100%;
}

.floorplan {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.fp-canvas {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  border: 1px solid #dadada;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.fp-canvas .floor-image {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.fp-canvas.no-input .fp-input {
  display: none;
}
.fp-canvas .fp-input {
  position: absolute;
  width: 160px;
  z-index: 101;
}
.fp-canvas .fp-input .input-container {
  padding: 0;
}
.fp-canvas .fp-input input {
  padding: 0 12px;
}
.fp-canvas .interactor-fp {
  cursor: pointer;
  height: 100px;
  position: absolute;
  width: 100px;
  z-index: 3;
}
.fp-canvas .interactor-fp::before {
  background: #e60023;
  content: "";
  height: 16px;
  left: calc(50% - 1px);
  position: absolute;
  top: calc(50% - 8px);
  width: 2px;
}
.fp-canvas .interactor-fp.with-circle::after {
  background: rgba(149, 193, 31, 0.3);
  border: 2px solid #e60023;
  border-radius: 16px;
  content: "";
  height: 32px;
  left: calc(50% - 16px);
  position: absolute;
  top: calc(50% - 16px);
  width: 32px;
}
.fp-canvas canvas {
  pointer-events: none;
  position: absolute;
}

.pcon-login-question {
  display: block;
  margin: 0 auto;
  max-width: calc(100% - 40px);
  width: 320px;
}

.overlay-text {
  padding: 0 0 1.375em;
  text-align: center;
}

.overlay-text-big {
  font-size: 24px;
  font-weight: 300;
  padding: 0 0 2.125em;
  text-align: center;
}

.pcon-login-image {
  background: url("../images/spriteLogin.svg") -260px 0 no-repeat;
  height: 80px;
  margin: 0 auto 10px;
  position: relative;
  width: 80px;
}
.pcon-login-image::after {
  background: url("../images/spriteLogin.svg") -340px 0 no-repeat;
  content: "";
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 80px;
}

.overlay-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.65);
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 14;
}
.overlay-frame.overlay-full {
  padding: 0;
}
.overlay-frame.overlay-full .overlay-content {
  border-radius: 0;
}

.overlay-close-button {
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 3;
}
.overlay-close-button::after {
  background: url("../images/spriteGeneral.svg") -160px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.overlay-content {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
}
.overlay-content > .pswp {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}

.overlay-content-header {
  align-self: flex-start;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  padding: 20px;
}
.overlay-content-header.overlay-content-header-extra {
  padding: 20px 55px 20px 20px;
  position: relative;
}

.overlay-content-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 20px;
  width: 100%;
}

.overlay-content-footer {
  line-height: 24px;
  padding: 10px 20px 65px;
  text-align: center;
  width: 100%;
}

.overlay-content .slick-dots,
.slider-counter {
  bottom: 0;
  top: auto;
}

.overlay-close-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  bottom: 0;
  color: #e60023;
  cursor: pointer;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  left: 0;
  padding: 0 0 0 20px;
  position: absolute;
  top: 0;
}

.core-browser-layout .overlay-content {
  border-radius: 5px;
}
.core-browser-layout .overlay-left-button,
.core-browser-layout .overlay-right-button {
  bottom: 16px;
}

.core-app-layout .overlay-content-header {
  align-self: center;
}
.core-app-layout .overlay-content-main {
  padding: 20px;
}
.core-app-layout .overlay-header {
  text-align: center;
  width: 100%;
}
.core-app-layout .slider-counter {
  bottom: 0;
  pointer-events: none;
  z-index: 1501;
}
.core-app-layout .overlay-frame.overlay-frame-with-header {
  background: #f9f9f9;
  padding: 0;
}
.core-app-layout .overlay-frame.overlay-frame-with-header .overlay-content {
  border-top: 1px solid #ececec;
  height: calc(100% - 56px);
  margin-top: 9px;
}
.core-app-layout .overlay-content .slick-dots {
  pointer-events: none;
  z-index: 1501;
}

.overlay-left-button,
.overlay-right-button {
  bottom: 0;
  cursor: pointer;
  line-height: 40px;
  padding: 0 20px;
  position: absolute;
  z-index: 4;
}
.overlay-left-button.colored-font,
.overlay-right-button.colored-font {
  color: #e60023;
}
.overlay-left-button.small-grey-font,
.overlay-right-button.small-grey-font {
  color: #b2b2b2;
  font-size: 12px;
}

.overlay-right-button {
  right: 0;
}

.overlay-left-button {
  left: 0;
}

.core-hover-enabled .overlay-close-button:hover::after {
  background: url("../images/spriteGeneral.svg") -160px -40px no-repeat;
}

.ui-core-range-slider {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.ui-core-range-slider * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-core-range-slider-leftbar,
.ui-core-range-slider-rightbar {
  height: 2px;
  position: absolute;
  top: calc(50% - 1px);
  z-index: 1;
}

.ui-core-range-slider-leftbar {
  left: 0;
}

.ui-core-range-slider-rightbar {
  right: 0;
}

.ui-core-range-slider-thumb {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.ui-core-range-slider-area {
  bottom: 0;
  position: absolute;
  top: 0;
  z-index: 3;
}

.ui-core-range-slider-container:not(:last-of-type) {
  margin-bottom: 12px;
}

.ui-core-range-slider-label {
  font-size: 14px;
}

.ui-core-range-slider {
  height: 40px;
  width: 100%;
}

.ui-core-range-slider-leftbar {
  background: #e60023;
}

.ui-core-range-slider-rightbar {
  background: #dadada;
}

.ui-core-range-slider-thumb {
  background: #dfedbc;
  border: 1px solid #e60023;
  border-radius: 10px;
  height: 20px;
  width: 20px;
}

.input-placeholder {
  border: 1px solid transparent;
  color: #b2b2b2;
  font-size: 16px;
  left: 0;
  line-height: 38px;
  padding: 0 12px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

input,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #dadada;
  border-radius: 4px;
  color: #4f4f4f;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  outline: none;
  padding: 0 30px 0 12px;
  position: relative;
  width: 100%;
}

textarea {
  padding: 10px 30px 10px 12px;
  resize: none;
}

input {
  height: 40px;
  line-height: 38px;
  padding: 0 30px 0 12px;
}
input.double-border {
  border: 2px solid #dadada;
}
input[type=number] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input:not(.invalid):active, input:not(.invalid):focus {
  border: 1px solid #e60023;
}
input.invalid, input.invalid:active, input.invalid:focus, input.invalid:hover {
  border: 1px solid #c00303;
  box-shadow: none;
}
input.double-border:not(.invalid):active, input.double-border:not(.invalid):focus {
  border: 2px solid #e60023;
}
input.double-border.invalid, input.double-border.invalid:active, input.double-border.invalid:focus, input.double-border.invalid:hover {
  border: 2px solid #c00303;
}
input::-ms-fill-lower, input::-ms-fill-upper, input::-ms-tooltip, input::-ms-clear {
  display: none;
}

.input-toggle-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #868686;
  cursor: pointer;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  margin-bottom: 10px;
  min-height: 40px;
  padding: 0 18px 0 56px;
  position: relative;
  white-space: normal;
  width: 100%;
}
.input-toggle-box::after {
  background: url("../images/spriteGeneral.svg") -200px -20px no-repeat;
  content: "";
  height: 20px;
  left: 20px;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.input-toggle-box.input-toggle-box-checked::after {
  background: url("../images/spriteGeneral.svg") -220px -20px no-repeat;
}

.core-config {
  margin: 4px 0 13px;
  padding: 0 20px;
  position: relative;
}
.core-config.active {
  margin: 4px 0 28px;
}
.core-config.active .core-config-header::after {
  background: url("../images/spriteGeneral.svg") -80px -20px no-repeat;
}
.core-config.active .core-config-items {
  display: block;
}

.core-config-header {
  background-color: #ececec;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 56px;
  overflow: hidden;
  padding: 0 40px 0 13px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.core-config-header::after {
  background: url("../images/spriteGeneral.svg") -100px -20px no-repeat;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 9px;
  top: calc(50% - 10px);
  width: 20px;
}

.core-config-items {
  display: none;
  padding: 0 13px;
}

.core-config-item {
  border-bottom: 1px solid #dadada;
  cursor: pointer;
}
.core-config-item.core-config-item-disabled {
  color: #b2b2b2;
  cursor: default;
}
.core-config-item.core-config-item-disabled .core-property-name {
  color: #b2b2b2;
}
.core-config-item.core-config-item-disabled .core-property-value {
  color: #b2b2b2;
}
.core-config-item.core-config-item-disabled .core-property-expandable {
  cursor: default;
}
.core-config-item.core-config-item-disabled .core-property-expandable::after {
  display: none;
}
.core-config-item .core-property-expandable {
  cursor: pointer;
}
.core-config-item .core-property-expandable::after {
  background: url("../images/spriteGeneral.svg") -100px -20px no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: -4px;
  top: calc(50% - 10px);
  width: 20px;
}
.core-config-item .core-property-expandable.expanded::after {
  background: url("../images/spriteGeneral.svg") -80px -20px no-repeat;
}
.core-config-item .core-property-name {
  color: #4f4f4f;
}
.core-config-item .core-property-value {
  color: #e60023;
}

.core-property {
  font-size: 16px;
  line-height: 28px;
  min-height: 55px;
  padding: 13.5px 20px 13.5px 0;
  position: relative;
}
.core-property.core-property-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.core-property.core-property-flex .core-property-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.core-property.core-property-has-image {
  padding: 13.5px 74px 13.5px 0;
}
.core-property.core-property-expandable {
  padding: 13.5px 23px 13.5px 0;
}
.core-property.core-property-expandable.core-property-has-image {
  padding: 13.5px 74px 13.5px 0;
}
.core-property .core-property-name {
  line-height: 24px;
}
.core-property .core-property-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dadada;
  border-radius: 3px;
  height: 38px;
  position: absolute;
  right: 23px;
  top: calc(50% - 19px);
  width: 38px;
}
.core-property .core-property-image-wall {
  cursor: pointer;
  height: 38px;
  position: absolute;
  right: 0;
  top: calc(50% - 19px);
  width: 38px;
}
.core-property .core-property-image-wall::after {
  background: url("../images/spriteBox.svg") -2110px -20px no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: 2px;
  top: calc(50% - 10px);
  width: 20px;
}

.core-hover-enabled .core-property .core-property-image-wall:hover::after {
  background: url("../images/spriteBox.svg") -2110px -40px no-repeat;
}

.core-core-property-choices {
  border: 0;
  border-collapse: collapse;
  margin-bottom: 15px;
  width: 100%;
}

.core-property-choice {
  cursor: pointer;
}
.core-property-choice td {
  box-sizing: border-box;
  height: 40px;
  padding: 6px 0;
}
.core-property-choice td:nth-of-type(1) {
  position: relative;
}
.core-property-choice td:nth-of-type(2) {
  padding-left: 10px;
  width: 100%;
}
.core-property-choice.selected .core-property-choice-radio {
  background: url("../images/spriteGeneral.svg") -260px -20px no-repeat;
}
.core-property-choice.selected .core-property-choice-img::after {
  background: url("../images/spriteGeneral.svg") -220px -20px no-repeat;
  bottom: -6px;
  content: "";
  height: 20px;
  position: absolute;
  right: -6px;
  width: 20px;
}

.core-property-choice-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dadada;
  border-radius: 3px;
  height: 38px;
  margin-right: 6px;
  position: relative;
  width: 38px;
}

.core-property-choice-radio {
  background: url("../images/spriteGeneral.svg") -280px -20px no-repeat;
  height: 20px;
  width: 20px;
}

.core-property-choice-custom {
  display: inline-block;
  height: 22px;
  position: relative;
  vertical-align: middle;
  width: 30px;
}
.core-property-choice-custom::after {
  background: url("../images/spriteGeneral.svg") -660px -20px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.core-app-layout .core-config-item {
  border-bottom: 1px solid #ececec;
}
.core-app-layout .core-config-item:last-child {
  border-bottom: 0;
}
.core-app-layout .core-config-items {
  border-bottom: 1px solid #ececec;
  padding: 0 0 0 32px;
}
.core-app-layout .core-config {
  background: #fff;
  border-top: 1px solid #ececec;
  margin: 9px 0;
  padding: 0;
  width: 100%;
}
.core-app-layout .core-config-header {
  background: #fff;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  line-height: 55px;
  margin: 0;
  padding: 0 42px 0 20px;
  width: 100%;
}
.core-app-layout .core-config-header::after {
  right: 16px;
  top: calc(50% - 9px);
}
.core-app-layout .core-property .core-property-image {
  right: 43px;
}
.core-app-layout .core-property.core-property-has-image {
  padding: 13.5px 70px 13.5px 0;
}
.core-app-layout .core-property.core-property-expandable {
  padding: 13.5px 52px 13.5px 0;
}
.core-app-layout .core-property.core-property-expandable.core-property-has-image {
  padding: 13.5px 106px 13.5px 0;
}
.core-app-layout .core-config-item:not(.core-config-item-disabled) .core-property-expandable::after {
  right: 16px;
}

.core-hover-enabled .core-property-choice-custom:hover::after {
  background: url("../images/spriteGeneral.svg") -660px -40px no-repeat;
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.core-hover-enabled.core-app-layout .core-config .core-config-header:hover::after {
  background: url("../images/spriteGeneral.svg") -100px -40px no-repeat;
}
.core-hover-enabled.core-app-layout .core-config.active .core-config-header:hover::after {
  background: url("../images/spriteGeneral.svg") -80px -40px no-repeat;
}
.core-hover-enabled .core-property-expandable:hover::after {
  background: url("../images/spriteGeneral.svg") -100px -40px no-repeat;
}
.core-hover-enabled .core-property-expandable.expanded:hover::after {
  background: url("../images/spriteGeneral.svg") -80px -40px no-repeat;
}

@-webkit-keyframes f_fadeG {
  0% {
    background-color: #4f4f4f;
  }
  100% {
    background-color: rgba(178, 178, 178, 0.98);
  }
}
@-moz-keyframes f_fadeG {
  0% {
    background-color: #4f4f4f;
  }
  100% {
    background-color: rgba(178, 178, 178, 0.98);
  }
}
@-o-keyframes f_fadeG {
  0% {
    background-color: #4f4f4f;
  }
  100% {
    background-color: rgba(178, 178, 178, 0.98);
  }
}
@keyframes f_fadeG {
  0% {
    background-color: #4f4f4f;
  }
  100% {
    background-color: rgba(178, 178, 178, 0.98);
  }
}
.ui-core-loading-counter {
  color: rgba(178, 178, 178, 0.98);
  font-size: 20px;
  font-weight: 700;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

.core-loading {
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
  height: 61px;
  margin: auto;
  position: relative;
  top: calc(50% - 30.5px);
  width: 61px;
}
.core-loading.core-loading-small {
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -o-transform: scale(0.3);
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
}
.core-loading.core-loading-show {
  display: block;
}

.core-loading-circle-state-1,
.core-loading-circle-state-2,
.core-loading-circle-state-3,
.core-loading-circle-state-4,
.core-loading-circle-state-5,
.core-loading-circle-state-6,
.core-loading-circle-state-7,
.core-loading-circle-state-8 {
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: rgba(178, 178, 178, 0.98);
  height: 11px;
  position: absolute;
  width: 11px;
}

.core-loading-circle-state-1 {
  -moz-animation: f_fadeG 0.782s normal -0.6855s infinite;
  -o-animation: f_fadeG 0.782s normal -0.6855s infinite;
  -webkit-animation: f_fadeG 0.782s normal -0.6855s infinite;
  animation: f_fadeG 0.782s normal -0.6855s infinite;
  left: 0;
  top: 25px;
}

.core-loading-circle-state-2 {
  -moz-animation: f_fadeG 0.782s normal -0.589s infinite;
  -o-animation: f_fadeG 0.782s normal -0.589s infinite;
  -webkit-animation: f_fadeG 0.782s normal -0.589s infinite;
  animation: f_fadeG 0.782s normal -0.589s infinite;
  left: 7px;
  top: 7px;
}

.core-loading-circle-state-3 {
  -moz-animation: f_fadeG 0.782s normal -0.4925s infinite;
  -o-animation: f_fadeG 0.782s normal -0.4925s infinite;
  -webkit-animation: f_fadeG 0.782s normal -0.4925s infinite;
  animation: f_fadeG 0.782s normal -0.4925s infinite;
  left: 25px;
  top: 0;
}

.core-loading-circle-state-4 {
  -moz-animation: f_fadeG 0.782s normal -0.386s infinite;
  -o-animation: f_fadeG 0.782s normal -0.386s infinite;
  -webkit-animation: f_fadeG 0.782s normal -0.386s infinite;
  animation: f_fadeG 0.782s normal -0.386s infinite;
  right: 7px;
  top: 7px;
}

.core-loading-circle-state-5 {
  -moz-animation: f_fadeG 0.782s normal -0.2895s infinite;
  -o-animation: f_fadeG 0.782s normal -0.2895s infinite;
  -webkit-animation: f_fadeG 0.782s normal -0.2895s infinite;
  animation: f_fadeG 0.782s normal -0.2895s infinite;
  right: 0;
  top: 25px;
}

.core-loading-circle-state-6 {
  -moz-animation: f_fadeG 0.782s normal -0.193s infinite;
  -o-animation: f_fadeG 0.782s normal -0.193s infinite;
  -webkit-animation: f_fadeG 0.782s normal -0.193s infinite;
  animation: f_fadeG 0.782s normal -0.193s infinite;
  bottom: 7px;
  right: 7px;
}

.core-loading-circle-state-7 {
  -moz-animation: f_fadeG 0.782s normal -0.0965s infinite;
  -o-animation: f_fadeG 0.782s normal -0.0965s infinite;
  -webkit-animation: f_fadeG 0.782s normal -0.0965s infinite;
  animation: f_fadeG 0.782s normal -0.0965s infinite;
  bottom: 0;
  left: 25px;
}

.core-loading-circle-state-8 {
  -moz-animation: f_fadeG 0.782s normal 0s infinite;
  -o-animation: f_fadeG 0.782s normal 0s infinite;
  -webkit-animation: f_fadeG 0.782s normal 0s infinite;
  animation: f_fadeG 0.782s normal 0s infinite;
  bottom: 7px;
  left: 7px;
}

.core-app-layout .letter-bar {
  padding: 57px 0 0;
}

.on-right-side .letter-bar {
  left: auto;
  right: calc(100% + 1px);
}
.on-right-side .letter-bar .letter-buttons {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-left: 1px solid #dadada;
  border-right: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
}

.letter-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  bottom: 0;
  left: calc(100% + 1px);
  opacity: 0.95;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 27px;
  z-index: 6;
}
.letter-bar.letter-bar-inside {
  left: auto;
  right: 0;
  width: 16px;
}
.letter-bar.letter-bar-inside .letter-button {
  min-height: 10px;
  max-height: 20px;
}
.letter-bar.letter-bar-inside .letter-button > div {
  line-height: 12px;
}
.letter-bar.letter-bar-inside .letter-buttons {
  background: transparent;
  border: 0;
  height: 100%;
}
.letter-bar .letter-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #dadada;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #dadada;
  border-top: 1px solid #dadada;
  border-top-right-radius: 4px;
  flex-direction: column;
  justify-content: center;
  padding: 7px 0;
  position: relative;
  width: 100%;
}
.letter-bar .letter-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  align-items: center;
  cursor: pointer;
  font-size: 10px;
  line-height: 18px;
  min-height: 18px;
  width: 100%;
}
.letter-bar .letter-button:active {
  background: #ececec content-box;
  color: #e60023;
}
.letter-bar .letter-button > div {
  display: block;
  pointer-events: none;
  width: 100%;
}

.core-hover-enabled .letter-button:hover {
  color: #e60023;
}

.ui-core-done-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  bottom: 0;
  justify-content: center;
  opacity: 1;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transition: opacity 1.5s linear 0s;
  width: 100%;
  z-index: 1000;
}
.ui-core-done-message .ui-core-done-message-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #e60023;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  flex-direction: column;
  height: 35px;
  justify-content: center;
  min-width: 280px;
  padding: 0 20px;
  position: relative;
}
.ui-core-done-message .ui-core-done-message-box .ui-core-done-message-label {
  display: block;
  text-align: center;
}

@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: portrait) {
  .core-done-message {
    bottom: 47px;
  }
}
.core-app-layout .header-buttons {
  height: 100%;
  right: 8px;
  top: 0;
}
.core-app-layout .header-buttons .header-button,
.core-app-layout .header-buttons .header-button.last-header-button {
  width: 34px;
}

.core-browser-layout .header-buttons {
  border: 1px solid #dadada;
  border-radius: 4px;
  height: 40px;
  right: 20px;
  top: 17px;
}
.core-browser-layout .header-buttons .header-button {
  border-right: 1px solid #dadada;
}

.header-buttons {
  position: absolute;
}
.header-buttons .header-button {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  position: relative;
  width: 40px;
}
.header-buttons .header-button .egr-select-options {
  left: auto;
  right: calc(100% - 51px);
  top: 100%;
}
.header-buttons .header-button.header-button-last {
  border-right: 0;
  width: 39px;
}
.header-buttons .header-button:not(.header-button-dropdown)::after {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.header-buttons .header-button > .toolbar-button {
  margin: 0;
}
.header-buttons .header-button.header-button-dropdown {
  width: 49px;
}
.header-buttons .header-button.header-button-select::after {
  background: url("../images/spriteBox.svg") -420px -20px no-repeat;
}
.header-buttons .header-button.header-button-select-disabled {
  cursor: auto;
}
.header-buttons .header-button.header-button-select-disabled::after {
  background: url("../images/spriteBox.svg") -420px 0 no-repeat;
}
.header-buttons .header-button.header-button-select-active::after {
  background: url("../images/spriteBox.svg") -420px -40px no-repeat;
}
.header-buttons .header-button.header-button-share::after {
  background: url("../images/spriteBox.svg") -940px -20px no-repeat;
}
.header-buttons .header-button.header-button-share-disabled {
  cursor: auto;
}
.header-buttons .header-button.header-button-share-disabled::after {
  background: url("../images/spriteBox.svg") -940px 0 no-repeat;
}

.img-architecture-wall::after,
.img-architecture-opening::after,
.img-architecture-door::after,
.img-architecture-window::after {
  content: "";
  height: 60px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 30px);
  width: 60px;
}

.img-architecture-wall::after {
  background: url("../images/spriteArchitecture.svg") 0 0 no-repeat;
}

.img-architecture-opening::after {
  background: url("../images/spriteArchitecture.svg") -60px 0 no-repeat;
}

.img-architecture-door::after {
  background: url("../images/spriteArchitecture.svg") -120px 0 no-repeat;
}

.img-architecture-window::after {
  background: url("../images/spriteArchitecture.svg") -180px 0 no-repeat;
}

.rw-custom-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  text-align: center;
  width: 33%;
}

.rw-custom-empty,
.rw-custom-floorplan {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.rw-custom-empty.rw-custom-active::after,
.rw-custom-floorplan.rw-custom-active::after {
  background: url("../images/spriteGeneral.svg") -220px -20px no-repeat;
  bottom: -10px;
  content: "";
  height: 20px;
  position: absolute;
  right: -10px;
  width: 20px;
}
.rw-custom-empty.rw-custom-active:not(.rw-custom-noborder) > img,
.rw-custom-floorplan.rw-custom-active:not(.rw-custom-noborder) > img {
  border: 1px solid #e60023;
}
.rw-custom-empty:not(.rw-custom-noborder) > img,
.rw-custom-floorplan:not(.rw-custom-noborder) > img {
  border: 1px solid #dadada;
}
.rw-custom-empty > img,
.rw-custom-floorplan > img {
  border-radius: 10px;
  display: block;
  max-width: 100%;
}

.input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-bottom: 8px;
}
.input-group.input-group-formular {
  padding: 0 20px 8px;
}
.input-group.input-group-disabled {
  color: #b2b2b2;
  pointer-events: none;
}
.input-group.input-group-disabled > *::before,
.input-group.input-group-disabled > *::after {
  opacity: 0.5;
}

.hamburger-tab .input-group-label {
  text-align: left;
}

.input-group-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding-right: 18px;
  text-align: right;
}

.input-group-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.input-group-input,
.input-group-input .input-container, .core-browser-layout .input-group-input .input-container {
  max-width: 144px;
  padding: 0;
}

.rw-wrapper {
  border: 1px solid #dadada;
  border-radius: 4px;
  flex: 1;
  overflow: auto;
  padding: 20px 20px 0;
  position: relative;
}

.rw-rooms {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.rw-room {
  border: 1px solid #dadada;
  border-radius: 3px;
  cursor: pointer;
  flex: 1 1 auto;
  margin-left: 20px;
  position: relative;
}
.rw-room::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.rw-room.active::after {
  background: url("../images/spriteGeneral.svg") -220px -20px no-repeat;
  bottom: -6px;
  content: "";
  height: 20px;
  position: absolute;
  right: -6px;
  width: 20px;
}
.core-browser-layout.core-hover-enabled .rw-room:hover, .rw-room.active {
  border-color: #e60023;
}

.rw-room-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  bottom: 0;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.rw-room-image-icon {
  background-image: url("../images/spriteRoomWizard.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
}
.rw-room.rw-room-custom .rw-room-image-icon {
  background-position: 0.0445434298% 3.8095238095%;
  background-size: 3093.3333333333% 800%;
  max-width: 75px;
}
.rw-room.rw-room-custom .rw-room-image-icon::after {
  content: "";
  display: block;
  padding-top: 60%;
}
.rw-room.rw-room-square .rw-room-image-icon {
  background-position: 3.5714285714% 0.9803921569%;
  background-size: 2900% 666.6666666667%;
  max-width: 80px;
}
.rw-room.rw-room-square .rw-room-image-icon::after {
  content: "";
  display: block;
  padding-top: 67.5%;
}
.rw-room.rw-room-l .rw-room-image-icon {
  background-position: 7.4468085106% 0.3311258278%;
  background-size: 3625% 620.6896551724%;
  max-width: 64px;
}
.rw-room.rw-room-l .rw-room-image-icon::after {
  content: "";
  display: block;
  padding-top: 90.625%;
}
.rw-room.rw-room-t .rw-room-image-icon {
  background-position: 10.7493309545% 0.6600660066%;
  background-size: 2974.358974359% 631.5789473684%;
  max-width: 78px;
}
.rw-room.rw-room-t .rw-room-image-icon::after {
  content: "";
  display: block;
  padding-top: 73.0769230769%;
}
.rw-room.rw-room-u .rw-room-image-icon {
  background-position: 14.3811219947% 1.3029315961%;
  background-size: 3135.1351351351% 679.2452830189%;
  max-width: 74px;
}
.rw-room.rw-room-u .rw-room-image-icon::after {
  content: "";
  display: block;
  padding-top: 71.6216216216%;
}
.rw-room.rw-room-corner .rw-room-image-icon {
  background-position: 18.0124223602% 1.9292604502%;
  background-size: 3515.1515151515% 734.693877551%;
  max-width: 66px;
}
.rw-room.rw-room-corner .rw-room-image-icon::after {
  content: "";
  display: block;
  padding-top: 74.2424242424%;
}

.rw-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 42px 0 0;
  position: relative;
}

.rw-preview-image {
  background-image: url("../images/spriteRoomWizard.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-top: 30px;
  width: 100%;
}
.rw-preview-image.rw-room-custom {
  background-image: url("../images/roomWizard.gif");
  background-size: 100% auto;
  margin-top: 0;
  max-width: 467px;
}
.rw-preview-image.rw-room-custom::after {
  content: "";
  display: block;
  padding-top: 73.6616702355%;
}
.rw-preview-image.rw-room-square {
  background-position: 2.0333680918% 77.9816513761%;
  background-size: 577.1144278607% 143.4262948207%;
  max-width: 402px;
}
.rw-preview-image.rw-room-square::after {
  content: "";
  display: block;
  padding-top: 62.4378109453%;
}
.rw-preview-image.rw-room-l {
  background-position: 27.200397812% 85.8823529412%;
  background-size: 750.8090614887% 130.9090909091%;
  max-width: 309px;
}
.rw-preview-image.rw-room-l::after {
  content: "";
  display: block;
  padding-top: 88.996763754%;
}
.rw-preview-image.rw-room-t {
  background-position: 50.0777604977% 86.6666666667%;
  background-size: 593.3503836317% 133.3333333333%;
  max-width: 391px;
}
.rw-preview-image.rw-room-t::after {
  content: "";
  display: block;
  padding-top: 69.0537084399%;
}
.rw-preview-image.rw-room-u {
  background-position: 73.6545361353% 78.7610619469%;
  background-size: 628.7262872629% 145.7489878543%;
  max-width: 369px;
}
.rw-preview-image.rw-room-u::after {
  content: "";
  display: block;
  padding-top: 66.9376693767%;
}
.rw-preview-image.rw-room-corner {
  background-position: 96.0863020572% 77.8625954198%;
  background-size: 709.4801223242% 157.2052401747%;
  max-width: 327px;
}
.rw-preview-image.rw-room-corner::after {
  content: "";
  display: block;
  padding-top: 70.0305810398%;
}

.rw-values {
  padding: 29px 0 0;
}
.rw-values .checkbox-group {
  padding-top: 9px;
}

.rw-overlay .overlay-content-footer.error {
  color: #c00303;
}

.egr-inputbox.rw-inputbox.changed:not(.active) > input {
  border: 1px solid #dadada;
}
.egr-inputbox.rw-inputbox.changed:not(.active) > input.invalid {
  border: 1px solid #c00303;
}
.egr-inputbox.rw-inputbox.changed:not(.active) > .input-delete-button {
  opacity: 0;
  transition: visibility 0.1s;
  visibility: hidden;
}

@media screen and (max-width: 920px) and (max-height: 920px) {
  .rw-preview,
.rw-values {
    min-height: 0;
    padding: 20px 0 0;
  }

  .rw-room {
    margin-left: 10px;
    width: calc(33% - 10px);
  }
  .rw-room:nth-child(3n-2) {
    margin-left: 0;
  }
  .rw-room:nth-child(1n+4) {
    margin-top: 10px;
  }

  .rw-value-label {
    color: #868686;
    font-size: 14px;
    line-height: 24px;
    min-height: 24px;
  }

  .rw-configurator-custom-options-single.rw-configurator .rw-custom-option {
    margin: auto;
    max-width: 384px;
    padding: 20px 10px 0;
    width: 100%;
  }

  .rw-configurator-custom-options.rw-configurator .rw-custom-option {
    margin: auto;
    max-width: 384px;
    padding: 20px 10px 40px;
    width: 100%;
  }
}
@media screen and (min-width: 921px), screen and (min-height: 921px) {
  .core-browser-layout .rw-overlay .overlay-content {
    max-width: 944px;
  }

  .rw-room:first-child {
    margin-left: 0;
  }

  .rw-configurator-custom-options-single.rw-configurator {
    align-items: center;
    justify-content: center;
  }
  .rw-configurator-custom-options-single.rw-configurator .rw-custom-option {
    width: 50%;
  }

  .rw-configurator {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 415px;
  }
  .rw-configurator.rw-configurator-custom-options {
    justify-content: center;
    padding-top: 80px;
  }

  .rw-preview {
    flex: 1;
  }

  .rw-values {
    width: calc(100%/3 - 40px/3);
  }

  .rw-values-container {
    width: 100%;
  }
}
.floating-inputbox {
  background: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: 4px;
  max-width: 180px;
  overflow: hidden;
  position: absolute;
}
.floating-inputbox .input-container {
  background: #fff;
  border-bottom: 1px solid #dadada;
  padding: 12px 12px 11px;
}
.floating-inputbox .floating-inputbox-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  border-top: 1px solid #dadada;
  margin-top: 4px;
}
.floating-inputbox .floating-inputbox-buttons span {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  padding-bottom: 1px;
  text-align: center;
}
.floating-inputbox .floating-inputbox-left,
.floating-inputbox .floating-inputbox-right {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}
.floating-inputbox .floating-inputbox-left::after,
.floating-inputbox .floating-inputbox-right::after {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.floating-inputbox .floating-inputbox-active-button.floating-inputbox-left::after {
  background: url("../images/spriteBox.svg") -520px -40px no-repeat;
}
.floating-inputbox .floating-inputbox-active-button.floating-inputbox-right::after {
  background: url("../images/spriteBox.svg") -540px -40px no-repeat;
}
.floating-inputbox .floating-inputbox-left::after {
  background: url("../images/spriteBox.svg") -520px -20px no-repeat;
}
.floating-inputbox .floating-inputbox-right::after {
  background: url("../images/spriteBox.svg") -540px -20px no-repeat;
}

.core-hover-enabled .floating-inputbox-left:hover::after {
  background: url("../images/spriteBox.svg") -520px -40px no-repeat;
}
.core-hover-enabled .floating-inputbox-right:hover::after {
  background: url("../images/spriteBox.svg") -540px -40px no-repeat;
}

.core-footer a,
.core-footer a:hover,
.core-footer a:visited,
.core-footer a:active {
  color: #868686;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.core-browser-layout .core-footer {
  max-width: 100%;
  padding: 20px;
  position: relative;
}
.core-browser-layout .core-footer-blocked > a {
  display: block;
}
.core-browser-layout .core-footer-blocked > span {
  display: none;
}
.core-browser-layout .core-footer-group {
  color: #868686;
  font-size: 12px;
  line-height: 18px;
}
.core-browser-layout .core-footer-group.core-footer-version {
  padding-top: 18px;
}

.core-swipe-button {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  transition: height 0.5s;
  width: 100%;
}
.core-swipe-button.core-swipe-button-idle {
  transition: padding-left 0.3s, height 0.5s;
}
.core-swipe-button.core-swipe-button-idle .core-swipe-main-container {
  transition: left 0.3s;
}

.core-swipe-main-container {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.core-swipe-right {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  float: right;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.core-tooltip {
  background: #ffe6ea;
  border: 1px solid #e60023;
  border-radius: 5px;
  color: #4f4f4f;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 4px 10px;
  pointer-events: none;
  position: fixed;
  text-align: left;
  transform: translate(-50%);
  z-index: 99999;
}
.core-tooltip.core-tooltip-left {
  transform: translate(0, -50%);
}
.core-tooltip.core-tooltip-left::after {
  border-right: 1px solid #e60023;
  border-top: 1px solid #e60023;
  right: -8px;
  top: calc(50% - 7px);
  transform: rotate(45deg);
}
.core-tooltip.core-tooltip-right {
  transform: translate(0, -50%);
}
.core-tooltip.core-tooltip-right::after {
  border-bottom: 1px solid #e60023;
  border-left: 1px solid #e60023;
  left: -8px;
  top: calc(50% - 7px);
  transform: rotate(45deg);
}
.core-tooltip.core-tooltip-top {
  transform: translate(-50%, -100%);
}
.core-tooltip.core-tooltip-top::after {
  border-bottom: 1px solid #e60023;
  border-right: 1px solid #e60023;
  bottom: -8px;
  left: calc(50% - 7px);
  transform: rotate(45deg);
}
.core-tooltip.core-tooltip-bottom {
  transform: translate(-50%);
}
.core-tooltip.core-tooltip-bottom::after {
  border-left: 1px solid #e60023;
  border-top: 1px solid #e60023;
  left: calc(50% - 7px);
  top: -8px;
  transform: rotate(45deg);
}
.core-tooltip::after {
  background: #ffe6ea;
  content: "";
  height: 14px;
  position: absolute;
  width: 14px;
}

.core-hover-enabled *:hover > .core-tooltip:not(.core-tooltip-show) {
  -moz-animation: late-opacity 1s linear 0s 1 normal;
  -o-animation: late-opacity 1s linear 0s 1 normal;
  -webkit-animation: late-opacity 1s linear 0s 1 normal;
  animation: late-opacity 1s linear 0s 1 normal;
}

.core-hover-enabled *:hover > .core-tooltip,
.core-tooltip.core-tooltip-show {
  display: block;
}

.checkbox-group {
  width: 100%;
}
.checkbox-group .checkbox {
  cursor: pointer;
  margin-top: 6px;
  padding: 0 0 20px 30px;
  position: relative;
}
.checkbox-group .checkbox:first-of-type {
  margin-top: 0;
}
.checkbox-group .checkbox .checkbox-label {
  width: 100%;
}
.checkbox-group .checkbox::after {
  background: url("../images/spriteGeneral.svg") -280px -20px no-repeat;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}
.checkbox-group .checkbox.checkbox-active::after {
  background: url("../images/spriteGeneral.svg") -260px -20px no-repeat;
}

.core-color-picker {
  position: relative;
}
.core-color-picker .core-color-picker-hue-canvas,
.core-color-picker .core-color-picker-hue-area {
  left: 0;
  position: absolute;
  top: 0;
}
.core-color-picker .core-color-picker-hue-canvas,
.core-color-picker .core-color-picker-alpha-canvas {
  pointer-events: none;
  z-index: 0;
}
.core-color-picker .core-color-picker-hue-area {
  border: 1px solid #dadada;
  cursor: crosshair;
  z-index: 1;
}
.core-color-picker .core-color-picker-crosshair {
  height: 16px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 16px;
}
.core-color-picker .core-color-picker-crosshair::before, .core-color-picker .core-color-picker-crosshair::after {
  border-radius: 8px;
  content: "";
  height: 16px;
  position: absolute;
  width: 16px;
}
.core-color-picker .core-color-picker-crosshair::before {
  border: 3px solid #fff;
  left: 0;
  top: 0;
  z-index: 1;
}
.core-color-picker .core-color-picker-crosshair::after {
  border: 3px solid #b2b2b2;
  left: 1px;
  top: 1px;
}
.core-color-picker .core-color-picker-alpha-canvas,
.core-color-picker .core-color-picker-alpha-div,
.core-color-picker .core-color-picker-alpha-area {
  position: absolute;
  right: 0;
  top: 0;
}
.core-color-picker .core-color-picker-alpha-div {
  border: 1px solid #dadada;
  pointer-events: none;
  z-index: 1;
}
.core-color-picker .core-color-picker-alpha-area {
  cursor: pointer;
  z-index: 2;
}

.core-color-picker-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.core-color-picker-button {
  border: 1px solid #dadada;
  border-radius: 4px;
  cursor: pointer;
  height: 20px;
  margin: 0 auto 0 0;
  position: relative;
  width: 20px;
}
.core-color-picker-button:last-of-type {
  margin: 0;
}
.core-color-picker-button.core-color-picker-button-active, .core-color-picker-button.core-color-picker-button-dark-active {
  border: 1px solid #868686;
}
.core-color-picker-button.core-color-picker-button-active::after, .core-color-picker-button.core-color-picker-button-dark-active::after {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.core-color-picker-button.core-color-picker-button-active::after {
  background: url("../images/spriteGeneral.svg") -960px -80px no-repeat;
}
.core-color-picker-button.core-color-picker-button-dark-active::after {
  background: url("../images/spriteGeneral.svg") -960px -20px no-repeat;
}

.core-colorpicker-thumb {
  border-bottom: 3px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-top: 3px solid #fff;
  box-shadow: 0 1px 4px 1px #868686;
  height: 10px;
  left: -4px;
  pointer-events: none;
  position: absolute;
  transform: translate(0, -50%);
  width: calc(100% + 8px);
}
.core-colorpicker-thumb::after {
  bottom: 3px;
  box-shadow: inset 0 -1px 2px 0 #868686;
  content: "";
  left: 2px;
  position: absolute;
  right: 2px;
  top: 3px;
}

.oap-actions-dialog {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  left: 50%;
  max-height: calc(100vh - 40px);
  max-width: calc(100vw - 40px);
  overflow: auto;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.oap-action-tile-200 {
  cursor: pointer;
  flex: 0 0 auto;
  margin: 0 4px 16px;
  text-align: center;
  width: 200px;
}
.oap-action-tile-200 > .oap-action-label {
  color: #4f4f4f;
  font-size: 14px;
  padding: 0 20px;
  text-align: center;
}
.oap-action-tile-200:active > .oap-action-label, .oap-action-tile-200:hover > .oap-action-label {
  color: #e60023;
}

.oap-action-tile-100,
.oap-action-tile-50 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  margin: 0 4px 16px;
}
.oap-action-tile-100 > .oap-action-label,
.oap-action-tile-50 > .oap-action-label {
  color: #4f4f4f;
  font-size: 14px;
  padding: 0 20px;
  text-align: center;
  width: 200px;
}
.oap-action-tile-100:active > .oap-action-label, .oap-action-tile-100:hover > .oap-action-label,
.oap-action-tile-50:active > .oap-action-label,
.oap-action-tile-50:hover > .oap-action-label {
  color: #e60023;
}

.cookie-banner {
  background: #4F4F4F;
  bottom: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  color: #ffffff;
  display: flex;
  font-size: 12px;
  left: 0;
  line-height: 18px;
  padding: 16px 20px;
  position: fixed;
  right: 0;
  z-index: 1000;
}
.cookie-banner-text {
  flex: 1 1 auto;
}
.cookie-banner-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
}
.cookie-banner-link {
  color: #e60023;
}

.ar-freeze-button {
  position: absolute;
  right: 20px;
  top: 66px;
  top: calc(66px + constant(safe-area-inset-top));
  top: calc(66px + env(safe-area-inset-top));
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
}
.ar-freeze-button::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/spriteBox.svg") -340px -60px no-repeat;
}
.ar-freeze-button-bar-right {
  right: 66px;
}
@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: portrait) {
  .ar-freeze-button-bar-right {
    right: 20px;
  }
}
.ar-freeze-button:not(.ar-freeze-button-frozen):active::after {
  background: url("../images/spriteBox.svg") -340px -40px no-repeat;
}
.ar-freeze-button-frozen::after {
  background: url("../images/spriteBox.svg") -320px -60px no-repeat;
}
.ar-freeze-button-frozen:active::after {
  background: url("../images/spriteBox.svg") -320px -40px no-repeat;
}

@media screen and (max-width: 920px) and (max-height: 920px) {
  .pcon-login-bar .pcon-login-popup {
    right: -4px;
    top: 47px;
  }

  .core-browser-layout .hamburger-tab-content {
    padding: 0 20px;
  }
  .core-browser-layout .overlay-frame {
    padding: 0;
  }
  .core-browser-layout .overlay-content {
    border-radius: 0;
  }
  .core-browser-layout .hamburger-tab:not(.navigation) > .sidebar-content {
    padding: 0 20px;
  }

  .core-app-layout .viewer-container,
.core-app-layout .sidebar-on-left .viewer-container {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
  }
  .core-app-layout .image-slide-container {
    padding: 0;
  }
  .core-app-layout .topbar-container {
    z-index: 2;
  }
  .core-app-layout .popup-underlay {
    background: rgba(0, 0, 0, 0.65);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 7;
  }
  .core-app-layout .core-toolbar {
    border: 0;
    height: 46px;
    padding-left: 7px;
    text-align: right;
  }
  .core-app-layout .core-toolbar .toolbar-button {
    margin: 6px 5px 7px;
  }
  .core-app-layout .core-toolbar .toolbar-button-smartextra.toolbar-button {
    margin: 6px 13px 7px 6px;
  }
  .core-app-layout .hamburger-menu {
    width: calc(100% - 47px);
  }
  .core-app-layout .hamburger-menu.on-right-side {
    left: auto;
    right: 0;
  }
  .core-app-layout .hamburger-tab,
.core-app-layout .hamburger-tab.settings-menu {
    background: #f9f9f9;
    color: #4f4f4f;
    padding: 0;
    top: 0;
  }
  .core-app-layout .hamburger-tab.settings-menu,
.core-app-layout .hamburger-tab.settings-menu.settings-menu {
    padding: 46px 0 0;
  }
  .core-app-layout .hamburger-tab .core-footer,
.core-app-layout .hamburger-tab.settings-menu .core-footer {
    padding: 11px 20px;
  }

  .core-browser-layout .hamburger-menu:not(.on-right-side) .hamburger-tab, .core-browser-layout .hamburger-menu.on-right-side .hamburger-tab,
.hamburger-menu:not(.on-right-side) .hamburger-tab,
.hamburger-menu.on-right-side .hamburger-tab {
    border: 0;
    width: 100%;
  }
  .core-browser-layout .hamburger-menu .second-hamburger-tab.hamburger-tab,
.hamburger-menu .second-hamburger-tab.hamburger-tab {
    left: 0;
  }

  .desktop-select {
    padding: 0 20px;
  }
  .desktop-select .desktop-select-options {
    left: -16px;
    max-height: none;
    position: relative;
    top: 0;
    width: calc(100% + 57px);
  }
  .desktop-select.no-title .desktop-select-title {
    display: none;
  }
  .desktop-select .desktop-checkbox {
    line-height: 28px;
  }
  .desktop-select .desktop-select-title {
    color: #868686;
    font-size: 14px;
    line-height: 24px;
    min-height: 24px;
  }
  .desktop-select .desktop-select-title,
.desktop-select .desktop-selectbox,
.desktop-select .desktop-checkbox {
    width: 100%;
  }

  .hamburger-tab-header:not(.hamburger-tab-header-navigation) {
    color: #4f4f4f;
    cursor: pointer;
    padding: 0 0 0 27px;
  }
  .hamburger-tab-header:not(.hamburger-tab-header-navigation)::after {
    background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
    content: "";
    display: block;
    height: 20px;
    left: -7px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .hamburger-tab-header {
    margin: 12px 0;
  }

  .egr-select-options {
    max-width: 275px;
  }

  .show-error .connection-error {
    display: block;
    padding: 5px 16px;
  }
  .show-error .connection-error .connection-error-label {
    max-width: 100%;
  }

  .core-hover-enabled .project-edit-label:not(.done-button).active:hover::after {
    background: url("../images/spriteGeneral.svg") -660px -40px no-repeat;
    content: "";
    height: 20px;
    left: calc(50% - 10px);
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .project-edit-label:not(.done-button) {
    height: 100%;
    left: calc(100% - 82px);
    padding: 0;
    width: 47px;
  }
  .project-edit-label:not(.done-button)::after {
    background: url("../images/spriteGeneral.svg") -660px 0 no-repeat;
    content: "";
    height: 20px;
    left: calc(50% - 10px);
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }
  .project-edit-label:not(.done-button).active::after {
    background: url("../images/spriteGeneral.svg") -660px -20px no-repeat;
    content: "";
    height: 20px;
    left: calc(50% - 10px);
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .project-edit-buttons {
    right: 0;
  }

  .project-name {
    left: auto;
    position: relative;
    top: auto;
  }

  .page-container.no-bars .topbar-container,
.page-container.no-bars .sidebar {
    display: none;
  }

  .project-content {
    min-height: 100%;
  }

  .in-popup.select-overlay {
    left: 0;
  }
  .in-popup.select-overlay .select-box-container {
    border-left: 0;
    left: 0;
  }

  .complete-page .sidebar-tab-container.sidebar-lock {
    padding: 0;
  }

  .project-filter .egr-inputbox.filter-input {
    margin: 5px auto 10px;
    width: calc(100% - 24px);
  }

  .setting-header {
    color: #b2b2b2;
    line-height: 30px;
    padding-left: 20px;
  }

  .hide-on-appmode {
    display: none;
  }

  .show-on-appmode {
    display: block;
  }

  .settings-menu .settings-button {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    color: #4f4f4f;
    display: block;
    font-size: 16px;
    line-height: 56px;
    padding: 0 20px;
    position: relative;
    width: 100%;
  }
  .settings-menu .egr-selectbox-title::after,
.settings-menu .settings-button::after {
    background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    width: 20px;
  }

  .catalog-list-header {
    min-height: 45px;
  }

  .catalog-list-header.in-folder::before {
    background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    width: 20px;
    z-index: 2;
  }

  .project-manager-content {
    background: #f9f9f9;
    border: 0;
    height: calc(100% - 46px);
    top: 0;
    z-index: 100;
  }
  .project-manager-content .hamburger-tab-header {
    background: #fff;
    border-bottom: 1px solid #dadada;
    display: block;
    font-size: 20px;
    line-height: 45px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10;
  }
  .project-manager-content .hamburger-tab-header .project-back {
    background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
    display: block;
    height: 20px;
    left: 10px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .project-tile-container {
    background: #fff;
    padding-left: 20px;
    position: relative;
  }

  .project-tile-container.new-project {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
  }
  .project-tile-container.new-project .project-tile-app {
    border-bottom: 0;
    padding: 19px 0 19px 34px;
  }
  .project-tile-container.new-project .project-tile-app::after {
    background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    width: 20px;
  }
  .project-tile-container.new-project .project-tile-app::before {
    background: url("../images/spriteGeneral.svg") -400px -60px no-repeat;
    content: "";
    display: block;
    height: 20px;
    left: 4px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .project-tile-app {
    border-bottom: 1px solid #ececec;
    line-height: 18px;
    padding: 8px 0;
    position: relative;
    width: 100%;
  }
  .project-tile-app .project-option-select {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    width: 34px;
  }
  .project-tile-app .select-hider::after {
    background: #fff url("../images/spriteBox.svg") -920px -20px no-repeat;
    content: "";
    height: 20px;
    left: 7px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .template-tiles {
    background: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    min-height: 100%;
  }

  .popup-button {
    display: block;
  }

  .egr-togglebox-grp {
    background: #fff;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }
  .egr-togglebox-grp .egr-togglebox {
    height: auto;
    margin-left: 16px;
    padding-bottom: 7px;
    padding-top: 7px;
    width: calc(100% - 16px);
  }
  .egr-togglebox-grp .egr-togglebox.check::before, .egr-togglebox-grp .egr-togglebox.radio::before {
    left: 0;
  }

  .project-manager-content {
    border-top: 1px solid #dadada;
    height: calc(100% - 46px);
  }

  .menu-toggle {
    height: 46px;
    padding-left: 13px;
    padding-top: 13px;
    width: 47px;
    z-index: 10;
  }

  .sidebar-tab-button {
    height: 40px;
    margin-bottom: 8px;
  }
  .sidebar-tab-button.sidebar-tab-button-active::after {
    width: 4px;
  }

  .main-container {
    height: 100%;
  }
}
@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: portrait) {
  .sidebar-bottom-margin {
    margin-bottom: 47px;
  }

  .toolbar-label > * {
    display: none;
  }

  .core-app-layout .smart-extra-popup.on-right-side,
.core-app-layout .smart-extra-popup {
    left: calc(100% - 177px);
  }
  .core-app-layout .hamburger-header.hamburger-header-right:not(.hamburger-header-with-arrow) {
    padding: 0 52px;
  }

  .sidebar-tab.on-right-side .sidebar-tab-container,
.sidebar-tab:not(.on-right-side) .sidebar-tab-container {
    border: 0;
  }

  .core-browser-layout .has-letterbar .input-container.in-sidebar-tab {
    padding: 13px 27px 10px 20px;
  }
  .core-browser-layout .has-letterbar .catalog-items {
    padding: 0 27px 0 20px;
  }
  .core-browser-layout .on-right-side .letter-bar,
.core-browser-layout .letter-bar {
    right: 9px;
  }

  .on-right-side .sidebar-tab-container,
.sidebar-tab-container {
    margin: 0;
    width: 100%;
  }

  .sidebar-on-right .floorplan-setup {
    right: 10px;
  }

  .core-app-layout.show-error .connection-error.connection-error-sidebar {
    top: 0;
  }
  .core-app-layout .hamburger-menu:not(.on-right-side), .core-app-layout .hamburger-menu.on-right-side {
    left: 0;
  }
  .core-app-layout .sidebar-tab {
    height: calc(100% - 47px);
    top: 0;
  }
  .core-app-layout .hamburger-button.hamburger-button-sidebartab-open, .core-app-layout .hamburger-button.hamburger-button-project-editmode {
    display: none;
  }

  .core-browser-layout .catalog-navigation.fixed-in-sidebar,
.core-browser-layout .property-article.fixed-in-sidebar,
.core-browser-layout .input-container.in-sidebar-tab.fixed-in-sidebar {
    max-width: 100%;
    width: 100%;
  }
  .core-browser-layout .viewer-container {
    height: calc(100% - 94px);
    left: 0;
    width: 100%;
  }

  .catalog-navigation,
.property-article {
    max-width: 100%;
  }

  .sidebar-tab {
    height: calc(100% - 94px);
    max-width: 100%;
    width: 100%;
  }
  .sidebar-tab:not(.on-right-side) {
    border-right: 0;
    left: 0;
  }
  .sidebar-tab.on-right-side {
    border-left: 0;
    right: 0;
  }
  .sidebar-tab.complete-page {
    height: 100%;
    max-width: 100%;
  }

  .topbar-container:not(.on-right-side),
.topbar-container.on-right-side {
    left: 0;
    width: 100%;
  }

  .smart-extra-popup,
.smart-extra-popup.on-right-side {
    left: calc(50% - 84px);
  }

  .show-error .connection-error .connection-error-label {
    font-size: 12px;
    line-height: 15px;
  }
  .show-error .connection-error .connection-reconnect {
    font-size: 12px;
    line-height: 14px;
    top: 24px;
  }

  .dialog-page .wide-buttons .cancel-button {
    border-bottom-right-radius: 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
  }

  .dialog-page .wide-buttons .submit-button {
    margin-bottom: 41px;
    width: 100%;
  }

  .sidebar-header-label.editmode-label {
    display: none;
  }

  .project-image .edit-mode {
    display: none;
  }

  .hamburger-button.back-to-popup {
    background: #fff;
  }
  .hamburger-button.back-to-popup::after {
    background: url("../images/spriteGeneral.svg") -780px -20px no-repeat;
  }

  .hamburger-button.on-right-side {
    left: 0;
    right: auto;
  }

  .smart-big-button {
    width: 33.3333%;
  }
  .smart-big-button.clone-button, .smart-big-button.share-image-button {
    border-right: 0;
  }
  .smart-big-button.snapshot-button {
    margin-bottom: 10px;
  }
  .smart-big-button.snapshot-button::after {
    display: none;
  }

  .project-tile {
    max-width: calc(50% - 10px);
    width: calc(50% - 10px);
  }

  .full-header.sidebar-tab {
    z-index: 10;
  }

  .hamburger-tab.second-hamburger-tab {
    left: 0;
  }

  .sidebar-header {
    max-width: 100%;
    width: 100%;
  }

  .sidebar-tab-container.sidebar-lock {
    padding: 46px 0 0;
  }

  .sidebar {
    height: 47px;
    top: calc(100% - 47px);
    width: 100%;
    flex-direction: row;
  }
  .sidebar .sidebar-buttons {
    height: 100%;
    position: relative;
    width: 100%;
  }
  .sidebar .sidebar-tab-button {
    height: 47px;
    margin: 0 auto;
  }
  .sidebar .sidebar-tab-button::before {
    top: 13px;
  }
  .sidebar .sidebar-tab-button-active.sidebar-tab-button::after {
    bottom: 0;
    height: 4px;
    left: 18.75%;
    right: auto;
    top: auto;
    width: 62.5%;
  }

  .setting-select.setting-sidemenu {
    display: none;
  }

  .sidebar {
    padding: 0;
  }

  .in-popup.select-overlay .select-box-container {
    width: calc(100% - 47px);
  }
}
@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: landscape) {
  .pcon-login-question {
    width: auto;
  }
  .pcon-login-question .overlay-text-big {
    padding: 0 0 1em;
  }

  .smart-extra-buttons {
    max-height: 192px;
    overflow: auto;
  }

  .core-app-layout .smart-extra-popup.on-right-side {
    left: calc(100% - 224px);
  }

  .on-right-side .sidebar-tab-container {
    margin-left: 32px;
  }

  .show-error .connection-error .connection-error-label {
    font-size: 14px;
    line-height: 16px;
  }
  .show-error .connection-error .connection-reconnect {
    font-size: 14px;
    line-height: 16px;
    top: 22px;
  }

  .dialog-page-resizer.wide-buttons {
    max-width: 420px;
  }

  .back-to-projects.next-to-hamburger {
    left: 47px;
  }

  .sidebar.sidebar-right {
    left: auto;
    right: 0;
  }

  .show-error .sidebar-tab:not(.complete-page),
.show-error .sidebar {
    height: calc(100% - 94px);
    top: 94px;
  }
  .show-error .sidebar {
    overflow: auto;
  }

  .project-tile {
    max-width: calc(33.333% - 6.667px);
    width: calc(33.333% - 6.667px);
  }

  .sidebar-tab:not(.on-right-side):not(.complete-page) .sidebar-tab-container.sidebar-lock {
    padding: 0 46px 0 0;
  }

  .sidebar-tab.on-right-side:not(.complete-page) .sidebar-tab-container.sidebar-lock {
    padding: 0 0 0 46px;
  }

  .sidebar {
    height: calc(100% - 47px);
    padding: 0;
    top: 47px;
    width: 47px;
  }
  .sidebar .sidebar-buttons {
    height: 100%;
    position: relative;
    width: 100%;
  }
  .sidebar .sidebar-tab-button {
    display: block;
    height: 47px;
    margin: 0;
    max-height: 47px;
    max-width: 47px !important;
    min-width: 47px !important;
    position: relative;
    width: 47px;
  }

  .in-popup.select-overlay .select-box-container {
    width: calc(100%);
  }
}
@media screen and (max-width: 1024px) {
  .core-app-layout .core-footer {
    display: none;
  }

  .core-app-layout .property-article {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    height: 81px;
    padding: 12px 20px 0;
    width: 100%;
  }
  .core-app-layout .property-article .property-article-image {
    height: calc(100% - 13px);
  }
  .core-app-layout .property-article.multiple-articles::before {
    top: 19px;
  }

  .sidebar-tab .sidebar-content.property-list-content {
    height: 100%;
    max-height: 100%;
    padding-top: 143px;
  }

  .long-button .news-title {
    font-size: 22px;
    line-height: 28px;
    padding: 0 16px 26px 0;
  }
  .long-button .news-text {
    padding: 0 16px 0 0;
  }

  .hamburger-button .news-counter {
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    right: 6px;
    top: 8px;
  }

  .properties > div {
    padding-left: 30px;
  }

  .sidebar-on-left .message-box {
    left: calc(50% - 72px);
  }

  .message-box {
    right: calc(50% - 72px);
  }

  .app-banner {
    padding-left: calc(47px + 20px);
  }
  .app-banner.no-badges .app-banner-label {
    width: calc(100% - 47px - 49px - 20px);
  }
  .app-banner::after {
    left: calc(23.5px - 20px);
  }
  .app-banner .app-banner-label {
    padding: 10px 0;
    width: calc(100% - 139px - 139px - 115px - 47px - 49px - 20px);
  }
  .app-banner .app-banner-label > * {
    display: block;
    font-size: 14px;
    line-height: 18px;
  }

  .pcon-login-frame .iframe-top-banner .iframe-close {
    padding-right: 20px;
  }

  .select-overlay.in-popup {
    background: transparent;
  }

  .popup-menu-separator {
    display: none;
  }

  .popup-button-group {
    background: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
  }
  .popup-button-group > div:last-child {
    border-bottom: 0;
  }

  .popup-menu-button {
    border-bottom: 1px solid #ececec;
    color: #4f4f4f;
    display: block;
    font: normal 16px "Open Sans", sans-serif;
    line-height: 53px;
    overflow: hidden;
    padding-left: 54px;
    padding-right: 44px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  .popup-menu-button::before {
    content: "";
    height: 20px;
    left: 20px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }
  .popup-menu-button .arrow-right {
    display: block;
  }
  .popup-menu-button.active {
    background: #ececec;
  }
  .popup-menu-button.settings-button::before {
    background: url("../images/spriteGeneral.svg") -580px -20px no-repeat;
  }
  .popup-menu-button.new-button::before {
    background: url("../images/spriteGeneral.svg") -400px -60px no-repeat;
  }
  .popup-menu-button.news-button::before {
    background: url("../images/spriteBox.svg") -860px -20px no-repeat;
  }

  .hamburger-tab {
    overflow-y: visible;
  }
  .hamburger-tab .hamburger-tab {
    overflow-y: auto;
  }

  .hide-on-desktop {
    display: block;
  }

  .show-on-desktop {
    display: none;
  }

  .catalog-back-button {
    background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
    display: block;
    height: 20px;
    left: 15px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    z-index: 2;
  }

  .catalog-input {
    height: 53px;
  }

  .catalog-input {
    margin-left: 16px;
    width: calc(100% - 16px);
  }
}
@media screen and (max-width: 1024px) and (min-width: 921px) and (orientation: landscape), screen and (max-width: 1024px) and (min-height: 921px) and (orientation: landscape) {
  .project-tile {
    max-width: calc(25% - 5px);
    width: calc(25% - 5px);
  }
}
@media screen and (max-width: 1024px) and (min-width: 921px) and (orientation: portrait), screen and (max-width: 1024px) and (min-height: 921px) and (orientation: portrait) {
  .project-tile {
    max-width: calc(33% - 6.6667px);
    width: calc(33% - 6.6667px);
  }
}
@media screen and (max-width: 1024px) and (min-width: 921px), screen and (max-width: 1024px) and (min-height: 921px) {
  .core-app-layout .smart-extra-popup.on-right-side {
    left: calc(100% - 224px);
  }

  .overlay-content .slick-arrow {
    height: 36px;
    width: 36px;
  }
  .overlay-content .slick-arrow.slick-next {
    right: 20px;
  }
  .overlay-content .slick-arrow.slick-prev {
    left: 20px;
  }

  .desktop-select {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .desktop-select .desktop-select-title {
    line-height: 36px;
    min-height: 36px;
  }
  .desktop-select .desktop-selectbox {
    height: 36px;
    line-height: 34px;
    padding: 0 40px 0 10px;
  }

  .catalog-item-catalog {
    font-size: 13px;
    line-height: 18px;
    max-height: 36px;
  }

  .catalog-item-name {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
  }

  .core-browser-layout .image-tiles {
    font-size: 13px;
  }
  .core-browser-layout .overlay-close-button {
    height: 54px;
    width: 54px;
  }
  .core-browser-layout .overlay-header {
    font-size: 20px;
  }
  .core-browser-layout .header-buttons {
    height: 36px;
    right: 19px;
    top: 17px;
  }
  .core-browser-layout .header-buttons .header-button:not(.header-button-dropdown) {
    width: 35px;
  }
  .core-browser-layout .header-buttons .header-button-last.header-button:not(.header-button-dropdown) {
    width: 34px;
  }
  .core-browser-layout .article-list-fullprice,
.core-browser-layout .article-list-pricetext,
.core-browser-layout .big-button-container,
.core-browser-layout .images-header,
.core-browser-layout .long-button,
.core-browser-layout .news-text,
.core-browser-layout .property-article {
    font-size: 14px;
    line-height: 20px;
  }
  .core-browser-layout .news-title {
    font-size: 20px;
  }
  .core-browser-layout .news-header {
    font-size: 12px;
    padding-bottom: 20px;
  }
  .core-browser-layout .core-config-header {
    font-size: 14px;
    line-height: 47px;
  }
  .core-browser-layout .catalog-navigation .catalog-label {
    font-size: 14px;
  }
  .core-browser-layout .pcon-login-label {
    font-size: 14px;
  }
  .core-browser-layout .article-list {
    font-size: 13px;
    line-height: 20px;
  }
  .core-browser-layout .articles-price {
    margin-bottom: 14px;
  }
  .core-browser-layout .article-list-position .article-position-header,
.core-browser-layout .article-list-position .article-position-price {
    font-size: 14px;
  }
  .core-browser-layout .article-list-position .inconsistency {
    font-size: 14px;
  }
  .core-browser-layout .input-placeholder {
    font-size: 14px;
    line-height: 36px;
  }
  .core-browser-layout .sidebar-tab .sidebar-content.button-header {
    padding: 65px 0 10px;
  }
  .core-browser-layout .sidebar-tab .sidebar-content.standard-header {
    padding: 52px 0 10px;
  }
  .core-browser-layout .sidebar-tab .sidebar-content.input-header {
    padding: 106px 0 10px;
  }
  .core-browser-layout .input-container.after-header {
    padding: 3px 20px;
    top: 52px;
  }
  .core-browser-layout .input-container.in-sidebar-tab {
    padding: 3px 20px;
    top: calc($sidebar-header-height-tablet + 40px);
  }
  .core-browser-layout input {
    font-size: 14px;
    height: 38px;
    line-height: 36px;
  }
  .core-browser-layout .catalog-navigation:not(.fixed-in-sidebar),
.core-browser-layout .property-article:not(.fixed-in-sidebar) {
    top: 52px;
  }
  .core-browser-layout .sidebar-header {
    font-size: 20px;
    line-height: 26px;
    padding: 20px 20px 6px;
  }

  .sidebar-content.catalog-header,
.sidebar-content.property-list-content {
    padding: 143px 0 10px;
  }

  .core-browser-layout .hamburger-tab {
    width: 242px;
  }
  .core-browser-layout .hamburger-tab-header {
    padding: 10px 0 27px;
  }
  .core-browser-layout .hamburger-tab-header.hamburger-tab-header-navigation {
    padding: 10px 0 0 20px;
  }
  .core-browser-layout .hamburger-menu:not(.on-right-side) .hamburger-tab.second-hamburger-tab {
    left: 242px;
    max-width: calc(100% - 242px);
    width: 543px;
  }
  .core-browser-layout .hamburger-menu.on-right-side .hamburger-tab.second-hamburger-tab {
    max-width: calc(100% - 242px);
    right: 242px;
    width: 543px;
  }

  .complete-page:not(.on-right-side) .sidebar-tab-container.sidebar-lock {
    padding: 0 47px 0 0;
  }

  .complete-page.on-right-side .sidebar-tab-container.sidebar-lock {
    padding: 0 0 0 47px;
  }

  .in-popup.select-overlay .select-box-container {
    border: 0;
    left: 0;
  }
  .in-popup.select-overlay .select-box-container.on-right-side {
    left: auto;
    right: 0;
  }

  .show-error .sidebar-tab,
.show-error .sidebar {
    height: calc(100% - 94px);
    top: 94px;
  }

  .popup-top-header {
    display: block;
    padding-left: 17px;
  }

  .projects-sort-button {
    display: none;
  }

  .sidebar-tab:not(.complete-page) .sidebar-tab-container.sidebar-lock {
    padding: 0 0 47px;
  }

  .sidebar {
    height: calc(100% - 47px);
    left: 0;
    padding: 10px 0;
    top: 47px;
    width: 47px;
  }
  .sidebar .sidebar-buttons {
    height: 100%;
    position: relative;
    width: 100%;
  }
  .sidebar .sidebar-tab-button {
    display: block;
    height: 48px;
    margin: 0;
    position: relative;
    width: 47px;
  }
  .sidebar .sidebar-tab-button::before {
    top: 13px;
  }

  .popup-underlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 7;
  }

  .core-config-items .property-item:last-child {
    border-bottom: 0;
  }

  .project-filter .egr-inputbox.filter-input {
    margin: 5px auto 10px;
    width: calc(100% - 24px);
  }

  .hamburger-tab.settings-menu h2.setting-top-header {
    background: #fff;
    border-bottom: 1px solid #dadada;
    line-height: 45px;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
  }

  .setting-header {
    color: #b2b2b2;
    line-height: 30px;
    padding-left: 20px;
  }

  .hide-on-appmode {
    display: none;
  }

  .show-on-appmode {
    display: block;
  }

  .settings-menu .settings-button {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    color: #4f4f4f;
    display: block;
    font-size: 16px;
    line-height: 56px;
    padding: 0 20px;
    position: relative;
    width: 100%;
  }
  .settings-menu .egr-selectbox-title::after,
.settings-menu .settings-button::after {
    background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    width: 20px;
  }

  .catalog-list-header {
    min-height: 45px;
  }

  .catalog-list-header.in-folder::before {
    background: url("../images/spriteGeneral.svg") -760px -20px no-repeat;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    width: 20px;
    z-index: 2;
  }

  .hamburger-tab,
.hamburger-tab.settings-menu {
    background: #f9f9f9;
    color: #4f4f4f;
    padding: 0;
  }
  .hamburger-tab.settings-menu,
.hamburger-tab.settings-menu.settings-menu {
    padding: 46px 0 0;
  }
  .hamburger-tab .core-footer,
.hamburger-tab.settings-menu .core-footer {
    padding: 11px 20px;
  }

  .project-manager-content {
    background: #f9f9f9;
    border: 0;
    height: calc(100% - 46px);
    top: 0;
    z-index: 100;
  }
  .project-manager-content .hamburger-tab-header {
    background: #fff;
    border-bottom: 1px solid #dadada;
    display: block;
    font-size: 20px;
    line-height: 45px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10;
  }
  .project-manager-content .hamburger-tab-header .project-back {
    background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
    display: block;
    height: 20px;
    left: 10px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .project-tile-container {
    background: #fff;
    padding-left: 20px;
    position: relative;
  }

  .project-tile-container.new-project {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
  }
  .project-tile-container.new-project .project-tile-app {
    border-bottom: 0;
    padding: 19px 0 19px 34px;
  }
  .project-tile-container.new-project .project-tile-app::after {
    background: url("../images/spriteGeneral.svg") -120px -20px no-repeat;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    width: 20px;
  }
  .project-tile-container.new-project .project-tile-app::before {
    background: url("../images/spriteGeneral.svg") -400px -60px no-repeat;
    content: "";
    display: block;
    height: 20px;
    left: 4px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .project-tile-app {
    border-bottom: 1px solid #ececec;
    line-height: 18px;
    padding: 8px 0;
    position: relative;
    width: 100%;
  }
  .project-tile-app .project-option-select {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    width: 34px;
  }
  .project-tile-app .select-hider::after {
    background: #fff url("../images/spriteBox.svg") -920px -20px no-repeat;
    content: "";
    height: 20px;
    left: 7px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
  }

  .template-tiles {
    background: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    min-height: calc(100% + 5px);
  }

  .popup-button {
    display: block;
  }

  .core-toolbar .toolbar-button {
    margin: 0 5px;
  }

  .egr-togglebox-grp {
    background: #fff;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }
  .egr-togglebox-grp .egr-togglebox {
    height: auto;
    margin-left: 16px;
    padding-bottom: 7px;
    padding-top: 7px;
    width: calc(100% - 16px);
  }
  .egr-togglebox-grp .egr-togglebox.check::before, .egr-togglebox-grp .egr-togglebox.radio::before {
    left: 0;
  }

  .sidebar-on-left .titlebar {
    left: 0;
    padding: 0 0 0 66px;
    right: auto;
  }

  .project-manager-content {
    border-top: 1px solid #dadada;
    height: calc(100% - 46px);
  }

  .menu-toggle {
    height: 46px;
    padding-left: 13px;
    padding-top: 13px;
    width: 47px;
    z-index: 10;
  }

  .sidebar-tab-button {
    height: 40px;
    margin-bottom: 8px;
  }

  .main-container {
    height: 100%;
  }
}
@media screen and (min-width: 921px), screen and (min-height: 921px) {
  .on-right-side .sidebar-tab-container {
    margin-left: 32px;
  }

  .overlay-close-button {
    height: 57px;
    width: 57px;
  }

  .core-app-layout .hamburger-menu.hamburger-menu-single {
    width: 550px;
  }
  .core-app-layout .hamburger-menu.hamburger-menu-single .hamburger-tab {
    width: 100%;
  }
  .core-app-layout .sidebar-tab:not(.complete-page) {
    height: calc(100% - 47px);
    top: 47px;
  }
  .core-app-layout .core-toolbar {
    float: right;
    height: 46px;
  }
  .core-app-layout .core-toolbar .toolbar-button {
    margin: 6px 5px 7px;
  }

  .hamburger-menu.on-right-side {
    left: auto;
    right: 0;
  }

  .sidebar.sidebar-right {
    left: auto;
    right: 0;
  }

  .dialog-page .dialog-page-resizer.wide-buttons {
    max-width: 420px;
  }
}
@media screen and (min-width: 1025px) {
  .core-app-layout .smart-extra-popup.on-right-side {
    left: calc(100% - 234px);
  }

  .letter-bar .letter-button {
    line-height: 20px;
    min-height: 20px;
  }

  .articles-price {
    padding: 19px 30px;
  }

  .project-tiles {
    padding-left: 30px;
  }

  .core-app-layout .hamburger-menu .second-hamburger-tab.hamburger-tab,
.core-app-layout .hamburger-menu .third-hamburger-tab.hamburger-tab {
    width: calc(50% - 182.5px);
  }
  .core-app-layout.sidebar-on-right .hamburger-menu .third-hamburger-tab.hamburger-tab {
    right: calc(50% - 182.5px + 365px);
  }
  .core-app-layout:not(.sidebar-on-right) .hamburger-menu .third-hamburger-tab.hamburger-tab {
    left: calc(50% - 182.5px + 365px);
  }

  .core-browser-layout .hamburger-tab-content {
    padding: 0 120px 0 30px;
  }
  .core-browser-layout .input-group.input-group-formular {
    padding: 0 30px 8px;
  }
  .core-browser-layout .overlay-content.overlay-content-resized {
    max-height: 710px;
    max-width: 945px;
  }
  .core-browser-layout .view-footer-info {
    padding: 10px 30px;
  }
  .core-browser-layout .custom-logo {
    padding-right: 30px;
  }
  .core-browser-layout .pcon-login-bar {
    line-height: calc(57px - 1px);
    padding-right: 30px;
  }
  .core-browser-layout .input-toggle-box {
    padding: 0 30px 0 80px;
  }
  .core-browser-layout .input-toggle-box::after {
    left: 30px;
  }
  .core-browser-layout .required-info {
    padding: 10px 30px;
  }
  .core-browser-layout .catalog-items {
    padding: 0 30px;
  }
  .core-browser-layout .catalog-items .catalog-item-container.catalog-tile {
    width: 50%;
  }
  .core-browser-layout .catalog-items .catalog-item-container.catalog-tile:nth-child(even) {
    padding-left: 8px;
  }
  .core-browser-layout .catalog-items .catalog-item-container.catalog-tile:nth-child(odd) {
    padding-right: 8px;
  }
  .core-browser-layout .catalog-items .catalog-item-container.catalog-tile > .catalog-item-label {
    font-size: 16px;
  }
  .core-browser-layout .sidebar-content .core-button.core-button-block {
    margin: 0 30px;
    width: calc(100% - 60px);
  }
  .core-browser-layout.sidebar-on-right .floorplan-setup {
    right: 67px;
  }
  .core-browser-layout .floorplan-setup {
    top: 67px;
  }
  .core-browser-layout .sidebar-footer {
    padding: 5px 30px;
  }
  .core-browser-layout.sidebar-on-left .viewer-container {
    left: 57px;
  }
  .core-browser-layout .viewer-container {
    height: calc(100% - 57px);
    top: 57px;
    width: calc(100% - 57px);
  }
  .core-browser-layout .overlay-content .slick-arrow.slick-next {
    right: 30px;
  }
  .core-browser-layout .overlay-content .slick-arrow.slick-prev {
    left: 30px;
  }
  .core-browser-layout .overlay-header {
    font-size: 30px;
  }
  .core-browser-layout .overlay-frame:not(.overlay-full) {
    padding: 30px;
  }
  .core-browser-layout .image-tiles {
    padding: 25px 10px 39px 30px;
  }
  .core-browser-layout .image-tiles .image-tile {
    margin-bottom: 15px;
    margin-right: 20px;
    width: calc(25% - 20px);
  }
  .core-browser-layout .images-header {
    padding: 0 30px;
  }
  .core-browser-layout .header-buttons {
    right: 28px;
    top: 29px;
  }
  .core-browser-layout .header-buttons .header-button:not(.header-button-dropdown) {
    width: 39px;
  }
  .core-browser-layout .header-buttons .header-button-last.header-button:not(.header-button-dropdown) {
    width: 38px;
  }
  .core-browser-layout .no-properties-info {
    padding: 0 30px;
  }
  .core-browser-layout .popup-buttons.long-button-group .long-button.with-icon {
    padding-left: 60px;
  }
  .core-browser-layout .popup-buttons.long-button-group .long-button.with-icon::before {
    left: 27px;
  }
  .core-browser-layout .hamburger-menu.navigation .sidebar-content {
    min-height: 100%;
    padding-bottom: 90px;
  }
  .core-browser-layout .core-footer {
    bottom: 0;
    left: 0;
    padding: 30px;
    position: absolute;
  }
  .core-browser-layout .pcon-login-bar .pcon-login-popup {
    top: 59px;
  }
  .core-browser-layout a.copyright-text,
.core-browser-layout a:hover.copyright-text,
.core-browser-layout a:visited.copyright-text,
.core-browser-layout a:active.copyright-text {
    padding-left: 30px;
  }
  .core-browser-layout .search-no-results {
    padding: 0 30px 10px;
  }
  .core-browser-layout .popup-spacer {
    margin: 21px auto 26px;
    width: calc(100% - 60px);
  }
  .core-browser-layout .article-list-position {
    margin: 10px 0 20px 30px;
    width: calc(100% - 60px);
  }
  .core-browser-layout .core-config {
    padding: 0 30px;
  }
  .core-browser-layout .sidebar-tab .sidebar-content.catalog-header {
    padding: 206px 0 10px;
  }
  .core-browser-layout .sidebar-tab .sidebar-content.button-header {
    padding: 101px 0 10px;
  }
  .core-browser-layout .sidebar-tab .sidebar-content.standard-header {
    padding: 100px 0 10px;
  }
  .core-browser-layout .sidebar-tab .sidebar-content.input-header {
    padding: 166px 0 10px;
  }
  .core-browser-layout .sidebar-header {
    padding: 30px;
  }
  .core-browser-layout .sidebar-header.arrow-left {
    padding: 30px 30px 30px 80px;
  }
  .core-browser-layout .sidebar-header.arrow-left::before {
    left: 30px;
  }
  .core-browser-layout .input-container.input-container-sidebartab {
    padding: 0 30px 9px;
  }
  .core-browser-layout .input-container.after-header {
    padding: 13px 30px;
    top: 90px;
  }
  .core-browser-layout .input-container.in-sidebar-tab {
    padding: 13px 30px;
    top: 132px;
  }
  .core-browser-layout .input-container.in-sidebar-tab.fixed-in-sidebar {
    max-width: 449px;
    position: fixed;
    top: 97px;
    width: calc(100% - 58px);
  }
  .core-browser-layout .catalog-navigation,
.core-browser-layout .property-article {
    max-width: 481px;
    padding: 10px 30px 0;
    position: absolute;
    top: 90px;
    width: 100%;
  }
  .core-browser-layout .catalog-navigation.fixed-in-sidebar,
.core-browser-layout .property-article.fixed-in-sidebar {
    max-width: 449px;
    position: fixed;
    top: 57px;
    width: calc(100% - 58px);
  }
  .core-browser-layout .hamburger-tab-header {
    padding: 23px 0 27px;
  }
  .core-browser-layout .hamburger-tab-header.hamburger-tab-header-navigation {
    padding: 23px 28px 3px;
  }
  .core-browser-layout .hamburger-menu .hamburger-tab {
    width: 257px;
  }
  .core-browser-layout .hamburger-menu .hamburger-tab.second-hamburger-tab > .green-link {
    margin-bottom: 52px;
  }
  .core-browser-layout .hamburger-button {
    height: 57px;
    width: 57px;
  }
  .core-browser-layout .hamburger-button.popup-open {
    background: #3a3a3a;
  }
  .core-browser-layout .hamburger-tab.navigation .long-button-background.active::before {
    width: 8px;
  }
  .core-browser-layout .topbar-container {
    border-bottom: 1px solid #dadada;
    height: 57px;
    width: calc(100% - 57px);
  }
  .core-browser-layout .topbar-container.on-right-side {
    left: 57px;
  }
  .core-browser-layout .sidebar {
    top: 57px;
    width: 57px;
  }
  .core-browser-layout .sidebar-tab-button {
    width: 57px;
  }
  .core-browser-layout .sidebar-tab-button.sidebar-tab-button-active::after {
    height: 48px;
    top: calc(50% - 24px);
    width: 8px;
  }
  .core-browser-layout .toolbar-label {
    font-size: 24px;
    line-height: calc(57px - 1px);
    padding-left: 30px;
  }
  .core-browser-layout .hamburger-menu {
    height: calc(100% - 57px);
    top: 57px;
  }
  .core-browser-layout .sidebar-tab {
    height: calc(100% - 57px);
    max-width: 482px;
    top: 57px;
    width: calc(100% - 57px);
  }
  .core-browser-layout .sidebar-tab.on-right-side {
    right: 57px;
  }
  .core-browser-layout .sidebar-tab:not(.on-right-side) {
    left: 57px;
  }
  .core-browser-layout .sidebar-tab.complete-page {
    max-width: calc(100% - 57px);
  }

  .hamburger-button.popup-open .news-counter {
    background: #e60023;
  }
  .hamburger-button .news-counter {
    right: 6px;
    top: 8px;
  }

  .complete-page:not(.on-right-side) .sidebar-tab-container.sidebar-lock {
    padding: 0 57px 57px 0;
  }

  .complete-page.on-right-side .sidebar-tab-container.sidebar-lock {
    padding: 0 0 57px 57px;
  }

  .project-tile.no-date::before {
    padding-top: calc(83.5% + 20px);
  }
  .project-tile.no-date .project-image {
    height: calc(100% - 40px);
  }
  .project-tile.no-date .project-name {
    bottom: 0;
  }
  .project-tile .project-name,
.project-tile .project-info-date {
    left: 0;
  }
  .project-tile .project-image {
    left: 0;
  }

  .sidebar-header.next-to-project-button {
    padding-left: 30px;
  }
  .sidebar-header .back-to-projects {
    top: calc(47px - 28px);
    width: 20px;
  }
  .sidebar-header .back-to-projects::after {
    background: url("../images/spriteGeneral.svg") -140px -20px no-repeat;
  }

  .sidebar-header.project-manager-header .input-container {
    height: 40px;
    position: absolute;
    right: 30px;
    top: 29px;
    width: 400px;
  }
  .sidebar-header.project-manager-header .input-container .egr-inputbox {
    height: 40px;
    position: relative;
  }
  .sidebar-header.project-manager-header .input-container .egr-inputbox input {
    position: absolute;
  }

  .project-edit-toggle {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    position: absolute;
  }
  .project-edit-toggle.active {
    color: #e60023;
  }

  .project-tile {
    max-width: 220px;
  }

  .show-error .sidebar-tab,
.show-error .sidebar {
    height: calc(100% - 104px);
    top: 104px;
  }

  .show-error .connection-error {
    top: 57px;
  }

  .popup-menu-button.active,
.core-hover-enabled .popup-menu-button:hover {
    color: #fff;
  }
  .popup-menu-button.active .icon-disk::before,
.core-hover-enabled .popup-menu-button:hover .icon-disk::before {
    background: url("../images/spriteGeneral.svg") -980px -80px no-repeat;
  }
  .popup-menu-button.active.new-button::before,
.core-hover-enabled .popup-menu-button:hover.new-button::before {
    background: url("../images/spriteGeneral.svg") -400px -80px no-repeat;
  }
  .popup-menu-button.active.open-button::before,
.core-hover-enabled .popup-menu-button:hover.open-button::before {
    background: url("../images/spriteGeneral.svg") -420px -80px no-repeat;
  }
  .popup-menu-button.active.save-button::before,
.core-hover-enabled .popup-menu-button:hover.save-button::before {
    background: url("../images/spriteGeneral.svg") -460px -80px no-repeat;
  }
  .popup-menu-button.active.news-button::before,
.core-hover-enabled .popup-menu-button:hover.news-button::before {
    background: url("../images/spriteBox.svg") -860px -80px no-repeat;
  }
  .popup-menu-button.active.settings-button::before,
.core-hover-enabled .popup-menu-button:hover.settings-button::before {
    background: url("../images/spriteGeneral.svg") -580px -80px no-repeat;
  }
  .popup-menu-button.active.help-button::before,
.core-hover-enabled .popup-menu-button:hover.help-button::before {
    background: url("../images/spriteGeneral.svg") -600px -80px no-repeat;
  }
  .popup-menu-button.active.pcon-login-button::before, .popup-menu-button.active.login-button::before,
.core-hover-enabled .popup-menu-button:hover.pcon-login-button::before,
.core-hover-enabled .popup-menu-button:hover.login-button::before {
    background: url("../images/spriteBox.svg") -900px -80px no-repeat;
  }

  .sidebar-button-group {
    border: 0;
    padding: 0 16px;
  }
  .sidebar-button-group .sidebar-button-icon {
    padding-left: 32px;
  }
  .sidebar-button-group .sidebar-button-icon::before {
    left: 0;
  }
  .sidebar-button-group .sidebar-button-icon:last-child {
    border-bottom: 1px solid #dadada;
  }

  .core-browser-layout .sidebar-subheader {
    background: #ececec;
    border-radius: 4px;
    color: #4f4f4f;
    font-size: 16px;
    line-height: 2.25;
    margin: 28px 0 0;
    padding: 11px 16px 10px;
  }

  .article-send {
    right: 26px;
  }
  .article-send::after {
    border: 1px solid #dadada;
    border-radius: 5px;
    content: "";
    height: 40px;
    pointer-events: none;
    position: absolute;
    right: -10px;
    top: calc(50% - 20px);
    width: 40px;
  }

  .hide-on-desktop {
    display: none;
  }

  .show-on-desktop {
    display: block;
  }

  .core-browser-layout .hamburger-menu:not(.on-right-side) .hamburger-tab.second-hamburger-tab {
    left: 257px;
  }

  .core-browser-layout .hamburger-menu.on-right-side .hamburger-tab.second-hamburger-tab {
    right: 257px;
  }

  .egr-togglebox.check,
.egr-togglebox.radio {
    margin-left: 14px;
    width: calc(100% - 28px);
  }
  .egr-togglebox.check::before,
.egr-togglebox.radio::before {
    left: 0;
  }

  .egr-togglebox {
    height: 56px;
    line-height: 55px;
  }
  .egr-togglebox:last-child {
    border-bottom: 1px solid #ececec;
    height: 56px;
    margin-bottom: 10px;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .message-box {
    left: calc(50% - 72px);
    right: auto;
  }

  .sidebar-button.active::before {
    left: 0;
    right: auto;
  }

  .sidebar-content.desktop-padding-right {
    padding-right: 28px;
  }

  .property-article {
    display: block;
    height: 75px;
    margin-bottom: 10px;
    max-width: calc(100% - 28px);
    padding: 0 65px 0 0;
    position: relative;
    width: calc(100% - 28px);
  }
  .property-article.article-info-image .property-article-name,
.property-article.article-info-image .property-article-price {
    width: calc(100% - 65px);
  }

  .catalog-items {
    height: auto;
  }

  .hide-on-big {
    display: none;
  }
}
@-webkit-keyframes f_fadeG {
  0% {
    background-color: #e60023;
  }
  100% {
    background-color: #ff8093;
  }
}
@-moz-keyframes f_fadeG {
  0% {
    background-color: #e60023;
  }
  100% {
    background-color: #ff8093;
  }
}
@-o-keyframes f_fadeG {
  0% {
    background-color: #e60023;
  }
  100% {
    background-color: #ff8093;
  }
}
@keyframes f_fadeG {
  0% {
    background-color: #e60023;
  }
  100% {
    background-color: #ff8093;
  }
}
.custom-sidebar-logo {
  background: #e60023;
  display: block;
  height: 47px;
  left: 0;
  position: absolute;
  top: 0;
  width: 47px;
  z-index: 9;
}
.custom-sidebar-logo::after {
  background-image: url("../custom/White_Homo_Ludens.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 70%;
  left: 15%;
  position: relative;
  top: 15%;
  width: 70%;
}
.custom-sidebar-logo.on-right-side {
  left: auto;
  right: 0;
}

.hamburger-button {
  background-color: #e60023 !important;
  border-bottom: 0;
  cursor: default;
}
.hamburger-button::after {
  background: url("../custom/White_Homo_Ludens.png") center center no-repeat !important;
  background-size: contain !important;
  content: "";
  display: block;
  height: 70%;
  left: 15%;
  position: relative;
  top: 15%;
  width: 70%;
}

.topbar-container {
  background: #e60023;
  border-bottom: 0;
}

.toolbar-label {
  color: #fff;
  padding-right: 20px;
  text-align: center;
  margin-right: 0;
  flex: 1 0 auto;
}
.toolbar-label span {
  display: inline-block;
  font-size: 16px;
}

.pcon-login-bar {
  color: #fff;
}

.custom-topbar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.custom-topbar-right .custom-button {
  display: inline-block;
  height: 47px;
  position: relative;
  width: 47px;
}
.custom-topbar-right .custom-button:not(.disabled) {
  cursor: pointer;
}
.custom-topbar-right .custom-button::before {
  content: "";
  height: 20px;
  left: calc(50% - 10px);
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}
.custom-topbar-right .custom-button.icon-save {
  background-color: #CE0011;
}
.custom-topbar-right .custom-button.icon-save::before {
  background: url("../images/spriteGeneral.svg") -980px 0 no-repeat;
}
.custom-topbar-right .custom-button.icon-save:hover::before {
  background: url("../images/spriteGeneral.svg") -980px -80px no-repeat;
}
.custom-topbar-right .custom-button.icon-save.disabled::before {
  background: url("../images/spriteGeneral.svg") -980px -20px no-repeat;
}
.custom-topbar-right .custom-button.icon-close {
  background-color: #3A3A3A;
}
.custom-topbar-right .custom-button.icon-close::before {
  background: url("../images/spriteGeneral.svg") -160px 0 no-repeat;
}
.custom-topbar-right .custom-button.icon-close:hover::before {
  background: url("../images/spriteGeneral.svg") -160px -80px no-repeat;
}
.custom-topbar-right .custom-button.icon-close.disabled::before {
  background: url("../images/spriteGeneral.svg") -160px -20px no-repeat;
}

.sidebar-tab-container {
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.2);
}

.property-article {
  display: flex;
}
.property-article .property-article-name + * {
  white-space: nowrap;
}

.custom-ui-core-done-message {
  font-size: 14px;
  font-weight: 300;
  pointer-events: auto;
  transform: translateY(100%);
  transition: transform 0.2s linear 0s;
}
.custom-ui-core-done-message.show {
  transform: translateY(-10px);
}
.custom-ui-core-done-message .ui-core-done-message-box {
  background: #3A3A3A;
  border-radius: 4px;
}
.custom-ui-core-done-message button {
  background-color: transparent;
  color: #00a5df;
  cursor: pointer;
  font-weight: 600;
  margin-left: 24px;
  text-transform: uppercase;
}

@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: portrait) {
  .custom-ui-core-done-message.show {
    transform: translateY(-57px);
  }
}
@media screen and (min-width: 1025px) {
  .core-browser-layout .custom-sidebar-logo {
    height: 57px;
    width: 57px;
  }
  .core-browser-layout .topbar-container {
    border-bottom: 0;
  }
  .core-browser-layout .toolbar-label {
    padding-right: 30px;
  }
  .core-browser-layout .custom-topbar-right .custom-button {
    height: 57px;
    width: 57px;
  }
}

/*# sourceMappingURL=wcf-ui.css.map */