.vjs-playlist{padding:0;background-color:#213b83;color:#fff;list-style-type:none;overflow:auto;}
.vjs-playlist img{display:block;height:auto;width:auto}
.vjs-playlist .vjs-playlist-item-list{position:relative;margin:0;padding:0;list-style:none}
.vjs-playlist .vjs-playlist-item{position:relative;cursor:pointer;overflow:hidden;outline:0;}
.vjs-playlist .vjs-playlist-thumbnail-placeholder{background:#303030}
.vjs-playlist .vjs-playlist-now-playing-text{display:none;padding: .15em 0.25em;font-size: .8em;color:#fff;text-transform: uppercase;position:absolute;top: 2em;left: 0.5em;}
.vjs-playlist .vjs-playlist-duration{position:absolute;bottom:1.5em;left:0.5em;padding:0.35em;margin-left:2px;background-color:rgba(0,0,0,0.6);border-radius:0.3em;font-weight:bold;}
.vjs-playlist .vjs-playlist-title-container{position:absolute;top:0.5em;left:45%;box-sizing:border-box;padding:.5rem .8rem;}
.vjs-playlist .vjs-playlist-name{display:block;padding:0 0 4px 2px;font-style:normal;text-overflow:ellipsis;overflow:hidden;white-space:normal;line-height:1.5em;font-weight:bold;font-size:1.1em;color:#fff;transition:color 0.3s ease;}
.vjs-playlist .vjs-playlist-name:hover{color:#f29b00;}
.vjs-playlist .vjs-playlist-author{display:block;margin-top:0.35em;padding:0 0 4px 2px;font-style:normal;color:#b8c5e2;text-overflow:ellipsis;overflow:hidden;white-space:normal;line-height:1.2em;font-size: 0.9em;}
.vjs-playlist .vjs-playlist-description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;font-size:14px;padding:0 0 0 2px}
.vjs-playlist .vjs-up-next-text{display:none;padding:0 0.5em 0 0.5em;line-height: 2.1em;font-size:.8em;color:#fff;text-transform:uppercase;position:absolute;top: 1.9em;left: 0.7em;background: rgba(0,0,0,0.6);border-radius: 0.3em;}
.vjs-playlist .vjs-up-next .vjs-up-next-text{display:block}
.vjs-playlist .vjs-selected{background-color:#213b83}
.vjs-playlist .vjs-selected img{opacity:.2}
.vjs-playlist .vjs-selected .vjs-playlist-duration{display:none}
.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text{display:block}
.vjs-playlist .vjs-selected .vjs-playlist-title-container{text-shadow:none}
.vjs-playlist-vertical{overflow-x:hidden;overflow-y:auto}
.vjs-playlist-vertical img{width:100%;min-height:54px}
.vjs-playlist-vertical .vjs-playlist-item{border-top:1px solid #718cc5;padding: 1em 0;}
.vjs-playlist-vertical .vjs-playlist-thumbnail{display:block;width:45%}
.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder{height:100px}
.vjs-playlist-horizontal{overflow-x:auto;overflow-y:hidden}
.vjs-playlist-horizontal img{min-width:100px;height:100%}
.vjs-playlist-horizontal .vjs-playlist-item-list{height:100%;white-space:nowrap}
.vjs-playlist-horizontal .vjs-playlist-item{display:inline-block;height:100%;margin-right:5px}
.vjs-playlist-horizontal .vjs-playlist-thumbnail{display:block;height:100%}
.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder{height:100%;width:180px}
.vjs-playlist.vjs-ad-playing{overflow:hidden}
.vjs-playlist.vjs-ad-playing.vjs-csspointerevents{pointer-events:none;overflow:auto}
.vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay{pointer-events:auto}
.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";background-color:rgba(0,0,0,0.5)}
.vjs-playlist{font-size:14px}
.vjs-playlist .vjs-playlist-description{height:28px;line-height:21px}
.vjs-mouse.vjs-playlist{font-size:15px}
.vjs-mouse.vjs-playlist .vjs-playlist-description{height:30px;line-height:23px}
.vjs-playlist-link {display: block;overflow:hidden;height: 100%;}
.vjs-playlist-id {display:none;}

@media (max-width: 1410px){
  .vjs-playlist .vjs-playlist-name {
    font-size:1em;
  }
  .vjs-playlist .vjs-playlist-author {
	font-size: 0.85em;
  }
  .vjs-playlist .vjs-playlist-now-playing-text {
    font-size: .7em;
  }
  .vjs-playlist .vjs-up-next-text {
    padding: 0.3em 0.35em;
    font-size: .7em;
	line-height: 1.3em;
  }
}

@media (max-width: 1280px){
  .vjs-playlist .vjs-playlist-name {
    font-size:0.9em;
  }
}

@media (max-width: 1100px){
  .vjs-playlist .vjs-playlist-title-container {
    position: relative;
	left: 0;
	top: 0.5em;
	padding: 0.4rem 0;
  }
  .vjs-playlist-vertical .vjs-playlist-item {
	padding: 1.5em 0;
  }
  .vjs-playlist-vertical .vjs-playlist-thumbnail {
	width:100%
  }
  .vjs-playlist .vjs-playlist-name {
    font-size:1em;
  }
  .vjs-playlist .vjs-playlist-duration {
    bottom: unset;
    top: 2em;
  }
  .vjs-playlist .vjs-playlist-author {
	padding: 0 0 0 2px;
  }
  .vjs-playlist .vjs-up-next-text {
    right: 0.7em;
    left: unset;
    top: 2.8em;
  }
  .vjs-playlist .vjs-playlist-now-playing-text {
    right: 0.7em;
    left: unset;
    top: 2.8em;
  }
}

@media (max-width: 800px){
  .vjs-playlist-vertical .vjs-playlist-thumbnail {
    width: 45%;
  }
  .vjs-playlist .vjs-playlist-title-container {
    position: absolute;
    top: 0.75em;
    left: 45%;
    padding: .5rem .8rem;
  }
  .vjs-playlist .vjs-playlist-duration {
	top: unset;
    bottom: 2em;
    left: 0.5em;
    padding: 0.35em;
    margin-left: 2px;
  }
  .vjs-playlist .vjs-playlist-now-playing-text {
	padding: .1em 0.25em;
	font-size: .8em;
	top: 2.5em;
	right: unset;
	left: 0.5em;
  }
  .vjs-playlist .vjs-up-next-text {
	padding:.3rem 0.4em;
	font-size:.8em;
	top: 2.5em;
	right: unset;
	left: 0.7em;
	line-height: 1.4em;
  }
  .vjs-playlist .vjs-playlist-name {
    font-size:1.1em;
  }
  .vjs-playlist .vjs-playlist-author {
    font-size:1em;
  }
}

@media (max-width: 600px){
  .vjs-playlist .vjs-playlist-now-playing-text {
	padding: .35em 0.25em;
	font-size: .7em;
	top: 2.5em;
	left: 0.5em;
  }
  .vjs-playlist .vjs-up-next-text {
	padding:.25rem 0.4em;
	font-size:.7em;
	top: 2.5em;
	left: 0.7em;
	line-height: 1.4em;
  }
  .vjs-playlist .vjs-playlist-duration {
    top: unset;
    bottom: 1.8em;
    left: 0.25em;
    padding: 0.35em;
    margin-left: 2px;
  }
  .vjs-playlist .vjs-playlist-name {
    font-size:0.9em;
  }
  .vjs-playlist .vjs-playlist-author {
    font-size:0.85em;
  }
}

@media (max-width: 460px){
  .vjs-playlist .vjs-playlist-item-list {
    display: flex;
    flex-wrap: wrap;
  }
  .vjs-playlist-vertical .vjs-playlist-item {
    flex: 50%;
	padding: 1em 0.35em;
	border-top:0 none;
  }
  .vjs-playlist-vertical .vjs-playlist-thumbnail {
    width: 100%;
  }
  .vjs-playlist .vjs-playlist-duration {
    bottom: unset;
    top: 1.35em;
    left: 0.65em;
  }
  .vjs-playlist .vjs-up-next-text {
    padding: 0.25em 0.5em;
    right: 1em;
    left: unset;
    top: 2em;
  }
  .vjs-playlist .vjs-playlist-now-playing-text {
    top: 1.85em;
    left: 1em;
}
  .vjs-playlist .vjs-playlist-name {
    font-size: 1em;
	line-height: 1.35em;
  }
  .vjs-playlist .vjs-playlist-author {
    font-size: 0.85em;
  }
  .vjs-playlist .vjs-playlist-title-container {
    position: relative;
	left: 0;
    padding: 0;
  }
}
@media (max-width: 350px){
.vjs-playlist .vjs-playlist-item-list {
    display: relative;
    flex-wrap: none;
  }
  .vjs-playlist-vertical .vjs-playlist-item {
	width: 100%;
    flex: none;
	padding: 1em 0.35em;
	border-top:1px solid #718cc5;
  }
  .vjs-playlist-vertical .vjs-playlist-thumbnail {
    width: 100%;
  }
  .vjs-playlist .vjs-playlist-title-container {
    top: 0.5em;
    padding: 0.4rem 0;
  }
  .vjs-playlist .vjs-playlist-duration {
    top: 1.35em;
  }
  .vjs-playlist .vjs-up-next-text {
    right: 1em;
    top: 2em;
  }
  .vjs-playlist .vjs-playlist-name {
    font-size: 1em;
  }
  .vjs-playlist .vjs-playlist-author {
    font-size: 0.85em;
  }
}