.hap-player-bg-color{
background: #ddd;
}
.hap-player-ic-color{
color: #fff;
}
.apmusicplayer * {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;   
box-sizing: border-box;   
text-decoration: none; 
outline:none;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;	
}
#ap_hap_player_4{
display:none;
}
#ap_hap_player_4.apmusicplayer{
position:relative;
min-width: 300px;
max-width: 900px;
} #ap_hap_player_4 .apmusicplayer-hap_drop{
width:220px;
height:25px;
}
#ap_hap_player_4 .apmusicplayer-playerHolder{
height: 40px;
}
#ap_hap_player_4 .float-wrap{
overflow:auto;
}
#ap_hap_player_4 .apmusicplayer-controls_prev{
position:relative;
float:left;
width:40px;
height:100%;
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
}
#ap_hap_player_4 .apmusicplayer-controls_prev:hover{
background: #ccc;
}
#ap_hap_player_4 .apmusicplayer-controls_toggle{
position:relative;
float:left;
width:40px;
height:100%;
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
}
#ap_hap_player_4 .apmusicplayer-controls_toggle:hover{
background: #ccc;
}
#ap_hap_player_4 .apmusicplayer-controls_next{
position:relative;
float:left;
width:40px;
height:100%;
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
}
#ap_hap_player_4 .apmusicplayer-controls_next:hover{
background: #ccc;
}
#ap_hap_player_4 .apmusicplayer-player_mediaTime_current{
position:relative;
float:left;
width:60px;
height:100%;
color: #fff;
text-align: center;
line-height: 40px;
font-size:12px;
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none; 
}
#ap_hap_player_4 .apmusicplayer-player_progress{
position:relative;
float:left;
height: 40px;
}
#ap_hap_player_4 .apmusicplayer-progress_bg{
position:absolute;
height:10px;
background: #777;
top:50%;
margin-top:-5px;
left:10px;
right:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#ap_hap_player_4 .apmusicplayer-load_progress{
position:absolute;
height:10px;
background: #ccc;
top:50%;
margin-top:-5px;
left:10px;
right:10px;
width:0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#ap_hap_player_4 .apmusicplayer-play_progress{
position:absolute;
height:10px;
background: #fff;
top:50%;
margin-top:-5px;
left:10px;
right:10px;
width:0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#ap_hap_player_4 .apmusicplayer-player_progress_tooltip{
position:absolute;
top:-25px;
display:none;
pointer-events:none;
}
#ap_hap_player_4 .apmusicplayer-player_progress_tooltip p{
padding:5px 10px;
white-space:nowrap;
background: #ddd;
color: #fff;
text-align:center;
font-size:12px;
-moz-box-shadow: 1px 1px 3px #222;
-webkit-box-shadow: 1px 1px 3px #222;
box-shadow: 1px 1px 3px #222;
line-height:12px;
}
#ap_hap_player_4 .apmusicplayer-player_mediaTime_total{
position:relative;
float:left;
width:60px;
height:100%;
color: #fff;
text-align: center;
line-height: 40px;
font-size:12px;
border-right: 1px solid #555;
border-right: 1px solid rgba( 255, 255, 255, .1 );
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none; 
}
#ap_hap_player_4 .apmusicplayer-player_volume_wrapper{
position:relative;
float:left;
width:40px;
height:100%;
}
#ap_hap_player_4 .apmusicplayer-player_volume{
width:40px;
height:100%;
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
}
#ap_hap_player_4 .apmusicplayer-player_volume:hover{
background: #ccc;
}
#ap_hap_player_4 .apmusicplayer-volume_seekbar{
position:absolute;
top:0px;
left:-80px;
width:80px;
height:100%;
display:none;
}
#ap_hap_player_4 .apmusicplayer-volume_bg{
position:absolute;
width:60px;
height:10px;
background: #ccc;
left:10px;
top:50%;
margin-top:-5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#ap_hap_player_4 .apmusicplayer-volume_level{
position:absolute;
width:30px;
height:10px;
background: #fff;
left:10px;
top:50%;
margin-top:-5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#ap_hap_player_4 .apmusicplayer-player_volume_tooltip{
position:absolute;
top:-25px;
display:none;
pointer-events:none;
}
#ap_hap_player_4 .apmusicplayer-player_volume_tooltip p{
padding:5px 10px;
white-space:nowrap;
background: #ddd;
color: #fff;
text-align:center;
font-size:12px;
-moz-box-shadow: 1px 1px 3px #222;
-webkit-box-shadow: 1px 1px 3px #222;
box-shadow: 1px 1px 3px #222;
line-height:12px;
}
#ap_hap_player_4 .apmusicplayer-player_shuffle{
position:relative;
float:left;
width:40px;
height:100%;
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none; 
}
#ap_hap_player_4 .apmusicplayer-player_shuffle:hover{
background: #ccc;
}
#ap_hap_player_4 .apmusicplayer-player_loop{
position:relative;
float:left;
width:40px;
height:100%;
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none; 
}
#ap_hap_player_4 .apmusicplayer-player_loop:hover{
background: #ccc;
}
#ap_hap_player_4 .apmusicplayer-toggle_playlist{
position:relative;
float:left;
width:40px;
height:100%;
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none; 
}
#ap_hap_player_4 .apmusicplayer-toggle_playlist:hover{
background: #ccc;
}
#ap_hap_player_4 .apmusicplayer-popup_toggle{
position:relative;
float:left;
width:40px;
height:100%;
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none; 
}
#ap_hap_player_4 .apmusicplayer-popup_toggle:hover{
background: #ccc;
}
@media only screen and (max-width: 600px) {
#ap_hap_player_4 .apmusicplayer-controls_prev, #ap_hap_player_4 .apmusicplayer-controls_next, 
#ap_hap_player_4 .apmusicplayer-player_shuffle, #ap_hap_player_4 .apmusicplayer-player_loop{
display: none;
}
}
@media only screen and (max-width: 400px) {
#ap_hap_player_4 .apmusicplayer-player_mediaTime_total, #ap_hap_player_4 .apmusicplayer-player_mediaTime_current{
display: none;
}
#ap_hap_player_4 .apmusicplayer-controls_toggle{
border-right: none;
}
#ap_hap_player_4 .apmusicplayer-player_volume{
border-left: none;
}
}
#ap_hap_player_4 .apmusicplayer-playlistHolder{
position:relative;
border-top: 1px solid #111;
height:0px;
display:none;
} #ap_hap_player_4 .apmusicplayer-playlistItem{
position:relative;
float:left;
clear:left;
background: #ccc;
width:100%;
border-bottom:1px solid #333;
}
#ap_hap_player_4 .apmusicplayer-playlistSelected {
position:relative;
float:left;
vertical-align: middle;
line-height: 30px;
font-size:12px;
color: #666 !important;
padding:0 15px;
}
#ap_hap_player_4 .apmusicplayer-playlistNonSelected {
position:relative;
float:left;
vertical-align: middle;
line-height: 30px;
font-size:12px;
color: #fff !important;
padding:0 15px;
}
#ap_hap_player_4 .apmusicplayer-playlist-content{
position:relative;
float:right;
height:30px;
}
#ap_hap_player_4 .apmusicplayer-dlink {
position:relative;
width:20px;
float:right;
margin-right:10px;
}
#ap_hap_player_4 .apmusicplayer-link {
position:relative;
width:20px;
float:right;
margin-right:10px;
}
#ap_hap_player_4 .apmusicplayer-remove {
position:relative;
width:20px;
float:right;
margin-right:10px;
} #ap_hap_player_4 .apmusicplayer-preloader{
position:absolute;
width:36px;
height:30px;
top:50%;
left:50%;
margin-left:-16px;
margin-top:-15px;
background: #111 url(https://www.klangraum.de/wp-content/plugins/ap_audio_player/source/media/data/loading.gif) no-repeat center center; 
} #ap_hap_player_4 .apmusicplayer-youtubeIframeMain,
#ap_hap_player_4 .apmusicplayer-flashMain{
position:absolute;
width:320px;
height:240px;
outline:none;
display:none;
} #ap_hap_player_4 .apmusicplayer-flashAudio{
position:absolute;
width:100px;
height:100px;
display:none;
} #ap_hap_player_4 .apmusicplayer-playlist_list{
display:none;
} #ap_hap_player_4 .apmusicplayer-download_confirm{
position:absolute;
left:50%;
top:50%;
display:none;
}
#ap_hap_player_4 .apmusicplayer-download_confirm p{
padding:10px;
font-size:14px;
color:#fff;
background:#ccc;
text-align: center;
white-space:nowrap;
border: 1px solid #444;
}#ap_hap_player_4 .apmusicplayer-controls_prev{
border-right: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-controls_toggle{
border-right: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-controls_next{
border-right: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-progress_bg{
-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
}
#ap_hap_player_4 .apmusicplayer-load_progress{
-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
}
#ap_hap_player_4 .apmusicplayer-player_progress_tooltip{
-moz-box-shadow: 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px #555;
box-shadow: 1px 1px 1px #555;
}
#ap_hap_player_4 .apmusicplayer-player_mediaTime_total{
border-right: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-volume_bg{
-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 1);
}
#ap_hap_player_4 .apmusicplayer-player_volume_tooltip{
-moz-box-shadow: 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px #555;
box-shadow: 1px 1px 1px #555;
}
#ap_hap_player_4 .apmusicplayer-player_volume{
border-right: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-player_shuffle{
border-right: 1px solid #bbb;	
}
#ap_hap_player_4 .apmusicplayer-player_loop{
border-right: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-toggle_playlist{
border-right: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-playlistHolder{
border-top: 1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-playlistItem{
border-bottom:1px solid #bbb;
}
#ap_hap_player_4 .apmusicplayer-download_confirm p{
border: 1px solid #bbb;
}#ap_hap_player_4 .ap_prev{
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_play{
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_pause{
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_next{
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_vol{
font-size: 18px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_mute{
font-size: 18px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_repeat{
color: #69c !important;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_norepeat{
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_random{
color: #69c !important;
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_continuous{
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_toggle_playlist{
font-size: 18px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_popup{
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_down{
color: #fff;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_link{
color: #fff;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
text-align: center;
width:100%;
}
#ap_hap_player_4 .ap_remove{
font-size: 15px;
line-height: 30px;
vertical-align: middle;
text-align: center;
width:100%;
}