/* #vsegrviewer { */
[yegrid="vsegrviewer"] {
  width: calc(100% - 358px); /* -width of property editor */
  height: 100%;
  /* border: 1px solid lightgrey; */
  position: relative;
  margin-right: 8px;
  float: left;
}
/*  hier ein kleines Icon f.d. 'orientierung' des benutzers .. */
[yegrid="vsegrviewer"]::before {
  /* content: 'viewer 3D'; */
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC/ElEQVR4nO2aS2gTURSGv8RnxaqoBLRCLQiKIEgX7qpBdNW60gp14U5w4QMVdFOpICKCjVp0p1gUN25cuBFUohtBwY1SsAiKr7oQ6gPFKrWRU/6By5CEzmQmmYH8cMjtzeTc8+eeuXPOn0J8mAXckdk4dTgFlGQ2ThXywKRD4B+wnRThLTACPJPZ+A0pQi/QDhRl7ZpLHYqy1KLYJNBgXJE10UQILAbOy2ycKuwBxvQ0ntTY5hKPNcA9lQ/PgU3ARuCJ5h4B60kgWlSwTQBfgcO+CjQD7AW+AH+BS8BCEoIe1TlTwA0gV+XapQreirsPwC4aiDYFbKkxCmwL8Nku4KU+exdYTR0xWynyA/il1JkbkZ95xAz/N2dVZq1YWcNOzhjzgWHlueV7dwxrdDv30rAOhki/+ZKcHwGyRI+sfE9prc1ROt8ip6/1+hTojNB/p3y6a1hbGjkBc9rnPGULOuPDIiMf3tO6T2vESgDVNkPK2dYa/Laqfx5y6qW6EIgT+UYR2A2cAI4BHWXmjwNbk0zghaMDfXNIuPqQ2W1gThIJeNiga20ncJS5Rc4xOUBCCawCburanZrzS4umlX5KKoFep4npqEDgIvA7DSl0tAyBJcA7NTaV0PBT6Jau9aREG98HBhX8H3VpiSPgnUI/lSZevTSi+Ql989WCT0QK1Yp8k0CEO7BP1vAd6JLTywEbjaDqdIvWiLwfsI7sutORmRIRNYEeX0dma0aOoGrCTAi01aMnDqsmVCPQEFUiqJpQiUDsulC/LIyakKtCIOdTN3oCxHOy0pumYS5z/i6E+HHaTo/TetqOA/v1JPYIZDU3rlLiDLAggP8BxXTBmVuhNOQg8N1psEt6DYO1wANHuRiVeYrDQ2BdSN+DDomMSpZD9sY1KQJny7AMix3Ae6cL+yx1uhYFA1+MFvNVm3wstTiq4D2YynBOFuUvNAXn3xcs9mkm3sSYtsbyK2lYriPX06QsZhvzSgNjY1ti98T0zZEw2GFzQDFaWf7RYv8PJrsbZMCEAdwAAAAASUVORK5CYII=);
  opacity: 0.3;
  /* background-color:white; */
  background-color:transparent;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  /* border: 1px solid lightgrey; */
  border: none;
  /* padding: 0px 5px; */
  padding: 5px 5px;
}
[yegrid="vsegrprogress"] {
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  /* display:none; */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;                   /* container ueberlagert d. viewer, muss also ziemlich gleiche Abmessungen haben */
  height: 100%;
  z-index: 997;                 /* von 999 auf 997, sonst blockiert der progress-indikator d. Konfigurator! */
}

.vsegrloader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #96c130;
  border-radius: 50%;
  width: 32px;
  height: 32px;  animation: spin 2s linear infinite;
  position: absolute;
  top: 45%;
  left: 45%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
* {
  box-sizing: border-box;
}

[yegrid="vsegrapp-container"] {
  height: 100%;
  padding: 5px;
}

.vsegrmain {
  width: 100%;
  height: 100%;
  margin: 10px 0px;
}


/*# sourceMappingURL=vs_egr_3dviewer.css.map*/