
#amazingaudioplayer-1 {box-sizing:content-box;}
#amazingaudioplayer-2 {box-sizing:content-box;}
#amazingaudioplayer-3 {box-sizing:content-box;}
#amazingaudioplayer-4 {box-sizing:content-box;}
#amazingaudioplayer-5 {box-sizing:content-box;}
#amazingaudioplayer-6 {box-sizing:content-box;}
#amazingaudioplayer-7 {box-sizing:content-box;}
#amazingaudioplayer-8 {box-sizing:content-box;}
#amazingaudioplayer-9 {box-sizing:content-box;}
#amazingaudioplayer-10 {box-sizing:content-box;}
#amazingaudioplayer-11 {box-sizing:content-box;}
#amazingaudioplayer-12 {box-sizing:content-box;}
#amazingaudioplayer-13 {box-sizing:content-box;}

#amazingaudioplayer-1 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-2 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-3 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-4 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-5 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-6 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-7 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-8 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-9 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-10 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-11 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-12 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#amazingaudioplayer-13 div {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

.amazingaudioplayer-image {
	display:block;
	position:relative;
	float:left;
	margin:4px;
	overflow:hidden;
    	border-radius:4px;
}

.amazingaudioplayer-image-clear {}

.amazingaudioplayer-text {
	display:block;
	position:relative;
	padding:4px 4px;
	height:0px; /* 100 */
	/* z-index:800; */
}

.amazingaudioplayer-text-clear {clear:both; height:8px;}

.amazingaudioplayer-title {
	display:block;
	color: var(--track-tt);
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:15px;
	font-weight:600;
	margin-top:8px;
	padding-left:125px;
	/* z-index:800; */
}

.amazingaudioplayer-title-clear {}

.amazingaudioplayer-info {
	display:block;
	color:#333;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-style:italic;
}

.amazingaudioplayer-info-clear {}


/* ************* PLAYER *************** */


.amazingaudioplayer-bar {
	/* background-color:#F7F8F9; */ /* #F7F8F9 #f7f7f7 */
	/* background-image:url(bg-bar.png); */
	margin:0px 4px 4px 4px;
	padding:8px 8px 8px 8px;
	/* border:1px solid #aaa;
	border-radius:4px; */
}

.amazingaudioplayer-bar-buttons-clear {clear: both;}

.amazingaudioplayer-bar-clear {}

.amazingaudioplayer-bar-title {
	position:relative;
	float:left;
	color:#444444;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	line-height:35px;
	margin:0 8px;
}

.amazingaudioplayer-playpause {position:relative; float:left;}

.amazingaudioplayer-play {position:relative; opacity:var(--opac-butt);}
.amazingaudioplayer-play:hover {opacity:1; filter: contrast(150%);}
.amazingaudioplayer-play:active {opacity:1; filter: contrast(75%); animation:hoverPlay 0.4s;}

.amazingaudioplayer-pause {position:relative; opacity:var(--opac-butt); filter: contrast(110%) hue-rotate(10deg);}
.amazingaudioplayer-pause:hover {opacity:1; filter: contrast(150%);}
.amazingaudioplayer-pause:active {opacity:1; filter: contrast(75%); animation:hoverPlay 0.4s;}

.amazingaudioplayer-stop {position:relative; float:left; opacity:var(--opac-butt);}
.amazingaudioplayer-stop:hover {opacity:1; filter: contrast(150%);}

.amazingaudioplayer-prev {position:relative; float:left; opacity:var(--opac-butt);}
.amazingaudioplayer-prev:hover {opacity:1; filter: contrast(150%);}
.amazingaudioplayer-prev:active {opacity:1; filter: contrast(75%); animation:hoverPlay 0.4s;}

.amazingaudioplayer-next {position:relative; float:left; opacity:var(--opac-butt); margin-right:10px;}
.amazingaudioplayer-next:hover {opacity:1; filter: contrast(150%);}
.amazingaudioplayer-next:active {opacity:1; filter: contrast(75%); animation:hoverPlay 0.4s;}

