#recording-manager-viewer {

  color: #CCCCCC;
  font-size: 11px;
  margin: -5px auto 0 ;
  position: absolute;
  text-align: center;
  left: 17%;
  width: 50%;

  #recording-manager-delete {
    display:none;
  }
  // if it's the native client, then show the File Manager span. if it's not (normal browser) hide it.
  // even if it's the native client, once a command is running, hide File Manager
  &.native-client {
    .recording-manager-launcher {
      display:inline-block;
    }
    &.running {
      .recording-manager-launcher {
        display:none;
      }
      .recording-manager-command {
        display:inline;
      }
    }
  }

  .recording-manager-launcher {
    width:100%;
    margin:5px 10px;
    display:none;
    cursor:pointer;
  }

  .recording-manager-command {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:33%;
    margin:5px 10px;
    display:none;
    visible:hidden;
    cursor:pointer;

    .percent {
      margin-left:3px;
    }

    .percent:after {
      content:"%";
    }

    .progress-bar {
      width:100%;
      background-color:#000;
      border: solid 1px #ED3618;
      height:22px;
      display:inline;
    }

    .progress-bar-progress {
      background-color:#ED3618;
      border:solid 1px #000;
      height:20px;
      display:block;
      width:0%;
      display:inline;
    }
  }
}