@import "client/common.scss";

.feed-entry .recording-controls, .feed-entry .session-controls, .landing-details .recording-controls, .landing-details .session-controls {
  margin-top:0px;
  margin-bottom:5px;
  padding:8px 5px 8px 10px;
  width:98%;
  position:relative;
}

.feed-entry {

  .video-container {
    width: 100%;
    padding-bottom: 53.33%;
    margin: 30px 0 10px;

    &.no-embed {
      padding-bottom:0;
    }
    .recording-controls {
      width:100%;
    }
  }

  .delete-video {
    display:block;
    text-align:center;
    font-size:12px;
    text-decoration:underline;
  }

  .video-thumbnail {
    width:100%;
    //padding-top:53.33%;
    //margin:25px 0;
    @include border_box_sizing;
    position:relative;


    img.video {
      width:100%;
    }
    img.play {
      position:absolute;
      width:15%;
      left: 42.5%;
    }
  }
}
.landing-details .recording-controls, .landing-details .session-controls {

  background-color:#242323;

  @include border_box_sizing;
  width:100%;

  .session-status {
    float:left;
    margin-left:20px;
  }

  .jam-track-get-ready {
    display:none;
  }
}

.recording-position {
  display:inline;
  width:80%;
  margin-left:-20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  height:18px;
  vertical-align:top;
}

.landing-details .recording-position {
  width:100%;
}

.recording-time {
  display:inline-block;
  height:16px;
  vertical-align:top;
  margin-top:4px;
}

.landing-details .recording-current {
  top:8px;
}

.recording-playback {
  display:inline-block;
  background-image:url(../content/bkg_playcontrols.png);
  background-repeat:repeat-x;
  position:relative;
  width:70%;
  height:16px;
  margin-top:2px;
}

.recording-slider {
  position:absolute;
  top:0px;
}

.recording-current {
  font-family:Arial, Helvetica, sans-serif;
  display:inline;
  font-size:18px;
  top:3px;
  right:4px;
  position:absolute;
}

#btnPlayPause {
  position: relative;
}