/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

  body {
      margin: 0px;
      overflow: hidden;
      background-color: #cdcdcd !important;
  }
  
  .v3d-container {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
  }

  #v3d-container a {
    display: none !important;
  }
  
  .v3d-annotation {
    height: 2em !important;
  }
  
  .v3d-annotation-transparent {
    opacity: 0.5 !important;
  }
  
  .v3d-annotation-dialog {
    display: none !important;
  }
  
  .fullscreen-button {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 50px;
      height: 50px;
      cursor: pointer;
      background-size: 100% 100%;
      display: none;
      z-index: 1;
  }
  
  .fullscreen-open {
      background-image: url('media/fullscreen_open.svg');
  }
  
  .fullscreen-close {
      background-image: url('media/fullscreen_close.svg');
  }
  
  /* removes tap blinking on ios devices */
  * { -webkit-tap-highlight-color:rgba(0,0,0,0); }
  
  /* Dark Theme */
  
  .v3d-simple-preloader-background {
      background-color: #0D171E;
  }
  
  .v3d-simple-preloader-container {
      filter: drop-shadow(0px 0px 4px #2a69bd);
  }
  
  .button {
      background-color: red;
      width: 80px;
      height: 80px;
      position: absolute;
      top: 0%;
      bottom: auto;
      left: 0%;
      right: 0%;
      cursor: grab;
    }
    
    .button.unfold_button {
      margin-top: 90px;
    }
    
    .button.fold_button {
      background-color: #00f;
    }
    
    .button.annotation_button {
      background-color: green;
      margin-top: 180px;
    }
    
    .button.csv_button {
      background-color: yellow;
      margin-top: 270px;
    }
    
    .left-panel {
      width: 80px;
      height: 260px;
      margin-top: 0;
      margin-left: 0;
      position: absolute;
      display: none;
    }
    
    .left-panel-position {
      width: 80px;
      height: 260px;
      margin-bottom: 136px;
      position: absolute;
      top: auto;
      bottom: 0%;
      left: 0%;
      right: 0%;
    }
    
    #output {
      margin-top: 20px;
      width: 100%;
      max-width: 600px;
      background-color: #f8f9fa;
      border: 1px solid #dee2e6;
      border-radius: 5px;
      padding: 20px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      position: absolute;
      display:none;
  }
  .line {
      margin-bottom: 10px;
      padding: 10px;
      background-color: #ffffff;
      border: 1px solid #e9ecef;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
      font-family: monospace;
      white-space: pre-wrap;
  }