@import "client/common";

body.video-stream {

  position: relative;
  color: $ColorTextTypical;

  #minimal-container {
    padding-bottom: 20px;
    height:170px;
  }

  .video-stream {
    padding-left: 30px;
    padding-right:30px;
  }

  h3 {
    margin-top:20px;
    font-size:16px;
    font-weight:bold;
    margin-bottom:20px;
    text-align:center;
    line-height:125%;
  }

  .control-holder {
    margin: 20px 0 20px;
    text-align:center;
    padding-bottom:20px;

    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
  }

  .progress-bar {
    background-color:#ED3618;
    border:solid 1px #000;
    height:20px;
    display:block;
    @include border_box_sizing;
    margin:20px 0;
    position:relative;
  }

  .percentage-progress {
    position:absolute;
    right:-32px;
  }

  .video-url {
    text-align:center;
    display:block;
    margin:20px 0;
  }

  .video-live-stream {
    padding:0 20px;
  }
}