/*
  We include some minimal custom CSS to make the playlist UI look good
  in this context.
*/

body {
  font-family: Arial, sans-serif;
}

.info {
  background-color: #eee;
  border: thin solid #333;
  border-radius: 3px;
  margin: 0 0 20px;
  padding: 0 5px;
}

.player-container {
  background: #1a1a1a;
  overflow: auto;
  width: 900px;
  height: 300px;
  margin: 0 0 20px;
}

.video-js {
  float: left;
}

.playlist-holder {
    float: left;
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.vjs-playlist,
.my-custom-class,
#my-custom-element {
    width: 100%;
    height: 99%;
    overflow: auto;
    padding-right: 17px;
}

.vjs-playlist.vjs-playlist-horizontal {
  float: none;
  height: 120px;
  width: 600px;
}

.vjs-playlist-vertical img {
  width: auto;
  min-height: 54px;
  float: right;
}