.audioplayer {
	background: #fff; border-radius:0px; margin: 0px 0px; border: 0px solid rgb(34, 34, 34); border-image: none; color: #000; position: relative; z-index: 1;
	padding:3px;
}
.audioplayer-mini {
	margin: 0px auto; width: 2.5em;
}
.audioplayer > div {
	position: absolute;
	display: flex;
    align-items: center;
}
.audioplayer-playpause {
	left: 3px;
    top: 2px;
    width: 1.9em;
    height: 17px;
    text-align: left;
    text-indent: -9999px;
    z-index: 2;
    cursor: pointer;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
border: 1px solid #999 !important;
    border-radius: 3px;

}
:not(.audioplayer-mini).audioplayer .audioplayer-playpause {
	border-right-color: rgba(255, 255, 255, 0.1); border-right-width: 1px; border-right-style: solid;
}
.audioplayer-mini .audioplayer-playpause {
	width: 100%;
	
}
.audioplayer-playpause:hover {
	background-color: rgb(34, 34, 34);
}
.audioplayer-playpause:focus {
	background-color: rgb(34, 34, 34);
}
.audioplayer-playpause a {
	display: block;
}
:not(.audioplayer-playing).audioplayer .audioplayer-playpause a {
	border-width: 0.5em medium 0.5em 0.5em; border-style: solid none solid solid; border-color: transparent currentColor transparent rgb(0, 0, 0); margin: -0.5em 0px 0px -0.25em; border-image: none; left: 50%; top: 50%; width: 0px; height: 0px; position: absolute; content: "";
}
.audioplayer-playing .audioplayer-playpause a {
	margin: -0.37em 0px 0px -0.37em; left: 50%; top: 50%; width: 0.75em; height: 0.75em; position: absolute;
}
.audioplayer-playing .audioplayer-playpause a::before {
	top: 0px; width: 40%; height: 100%; position: absolute; content: ""; background-color: rgb(0, 0, 0);
}
.audioplayer-playing .audioplayer-playpause a::after {
	top: 0px; width: 40%; height: 100%; position: absolute; content: ""; background-color: rgb(0, 0, 0);
}
.audioplayer-playing .audioplayer-playpause a::before {
	left: 0px;
}
.audioplayer-playing .audioplayer-playpause a::after {
	right: 0px;
}
.audioplayer-time {
	top: 0px; width: 4.37em; height: 100%; text-align: center; line-height: 2.37em; z-index: 2;
}
.audioplayer-time-current {
	left: 2.5em; border-left-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; border-left-style: solid;
	padding-left: .5rem;
}
.audioplayer-time-duration {
	    right: 1.9em;border-right-color: rgba(255, 255, 255, 0.1); border-right-width: 1px; border-right-style: solid;
	
}
.audioplayer-novolume .audioplayer-time-duration {
	right: 0px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.audioplayer-bar {
	left: 6.87em; top: 50%; height: 0.69em; right: 6.87em; margin-top: -0.33em; z-index: 1; cursor: pointer; background-color: rgb(255, 255, 255);
	border:1px solid #000;
}
.audioplayer-novolume .audioplayer-bar {
	right: 4.37em;
}
.audioplayer-bar div {
	left: 0px; top: 0px; width: 0px; height: 100%; position: absolute;
}
.audioplayer-bar-loaded {
	z-index: 1; background-color: rgb(248, 248, 248); 
}
.audioplayer-bar-played {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edba44+1,ffffff+49,edba44+100 */
background: #da591f; /* Old browsers */

 z-index: 2;
}
.audioplayer-volume {
	margin-left: 5px !important;
    top: 0px;
    width: 2.0em;
    height: 100%;
    text-align: left;
    right: 0px;
    text-indent: -9999px;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-left-width: 1px;
    border-left-style: solid;
    z-index: 2;
    cursor: pointer;
    margin-right: 5px;
    padding-left: 4px !important;
}
.audioplayer-volume:hover {
	background-color: rgb(255, 255, 255);
}
.audioplayer-volume:focus {
	background-color: rgb(255, 255, 255);
}
.audioplayer-volume-button {
	    width: 100%;
    height: 17px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
border: 1px solid #999 !important;
border-radius:3px;
}
.audioplayer-volume-button a {
	left: 3px; top: 4px; width: 0.31em; height: 0.37em; display: block; position: relative; z-index: 1; background-color: rgb(51, 51, 51);
}
.audioplayer-volume-button a::before {
	position: absolute; content: "";
}
.audioplayer-volume-button a::after {
position: absolute;
content: "";
border-width: 0.25em 0.25em 0px 0px;
border-style: double;
border-color: #ccc;
border-radius: 0px 0.93em 0px 0px;
border-image: none;
left: 0.46em;
top: -0.07em;
width: 0.41em;
height: 0.41em;
transform: rotate(45deg);
-webkit-border-radius: 0 0.938em 0 0;
-moz-border-radius: 0 0.938em 0 0;
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
}
.audioplayer-volume-button a::before {
	border-width: 0.5em 0.5em 0.5em medium; border-style: solid solid solid none; border-color: transparent rgb(51, 51, 51) transparent currentColor; border-image: none; top: 50%; width: 0px; height: 0px; right: -0.25em; margin-top: -0.5em; z-index: 2;
}
:not(.audioplayer-mute).audioplayer .audioplayer-volume-button a::after {
	border-width: 0.25em 0.25em 0px 0px; border-style: double; border-color: #ccc; border-radius: 0px 0.93em 0px 0px; border-image: none; left: 0.66em; top: -0.07em; width: 0.41em; height: 0.41em; transform: rotate(45deg); -webkit-border-radius: 0 0.938em 0 0; -moz-border-radius: 0 0.938em 0 0; -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg );
}
.audioplayer-volume-adjust {
	background: -ms-radial-gradient(top, rgb(68, 68, 68), rgb(51, 51, 51)); left: 0px; top: -9999px; height: 5.25em; right: -1px; position: absolute; cursor: default; border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px;
}
:not(:hover).audioplayer-volume .audioplayer-volume-adjust {
	opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
	top: auto; bottom: 100%;
}
.audioplayer-volume-adjust > div {
	margin: 68% auto 0px; width: 40%; height: 80%; position: relative; z-index: 1; cursor: pointer; background-color: #e4e4e4;
	border:1px solid #000;
}
.audioplayer-volume-adjust div div {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edba44+1,eac50b+49,edba44+100 */
background: #da591f; /* Old browsers */
background: -moz-linear-gradient(top,  #da591f 1%, #da591f 49%, #da591f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #da591f 1%,#da591f 49%,#da591f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #da591f 1%,#da591f 49%,#da591f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da591f', endColorstr='#da591f',GradientType=0 ); /* IE6-9 */
 left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute;
}
.audioplayer-novolume .audioplayer-volume {
	display: none;
}
.audioplayer-play {
	-webkit-filter: drop-shadow( 1px 1px 0 #000 ); -moz-filter: drop-shadow( 1px 1px 0 #000 ); -o-filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-pause {
	-webkit-filter: drop-shadow( 1px 1px 0 #000 ); -moz-filter: drop-shadow( 1px 1px 0 #000 ); -o-filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-volume a {
	-webkit-filter: drop-shadow( 1px 1px 0 #000 ); -moz-filter: drop-shadow( 1px 1px 0 #000 ); -o-filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-bar {
	/*box-shadow: -1px -1px 0px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );*/
}
.audioplayer-volume-adjust > div {
	/*box-shadow: -1px -1px 0px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );*/
}
.audioplayer-volume-adjust div div {
	box-shadow: inset 0px 0px 5px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
}
.audioplayer-bar-played {
	/*box-shadow: inset 0px 0px 5px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );*/
}
.audioplayer-volume-adjust {
	/*box-shadow: -2px -2px 2px rgba(0,0,0,0.15), 2px -2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );*/
}
.audioplayer * {
	transition:color 0.25s, background-color 0.25s, opacity 0.5s; -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}
.audioplayer *::before {
	transition:color 0.25s, background-color 0.25s, opacity 0.5s; -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}
.audioplayer *::after {
	transition:color 0.25s, background-color 0.25s, opacity 0.5s; -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}