html, body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    background-color: #333;
    color: #eee;
}

#header, #preview, #timeline {
    position: absolute;
    left: 0;
    right: 0;
}

#header {
    top: 0;
    height: 3em;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

#preview {
    top: 3em;
    bottom: 100px;
}

#timeline {
    bottom: 0;
    height: 100px;
}

#header > * {
    height: 2em;
    margin: 0 0.5em;
    font-size: 1em;
    font-family: ArtifaktElement;
}

#header .title {
    height: auto;
}



.adsk-viewing-viewer .property-panel{
    height: 700px;
}
.adsk-viewing-viewer .treeview .group, .adsk-viewing-viewer .treeview .leaf {height: auto;}

.disabled-node {
    color: gray !important;
    pointer-events: none;
    opacity: 0.6;
}
.no-dbids > label {
  text-decoration: line-through;
  color: gray;
  opacity: 0.6;
  pointer-events: none;
}

.adsk-viewing-viewer .docking-panel-footer{
    position: fixed;
}

/* Viewer button icon span */
.adsk-button-icon.chatbot-icon {
  background-image: url("https://img.icons8.com/material-sharp/24/chatbot.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;

  /* important so the icon area actually renders */
  width: 24px;
  height: 24px;
  display: inline-block;
}