/*Player*/
#player{ position: fixed; height: 0px; bottom: 0; width: 100%; background: #000; z-index: 10000; overflow: hidden; -webkit-transition: height 1s ease-out;
-webkit-transition: height 500ms ease-out;
-moz-transition: height 500ms ease-out;
-ms-transition: height 500ms ease-out;
-o-transition: height 500ms ease-out;
transition: height 500ms ease-out;}
#player.showing_cookie { margin-bottom:57px; }
#player #cover { width: 70px; float:left; margin-right: 10px; }
#player .player_wrapper { width: 100%; height: 100%;}
#player #song_info { width: 20%; float: left; margin-right: 10px; height: 100%;}
#player #song_info .song_name, #player #song_info .song_name a{ color: #fff; }
#player #song_info .artist_name, #player #song_info .artist_name a, #player #song_info .artist_name a:hover { color: #58c026;}
#player #song_info .cp_label, #player #song_info .cp_label a { color: #aaa; }
#player #song_info .mixer a { color: #aaa;}
#player #song_info h6 { padding-bottom: 0;}
#player #full_wave { width: calc(40% - 65px); position: relative; height:100%; float: left; background-repeat: no-repeat; background-size: 100% 100%; margin-right: 15px; }
#player #full_wave .wave_view { position: absolute; background: rgba(0,0,0,0.8); top:0; right:0; z-index: 1; padding: 0 5px;}
#player #wave_box { position: relative; overflow: hidden; background-image: url("/static/img/x.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 100%; }
#player #full_wave_progress { background-color: #000; position: absolute; height: 100%; overflow: hidden; }
#player #fw_progress_img { background-color: #000; position: absolute; top:0; left:0; height: 100%; }
#player #current_bpm { width: 65px; font-size: 14px; padding-top: 12px; float: left;}
#player #current_bpm span { display: block; }
#player #cp_times { float: left;width: 65px;padding-top: 12px;font-size: 14px;text-align: left;padding-right: 5px;padding-left: 5px; }
#player #cp_times .cp_time { color: #58c026; }
#player #wave_box #wave { height: 100%; position: relative;}
#player #wave_box #wave #loading_progress { height: 100%; position: absolute; top:0; background: rgba(0,0,0,0.5);}
#player #wave_box #wave #playing_progress{ height: 100%; position: absolute; top:0; /*background: rgba(88,192,38,0.5);*/ overflow: hidden; width:0%;}
#player #full_wave.waveshrinkview #wave_box #wave #playing_progress { background-color: #000; }
#player #full_wave.waveshrinkview #wave_box { background-color: #000; }
#player .player_buttons { height: 100%; }
#player #controls { height: 100%; float: left;}
#player #controls #main { height: 100%; float: left; margin-right: 10px;}
#player #controls #main .v_center { float: left;}
#player #controls #play_pause { font-size: 44px; margin: 0 10px;}
#player #controls #previous, #player #controls #next { font-size: 24px;}
#player #keyboard { float: right; }
#player #keyboard .keyboard_button { color: #444; margin-top: -2px; display: block; }
#player #volume { float: right; height: 100%; position: relative;}
#player #volume a { font-size: 30px; color: #444}
#player #playlist { float: right; height: 100%; margin-left: 0;}
#player #playlist a.playlist_button{ font-size: 24px; color: #444; margin:0 5px;}
#player .plst_element { /*width: 40px;*/ font-size: 22px; margin:0 5px; height: 100%; float:left;}
#player #player_download { width: auto; }
#player #player_download .buy_button { /*margin:0; font-size: 16px; line-height: 30px;*/ }
#player #player_download .v_center { height: 32px; }
#player .cartbutton-container .header-cart { margin:0; }
#player .cartbutton-container .header-cart ul li:hover ul { right: -2px; bottom: 105%; top:unset; }
#player #slider_v{ display: none; position: absolute; top:-130px; width: 100%; padding: 20px 0 10px; background: #000; -webkit-box-shadow: -5px -5px 5px 3px #0A0A0A;
box-shadow: -5px -5px 5px 3px #0A0A0A; transition:all 1s ease 0s;}
/*#player #playlist, #player #volume, #player #share_info { text-align: center; width: 4%;}*/
#player #play_list { z-index:-1; display: none; position: absolute; max-height: 300px; width: 1100px; background: #000; -webkit-box-shadow: -5px -5px 5px 3px #0A0A0A;
box-shadow: -5px -5px 5px 3px #0A0A0A; right:0; bottom: 70px;}/*transition:all 1s ease 0s;*/
#player #play_list #playlist_playing_image {width: 240px; height: 240px; margin-right:5px; float:left;}
#player #play_list #playlist_data { width: 855px; float:right; overflow-y: auto; max-height:240px;}
@keyframes blink {
to { color: #fff; }
}
#player #playlist .add_pl_event { animation: blink 1s steps(1, start) infinite; }
#player #play_list .playlist_header { border-bottom:1px solid #222; border-top:1px solid #222; padding: 5px 10px; font-size: 16px; font-weight: bold; text-transform: uppercase;}
#player #play_list .playlist_header .playlist_clear { float: right; font-size: 16px; color: #666; margin-right:10px;}
#player #play_list .playlist_header .playlist_slidehide { float: right; font-size: 20px; color: #666;}
#player #play_list .playlist_single img { width: 45px; float: left;}
#player #play_list .playlist_single .playlist_details { width: calc(100% - 55px); float: right;}
#player #play_list .playlist_single .playlist_details p { float: left; text-align: left; margin-bottom: 0;}
#player #play_list .playlist_single .playlist_details .title_info { width: calc(55% - 175px); float:left;}
#player #play_list .playlist_single .playlist_details .song_title,
#player #play_list .playlist_single .playlist_details .artist { width: 100%; font-size: 14px;}
#player #play_list .playlist_single .playlist_details .song_title .mixtitle { color:#aaa; font-weight: normal;}
#player #play_list .playlist_single .playlist_details .label_date { width: 25%; float:left;}
#player #play_list .playlist_single .playlist_details .label_name,
#player #play_list .playlist_single .playlist_details .reldate { width: 100%; font-size: 14px;}
#player #play_list .playlist_single .playlist_details .genre_bpm { width: 20%; float:left;}
#player #play_list .playlist_single .playlist_details .songgenre,
#player #play_list .playlist_single .playlist_details .songbpm { width: 100%; font-size: 14px;}
#player #play_list .playlist_single .playlist_details .controls { padding-top: 10px; }
#player #play_list .playlist_single .playlist_details .controls a { /*font-size: 22px;*/ /*color: #d04526;*/}
.playlist_details .play_state::before { content: "\25b6";}
/*.selected .playlist_details .play_state::before { content: "\f001"; font-family: FontAwesome; -webkit-text-fill-color: transparent; -webkit-background-clip: text !important; background: -webkit-linear-gradient(#ff4f50, #ce9eb3);}
*/
.plst { margin-bottom: 4px; padding-bottom:0; }
.plst.selected { background: #111; }
.plst-trk i { font-size: 18px; margin:0 5px; }
/*.plst-trk i.fa-circle-o-notch.active_play, .plst-trk i.fa-history { min-width: 20px !important; margin: 0 5px; }*/
#player #slider-range-min { width:15px; margin: auto; border-radius: 10px;}
#player .ui-slider-handle { width: 15px; height: 15px; left:-1px; border-radius: 10px; background: #d04526; margin-bottom: -8px;}
#player.playing, #player.paused, #player.play_init { z-index: 999999; height: 70px; -webkit-box-shadow: 0 -5px 5px 3px #0A0A0A; box-shadow: 0 -5px 5px 3px #0A0A0A; overflow:visible;}
#wave_box_middle #wave_middle { height: 100%; position: relative;}
#wave_box_middle #wave_middle #loading_progress_middle { height: 100%; position: absolute; top:0; background: rgba(0,0,0,0.5);}
#wave_box_middle #wave_middle #playing_progress_middle{ height: 130px; position: absolute; background: rgba(88,192,38,0.5); overflow: hidden; width:0%;}
#wave_box_middle { background-image: url("/static/img/x.png"); background-repeat: no-repeat; background-size: 100% 100%; width: calc(40% - 65px); height: 100%; float: left; margin-right: 20px;}

/* Keyboard Shortcuts*/
#keyboard-shortcuts .ks-badge{ color: #58c026; padding: 5px 8px; background: #222; min-width: 36px; display: inline-block; text-align: center; }

@media only screen and (max-width: 1100px) {
	#player #song_info { width: 22%; }
	#player #wave_box { width: 35%; }
	#wave_box_middle { width: 35%; }
	#player #current_bpm { display: none; }
}

@media only screen and (max-width: 992px) {
	#player #share_info { margin-left: 8px; }
	#player .plst_element { width: 30px; font-size: 22px;}
	#player #playlist a.playlist_button, #player #volume a, #player #controls #previous, #player #controls #next { font-size: 22px; }
	#player #controls #play_pause { font-size: 30px; }
	#player #play_list { width: 755px; }
	#player #play_list #playlist_playing_image { display: none; }
	#player #play_list #playlist_data{ width: 100%;}
}

@media only screen and (max-width: 767px) {
	/*Player*/
	#player #wave_box { width: 100%; }
	#player #cover { width: 50px; }
	#player.playing, #player.paused, #player.play_init { height: 108px; padding-top: 8px; }
	#player #full_wave { width: calc(100%); position: absolute; bottom: 0; height: 45px;}
	#player #song_info { width: calc(100% - 370px); height: 50px;}
	#player #song_info h6 { font-size: 11px; }
	#player #song_info .mixer { display: none; }
	#player .player_buttons { /*width: calc(100% - 90px);*/ position: relative; height: 50px; float: right;}
	#player #controls #previous, #player #controls #next, #player .player_buttons .player_button { font-size: 26px !important; }
	#player #controls #play_pause { font-size: 34px !important; }
	#player #download_playing_track { margin-right: 5px; }
	#player .plst_element { width: 30px; }
	#player #play_list { position: fixed; overflow-y: auto; width: 100%; bottom: 100px;}
	#player #play_list .playlist_single .playlist_details p { font-size: 13px; }
	#player #play_list .playlist_single .combi { float: left; width: calc(75% - 175px);}
	#player #play_list .playlist_single .playlist_details .genre_bpm { display: none; }
	#player #play_list .playlist_single .playlist_details .title_info { width: 100%; }
	#player #play_list .playlist_single .playlist_details .song_title,
	#player #play_list .playlist_single .playlist_details .artist { float: unset; width: 100%; }
	#player #play_list .playlist_single img { width: 40px; }
	#player #play_list .playlist_single .playlist_details { width: calc(100% - 48px); }
	#player #play_list #playlist_playing_image { display: none; }
	#player #play_list #playlist_data{ width: 100%;}
	#player #volume { display: none; }
	#player #keyboard { display: none; }
	#player #cp_times { position: absolute; bottom: 0; z-index: 1; background: rgba(0,0,0,0.8); padding: 0 3px; width: auto; line-height: 20px; }
	#player #cp_times .cp_duration::before { content: "/ "; }
}

@media only screen and (max-width: 575px) {
	#player #song_info { width: calc(100% - 280px);}
	#player .header-cart { border: none; }
	#player #play_list .playlist_single .combi { float: left; width: calc(75% - 130px);}
	#player #player_addtostrembox { display: none; }
}

@media only screen and (max-width: 500px) {
	#player #play_list .playlist_single .playlist_details .label_date { display: none; }
	#player #play_list .playlist_single .combi { width: calc(100% - 130px); }
}

@media only screen and (max-width: 1100px) and (min-width: 993px) {
	#player #play_list { width: 992px }
	#player #play_list #playlist_data{ width: 747px;}
}