@import './../var.scss';
@import './common.scss';
@import './mask.scss';
@import './points.scss';
@import './markers.scss';
@import './datapane.scss';
@import './pointsDetails.scss';
@import './rules.scss';
@import './screensaver.scss';
@import './indexCharts.scss';

.obj-loading-coms {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260px;
  height: 360px;
  min-width: 15rem;
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: center;
  opacity: 1;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.36);

  .loading-progress {
    position: relative;
    display: block !important;
    margin-top: -12px;
  }

  .amos-progress-bg {
    border-radius: 0 !important;
  }

  .loading-tip {
    position: relative;
    margin-top: -45px;
    font-size: 14px;
    color: black;
    text-align: center;
  }

  .amos-progress-text {
    color: black;
  }
}

.sys-view-3d {
  .three-renderer {
    .three-container {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;

      canvas {
        width: 100%;
        height: 100% !important;
      }
    }
  }
}

.root-3dview {
  height: 100%;
  .view-port {
    height: 100%;
    .content-body {
      top: 0;
      height: 100%;
    }
  }
}