.amazingaudioplayer-loop {position:relative; float:left; margin: 0 2px; opacity:var(--opac-butt);}

.amazingaudioplayer-volume-button {filter: var(--filt-vol);}



/* ************* PROGRESS BAR *************** */


.amazingaudioplayer-progress {
	position:relative;
	background-color:var(--player-pgco);
	margin:13px 4px 4px 4px;
	/* max-width:345px; */
	border-radius:8px 8px 8px 8px;
}

.amazingaudioplayer-progress-loaded {background-color:var(--player-pgbar);}

.amazingaudioplayer-progress-played {background-color:var(--player-pgpl);} 

.amazingaudioplayer-time {
	position:relative;
	float:right;
	color: var(--track-tt);
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:35px;
	margin:0 4px 0 8px;
}



/* ************* VOLUME *************** */


.amazingaudioplayer-volume {
	position:relative;
	float:right;
	opacity:1 !important;
	margin-top:5px;
	/* z-index:900; */
}

.amazingaudioplayer-volume-bar {
	margin-bottom:1px !important;
	margin-left:-4px !important;
	background-color:var(--volum-bar);
	border-radius:4px 4px 4px 4px;
	border-top:#aaa 1px solid;
	border-right:#aaa 1px solid;
	border-bottom:#aaa 1px solid;
	border-left:#aaa 1px solid;
	width:10px !important;
	padding: 8px 9px 8px 9px !important;
	animation:fadeEffect 0.5s;
	z-index:900;
}

.amazingaudioplayer-volume-bar-adjust {
	background-color:#B5D3DD;
	opacity:1 !important;
	z-index:900;
}

.amazingaudioplayer-volume-bar-adjust-active {
	background-color:#7CA0C9;
	opacity:1 !important;
	z-index:900;
}



/* ************* TRACKLIST *************** */


.amazingaudioplayer-tracklist {display:block; position:relative;}

.amazingaudioplayer-tracklist-container {
	display:block;
	position:relative;
    	border-radius:10px 10px 0px 0px;
	margin:4px 0px 0px 0px;
	padding:10px 8px 9px;
	background-color: var(--playlist-bg);
	transition-duration: 1s;
}

.amazingaudioplayer-tracklist-container:hover {background-color:var(--playlist-ho);}

.amazingaudioplayer-tracks-wrapper {position:relative;}

.amazingaudioplayer-tracks {
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
}

.amazingaudioplayer-track-item {
	position:relative;
	cursor:pointer;
	color:var(--track-pl);
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px;
	line-height:26px;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	letter-spacing:0.02em;
}

.amazingaudioplayer-track-item::before {
	position:relative;
	content:"\f105";
	font-family:FontAwesome;
        font-weight:bold;
        font-size:14px;
        color:var(--track-ar);
        padding-right:7px;
}

.amazingaudioplayer-track-item-active {
	cursor:pointer;
	color:var(--track-act);
	font-weight:bold;
	animation:fadeEffect 0.4s;
}

.amazingaudioplayer-track-item-active:hover {}

.amazingaudioplayer-track-item-active::before {
	position:relative;
	content:"\f105";
	font-family:FontAwesome;
        font-weight:bold;
        font-size:14px;
        color:#639FD6;
        padding-right:7px;
}

.amazingaudioplayer-track-item a {
	color:#666;
        text-decoration:none;
}

.amazingaudioplayer-track-item-active a {
	color:#222;
        text-decoration:none;
}

.amazingaudioplayer-track-item-duration {
	position:absolute;
	top:0;
	right:0;
}

.amazingaudioplayer-tracklist-arrow-prev {
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -64px;
}

.amazingaudioplayer-tracklist-arrow-next {
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: 16px;
}

.amazingaudioplayer-tracklist-clear {clear: both;}