@vitrosoftware/common-ui-ts 1.1.74 → 1.1.77

package/css/std/controls/bim-viewer/bim-viewer-index.css

@@ -0,0 +1,1100 @@
+html,
+body {
+    margin: 0;
+    padding: 0;
+    font-family: Arial;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+html,
+body,
+.canvas-wrap,
+#xeokitCanvas {
+    width: 100%;
+    height: 100%;
+}
+
+body {
+    overflow: hidden;
+}
+
+.canvas-wrap {
+    height: calc(100% - 32px);
+    position: relative;
+}
+
+/* Vitro custom css section */
+
+.fileVersionPath {
+    margin-right: 3px;
+}
+
+.fileLabel {
+    min-width: 16px;
+    padding: 3px 6px 3px 2px;
+    margin: 4px 2px 4px 0;
+    border: 1px solid transparent;
+    border-radius: 2px;
+    color: hsl(0,0%,85%);
+    font-size: 12px;
+    line-height: 14px;
+    text-align: left;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default;
+    padding-top: 15px;
+    text-overflow: ellipsis;
+}
+
+.uk-tab > * {
+    padding-left: 10px !important;
+}
+
+.toolbar {
+    height: 50px;
+    background-color: #474747;
+    background-image: linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
+    box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 15%), inset 0 -1px 0 hsl(0deg 0% 100% / 5%), 0 1px 0 hsl(0deg 0% 0% / 15%), 0 1px 1px hsl(0deg 0% 0% / 10%);
+    position: relative;
+    z-index: 99000005;
+}
+
+input,
+button,
+select {
+    font: message-box;
+    outline: none;
+}
+
+.toolbarButton,
+.secondaryToolbarButton,
+.overlayButton {
+    border: 0 none;
+    background: none;
+    width: 42px;
+    height: 42px;
+}
+
+.toolbarButton,
+.dropdownToolbarButton,
+.secondaryToolbarButton,
+.overlayButton {
+    min-width: 16px;
+    padding: 6px 6px;
+    border: 1px solid transparent;
+    border-radius: 2px;
+    color: hsla(0,0%,100%,.8);
+    font-size: 12px;
+    line-height: 14px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default;
+    transition-property: background-color, border-color, box-shadow;
+    transition-duration: 150ms;
+    transition-timing-function: ease;
+}
+
+.toolbarButton,
+.overlayButton,
+.dropdownToolbarButton {
+    margin: 4px 4px 4px 0;
+}
+
+.splitToolbarButton:first-child,
+.toolbarButton:first-child,
+.splitToolbarButton:last-child,
+.toolbarButton:last-child {
+    margin-left: 4px;
+}
+
+.toolbar > * {
+    position: relative;
+    float: left;
+}
+
+.toolbarButton::before, .secondaryToolbarButton::before {
+    position: absolute;
+    display: inline-block;
+    top: 6px;
+    left: 6px;
+}
+
+.toolbarButton > span {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+}
+
+.toolbarButton {
+    cursor: pointer;
+}
+
+.toolbarButton#btnCreateNotes::before {
+    /* draw-annotation.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133189)'%3E%3Crect x='0.5' y='0.5' width='21' height='13' rx='1.5' stroke='white'/%3E%3Cpath d='M4 3.5H18M4 6.5H15M4 9.5H18' stroke='white'/%3E%3Cpath d='M8 14H14V20L11 17L8 14Z' fill='white'/%3E%3Cpath d='M16 17.5H27.5V27.5H6.5V17.5H8' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133189'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleNotes::before {
+    /* show-annotation.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133352)'%3E%3Crect x='0.5' y='0.5' width='27' height='21' rx='1.5' stroke='white'/%3E%3Cpath d='M4 4.5H24M4 8.5H17M4 12.5H21M24 16.5H4' stroke='white'/%3E%3Cpath d='M12 22H18V28L15 25L12 22Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133352'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSidebarNotes::before {
+    /* sidebar-notes-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133369)'%3E%3Crect x='0.5' y='0.5' width='27' height='27' stroke='white'/%3E%3Crect x='2' y='3' width='2' height='2' fill='white'/%3E%3Crect x='12' y='4' width='2' height='2' fill='white'/%3E%3Crect x='15' y='6' width='2' height='1' fill='white'/%3E%3Crect x='3' y='6' width='3' height='1' fill='white'/%3E%3Crect x='2' y='20' width='2' height='2' fill='white'/%3E%3Crect x='11' y='23' width='2' height='2' fill='white'/%3E%3Crect x='14' y='24' width='3' height='1' fill='white'/%3E%3Crect x='3' y='23' width='3' height='1' fill='white'/%3E%3Crect x='20.5' y='2.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='7.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='12.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='17.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='22.5' width='5' height='3' stroke='white'/%3E%3Cpath d='M4.5 10.5V17.5L9.5 22.5M4.5 10.5L9.5 5.5L14.5 10.5M4.5 10.5L9.5 15M9.5 22.5L14.5 17.5V10.5M9.5 22.5V15M14.5 10.5L9.5 15' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133369'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSidebarTreeView::before {
+    /* treeview.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133389)'%3E%3Crect x='0.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Crect x='13.5' y='6.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='19.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M1.5 3V26.5H25' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M25 20.5H14.5V14.5M14.5 9V14.5M25 14.5H14.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M13 7.5H2' stroke='white' stroke-dasharray='2 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133389'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCreateSectionPlan::before {
+    /* section-plan.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133315)'%3E%3Cpath d='M11.5 2.5H1V25.5H11.5M15.5 2.5H27V25.5H16.5' stroke='white'/%3E%3Cpath d='M14 28V0' stroke='white' stroke-dasharray='4 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133315'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnClearSectionPlan::before {
+    /* section-plan-clear.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133207)'%3E%3Cpath d='M10 2.5H0.5V25.5H10M15 2.5H24.5V16' stroke='white'/%3E%3Cpath d='M12.5 28V0' stroke='white' stroke-dasharray='4 4'/%3E%3Cpath d='M27.5 17.5L17.5 27.5M17.5 17.5L27.5 27.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133207'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSectionPlan::before {
+    /* section-plan-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133280)'%3E%3Cpath d='M16.5 0.5V27.5H15.2071L10.5 22.7929V5.20711L15.2071 0.5H16.5Z' stroke='white'/%3E%3Cpath d='M16.5 0.5V27.5H15.2071L10.5 22.7929V5.20711L15.2071 0.5H16.5Z' stroke='white'/%3E%3Crect x='0.5' y='7.5' width='27' height='13' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133280'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleNotes.show::before {
+    /* show-annotation.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133352)'%3E%3Crect x='0.5' y='0.5' width='27' height='21' rx='1.5' stroke='white'/%3E%3Cpath d='M4 4.5H24M4 8.5H17M4 12.5H21M24 16.5H4' stroke='white'/%3E%3Cpath d='M12 22H18V28L15 25L12 22Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133352'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCreateAngleMeasurements::before {
+    /* angle-measurements-create.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132945)'%3E%3Crect x='0.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M2 26L26 2' stroke='white'/%3E%3Cpath d='M2.5 26.5H25.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132945'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleAngleMeasurements::before {
+    /* angle-measurements-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132959)'%3E%3Crect x='0.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M2 26L26 2' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M2.5 26.5H25.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M7.5 12L23 27.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132959'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCreateDistanceMeasurements::before {
+    /* distance-measurements-create.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133176)'%3E%3Crect x='0.5' y='13' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13' width='2' height='2' stroke='white'/%3E%3Cpath d='M2.5 14H25.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133176'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleDistanceMeasurements::before {
+    /* distance-measurements-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133215)'%3E%3Crect x='0.5' y='13' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13' width='2' height='2' stroke='white'/%3E%3Cpath d='M2.5 14H25.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M5 5L23 23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133215'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSidebarStoreyViews::before {
+    /* storey-views-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133377)'%3E%3Cpath d='M9.5 1V11.5M9.5 11.5H13.5V17.5H18.5M9.5 11.5H1M27 17.5H18.5M18.5 17.5V27' stroke='white' stroke-width='1.5'/%3E%3Crect x='0.5' y='0.5' width='27' height='27' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133377'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnSaveBCFViewpointJSON::before {
+    /* bcf-json-save.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132996)'%3E%3Cpath d='M6 9.25H23' stroke='white'/%3E%3Cpath d='M14.5 0.75V7.75M14.5 7.75L18 4.75M14.5 7.75L11 4.75' stroke='white'/%3E%3Cpath d='M6 27.25H5C3.89543 27.25 3 26.3546 3 25.25V23.5V22.1682C3 21.6587 2.80557 21.1684 2.4564 20.7974L1 19.25L2.4564 17.7026C2.80557 17.3316 3 16.8413 3 16.3318V15V13.75C3 12.6454 3.89543 11.75 5 11.75H6M22 11.75H23C24.1046 11.75 25 12.6454 25 13.75V15V16.3318C25 16.8413 25.1944 17.3316 25.5436 17.7026L27 19.25L25.5436 20.7974C25.1944 21.1684 25 21.6587 25 22.1682V23.5V25.25C25 26.3546 24.1046 27.25 23 27.25H22' stroke='white'/%3E%3Cpath d='M5.5 14.25H8C8.82843 14.25 9.5 14.9216 9.5 15.75V17.75C9.5 18.5784 8.82843 19.25 8 19.25H5.5V14.25Z' stroke='white'/%3E%3Cpath d='M5.5 19.25H8C8.82843 19.25 9.5 19.9216 9.5 20.75V23.75C9.5 24.5784 8.82843 25.25 8 25.25H5.5V19.25Z' stroke='white'/%3E%3Cpath d='M16.5 16.75V16.25C16.5 15.1454 15.6046 14.25 14.5 14.25V14.25C13.3954 14.25 12.5 15.1454 12.5 16.25V23.25C12.5 24.3546 13.3954 25.25 14.5 25.25V25.25C15.6046 25.25 16.5 24.3546 16.5 23.25V22.75' stroke='white'/%3E%3Cpath d='M19.5 25.75V19.25M23.5 14.25H19.5V19.25M19.5 19.25H23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132996'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnLoadBCFViewpointJSON::before {
+    /* bcf-json-load.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132966)'%3E%3Cpath d='M6 9.25H23' stroke='white'/%3E%3Cpath d='M14.5 7.75V0.75M14.5 0.75L18 3.75M14.5 0.75L11 3.75' stroke='white'/%3E%3Cpath d='M6 27.25H5C3.89543 27.25 3 26.3546 3 25.25V23.5V22.1682C3 21.6587 2.80557 21.1684 2.4564 20.7974L1 19.25L2.4564 17.7026C2.80557 17.3316 3 16.8413 3 16.3318V15V13.75C3 12.6454 3.89543 11.75 5 11.75H6M22 11.75H23C24.1046 11.75 25 12.6454 25 13.75V15V16.3318C25 16.8413 25.1944 17.3316 25.5436 17.7026L27 19.25L25.5436 20.7974C25.1944 21.1684 25 21.6587 25 22.1682V23.5V25.25C25 26.3546 24.1046 27.25 23 27.25H22' stroke='white'/%3E%3Cpath d='M5.5 14.25H8C8.82843 14.25 9.5 14.9216 9.5 15.75V17.75C9.5 18.5784 8.82843 19.25 8 19.25H5.5V14.25Z' stroke='white'/%3E%3Cpath d='M5.5 19.25H8C8.82843 19.25 9.5 19.9216 9.5 20.75V23.75C9.5 24.5784 8.82843 25.25 8 25.25H5.5V19.25Z' stroke='white'/%3E%3Cpath d='M16.5 16.75V16.25C16.5 15.1454 15.6046 14.25 14.5 14.25V14.25C13.3954 14.25 12.5 15.1454 12.5 16.25V23.25C12.5 24.3546 13.3954 25.25 14.5 25.25V25.25C15.6046 25.25 16.5 24.3546 16.5 23.25V22.75' stroke='white'/%3E%3Cpath d='M19.5 25.75V19.25M23.5 14.25H19.5V19.25M19.5 19.25H23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132966'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleCompare::before {
+    /* compare.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5 0.5L1.5 26.5' stroke='white' stroke-dasharray='1 1'/%3E%3Cpath d='M5.5 21V0.5L16.5 0.5V10' stroke='white'/%3E%3Cpath d='M22.5 7.5V27.5H11.5V17.5' stroke='white'/%3E%3Crect x='7.5' y='3.5' width='2' height='2' stroke='white'/%3E%3Crect x='18.5' y='18.5' width='2' height='2' stroke='white'/%3E%3Crect x='18.5' y='14.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M20.5 10V12.5H18' stroke='white'/%3E%3Crect x='13.5' y='18.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M15.5 14V16.5H13' stroke='white'/%3E%3Crect x='13.5' y='22.5' width='7' height='2' stroke='white'/%3E%3Crect x='7.5' y='11.5' width='2' height='2' stroke='white'/%3E%3Crect x='12.5' y='3.5' width='2' height='2' stroke='white'/%3E%3Crect x='7.5' y='7.5' width='7' height='2' stroke='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCompareOneOverOne::before {
+    /* compare-one-over-one.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133031)'%3E%3Crect x='0.5' y='4.5' width='22' height='23' stroke='white'/%3E%3Crect x='5.5' y='0.5' width='22' height='23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133031'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCompareSideBySide::before {
+    /* compare-side-by-side.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='0.5' width='12' height='27' stroke='white'/%3E%3Crect x='14.5' y='0.5' width='11' height='27' stroke='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnClearComparison::before {
+    /* compare-clear.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.5' y='5.5' width='17' height='20' stroke='white'/%3E%3Cpath d='M2 5.5H26' stroke='white'/%3E%3Cpath d='M11.5 9V22' stroke='white'/%3E%3Cpath d='M16.5 9V22' stroke='white'/%3E%3Crect x='8.5' y='2.5' width='11' height='3' stroke='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleTextures::before {
+    /* toggle-textures.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 27V1H14V27H15ZM25.5 0.5V27.5H2.5V0.5H14H25.5Z' stroke='white'/%3E%3Crect x='15' y='1' width='1' height='1' fill='white'/%3E%3Crect x='16' y='2' width='1' height='1' fill='white'/%3E%3Crect x='16' y='4' width='1' height='1' fill='white'/%3E%3Crect x='16' y='6' width='1' height='1' fill='white'/%3E%3Crect x='16' y='8' width='1' height='1' fill='white'/%3E%3Crect x='16' y='10' width='1' height='1' fill='white'/%3E%3Crect x='16' y='12' width='1' height='1' fill='white'/%3E%3Crect x='16' y='14' width='1' height='1' fill='white'/%3E%3Crect x='16' y='16' width='1' height='1' fill='white'/%3E%3Crect x='16' y='18' width='1' height='1' fill='white'/%3E%3Crect x='16' y='20' width='1' height='1' fill='white'/%3E%3Crect x='16' y='22' width='1' height='1' fill='white'/%3E%3Crect x='16' y='24' width='1' height='1' fill='white'/%3E%3Crect x='16' y='26' width='1' height='1' fill='white'/%3E%3Crect x='15' y='3' width='1' height='1' fill='white'/%3E%3Crect x='15' y='5' width='1' height='1' fill='white'/%3E%3Crect x='15' y='7' width='1' height='1' fill='white'/%3E%3Crect x='15' y='9' width='1' height='1' fill='white'/%3E%3Crect x='15' y='11' width='1' height='1' fill='white'/%3E%3Crect x='15' y='13' width='1' height='1' fill='white'/%3E%3Crect x='15' y='15' width='1' height='1' fill='white'/%3E%3Crect x='15' y='17' width='1' height='1' fill='white'/%3E%3Crect x='15' y='19' width='1' height='1' fill='white'/%3E%3Crect x='15' y='21' width='1' height='1' fill='white'/%3E%3Crect x='15' y='23' width='1' height='1' fill='white'/%3E%3Crect x='15' y='25' width='1' height='1' fill='white'/%3E%3Crect x='17' y='1' width='1' height='1' fill='white'/%3E%3Crect x='18' y='2' width='1' height='1' fill='white'/%3E%3Crect x='18' y='4' width='1' height='1' fill='white'/%3E%3Crect x='18' y='6' width='1' height='1' fill='white'/%3E%3Crect x='18' y='8' width='1' height='1' fill='white'/%3E%3Crect x='18' y='10' width='1' height='1' fill='white'/%3E%3Crect x='18' y='12' width='1' height='1' fill='white'/%3E%3Crect x='18' y='14' width='1' height='1' fill='white'/%3E%3Crect x='18' y='16' width='1' height='1' fill='white'/%3E%3Crect x='18' y='18' width='1' height='1' fill='white'/%3E%3Crect x='18' y='20' width='1' height='1' fill='white'/%3E%3Crect x='18' y='22' width='1' height='1' fill='white'/%3E%3Crect x='18' y='24' width='1' height='1' fill='white'/%3E%3Crect x='18' y='26' width='1' height='1' fill='white'/%3E%3Crect x='17' y='3' width='1' height='1' fill='white'/%3E%3Crect x='17' y='5' width='1' height='1' fill='white'/%3E%3Crect x='17' y='7' width='1' height='1' fill='white'/%3E%3Crect x='17' y='9' width='1' height='1' fill='white'/%3E%3Crect x='17' y='11' width='1' height='1' fill='white'/%3E%3Crect x='17' y='13' width='1' height='1' fill='white'/%3E%3Crect x='17' y='15' width='1' height='1' fill='white'/%3E%3Crect x='17' y='17' width='1' height='1' fill='white'/%3E%3Crect x='17' y='19' width='1' height='1' fill='white'/%3E%3Crect x='17' y='21' width='1' height='1' fill='white'/%3E%3Crect x='17' y='23' width='1' height='1' fill='white'/%3E%3Crect x='17' y='25' width='1' height='1' fill='white'/%3E%3Crect x='19' y='1' width='1' height='1' fill='white'/%3E%3Crect x='20' y='2' width='1' height='1' fill='white'/%3E%3Crect x='20' y='4' width='1' height='1' fill='white'/%3E%3Crect x='20' y='6' width='1' height='1' fill='white'/%3E%3Crect x='20' y='8' width='1' height='1' fill='white'/%3E%3Crect x='20' y='10' width='1' height='1' fill='white'/%3E%3Crect x='20' y='12' width='1' height='1' fill='white'/%3E%3Crect x='20' y='14' width='1' height='1' fill='white'/%3E%3Crect x='20' y='16' width='1' height='1' fill='white'/%3E%3Crect x='20' y='18' width='1' height='1' fill='white'/%3E%3Crect x='20' y='20' width='1' height='1' fill='white'/%3E%3Crect x='20' y='22' width='1' height='1' fill='white'/%3E%3Crect x='20' y='24' width='1' height='1' fill='white'/%3E%3Crect x='20' y='26' width='1' height='1' fill='white'/%3E%3Crect x='19' y='3' width='1' height='1' fill='white'/%3E%3Crect x='19' y='5' width='1' height='1' fill='white'/%3E%3Crect x='19' y='7' width='1' height='1' fill='white'/%3E%3Crect x='19' y='9' width='1' height='1' fill='white'/%3E%3Crect x='19' y='11' width='1' height='1' fill='white'/%3E%3Crect x='19' y='13' width='1' height='1' fill='white'/%3E%3Crect x='19' y='15' width='1' height='1' fill='white'/%3E%3Crect x='19' y='17' width='1' height='1' fill='white'/%3E%3Crect x='19' y='19' width='1' height='1' fill='white'/%3E%3Crect x='19' y='21' width='1' height='1' fill='white'/%3E%3Crect x='19' y='23' width='1' height='1' fill='white'/%3E%3Crect x='19' y='25' width='1' height='1' fill='white'/%3E%3Crect x='21' y='1' width='1' height='1' fill='white'/%3E%3Crect x='22' y='2' width='1' height='1' fill='white'/%3E%3Crect x='22' y='4' width='1' height='1' fill='white'/%3E%3Crect x='22' y='6' width='1' height='1' fill='white'/%3E%3Crect x='22' y='8' width='1' height='1' fill='white'/%3E%3Crect x='22' y='10' width='1' height='1' fill='white'/%3E%3Crect x='22' y='12' width='1' height='1' fill='white'/%3E%3Crect x='22' y='14' width='1' height='1' fill='white'/%3E%3Crect x='22' y='16' width='1' height='1' fill='white'/%3E%3Crect x='22' y='18' width='1' height='1' fill='white'/%3E%3Crect x='22' y='20' width='1' height='1' fill='white'/%3E%3Crect x='22' y='22' width='1' height='1' fill='white'/%3E%3Crect x='22' y='24' width='1' height='1' fill='white'/%3E%3Crect x='22' y='26' width='1' height='1' fill='white'/%3E%3Crect x='21' y='3' width='1' height='1' fill='white'/%3E%3Crect x='21' y='5' width='1' height='1' fill='white'/%3E%3Crect x='21' y='7' width='1' height='1' fill='white'/%3E%3Crect x='21' y='9' width='1' height='1' fill='white'/%3E%3Crect x='21' y='11' width='1' height='1' fill='white'/%3E%3Crect x='21' y='13' width='1' height='1' fill='white'/%3E%3Crect x='21' y='15' width='1' height='1' fill='white'/%3E%3Crect x='21' y='17' width='1' height='1' fill='white'/%3E%3Crect x='21' y='19' width='1' height='1' fill='white'/%3E%3Crect x='21' y='21' width='1' height='1' fill='white'/%3E%3Crect x='21' y='23' width='1' height='1' fill='white'/%3E%3Crect x='21' y='25' width='1' height='1' fill='white'/%3E%3Crect x='23' y='1' width='1' height='1' fill='white'/%3E%3Crect x='24' y='2' width='1' height='1' fill='white'/%3E%3Crect x='24' y='4' width='1' height='1' fill='white'/%3E%3Crect x='24' y='6' width='1' height='1' fill='white'/%3E%3Crect x='24' y='8' width='1' height='1' fill='white'/%3E%3Crect x='24' y='10' width='1' height='1' fill='white'/%3E%3Crect x='24' y='12' width='1' height='1' fill='white'/%3E%3Crect x='24' y='14' width='1' height='1' fill='white'/%3E%3Crect x='24' y='16' width='1' height='1' fill='white'/%3E%3Crect x='24' y='18' width='1' height='1' fill='white'/%3E%3Crect x='24' y='20' width='1' height='1' fill='white'/%3E%3Crect x='24' y='22' width='1' height='1' fill='white'/%3E%3Crect x='24' y='24' width='1' height='1' fill='white'/%3E%3Crect x='24' y='26' width='1' height='1' fill='white'/%3E%3Crect x='23' y='3' width='1' height='1' fill='white'/%3E%3Crect x='23' y='5' width='1' height='1' fill='white'/%3E%3Crect x='23' y='7' width='1' height='1' fill='white'/%3E%3Crect x='23' y='9' width='1' height='1' fill='white'/%3E%3Crect x='23' y='11' width='1' height='1' fill='white'/%3E%3Crect x='23' y='13' width='1' height='1' fill='white'/%3E%3Crect x='23' y='15' width='1' height='1' fill='white'/%3E%3Crect x='23' y='17' width='1' height='1' fill='white'/%3E%3Crect x='23' y='19' width='1' height='1' fill='white'/%3E%3Crect x='23' y='21' width='1' height='1' fill='white'/%3E%3Crect x='23' y='23' width='1' height='1' fill='white'/%3E%3Crect x='23' y='25' width='1' height='1' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton.toggled,
+.splitToolbarButton.toggled > .toolbarButton.toggled,
+.secondaryToolbarButton.toggled {
+    background-color: hsla(0,0%,0%,.3);
+    background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
+    border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
+    box-shadow: 0 1px 1px hsl(0deg 0% 0% / 10%) inset, 0 0 1px hsl(0deg 0% 0% / 20%) inset, 0 1px 0 hsl(0deg 0% 100% / 5%);
+    transition-property: background-color, border-color, box-shadow;
+    transition-duration: 10ms;
+    transition-timing-function: linear;
+}
+
+.toolbar-dropdown-wrap button,
+.toolbar-dropdown button {
+    position: relative;
+}
+
+.toolbar-dropdown {
+    padding: 0;
+    min-width: 53px;
+    white-space: nowrap;
+    background-color: #474747;
+    background-image: linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
+    box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 15%), inset 0 -1px 0 hsl(0deg 0% 100% / 5%), 0 1px 0 hsl(0deg 0% 0% / 15%), 0 1px 1px hsl(0deg 0% 0% / 10%);
+}
+
+
+.sidebar {
+    width: 100%;
+    background: #f8f8f8;
+    padding: 32px 10px 10px 10px;
+    height: calc(100% - 32px);
+    border-left: 1px solid silver;
+    border-right: 1px solid silver;
+    top: 51px;
+    right: 0;
+    z-index: 89000005;
+}
+
+#sidebarWrap {
+	position: absolute;
+    height: calc(100% - 32px);
+	right: 0;
+    top: 51px;	
+	width: 278px;
+    display: none;
+}
+
+.sidebar-close {
+    position: absolute;
+    top: 4px;
+    left: 3px;
+    font-weight: 400;
+    padding: 2px 8px 7px 8px;
+    cursor: pointer;
+    transform: scaleX(1.2);
+    font-size: 18px;
+    font-family: Arial;
+}
+
+.sidebar-content {
+    height: 100%;
+    font-size: 14px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+.sidebar-note-wrap {
+    background: #ffffff;
+    padding: 5px;
+    margin-top: 5px;
+    position: relative;
+}
+
+.sidebar-note-wrap:first-child {
+    margin-top: 0;
+}
+
+.sidebar-note-header {
+    padding-bottom: 5px;
+    border-bottom: 1px dotted #E0E0E0;
+    position: relative;
+    z-index: 10;
+}
+
+.sidebar-note-name {
+    font-size: 12px;
+    font-weight: 600;
+    color: #283430;
+    padding-bottom: 2px;
+
+
+    margin-right: 8px;
+    padding-right: 8px;
+
+    display: inline-block;
+    position: relative;
+}
+
+.sidebar-note-name:after {
+    content: "";
+    position: absolute;
+    border-right: 1px solid #C3BFBF;
+    height: 10px;
+    top: 2px;
+    right: 0;
+}
+
+.sidebar-note-title {
+    font-size: 12px;
+    font-weight: 600;
+    margin-top: 2px;
+    padding-top: 6px;
+    cursor: pointer;
+    width: -webkit-fill-available;
+}
+
+.sidebar-note-id {
+    font-size: 12px;
+    margin-top: 2px;
+    padding-top: 6px;
+    border-top: 1px dotted #E0E0E0;
+    text-align: right;
+    min-width: 85px;
+}
+
+div.sidebar-note-id:hover {
+    text-decoration: underline;
+}
+
+.note-title-container {
+	border-top: 1px dotted #E0E0E0;
+	display: flex;
+}
+
+.sidebar-note-date {
+    font-size: 11px;
+    color: #C3BFBF;
+
+    display: inline-block;
+}
+
+.sidebar-note-btn-delete {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+}
+
+.sidebar-note-body {
+    padding-top: 5px;
+    position: relative;
+    z-index: 10;
+}
+
+.sidebar-note-wrap textarea {
+    border: #E0E0E0;
+    color: #283430;
+    width: 100%;
+    resize: none;
+    overflow: hidden;
+    height: 60px;
+    box-sizing: border-box;
+    max-width: 100%;
+}
+
+.sidebar-note-wrap textarea,
+.sidebar-note-wrap.active textarea,
+.sidebar-note-wrap textarea:focus {
+    padding: 2px;
+}
+
+.sidebar-note-expand-wrap {
+    text-align: right;
+}
+
+.sidebar-note-expand-btn {
+    font-size: 11px;
+    color: #C3BFBF;
+    text-transform: lowercase;
+    font-variant: small-caps;
+}
+
+.btn-expand,
+.btn-collapse {
+    cursor: pointer;
+}
+
+.sidebar-note-expand-btn:not(.collapsed) .btn-expand,
+.sidebar-note-expand-btn.collapsed .btn-collapse {
+    display: none;
+}
+
+.sidebar-note-btn-delete span {
+    display: none;
+}
+
+.sidebar-note-img-wrap,
+.sidebar-note-img-wrap img {
+    max-width: 100%;
+}
+
+.sidebar-note-wrap.active:before {
+    content: "";
+    position: absolute;
+    top: -5px;
+    bottom: -5px;
+    left: -5px;
+    right: -5px;
+    background: midnightblue;
+    z-index: 1;
+}
+
+.sidebar-note-wrap.active .sidebar-note-title,
+.sidebar-note-wrap.active .sidebar-note-id,
+.sidebar-note-wrap.active .sidebar-note-name {
+    color: #ffffff !important;
+}
+
+.sidebar-note-wrap a {
+    color: #283430 !important;
+}
+
+.sidebar-note-wrap.active a {
+    color: #ffffff !important;
+}
+
+.sidebar-note-date {
+    font-size: 11px;
+    color: #C3BFBF;
+}
+
+.sidebar-note-wrap.active .sidebar-note-btn-delete {
+}
+
+.sidebar-note-status-mark {
+    border-radius: 50%;
+    display: inline-block;
+    min-height: 10px;
+    min-width: 10px;
+    height: 10px;
+    width: 10px;
+    vertical-align: sub;
+    margin-right: 3px;
+    float: left;
+    margin-top: 2px;
+}
+
+.sidebar-note-status-text {
+    float: left;
+}
+#navCubeCanvas {
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    z-index: 200000;
+
+    /* Position */
+
+    /* 1. Left-Bottom */
+    /*
+    bottom: 100px;
+    left: 50px;
+    */
+
+    /* 2. Right-Center */
+    right: 10px;
+    top: calc(50% - 157px);
+}
+#sectionPlanesOverviewCanvas {
+	position: absolute;
+    width: 250px;
+    height: 250px;
+    bottom: 70px;
+    right: 10px;
+    z-index: 200000;
+}
+.annotation-marker {
+    color: #ffffff;
+    font-size: 12px;
+    line-height: 2.4;
+    text-align: center;
+    font-family: Arial;
+    font-weight: bold;
+    position: absolute;
+    width: 32px;
+    height: 32px;
+    border-radius: 16px;
+    border: 2px solid #ffffff;
+    background: black;
+    visibility: hidden;
+    box-shadow: 5px 5px 15px 1px #000000;
+    z-index: 0;
+}
+
+.annotation-label {
+    position: absolute;
+    max-width: 250px;
+    min-height: 50px;
+    padding: 8px;
+    padding-left: 12px;
+    padding-right: 12px;
+    background: #ffffff;
+    color: #000000;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 8px;
+    border: #ffffff solid 2px;
+    box-shadow: 5px 5px 15px 1px #000000;
+    z-index: 90000;
+}
+
+.annotation-label:after {
+    content: '';
+    position: absolute;
+    border-style: solid;
+    border-width: 8px 12px 8px 0;
+    border-color: transparent white;
+    display: block;
+    width: 0;
+    z-index: 1;
+    margin-top: -11px;
+    left: -12px;
+    top: 20px;
+}
+
+.annotation-label:before {
+    content: '';
+    position: absolute;
+    border-style: solid;
+    border-width: 9px 13px 9px 0;
+    border-color: transparent #ffffff;
+    display: block;
+    width: 0;
+    z-index: 0;
+    margin-top: -12px;
+    left: -15px;
+    top: 20px;
+}
+
+.annotation-title {
+    font: normal 20px arial, serif;
+    margin-bottom: 8px;
+}
+
+.annotation-desc {
+    font: normal 14px arial, serif;
+}
+
+.hide-annotations .annotation-label,
+.hide-annotations .annotation-marker {
+    visibility: hidden;
+    opacity: 0;
+}
+
+body:not(.hide-annotations) .annotation-marker {
+    visibility: visible !important;
+}
+
+body:not(.hide-annotations) .annotation-label {
+    visibility: visible !important;
+}
+
+#dlgNoteTxt {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    height: calc(100% - 36px);
+    padding: 5px;
+    resize: none;
+}
+
+#dlgNoteTxt:focus,
+#dlgNoteTxt:active {
+    outline-width: 0 !important;
+}
+
+.ui-widget-overlay {
+    z-index: 90000004;
+    opacity: 0.3 !important;
+}
+
+.ui-dialog {
+    z-index: 90000005;
+}
+
+.ui-dialog .ui-dialog-content {
+    padding: 11px 8px 0 8px;
+}
+
+.ui-dialog .ui-dialog-buttonpane {
+    padding: 5px 2px 4px 7px;
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+    border: 1px solid #474747;
+    background: #474747;
+    font-weight: normal;
+    color: hsl(0,0%,85%);
+}
+
+#dlgNoteTitle {
+    width: 100%;
+    margin-bottom: 8px;
+    font-size: 16px;
+    height: 24px;
+}
+#treeViewContainerWrap {
+    position: absolute;
+    height: calc(100% - 32px);
+    width: 350px;
+    top: 51px;
+    left: 0;
+    border-right: 6px solid #EEEEEE;
+    z-index: 89000005;
+    display: none;
+    background: #ffffff;
+    /*padding-right: 8px;*/
+}
+
+#treeViewContainer {
+    pointer-events: all;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: black;
+    width: 100%;
+    padding-left: 10px;
+    font-family: 'Roboto', sans-serif;
+    font-size: 15px;
+    user-select: none;
+    -ms-user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    z-index: 89000006;
+    background: #ffffff;
+}
+
+.treeview-expanded #treeViewContainer {
+    display: block;
+}
+
+#treeViewContainer ul {
+    list-style: none;
+    padding-left: 1.75em;
+    pointer-events: none;
+}
+
+#treeViewContainer ul li {
+    position: relative;
+    width: 500px;
+    pointer-events: none;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    vertical-align: middle;
+}
+
+#treeViewContainer ul li a {
+    background-color: #eee;
+    border-radius: 50%;
+    color: #000;
+    display: inline-block;
+    height: 1.5em;
+    left: -1.5em;
+    position: absolute;
+    text-align: center;
+    text-decoration: none;
+    width: 1.5em;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li a.plus {
+    background-color: #ded;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li a.minus {
+    background-color: #eee;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li a:active {
+    top: 1px;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li span:hover {
+    color: white;
+    cursor: pointer;
+    background: black;
+    padding-left: 2px;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li span {
+    display: inline-block;
+    width: calc(100% - 50px);
+    padding-left: 2px;
+    pointer-events: all;
+    height: 23px;
+}
+
+#treeViewContainer .highlighted-node { /* Appearance of node highlighted with TreeViewPlugin#showNode() */
+    border: black solid 1px;
+    background: yellow;
+    color: black;
+    padding-left: 1px;
+    padding-right: 5px;
+    pointer-events: all;
+}
+.xeokit-context-menu {
+    font-family: 'Roboto', sans-serif;
+    font-size: 15px;
+    display: none;
+    z-index: 89000006 !important;
+    background: rgba(255, 255, 255, 0.46);
+    border: 1px solid black;
+    border-radius: 6px;
+    padding: 0;
+    width: 200px;
+}
+
+.xeokit-context-menu ul {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+}
+
+.xeokit-context-menu ul li {
+    list-style-type: none;
+    padding-left: 10px;
+    padding-right: 20px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    color: black;
+    border-bottom: 1px solid gray;
+    background: rgba(255, 255, 255, 0.46);
+    cursor: pointer;
+    width: calc(100% - 30px);
+}
+
+.xeokit-context-menu ul li:hover {
+    background: black;
+    color: white;
+    font-weight: normal;
+}
+
+.xeokit-context-menu ul li span {
+    display: inline-block;
+}
+
+.xeokit-context-menu .disabled {
+    display: inline-block;
+    color: gray;
+    cursor: default;
+    font-weight: normal;
+}
+
+.xeokit-context-menu .disabled:hover {
+    color: gray;
+    cursor: default;
+    background: #eeeeee;
+    font-weight: normal;
+}
+#storeyViewsSidebar {
+    position: absolute;
+    height: calc(100% - 32px);
+    width: 350px;
+    top: 51px;
+    left: 0;
+    border-right: 1px solid #EEEEEE;
+    z-index: 89000005;
+    display: none;
+    background: #ffffff;
+}
+
+#storeyViewsContainer {
+    pointer-events: all;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: black;
+    width: 100%;
+    text-align: center;
+    z-index: 89000006;
+    background: #ffffff;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    position: relative;
+}
+
+#storeyMap {
+    position: absolute;
+    left: 10px;
+    top: 60px;
+    margin-top: 20px;
+    overflow-y: hidden;
+    height: auto;
+    pointer-events: all;
+    width: auto;
+    user-select: none;
+}
+
+#planPointer {
+    color: #000000;
+    line-height: 1.8;
+    text-align: center;
+    font-family: "monospace";
+    font-weight: bold;
+    position: absolute;
+    width: 60px;
+    height: 60px;
+    /* storey-map-camera.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133590)'%3E%3Ccircle cx='30' cy='30' r='5' fill='black'/%3E%3Cpath d='M30 0C26.0603 -4.69799e-08 22.1593 0.775973 18.5195 2.28361C14.8797 3.79126 11.5726 6.00104 8.7868 8.7868C6.00104 11.5726 3.79125 14.8797 2.28361 18.5195C0.775972 22.1593 -5.94871e-07 26.0603 0 30L30 30L30 0Z' fill='url(%23paint0_radial_3179_133590)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_3179_133590' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(30 30) rotate(90) scale(30)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_3179_133590'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-repeat: no-repeat;
+    background-size: 60px 60px;
+}
+
+#storeyViewsContainer img {
+    max-width: 100%;
+}
+#propInspector {
+    width: 278px;
+    background: #f8f8f8;
+    height: calc(100% - 32px);
+    position: fixed;
+    top: 51px;
+    right: 0;
+    z-index: 89000004;
+    display: none;
+    box-sizing: border-box;
+}
+
+.prop-inspector-inner-wrap {
+    border-left: 1px solid silver;
+    border-right: 1px solid silver;
+    padding: 32px 10px 20px 10px;
+    height: calc(100% - 10px);
+}
+
+.prop-inspector-close {
+    position: absolute;
+    top: 4px;
+    left: 3px;
+    font-weight: 400;
+    padding: 2px 8px 7px 8px;
+    cursor: pointer;
+    transform: scaleX(1.2);
+    font-size: 18px;
+    font-family: Arial;
+}
+
+.prop-inspector-content {
+    height: 100%;
+    font-size: 14px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+.element-attributes {
+    margin-top: 10px;
+}
+
+.xeokit-table .td1 {
+    font-weight: bold;
+}
+
+.xeokit-table td {
+    padding: 8px;
+    border-top: 1px solid #E0E0E0;
+    word-wrap: break-word;
+    vertical-align: top;
+}
+
+.xeokit-table tr:first-child td {
+    border-top: none !important;
+}
+
+.xeokit-table tr td:first-child {
+    border-right: 1px solid #E0E0E0;
+}
+
+.subtitle.xeokit-no-prop-set-warning {
+    padding: 8px;
+}
+
+.xeokit-table {
+    width: 100%;
+}
+
+.prop-inspector-title {
+    font-size: 16px;
+    font-weight: bold;
+    padding-bottom: 12px;
+    position: absolute;
+    top: 8px;
+    left: 30px;
+
+}
+
+.xeokit-accordion {
+    margin-top: 20px;
+}
+
+.ui-accordion .ui-accordion-content.xeokit-accordion-panel {
+    padding: 2px 0 2px 0 !important;
+}
+
+.ui-dialog-comparison {
+    z-index: 99000005;
+}
+
+.uk-tab>*>a {
+    border-bottom-width: 2px;
+}
+
+.ui-dialog-comparison .ui-dialog-titlebar {
+    border-bottom: 1px solid #E5E5E5 !important;
+    border-radius: 0;
+}
+
+.comparison-popup-wrap {
+    display: flex;
+    flex-direction: column;
+    width: 100% !important;
+}
+
+.comparison-popup-head {
+    height: 100px;
+    display: flex;
+    flex-direction: row;
+    padding-bottom: 20px;
+}
+
+.comparison-popup-body {
+    height: calc(100% - 100px);
+}
+
+.comparison-popup-head-item {
+    /*max-width: 140px;*/
+    text-align: center;
+    border: 1px solid #E5E5E5;
+    padding: 8px;
+    border-radius: 2px;
+    width: calc(50% - 4px);
+}
+
+.comparison-popup-head-item.added {
+    border-bottom: 2px solid #09FF32;
+    margin-right: 4px;
+}
+
+.comparison-popup-head-item.removed {
+    border-bottom: 2px solid #FE001B;
+    margin-left: 4px;
+}
+
+.comparison-popup-body .uk-switcher {
+    height: calc(100% - 53px);
+}
+
+.comparison-popup-body .uk-switcher li {
+    overflow: auto;
+}
+
+.comparison-popup-body .uk-position-relative {
+    height: 100%;
+}
+
+.comparison-popup-body ul.list-items {
+    padding-left: 0;
+}
+
+.comparison-popup-body .list-items li {
+    list-style: none !important;
+    padding-left: 8px;
+    margin-bottom: 4px;
+    font-size: 14px;
+    cursor: pointer;
+}
+
+.comparison-popup-body .list-items li .name {
+    font-weight: bold;
+}
+
+.comparison-popup-body .item-added {
+    border-left: 2px solid #09FF32;
+}
+
+.comparison-popup-body .item-removed {
+    border-left: 2px solid #FE001B;
+}
+
+.ui-dialog.ui-dialog-comparison .ui-dialog-titlebar-buttonpane>a {
+    margin-right: 2px !important;
+}
+
+.ui-dialog.ui-dialog-comparison .ui-dialog-titlebar-buttonpane>a:last-child {
+    margin-right: 0;
+}
+
+.vitro-bim-viewer-issue-detail {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    width: 410px;
+    z-index: 10000001;
+    background: #fff;
+    height: calc(100% - 50px);
+    border-left: 2px solid #eeeff0;
+    display: none;
+}
+
+.vitro-bim-viewer-issue-detail * {
+    box-sizing: border-box !important;
+}
+
+#sidebarWrap {
+    width: 410px;
+    height: calc(100% - 50px);
+    top: 50px;
+    z-index: 10000000;
+}
+
+.sidebar {
+    background: #fff;
+    border-left: 2px solid #eeeff0;
+    border-right: none;
+    padding: 32px 0 16px 0;
+    height: 100%;
+}
+
+.sidebar-close,
+.sidebar-close:hover,
+.sidebar-close:active,
+.prop-inspector-close,
+.prop-inspector-close:hover,
+.prop-inspector-close:active {
+    top: 4px;
+    left: 3px;
+    height: 24px;
+    width: 24px;
+    padding: 0px;
+    color: transparent;
+    background-size: 100%;
+    display: block;
+    transform: none;
+    /* close.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+
+#fileVersionSelect {
+    top: calc(50% - 16px);
+}