/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=085aa87d&prod&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  color: #2c3e50;
}
nav {
  padding: 30px;
}
nav a {
  font-weight: bold;
  color: #2c3e50;
}
nav a.router-link-exact-active {
  color: #42b983;
}
.noteTextElement {
  position: absolute;
  width: 250px;
  height: 160px;
  z-index: 2;
  background: rgba(180, 180, 180, 0.8);
  border-radius: 5px;
  border: 1px solid black;
  pointer-events: auto;
  transition: transform .2s;
}
.noteTextElement:after,
.noteTextElement:before {
  border: solid rgba(224, 24, 24, 0);
  content: " ";
  height: 0;
  left: -20px;
  position: absolute;
  width: 0;
}
.noteTextElement:after {
  border-width: 11px;
  border-right-color: rgba(190, 190, 190, 1);
  top: 13px;
  left: -21px;
}
.noteTextElement:before {
  border-width: 12px;
  border-right-color: #000;
  top: 12px;
  left: -24px;
}
.noteTextElement textArea {
  margin: 5px;
  width: 200px;
  height: 142px;
  z-index: 2;
  resize: none;
}
.noteTextElement .noteButton {
  position: absolute;
  left: 220px;
  width: 20px;
  height: 20px;
  border: 1px solid black;
}
.noteTextElement:hover {
  transform: scale(1.05) translate(2.5%, 2.0%);
  transition: transform .2s;
}
.noteTextElement .noteButton.color.blue {
  background-color: blue;
}
.noteTextElement .noteButton.color.red {
  background-color: red;
}
.noteTextElement .noteButton.color.green {
  background-color: rgba(0, 255, 0, 1);
}
.noteTextElement .noteButton.color.white {
  background-color: white;
}
.noteTextElement .noteButton.color.black {
  background-color: black;
}
.noteTextElement .noteButton.trash {
  background: url(data:image/png;base64,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) no-repeat top left;
  display: block;
  background-position: -176px -96px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/viewer-component.vue?vue&type=style&index=0&id=099b2a98&prod&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#toolBar[data-v-099b2a98] {
  position: absolute;
  display: flex;
  bottom: 10px;
  height: 42px;
  z-index: 4;
  width: 450px;
  left: 50%;
  transform: translate(-50%);
}
#treeView[data-v-099b2a98] {
  position: absolute;
  display: flex;
  top: 10px;
  z-index: 4;
  left: 10px;
}
#propsView[data-v-099b2a98] {
  width: 600px;
  max-height: 30vh;
  top: 10px;
  z-index: 4;
  overflow-y: scroll;
}
.tablecell[data-v-099b2a98] {
  width: 50%; 
  max-width: 120px;
  background-color: white;
}
.resizer[data-v-099b2a98] {
  width: 12px; 
  background-color: gray;
}
.storeys[data-v-099b2a98] {
  position: absolute;
  width: 40px;
  height: 200px;
  left: 10px;
  top: 20px;
  z-index: 2;
}
.storeybutton[data-v-099b2a98] {
  white-space: nowrap;
  height: 34px;
  margin-top: 2px;
  border: 1px;
  padding: 5px;
  border-radius: 3px;
  border-color: black;
  background-color: lightgray;
}
.storeybuttonselected[data-v-099b2a98] {
  white-space: nowrap;
  height: 34px;
  margin-top: 2px;
  border: 1px;
  padding: 5px;
  border-radius: 3px;
  border-color: black;
  background-color: darkgrey;
}
.resizerhorizontal[data-v-099b2a98] {
  height: 12px; 
  background-color: gray;
}
.avatar[data-v-099b2a98] {
  position:absolute; 
  width: 30px; 
  height: 30px; 
  z-index: 7;
}
.item-text[data-v-099b2a98] {
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  margin-left: 0px; 
  padding-left: 0px; 
  margin-right: 0px; 
  padding-right: 0px;
}
.zerosized[data-v-099b2a98] {
  position: relative;
  width: 0px;
  height: 0px;
}
.zeroheight[data-v-099b2a98] {
  position: relative;
  width: 100%;
  height: 0vh;
}
.twodimfullscreen[data-v-099b2a98] {
  position: relative;
  height: 100vh;
  width: 100%;
}
.vertical[data-v-099b2a98] {
  position: relative;
  height: 100vh;
  width: 50%;
}
.verticalflex[data-v-099b2a98] {
  position: relative;
  flex-grow: 1;
  height: 100vh;
}
.horizontal[data-v-099b2a98] {
  position: relative;
  height: 99vh;
  width: 100%;
}
.horizontalflex[data-v-099b2a98] {
  position: relative;
  flex-grow: 1;
  width: 100%;
}
.halfheight[data-v-099b2a98] {
  position: relative;
  width: 100%;
  height: 50vh;
}
.scroll[data-v-099b2a98] { overflow-y: scroll
}
.rightclickmenu[data-v-099b2a98] {
  position: fixed;
  max-width: 300px;
  z-index: 6;
  opacity: 0.9;
}
.menubutton[data-v-099b2a98] {
  position: relative;
  background-color: #ffffff;
  width: 34px;
  height: 34px;
  top: -17px;
  border: 0;
  margin: 5px;
  padding: 0;
  opacity: 1;
}
.menubutton[data-v-099b2a98]:hover{
  opacity: 0.6;
}
.submenubutton[data-v-099b2a98] {
  position: relative;
  background-color: #ffffff;
  width: 34px;
  height: 34px;
  border: 0;
  margin: 5px;
  padding: 0;
  opacity: 1;
  z-index: 6;
}
.submenubutton[data-v-099b2a98]:hover{
  opacity: 0.6;
}
.rightclickbutton[data-v-099b2a98]{
  background-color: #ffffff;
  text-align: center;
  width: 170px;
  height: 30px;
  border: 1px;
  margin: 5px;
}
.rightclickbutton[data-v-099b2a98]:hover{
  background-color:deepskyblue
}
.elementsbutton[data-v-099b2a98]{
  position: absolute;
  background-color: #ffffff;
  width: 34px;
  height: 34px;
  border: 0;
  margin: 13px;
  padding: 0;
  opacity: 0.6;
  z-index: 6;
}
.submenu-camera[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  position: absolute;
  border: 1px solid black;
  top: -136px;
  left: 222px;
  border-radius: 3px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.6;
}
.submenu-redline[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  position: absolute;
  border: 1px solid black;
  top: -180px;
  left: 133px;
  border-radius: 3px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.6;
}
.submenu-click[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  position: absolute;
  border: 1px solid black;
  top: -180px;
  left: 178px;
  border-radius: 3px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.6;
}
.submenu-edgeface[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  position: absolute;
  border: 1px solid black;
  top: -224px;
  left: 89px;
  border-radius: 3px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.6;
}
.submenu-cuttingplane[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  position: absolute;
  border: 1px solid black;
  top: -180px;
  left: 266px;
  border-radius: 3px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.6;
}
.submenu-explode[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  position: absolute;
  border: 1px solid black;
  top: -222px;
  left: 266px;
  border-radius: 3px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.6;
}
.toolbar-tools[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  border: 1px solid black;
  overflow: hidden;
  border-radius: 6px;
  margin: 0;
  padding: 0;
  height: 42px;
  opacity: 0.6;
}
.hoops-tool[data-v-099b2a98] {
  width: 34px;
  height: 34px;
  margin: 5px;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.active-tool[data-v-099b2a98] {
  border-radius: 1px;
  border-color: #888888;
  border-style: solid;
  border-width: 1px;
  margin: 4px;
  box-shadow: 0px 0px 6px #888888;
}
.tool-separator[data-v-099b2a98] {
  width: 1px;
  height: 100%;
  background-color: black;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: relative;
  top: 0px;
  display: inline-block;
}
.toolbar-submenu[data-v-099b2a98] {
  background: rgba(255, 255, 255, 1);
  position: absolute;
  display: none;
  border: 1px solid black;
  border-radius: 3px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toolbar-modal-overlay[data-v-099b2a98] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 3;
  margin: 0;
  padding: 0;
  border: none;
  top: 0;
  left: 0;
}
.submenu-icon[data-v-099b2a98] {
  width: 32px;
  height: 32px;
}
.slider-menu[data-v-099b2a98] {
  height: 125px;
  width: 30px;
}
.toolbar-slider[data-v-099b2a98] {
  left: 8px;
  top: 15px;
}
#large-slider[data-v-099b2a98] .v-slider {
  height: 30px;
}
.toolbar-cp-plane[data-v-099b2a98] {
  margin-bottom: 4px;
  background-color: white;
}
.toolbar-cp-plane.selected[data-v-099b2a98] {
  background-color: lightblue;
}
.toolbar-cp-plane.inverted[data-v-099b2a98] {
  background-color: blue;
}
#snapshot-dialog[data-v-099b2a98] {
  display: none;
  position: absolute;
}
#snapshot-dialog-cancel-button[data-v-099b2a98] {
  font-size: 13px;
}
.viewBox[data-v-099b2a98] {
  display: inline-block;
  margin: 5px;
  border: 1px solid gray;
  padding: 3px;
}
.submenus[data-v-099b2a98] {
  border: 1px solid #020203;
}
.submenu-icon.disabled[data-v-099b2a98] {
  opacity: 0.2;
}