/*** Audio Player *************************************************************/
.audio-player { padding: 10px 0 0; font-size: large; position: relative; }
.audio-player .scrub { display: inline-block; position: relative;  margin: 10px auto 30px;  width: 85%;  min-height: 10px;  border-radius: 5px;   background-color: gray; border: 1px solid #fff; box-shadow: 0 0 7px #fff, 0 0 5px #000 inset;  min-height: 20px; z-index: 1; }
.audio-player .scrub .inside,
.audio-player .scrub .start, 
.audio-player .scrub .stop,
.audio-player .scrub .current { cursor: pointer; position: absolute; min-width: 10px; min-height: 20px; border-radius: 5px; border-right: 1px solid gray; border-bottom: 1px solid gray; box-shadow: 0 0 5px #000, 2px 2px 2px #FFF inset; background-color: gray; padding: 15px 10px; }
.audio-player .scrub .start, 
.audio-player .scrub .stop { top: -6px; z-index: 1; opacity: .7; top: -15px; background-color: aliceblue; } 
.audio-player .scrub .current { top: -15px; padding: 10px 0; }
.audio-player .scrub .current .inside { top: 0px; padding: 10px 0; left: 5px; }

.audio-player .scrub .start, 
.audio-player .scrub .stop,
.audio-player .scrub .current { background-color: transparent !important; box-shadow: none; border: 0; }

.audio-player .scrub .start .inside { top: 0; left: -20px; }
.audio-player .scrub .stop .inside { top: 0; left: 0; }

.audio-player .controls { margin-bottom: 10px; display: inline-block; *zoom: 1; *display: inline; position: relative; }
.audio-player .controls a { padding: 10px; margin: 0 5px; min-width: 50px; }
.audio-player .controls > a { padding: 5px; display: inline-block; *zoom: 1; *display: inline; }
.audio-player .controls img { vertical-align: middle; }

.audio-player .controls .active { background-color: green; }

.audio-player .fixed.controls { position: fixed; right: 0; bottom: 0; margin-bottom: 0; z-index: 1001; width: 100%; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px #000; }
.audio-player .fixed.controls a { margin: 0; min-width: 0; }
.audio-player .fixed.controls .scrub { position: absolute; bottom: 0; right: 120px; margin-right: 20px; margin-bottom: 15px; }
.audio-player .fixed.controls .scrub .current { top: -10px; padding: 10px 5px; z-index: 0; background-color: rgb(14, 120, 198); }
.audio-player .fixed.controls .play,
.audio-player .fixed.controls .rewind { position: relative; z-index: 3; float: right; }
.audio-player .fixed.controls .info { position: absolute; left: 0; bottom: 0; z-index: 2; background-color: rgba(0,0,0,.75); border-radius: 10px; box-shadow: 10px 10px 15px -10px #FFF inset, -10px -10px 15px -10px blue inset; text-align: left; padding: 7px 20px; }

.audio-player .transport { position: relative; z-index: 1; }
.audio-player .controls.sliders { width: 100%; text-align: left; }
.audio-player .controls.sliders .inline-block { width: 40%; text-align: right; vertical-align: middle; }
.audio-player .controls.sliders button { width: 95%; margin: auto; }

.audio-player #eq-type,
.audio-player #eq-gain,
.audio-player #eq-freq,
.audio-player #eq-q,
.audio-player #volume { width: 80%; margin: auto; }
.audio-player #eq-type,
.audio-player #eq-gain,
.audio-player #eq-freq,
.audio-player #eq-q { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.audio-player #eq-type { text-align: center; margin-top: 10px; padding-top: 10px; border-top: 1px solid #fff; }
.audio-player #eq-freq { border-bottom: 1px solid #fff; padding-bottom: 10px; }

.audio-player .time { position: relative; z-index: 3; }
.audio-player .time > div { display: inline-block; *zoom: 1; *display: inline; }
.audio-player .time .start,
.audio-player .time .stop { position: absolute; top: 0; padding: 5px 10px; }
.audio-player .time .start { left: 0; text-align: center; }
.audio-player .time .stop { right: 0; text-align: center; }
.audio-player .time input { background: transparent; color: #FFF; font-size: large; border: 0; max-width: 50%; padding: 0; }

.audio-player #time_start_, .audio-player #time_start_:hover,
.audio-player .markers .reset, .audio-player .markers .reset:hover,
.audio-player #time_stop_, .audio-player #time_stop_:hover { opacity: .25; background-color: gray; box-shadow: 0px 0px 10px #9D7EFF, 2px 2px 5px #FFF inset, -2px -2px 5px #000 inset; }

.audio-player .ti_tx, .audio-player .divide, .audio-player .mi_tx { color: #FFF; }
.audio-player .timepicker_wrap { background: #33493A; border: 0; box-shadow: 0 0 5px #000 inset, 0 0 55px 10px #FFF; }
.timepicker_wrap .next:hover, .timepicker_wrap .prev:hover, .timepicker_wrap .next.active, .timepicker_wrap .prev.active { box-shadow: 0px 0px 10px #FFF, -2px -2px 5px #FFF inset, 2px 2px 5px #000 inset; }
.time_pick .timepicker_wrap .arrow_top { width: 60px; height: 30px; top: -27px; z-index: 0; }
.time_pick .timepicker_wrap { top: 50px !important; }
.timepicker_wrap .next, .timepicker_wrap .prev { 
/*background-color: rgba(9, 10, 17, 0.99); box-shadow: 0px 0px 10px #9D7EFF, 2px 2px 5px #FFF inset, -2px -2px 5px #000 inset; */
padding: 25px 20px 10px; color: #FFF; text-decoration: none; border-radius: 5px; 
transition: 0.1s linear 0s box-shadow; cursor: pointer; }

.audio-player .visualizer { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100px; }
.audio-player #visualizer { width: 100%; height: 100%; }

#body { position: relative; }
#body #load-container { position: absolute; width: 100%; padding: 0; margin: 0; z-index: 10; height: 100%; border: 0 !important; background-color: rgb(0, 33, 197) !important; }
#body #load-container .rating,
#body #load-container .name { display: none; }
@media (max-width: 768px) {
	.audio-player .fixed.controls { height: 15%; background-color: rgba(0,0,0,.85); box-shadow: 0 0 20px #808080; }
	.audio-player .fixed.controls .scrub { bottom: 40%; right: 15px; }
	.audio-player .fixed.controls .info { padding: 7px 5%; width: 60%; }
	.audio-player .fixed.controls .info .name,
	.audio-player .fixed.controls .info .album { display: none !important; }
	.audio-player .fixed.controls .sub-controls { position: absolute; right: 0; bottom: 0; width: 40%; }
	.audio-player .transport .toggle { margin-bottom: 10px; }
	.audio-player .transport .buttons { border-bottom: 1px solid #FFF; }
}