div.maudio .audio{height:0;overflow:hidden;display:none;}
div.maudio .audio-control{
  overflow:hidden;
  margin-top:10px;
  font-size: 12px;
  font-weight: normal;
}
div.maudio .audio-control a,
div.maudio .audio-control div{
  float:left;
  margin:0 5px;
  cursor:pointer;
}
div.maudio .audio-control a{
  display:block;
  background:url(../img/audio_icon.png) no-repeat 0 0;
  width:30px;
  height:30px;
  text-align:center;
  text-decoration:none;
  overflow:hidden;
}
div.maudio .audio-control a.play{
  border-radius:50%;
  background-color:#e6183f;
  background-position:10px 8px;
}
div.maudio.playing .audio-control a.play{
  background-position:11px -22px;
}
div.maudio .audio-control a.fast-reverse,
div.maudio .audio-control a.fast-forward{
  width:17px;
  height:17px;
  margin-top:7px;
  background-position:-50px 1px;
}
div.maudio .audio-control a.fast-reverse{
  background-position:-50px -59px;

}
div.maudio .audio-control a.fast-forward:hover{
  background-position:-50px -29px;
}
div.maudio .audio-control a.fast-reverse:hover{
  background-position:-50px -89px;
}

div.maudio .audio-control .progress-bar{
  width:145px;
  height:8px;
  margin:11px 5px;
  border-radius:3px;
  background:#afafaf;
  overflow:hidden;
}
div.maudio .audio-control .progress-pass{
  width:0;
  height:8px;
  margin:0;
  border-radius:3px;
  background:#e6183f;
}
div.maudio .audio-control .time-keep{
  height:30px;
  line-height:30px;
  color:#45556c;
  cursor:default;
}
div.maudio .audio-control .mute{
  width:21px;
  height:17px;
  margin-top:7px;
  background-position:0 -60px;
}
div.maudio .audio-control .mute.muted{
  background-position:0 -90px;
}
div.maudio .audio-control .volume-bar{
  width:50px;
  height:5px;
  margin-top:13px;
  border-radius:2px;
  background:#afafaf;
}
div.maudio .audio-control .volume-pass{
  width:100%;
  height:5px;
  margin:0;
  border-radius:2px;
  background:#e6183f;
}

/* Custom CSS */
#audioPlayerControls {
	border:0 !important;
	padding:10px 15px !important;
	background:#272e33 !important;
	margin:0 !important;
	color:#fff !important;
	/*border-right:1px solid #fff !important;*/
}
#audioPlayerControls p {
	text-align:center;
	font-size:0.9rem;
	font-weight:500;
}
#app {
	margin:0 auto;
	max-width:412px !important;
}
a.fast-reverse, a.fast-forward {
	display:none !important;
}
div.maudio .audio-control a {
	width:40px;
	height:40px;
}
div.maudio .audio-control a.play {
	background:#d9d9d9 url(/PrincessMargaret/Custom%20Code/Web%20Apps/PDFAudioLoader/img/play.png) no-repeat !important;
	background-position:0;
	filter:brightness(1.0);
}
div.maudio .audio-control a.play:hover, div.maudio .audio-control a.play:focus, div.maudio .audio-control a.play:active  {
	filter:brightness(1.5);
}
div.maudio.playing .audio-control a.play {
    background:#d9d9d9 url(/PrincessMargaret/Custom%20Code/Web%20Apps/PDFAudioLoader/img/pause.png) no-repeat !important;
	background-position:0;
	filter:brightness(1.0);
}
div.maudio.playing .audio-control a.play:hover, div.maudio .audio-control a.play:focus, div.maudio .audio-control a.play:active  {
	filter:brightness(1.5);
}

div.maudio .audio-control .progress-bar {
	margin:16px 10px;
	border-radius:0;
	background:#d9d9d9;
}
div.maudio .audio-control .progress-pass {
	border-radius:0;
	background:#0072c6;
}
div.maudio .audio-control .time-keep {
	line-height:38px;
	color:#fff;
	margin-right:20px;
}
div.maudio .audio-control a {
	background:url(/PrincessMargaret/Custom%20Code/Web%20Apps/PDFAudioLoader/img/mute.png) no-repeat !important;
}
div.maudio .audio-control .mute {
	margin-top:11px;
}
div.maudio .audio-control .mute.muted {
	background:url(/PrincessMargaret/Custom%20Code/Web%20Apps/PDFAudioLoader/img/muted.png) no-repeat !important;
}
div.maudio .audio-control .volume-bar {
	margin-top:17px;
	border-radius:0;
	background:#d9d9d9
}
div.maudio .audio-control .volume-pass {
	border-radius:0;
	background:#0072c6;
}

div.maudio .chapter-control {
	display: none;
	margin-bottom: 30px;
	padding: 5px;
}
div.maudio .chapter-control .chapter-title {
	float: left;
	border: 1px solid #fff;
    padding: 2px;
    width: 319px;
}
div.maudio .chapter-control a {
	width:28px;
	height:20px;
	float:left;
	margin:0 5px;
	cursor:pointer;
	display:block;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
div.maudio .chapter-control a.prev-chapter {
	background:#d9d9d9 url(/PrincessMargaret/Custom%20Code/Web%20Apps/PDFAudioLoader/img/prev-chapter.png) no-repeat !important;
	background-position:0;
	filter:brightness(1.0);
}
div.maudio .chapter-control a.next-chapter {
	background:#d9d9d9 url(/PrincessMargaret/Custom%20Code/Web%20Apps/PDFAudioLoader/img/next-chapter.png) no-repeat !important;
	background-position:0;
	filter:brightness(1.0);
}