/*
 *  Copyright 2017 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

.ametys-playlist-clips .ametys-playlist-info {
	background-color: #333;
	height: 100px;
 	overflow-y: auto;
 	padding: 10px;
}

.ametys-playlist-info .ametys-playlist-info-title {
	margin: 0px;	
}

.ametys-playlist-info .ametys-playlist-info-description {
	color: white;
}

.ametys-playlist.audio .ametys-playlist-illustration {
	background-color: #333;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position:relative;
}

/** Navigation with dots */
.ametys-playlist-dots {
	padding: 5px;	
	text-align: center;
	position: absolute;
    top: -20px;
    left: 0;
    right: 0;
}

.ametys-playlist.audio .ametys-playlist-dots
{
	bottom: 0;
	top: auto;
}

.ametys-playlist-dots a {
	width: 10px;
	height: 10px;
	background-color: white;
	border-radius: 10px;
	display: inline-block;
	margin: 3px;
	opacity: 0.5;
}

.ametys-playlist-dots a.is-active {
	background-color: white;
	opacity: 1;
	transform: scale(1.2,1.2);
}

.ametys-playlist-dots a:hover {
	transform: scale(1.2,1.2);
}

.ametys-playlist-dots li {
	display: inline-block;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	margin: 0;
	padding: 0;
}

.ametys-playlist-dots ul {
	margin: 0;
}

.ametys-playlist-dots ul li a span {
	position: absolute;
	left: -110000px;
}

.ametys-playlist-dots li.dots-nav-next {
	line-height: 11px;
	font-size: 14px;
	vertical-align: top;
	margin-left: 3px;
}

.ametys-playlist-dots li.dots-nav-prev {
	line-height: 11px;
	font-size: 14px;
	vertical-align: top;
	margin-right: 3px;
}

.ametys-playlist-dots li.dots-nav-next::before,
.ametys-playlist-dots li.dots-nav-prev::before {
	content: "\002026"; /* Ellipsis */
	color: white;
}

/** Previous, next controls */
.ametys-playlist .ametys-playlist-prev,
.ametys-playlist .ametys-playlist-next {
	z-index: 1;
	position: absolute;
    top: calc(45% - 35px);
    transition: opacity 0.2s;
    filter: alpha(opacity=35);
    opacity: 0.35;
    -webkit-transition: opacity 0.2s;
    text-decoration: none;
}

.ametys-playlist .ametys-playlist-prev span,
.ametys-playlist .ametys-playlist-next span {
	position: absolute;
	left: -110000px;
}

.ametys-playlist .ametys-playlist-prev:hover,
.ametys-playlist .ametys-playlist-next:hover {
	text-decoration: none;
	filter: alpha(opacity=100);
    opacity: 1;
}

.ametys-playlist .ametys-playlist-prev {
	left: 1.5em;
}
.ametys-playlist .ametys-playlist-next {
	right: 1.5em;
}

.ametys-playlist .ametys-playlist-prev:before, 
.ametys-playlist .ametys-playlist-next:before {
    color: white;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 70px;
}
.ametys-playlist .ametys-playlist-prev:before {
    content: "<";
}
.ametys-playlist .ametys-playlist-next:before {
    content: ">";
}

/* Scrollbar style */
.ametys-playlist-info::-webkit-scrollbar
{
	width: 12px;
}

.ametys-playlist-info::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}