/* -- GENERIC STUFF -------------------------------------------------------------------------------------------------------------------------------------------- */

.bpm_cursor  { background:#999; background: linear-gradient(to right, #666 0%, #999 50%, #666 100%); width:26px; height:26px; }
.bpm_cursor:hover  { background:#AAA; background: linear-gradient(to right, #777 0%, #AAA 50%, #777 100%); width:26px; height:26px; }
.bpm_cursor_active { background:#F70; background: linear-gradient(to right, #B50 0%, #F81 50%, #B50 100%); width:26px; height:26px; }

.chat_widget { border: solid 1px #333; z-index: 10; height: 25px; border-bottom:none; background:#262628; border-radius:2px; color:#FFF; width:184px; cursor:pointer; margin-top:-10px; padding:3px; text-indent:3px; }
.chat_widget:hover { border-color: #555; background:#404042; color:#FFF; }
.chat_widget:active { border-color: #777; background:#555557; color:#FFF; }

.smooth_blink { animation: smooth_blink 0.7s infinite steps(9); }
@keyframes smooth_blink { 5% { opacity: 0.0; } }

.fast_blink { animation: fast_blink 0.2s 4 steps(1); }
@keyframes fast_blink { 50% { opacity: 0.0; } }

.recorddot { position:absolute; top:3px; left:25px; width: 10px; height: 10px; background:#f00; border: solid 3px #444; border-radius:50px; box-shadow:inset 0 0 4px #0005; }
.recordbut { cursor: pointer; text-indent:48px; color:#F44; border: solid 1px #333; font-size:13px; width:102px; line-height:23px; height:22px; border-radius:2px; border: solid 1px #333; }
.recordbut:hover { background: #222224; border-color: #404044;  }

.recordbut_on, .recordbut_on:hover {
	animation: recordbut_blink 1s infinite steps(1);
	text-indent:12px;
	color:#FFF;
	border-color: #C00;
	background: linear-gradient(#C00, #A00);
}

@keyframes recordbut_blink {
    0% {  }
    50% {
	background: linear-gradient(#F00, #D00);
	}
}

.arrow { width:20px; height:14px; font-size:9px; color:#4C4C4E; text-align:center; line-height:14px; transform: scale(1,1.4); cursor: pointer; }
.arrow1:hover { color: #FF7700; }
.arrow2:hover { color: #C70032; }

.arrow1_blink { animation: arrow1_blink 0.8s infinite steps(1); }
.arrow2_blink { animation: arrow2_blink 0.8s infinite steps(1); }

@keyframes arrow1_blink {
	0% { color: #FF7700; }
    50% { color: #0A0A0A; }
}

@keyframes arrow2_blink {
	0% { color: #C70032; }
    50% { color: #0A0A0A; }
}

html { height: 100%; }

body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #000000;
	font: 14px/1.3em  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor:default; 
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: 100%;  
}

input { padding: 1px 0px; }
a { cursor: pointer; text-decoration: underline; }
table { border: none; border-spacing: 0px; border-collapse: collapse; }
tr { padding: 0px; }
td { padding: 0px; }
.center {  text-align:center; width:100%; }
.noselect { cursor:default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.yesselect { cursor:text; -webkit-touch-callout: default; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select:text; }

/* custom Chrome Scrollbar */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(55,55,55,0.85); border-radius: 5px; }
::-webkit-scrollbar-thumb { background-color: #222224; border-radius: 5px; border: solid 1px #323234; }
::-webkit-scrollbar-thumb:hover { background-color: #353537; border: solid 1px #4B4B4E; }
::-webkit-scrollbar-thumb:active { background-color: #BD4E00; border: solid 1px #FF7700; }

.midiselectt { background-color:#222; font-size:16px; color:#FFF; border: solid 1px #888; }

/* custom IE Scrollbar */
body { scrollbar-face-color: #222224; scrollbar-shadow-color: #323234; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #323234; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #000000; scrollbar-arrow-color: #666666; }

@keyframes autofill { 0%,100% { background:#252B44 !important; color:#F70 !important; } }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  
{
	-webkit-animation-delay: 1s;
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
	-webkit-text-fill-color: #F70 !important;
	box-shadow: 0 0 0 30px #252B44 inset !important;
	border-color: #555 !important;
	color:#F70 !important;
}

input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:25px;
	height:16px;
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
	background:url('picx/all10o.png') -72px -101px no-repeat;
	color:#FFF;
}

input[type=checkbox].css-checkbox:hover + label.css-label { background-position: -72px -117px; }
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: -72px -133px; }
input[type=checkbox].css-checkbox2:hover + label.css-label { background-position: -72px -149px; }

.big_bg { position:fixed; top:0; left:0; z-index:1500; width:100%; height:100%; background:#0009; }


/* -- PLAYER.JS -------------------------------------------------------------------------------------------------------------------------------------------- */

.button {
	position:relative;
	display:inline-block;
	color: #FFFFFF;
	width: 100px;
	height: 39px;
	cursor: pointer;
	background: linear-gradient(#43474C, #3f4145);
	text-align: center;
	line-height: 39px;
	border: solid 1px #000;
	text-decoration: none;
}

.button:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: linear-gradient(#515357, #4B4D51);
}

.button3a {}
.button3b {}

.button4a {
	box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.3);
	padding-left:1px;
} 

.button4b {
	box-shadow: inset -1px 0px 0px 0px rgba(0,0,0,0.3);
	padding-right:1px;
} 

.button_active1, .button_active1:hover, .button3a:active { background: linear-gradient(hsl(28, 100%, 43%), hsl(28, 100%, 39%)); }
.button_active2, .button_active2:hover, .button3b:active { background: linear-gradient(hsl(345, 100%, 39%), hsl(345, 100%, 35%)); }
.button_active1>font,.button_active2>font { color:#CCC; }

.make_active1:active { background: linear-gradient(hsl(28, 100%, 43%), hsl(28, 100%, 39%)) !important; }
.make_active2:active { background: linear-gradient(hsl(345, 100%, 39%), hsl(345, 100%, 35%)) !important; }
.make_active3:active { background: #333 !important; }
.make_active1b:active { color: #FF7700 !important; }
.make_active2b:active { color: #FF0149 !important; }

.gradient1 { background: linear-gradient(130deg, hsl(300, 39%, 15%) 20%, hsl(242, 41%, 19%) 100%); }

.gradient2 { background:radial-gradient(circle at top center, #3D2B46 0%, #2C213B 20%, #201830 100%); }

.gradient3 { background:linear-gradient(rgba(34,36,40,1), rgba(26,28,32,1)); }

.gradient4 { background:linear-gradient(rgba(34,36,40,1), rgba(26,28,32,1)); }

.gradient0 { background:linear-gradient(rgba(24,24,26,0.7), rgba(16,16,18,0.7)) !important; box-shadow:none !important; }

.prox1 { transform: scale(1.3, 0.7) rotate(90deg); letter-spacing: 3px; }
.prox2 { cursor: pointer; font-weight:bold; width:17px; height:21px; text-align: center; color:#999; }
.prox2:hover { color:#CCC; }
.prox2:active { color:#F80; }

.center { margin: 0 auto; }
.pointer { cursor: pointer; }

.fullscreen1_button { position:absolute; top:2px; left:11px; width:28px; height:23px; background: url('picx/player9x.png') -356px -240px no-repeat; opacity:0.45; }
.fullscreen1_button_active { position:absolute; top:2px; left:11px; width:28px; height:23px; background: url('picx/player9x.png') -356px -265px no-repeat; opacity:1; }
.fullscreen2_button { position:absolute; top:2px; left:11px; width:28px; height:23px; background: url('picx/player9x.png') -384px -241px no-repeat; opacity:0.45; }
.fullscreen2_button_active { position:absolute; top:2px; left:11px; width:28px; height:23px; background: url('picx/player9x.png') -384px -266px no-repeat; opacity:1; }

/* -- MUSIC.JS -------------------------------------------------------------------------------------------------------------------------------------------- */

.glowing-border {}
.glowing-border:focus { outline: none; border-color: rgba(255,120,0,0.5); }
.cropped { margin: 0px; overflow: hidden; white-space: nowrap; }
.input::-webkit-input-placeholder { color: #777; }
.input:-moz-placeholder { color: #777; }
.input:hover { outline: none; border-color: #555 }
.input:focus { outline: none; border-color: rgba(255,120,0,0.5); }
input:focus { outline: none; border-color: rgba(255,120,0,0.5); }
input.search { padding-top:1px; text-indent:6px; font-size: 14px; color: #FFF;  height:24px; border-radius: 4px; border: solid 1px #333; background-color: transparent; }
input.search::-webkit-input-placeholder { color: #999; }
input.search:-moz-placeholder { color: #999; }
input.search_selected { color: #F70; }
input.search::-webkit-search-cancel-button { -webkit-appearance: none; }
input.search::-webkit-search-cancel-button:after { content:''; display:block; color:#FFF; display:block; width:10px; height:10px; background:#F00; }
input.search_selected::-webkit-input-placeholder { color: #666; }
input.search_selected:-moz-placeholder { color: #666; }
input.input_fav { color: #FFF; position:relative; top: -3px; padding: 3px 0px; border:solid 1px #393939; border-radius:1px; text-indent: 4px; background-color: transparent; }
input.input_fav::-webkit-input-placeholder { color: #555; }
input.input_fav:-moz-placeholder { color: #555; }
input.input_fav_edit { color: #FFF; position:relative; top: 0px; border:solid 1px #393939; height:16px; border-radius:1px; text-indent: 4px; background-color: transparent; }
input.input_fav_edit::-webkit-input-placeholder { color: #555; }
input.input_fav_edit:-moz-placeholder { color: #555; }

.search_clear { cursor: pointer; width:32px; height:29px; line-height:30px; text-align:center; font-size:17px; font-weight:bold; color:#888; opacity:0; }
.search_clear:hover { opacity:1; color:#F70; }
.search_clear:active { color:#FFF; }
	
.icon_container { position:relative;  height:26px; padding-left: 4px; width: 28px; }
.icon_selected { color:#F70 !important; }
#search2_icon.icon_selected { color:#F00 !important; }
#hotsongs_icon.icon_selected { color:#d4d42c !important; }
#favorites_icon.icon_selected { color:#F00 !important; }

.title { cursor: pointer; color: #FFF; text-decoration: none; font-size: 14px; outline: none;  }
.title:hover { color: #F70; }
.title_selected { color: #F70; text-decoration: underline; }
.title_unactive { color: #777; }
.title_unactive:hover { color: #777; }

.bubble { color: #999; text-decoration: none; margin-right: -2px; border-radius: 4px; font-size: 13px; padding-left: 4px; padding-right: 4px; line-height: 23px; }
.bubble:hover { color: #F70; }
.bubble_selected { color: #F70;  text-decoration: underline; }
.bubble_container { white-space: nowrap; padding-left:2px; }

.popularity { display: block; width:24px; height: 15px; background-image: url('picx/all10o.png'); background-repeat: no-repeat; background-position: -71px 0px; }

.favorites1 { display: block; width:24px; height: 22px; background-image: url('picx/all10o.png'); background-repeat: no-repeat; background-position: -119px -52px; }
.favorites1:hover { background-position: -141px -52px; }
.favorites1:active { background-position: -163px -52px; }
.favorites2 { display: block; width:24px; height: 22px; background-image: url('picx/all10o.png'); background-repeat: no-repeat; background-position: -163px -52px; }

.automix_icon { cursor: pointer; color: #999; text-align: right; padding-right: 5px; text-indent:44px; white-space: nowrap; background: url('picx/all10o.png') -453px 0px no-repeat; }
.automix_icon:hover  { color: #F70; background-position: -453px -38px; }
.automix_icon_active ,.automix_icon_active:hover  { color: #F70; text-decoration:underline; background-position: -453px -76px; }

.link_sc { display: block; width:35px; height: 24px; background: url('picx/all10o.png') -71px -174px no-repeat; }
.link_sc:hover  { background-position: -71px -194px; }
.link_yt { display: block; width:35px; height: 24px; background: url('picx/all10o.png') -111px -174px no-repeat; }
.link_yt:hover  { background-position: -111px -194px; }

.favedit { display: block; width:24px; height:21px; background: url('picx/all10o.png') -411px -1px no-repeat; }
.favedit:hover { background-position: -411px  -22px; }
.favdel { display: block; width:16px; height: 16px; background: url('picx/all10o.png') -392px -1px no-repeat; }
.favdel:hover { background-position: -392px  -17px; }

.load_player1 { display: block; width:27px; height: 22px; }
.load_player1_active { background: url('picx/all10o.png') -455px -137px no-repeat; }
.load_player1:active,.load_player1_active:active {}

.load_player2 { display: block; width:27px; height: 22px; }
.load_player2_active { background: url('picx/all10o.png') -482px -137px no-repeat; }
.load_player2:active,.load_player2_active:active {}

.load_player_folder { display: inline; text-decoration:none; color:#F70; width:auto; height:auto; }
.load_player_folder:hover { text-decoration:underline; color:#F70; }

.play_sample {  display: block; width:48px; height: 23px; background: url('picx/all10o.png') -176px 0px no-repeat; }
.play_sample:hover, .play_sample_active { background-position: -176px -22px; }

.footer { color: #444445; font-size:13px; }
.footer_link { color: #666666; text-decoration: none; }
.footer_link:hover {  color: #FF7700; }

.bpm_col1{ position:relative; width:0px; }
.bpm_col2{ position:absolute; text-align:center; width:50px; color:#FFF; left:710px; top:3px; }

.keystyle {width:20px; background:#2A2A2C;border:1px solid #555; text-align:center; }

.sampler { display: block; width:132px; height: 35px; line-height:35px; text-decoration: none; color: #FFF; background:rgba(34,34,38,0.5); border: solid 1px #1C1C1D; border-radius:2px; padding-left:5px; }
.sampler:before { color:#6A6A6B; content: "► "; }

.sampler:hover { background:#262628; color:#F70; border: solid 1px #2E2E2F; }
.sampler:hover:before { color:#F70; content: "► "; }

.sampler_active, .sampler_active:hover { color: #FFF; animation: flash 1s ease-out; background: linear-gradient(#E06900, #DC4E00); border-color: #DE5100; }
.sampler_active:before, .sampler_active:hover:before { color:#FFF; content: "► "; }

@keyframes flash {
	0% { background:#fff; border-color: #fff; }
	100% { background:linear-gradient(#E06900, #DC4E00); border-color:#DE5100; }
}

.sampler_off { color: #555; }
.sampler_off:before { content: ""; }
.sampler_off:hover:before { color:#01FF13; content: "UNLOCK "; }

.sampler_button
{
	display:inline-block;
	position:relative;
	top: -3px;
	font-size:14px;
	border-radius:2px;
	box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.2);
	color:#fff;
	text-decoration:none;
	background:linear-gradient(#35C432,#30B92D);
	text-align:left;
	text-shadow:0 0 5px rgba(0,0,0,0.2);
	padding-left: 25px;
	line-height:24px;
	height:24px;
	white-space: nowrap;
	padding-right:8px;
}

.sampler_button:hover
{
	text-decoration:none;
	background:linear-gradient(#4BDA48,#47D044);
}
.sampler_load {
	background: #FF6600 url(picx/loader2.gif) no-repeat center !important;
	color: #FF6600 !important;
}

.new_button
{
	color:#FFF;
	position:relative;
	top:-4px;
	font-size:15px;
	border-radius:3px;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	border: solid 1px rgba(255,255,255,0.3);
	line-height:22px;
	background:#F00;
	display:inline-block;
	height:21px;
	width:58px;
}

.sampler_lock { 	background: url('picx/all10o.png') -119px -0px no-repeat; width:14px; height:18px; }
.desktop_download { 	background: url('picx/all10o.png') -143px -0px no-repeat; width:14px; height:18px; }

.sfx_bg { background:url('picx/player9x.png') no-repeat; background-position:-646px -9px; width:169px; height:169px; }
.sfx_select { background:url('picx/player9x.png') no-repeat; background-position:-78px -275px; width:11px; height:8px; }
.sfx_link { background:url('picx/player9x.png') no-repeat; background-position:-134px -268px; width:4px; height:15px; }
.sfx_pointer { background:url('picx/player9x.png') no-repeat; background-position:-358px -189px; width:29px; height:28px; }

.play { background:url('picx/player9x.png') no-repeat; background-position:-37px -271px; width:16px; height:16px; }
.loop_icon { background:url('picx/player9x.png') no-repeat; background-position:-8px -268px; width:30px; height:18px; }
.loop_minus { background:url('picx/player9x.png') no-repeat; background-position:-96px -275px; width:8px; height:8px; }
.loop_plus { background:url('picx/player9x.png') no-repeat; background-position:-114px -274px; width:8px; height:8px; }

.fader_area { background:#262429; border:#000 0.5px solid; border-radius:2px; width:39px; height:89px; }
.fader_cursor { width:39px; height:19px; border:#000 0.5px solid; background:#444; border-radius:4px; transform:translate3d(0,0,0); }
.fader_cursor>div { width:37.5px; height:11px; border:#8A8A8B 0.5px solid; background:linear-gradient(#9a9a9a,#828282 80%); border-radius:2px; }
.fader_cursor_active1 { background:#774727; }
.fader_cursor_active2 { background:#5D2533; }
.fader_cursor_active1>div { background:linear-gradient(#CC7E35,#BD5F1B 80%); border:#CC7E35 0.5px solid; }
.fader_cursor_active2>div { background:linear-gradient(#D33C4F,#C01A3C 80%); border:#D33C4F 0.5px solid; }

.crossfader_line { background:#444; width:2px; height:38.5px; }
.crossfader_area { background:#262429; border:#000 0.5px solid; border-radius:2px; height:39px; }
.crossfader_cursor { width:19.5px; height:39px; border:#000 0.5px solid; background:#444; border-radius:4px; transform:translate3d(0,0,0); }
.crossfader_cursor>div { width:11px; height:37.5px; border:#8A8A8B 0.5px solid; background:linear-gradient(90deg,#828282 20%,#9a9a9a); border-radius:2px; }
.crossfader_cursor_active1 { background:#774727; }
.crossfader_cursor_active2 { background:#5D2533; display:block; }
.crossfader_cursor_active1>div { background:linear-gradient(90deg,#BD5F1B 20%,#CC7E35); border:#CC7E35 0.5px solid; }
.crossfader_cursor_active2>div { background:linear-gradient(90deg,#C01A3C 20%,#D33C4F); border:#D33C4F 0.5px solid; }

.vinyl_base { background:url('picx/player9x.png') no-repeat; background-position:0 0; width:160px; height:160px; }
.vinyl_pin { background:url('picx/player9x.png') no-repeat; background-position:-353px -71px; width:10px; height:10px; }
.vinyl_center { width:60px; height:60px; transform-origin:30px 30px; -webkit-transform-origin:30px 30px; }
.vinyl_clip1 { -webkit-clip-path: circle(30px at 30px 30px); clip-path: circle(30px at 30px 30px); }
.vinyl_clip2 { -webkit-clip-path: circle(30px at 50px 40px); clip-path: circle(30px at 50px 40px); }
.arm_stop { background:url('picx/player9x.png') no-repeat; background-position:-350px -1px; width:23px; height:20px; }
.arm_circle { background:url('picx/player9x.png') no-repeat; background-position:-351px -24px; width:43px; height:42px; }

.arm_main {
	background:url('picx/player9x.png') no-repeat;
	background-position:-395px -1px;
	width:37px;
	height:132px;
	/*transition: transform 0.5s ease; *** BUG *** */
	transform-origin:27px 28px;
	transform:rotate(-4deg);
}

.eq { cursor:pointer; background:url('/picx/knob_youdj9.png') no-repeat; background-size:1744px 81px; margin:2px 5px; background-position: -851px -5px; width: 38px; height: 34px; }
.eqc { position:absolute; display:block;left:9px; top:7.5px; height:21px; width:21px; border-radius:50%; background: transparent; opacity:0.3; }
.eq:hover > span { background: #777; }
.eqa:active > span { background: #FF7700; }
.eqb:active > span { background: #FF0552; }
.eqd { font-size:11px; color:#777; }

.bn1 { display:block; background:url('picx/all10o.png') -332px -1px no-repeat; width:24px; height:24px; }
.bn1:hover { background-position: -332px -49px; }
.bn2 { display:block;  background:url('picx/all10o.png') -361px -1px no-repeat; width:24px; height:24px; }
.bn2:hover { background-position:-361px -49px; }
.bn3 { display:block; color:#FFF; text-decoration:none; white-space: nowrap; }
.bn3:hover { color:#F80; }
.bn4 { display:block; color:#01FF13; text-decoration:none; text-indent: 5px; height:24px; line-height:25px; padding-right:10px; white-space: nowrap; }
.bn4:hover { color:#88FF88;  text-decoration:underline; }
.bn5 { display:block;  background:url('picx/all10o.png') -303px -0px no-repeat; width:24px; height:24px; }
.bn5_active, .bn5:hover { background-position:-303px -48px; }

a.aa { text-decoration: none; }
a.aa:hover { text-decoration: underline; }
a.ab { text-decoration:underline; }
a.ab:hover { color:#F70 !important; }
a.ac { color:#01FF13; text-decoration:underline; }
a.ac:hover { color:#88FF88; }
a.ad { text-decoration:none; }
a.ad:hover { color:#F70 !important; }
a.ae { text-decoration:none; color:#999; }
a.ae:hover { text-decoration:underline; color:#F70 !important; }
a.af { text-decoration:none; color:#F70; }
a.af:hover { text-decoration:underline; color:#F70 !important; }
a.ag { text-decoration:underline; color:#F70; }
a.ag:hover { color:#FFF !important; }
.disablelink { text-decoration:none; cursor:default; pointer-events:none; }

.panel {
	display:block;
	position:absolute;
	left:0px; top:0px;
	margin-left:12px;
	width:1000px;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
}

.panel_new {
	position:absolute;
	left:276px; 
	top:0px;
	width:1000px;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
}

.panel_hide { 
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height: 1px; width: 1px; 
}

.panel_fav {
	left: 269px !important;
	width:1010px;
	overflow-y:hidden;
}

.bpm_state1
{
	position:relative; left:0px; top:7px;
	display:inline-block; 
	width:24px; height:22px;
	background: url('/picx/player9x.png') -366px -122px no-repeat;
	background-size: 425px 149px;
	opacity:0.5;
}

.bpm_state2
{
	position:relative; left:0px; top:5px;
	display:inline-block; 
	width:24px; height:22px;
	background: url('/picx/player9x.png') -396px -120px no-repeat;
	background-size: 425px 149px;
	opacity:0.8;
}

.butpro {
	color: #999;
	width: 100px;
	height: 22px;
	cursor: pointer;
	background: #111113;
	text-align: center;
	line-height: 23px;
	border: solid 1px #090909;
	text-decoration: none;
	border-radius: 2px;
	font-size: 14px;
}

.butpro:hover {
	color: #CCC;
	background: #151515;
	border-color: #111111;
}

.butpro11 { color:#FF7700 !important;}
.butpro22 { color:#FF0161 !important;}

.butpro1:active, .butpro11:active {
	color: #FFF !important;
	background: linear-gradient(hsl(28, 100%, 43%), hsl(28, 100%, 39%));
	border-color: #DE5100;
}

.butpro2:active, .butpro22:active {
	color: #FFF !important;
	background: linear-gradient(hsl(345, 100%, 39%), hsl(345, 100%, 35%));
	border-color: #B40033;
}

.butsfxp  {
	color: #707070;
	width: 300px;
	height: 24px;
	cursor: pointer;
	background: #222;
	text-align: left;
	text-indent: 5px;
	line-height: 25px;
	border: solid 1px #101010;
	text-decoration: none;
	border-radius: 2px;
	font-size: 14px;
}

.butsfx  {
	color: #E0E0E0;
	width: 300px;
	height: 24px;
	cursor: pointer;
	background: #393C40;
	text-align: left;
	text-indent: 5px;
	line-height: 25px;
	border: solid 1px #181818;
	text-decoration: none;
	border-radius: 2px;
	font-size: 14px;
}

.butsfx:hover {
	background: #53575C;
}

.butsfxa1,.butsfxa1:hover {
	color: #FFF;
	background: linear-gradient(hsl(28, 100%, 43%), hsl(28, 100%, 39%));
}

.butsfxa2,.butsfxa2:hover {
	color: #FFF;
	background: linear-gradient(hsl(345, 100%, 39%), hsl(345, 100%, 35%));
}

.pro_board {
	z-index:10;
	transition: left 0.2s ease;
	width:200px;
	height:166px;
	border-radius:0 2px 2px 0;
	background: linear-gradient(#202022,#1C1C1E);
}

.pro_unlock {
	z-index:11;
	opacity:0;
	display:table;
	width:199px;
	height:155px;
	text-decoration:none;
	background: linear-gradient(rgba(32,32,32,0.6), rgba(28,28,30,0.6));
}
.pro_unlock:hover {
	opacity:1;
}

.pro_unlock2 {
	display:table-cell;
	text-align:center;
	vertical-align: middle;
 	font-size:20px;
	line-height:22px;
	color:#01FF13;
	text-shadow: 0 0 15px rgba(0,0,0,1);
}

.sfx_unlock {
	z-index:191;
	color:#01FF13;
	text-shadow: 0 0 15px rgba(0,0,0,1);
	font-size: 20px;
	text-align:center;
	opacity:0;
	width:366px;
	height:106px;
	line-height:97px;
	background: rgba(16,16,18,0.4);
	text-decoration:none;
}
.sfx_unlock:hover {
	opacity:1;
}

.song_table { table-layout:fixed; text-rendering:optimizeSpeed;  text-transform:capitalize; font-size:13px; width:980px; }
.song_result { table-layout:fixed; text-rendering:optimizeSpeed;  text-transform:capitalize; font-size:13px; width:980px; }

.rowww { background: url('picx/all10o.png') -455px -111px no-repeat; }
.rowww:hover { background-position: -455px -161px; }

.rowww2 { background: url('picx/all10o.png') -484px -627px no-repeat; }
.rowww2:hover { background-position: -484px -658px; }

.play_blink
{
    animation: play_blink 1.5s infinite steps(9);
}

@keyframes play_blink {
    0% { opacity:1; }
    10% { opacity:0; }
    20% {  opacity:1; }
    30% {  opacity:0; }
    100% { opacity:0; }
}

.headphone
{
	width:20px; height:20px;
	background: url('picx/player9x.png') -339px -122px no-repeat;
	background-size: 425px 149px;
}

.bufferin
{
	background: url('picx/player9x.png') -665px -180px no-repeat;
	animation: bufferin 0.7s infinite linear;
}

@keyframes bufferin {
    from {left: -60px;}
    to {left: 0px;}
}

.loginbut {
	margin-top:5px;
	display: block;
	width: 350px;
	height: 58px;
	border-radius: 2px;
	text-indent: 7px;
	font-size: 21px;
	line-height: 58px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}

.loginbut1 { background: #3B5998; }
.loginbut1:hover { background: #4462A1; }
.loginbut1:active { background: #5371B0; }
.loginbut2 { background: #D54841; }
.loginbut2:hover { background: #DE514A; }
.loginbut2:active { background: #ED6059; }
.loginbut3 { background: #579144; }
.loginbut3:hover { background: #609A4D }
.loginbut3:active { background: #6FA95C; }
.loginbut4 { background: #555555; }
.loginbut4:hover { background: #5E5E5E; }
.loginbut4:active { background: #6D6D6D; }

.loginerror { margin-top:7px; color:#F00; width: 350px; }
.loginerror > br { display:none; }

.logininput { display:block; position:relative; margin-top:	5px;}
.logininput > i { color:#666; }
.logininput:hover > input { outline: none; border-color: rgba(255, 255, 255, 0.25); }
.logininput > input {
	display:block;
	width: 348px;
	height: 40px;
	border-radius: 2px;
	text-indent: 44px;
	font-size: 16px;
	line-height: 48px;
	cursor: pointer;
	border: solid 1px rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);
	color:#FFF;
}

.bpm-menu {
	position: absolute;
	background: #141416;
	border: 1px solid #2A2A2C;
	border-radius: 2px;
	z-index: 991;
}

.bpm-menu:after {
	content: "";
	position: absolute;
	left: 148px;
	top: -6px;
	right: 13px;
	width: 10px;
	height: 10px;
	background: #000;
	border-top: 1px solid #2A2A2C;
	border-left: 1px solid #2A2A2C;
	transform: rotate(45deg);
}

.sfx_panel {
	position: absolute;
	display: block;
	width: 372px;
	height: 165px;
	color: #FFFFFF;
	background:#101012;
	border: solid 1px #2A2A2C;
	border-radius: 5px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	z-index: 191;
}

.sfx_panel_content { position: absolute; top:0px; left:0px; z-index: 191; }

.sfx_panel:after {
	content: "";
	position: absolute;
	left: 150px;
	top: -8px;
	right: 13px;
	width: 14px;
	height: 14px;
	background: #101012;
	border: 1px solid #2A2A2C;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
}

.sfx_panel1:after {}
.sfx_panel2:after { left: 338px; }
.sfx_panel1b:after { top: 158px; border-top: none; border-left: none; }
.sfx_panel2b:after { top: 158px; left: 338px; border-top: none; border-left: none; }

.bpm_coef { background:#28282A; width:290px; height:24px; }
.bpm_coef_cursor { background:#999; width:20px; height:24px; }
.bpm_coef_cursor:hover { background:#CCC; }

.info1 { position:relative; display:inline-block; top:3px; left:2px; cursor:pointer; background:url('picx/all10o.png') -134px -122px no-repeat; background-size: 348px 474px; width:21px; height:17px; }
.info1:hover { background-position: -134px -140px; }

.tooltip {
	border: 1px solid #5A5A5C;
	background:#464648;
	padding:10px;
	border-radius:2px;
	box-shadow: 0px 0px 15px #222;
	font-size:14px;
	color:#FFF;
}

.tooltip:after{
	content: "";
	position: absolute;
	left: 49%;
	top: -6px;
	right: 13px;
	width: 10px;
	height: 10px;
	background: #46484A;
	border-top: 1px solid #5A5A5C;
	border-left: 1px solid #5A5A5C;
	transform: rotate(45deg);
}

.wdbar { position:fixed; top:0; left:0; width:100%; display:none; height:28px; text-indent:6px; line-height:30px; background-color:#FF7700; color:#FFF; z-index: 20000; }
.wdlink { cursor:pointer; color:#555; }
.wdlink:hover { color:#999; }

.shop_choice {
	width:430px;
	text-align:center;
	border:solid 1px rgba(255,255,255,0.14);
	background: rgba(0,0,0,0.4);
	color:#FFF;
	border-radius:2px;
	text-decoration:none;
	font-size:18px;
}

.shop_choice:hover {
	border:solid 1px #444;
	background: rgba(0,0,0,0.4);
}

.shop_button
{
	cursor:pointer;
	margin-top :-4px;
	display:inline-block;
	position:relative;
	border-radius:3px;
	box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
	color:#fff;
	text-decoration:none;
	font-size:22px;
	background:linear-gradient(#35C432,#30B92D);
	text-align:center;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	padding:12px 15px;
	height:25px;
	line-height:26px;
}

.shop_button:hover
{
	text-decoration:none;
	background:linear-gradient(#4BDA48,#47D044);
}

.shop_button_grey { 	background:linear-gradient(#F60,#D50); }
.shop_button_grey:hover { background:linear-gradient(#F80,#E60); }
.shop_button_none { 	background:#888; opacity:0.4; pointer-events: none; }
.shop_button_none:hover { background:#888; }

.ytp-watermark { position:absolute; width:114px; height:30px; left:142px; top:173px; opacity:0.5; pointer-events:all; }
.ytp-watermark:hover { opacity:0.9; }
.ytp-watermark-big { position:relative; z-index:2; left:0; top:0; padding-right:16px; width:120px; height:30px; }
/* #video_border1:hover #video_link1 { opacity: 0.5; } */
/* #video_border1:hover #video_link1:hover { opacity: 0.75; } */

/* SORTABLE */
/*.draggable { cursor: auto; }*/
.cursor { cursor: default; }
.over { box-shadow: inset 0px 1px 0px 0px #e24b52; }
.droptarget-over { background-color: #323438 !important; cursor: copy ;}
.dnd_select { background-color: rgba(72,72,76,0.5);  }

.ghost {
	padding: 5px;
	text-transform: capitalize;
	color: white;
	background-color: #F70;
	display:none;
	position: fixed;
	top: -100px;
}

.fav-folders {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.fav-folders::-webkit-scrollbar { width: 3px; }
.fav-folders::-webkit-scrollbar-track { background-color: #111; border:none;}
.fav-folders::-webkit-scrollbar-thumb { background-color: #555; border:none; border-radius: 0px; }
.fav-folders::-webkit-scrollbar-thumb:hover { background-color: #777; }
.fav-folders::-webkit-scrollbar-thumb:active { background-color: #F70; }

.fav-tracks {
  position: absolute;
  top: 0px;
  left: 198px;
  width: 810px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.fav-empty, .no-result {
	width:820px;
	height:26px;
	text-indent:5px;
	text-transform:none;
}

.button-folder {
	position:relative;
	text-align: left;
	cursor: pointer;
	font-size: 13px;
	color: #FFF;
	background-color: rgba(42,42,46,0.5);
	border: none;
	padding: 10px;
	padding-left:5px;
	margin: 2px;
	margin-right: 0;
	margin-top: 0;
	width: 173px;
	outline: none;
}

.button-folder:hover { background-color: rgba(68,68,72,0.5); }

.button-inactive
{
	color: #666;
	background-color: rgba(26,26,30,0.5);
	pointer-events: none;
}

.button-folder span { cursor: pointer; display: inline-block; position: relative; }
.fav_selected { color: #F70; }
.playlist_hide { display: none }
.icon_folder { float:left;margin-top: -5px; }

.badge {
	color: #fff;
	border-radius: 2px;
	width: 19px;
	height: 12px;
	display: block;
	position: absolute;
	border: 1px solid white;
	text-align: center;
	float: right;
	top: 15px;
	right: 5px;
}

.badge_total { font-size: 10px; position: relative; top: -2px }
.badge_selected { color: #F70; border: 1px solid #F70; }

.badge_none { pointer-events:none; }
.badge_edit:active,.badge_edit:hover { position:absolute; border:none; font-size:20px; color:#F70; top:8px; right:3px; width:25px; height:25px; line-height:26px; text-align:center; background:#444; }
.badge_edit:active>span,.badge_edit:hover>span { display: none; }
.badge_edit:active:after,.badge_edit:hover:after { content: 'X'; }
.badge_edit:active { color:#FFF; background:#F70; }

.droptarget:hover.icon_edit { background: url(picx/all10o.png) -411px 3px no-repeat; }
.droptarget:hover.icon_edit.icon_selected { background-position: -411px -22px; }
.icon_edit:hover { background: url(picx/all10o.png) -411px 3px no-repeat; }
.icon_edit.icon_selected:hover { background-position: -411px -22px; }

.cropped:hover .hoveredit { display: inline-block; margin: -4px; width:24px; height:21px; background: url('picx/all10o.png') -411px -1px no-repeat; }
.cropped:hover .hoveredit:hover { cursor: pointer; background-position: -411px  -22px; }



.button-folder:hover .hoveredit { display: inline-block; margin: -4px; width:24px; height:21px; background: url('picx/all10o.png') -411px -1px no-repeat; }
.button-folder:hover .hoveredit:hover { cursor: pointer; background-position: -411px  -22px; }

.fav-notify {
	color: #fff;
	border-radius: 9px;
	padding-left: 5px;
	padding-right: 7px;
	height: 18px;
	position: relative;
	background: #ff0606;
	display: none;
	text-align: center;
	left: 5px;
}

.no-show { display: none }

.bookmark {  
	display:block;
	width:440px;
	font-size:20px;
	text-decoration:none;
	line-height:26px;
	padding:10px;
	border-radius:6px;
	color:#111;
	background:#CCC;
	border: solid 1px #EEE;
	-webkit-user-drag: element;
}

.loadbar {
	width:30px;
	height:2px;
	background:#FF7000;
	transition: width 0.5s ease;
}

.replay_player { position:fixed; top:0px; left:0px;  }
.replay_info { color: #AAA; }
.replay_button { color:#FFF; position:relative; cursor: pointer; width:100px; height:50px; background:#F60; font-size:18px; margin-left:3px; text-align:center; }
.replay_button:hover { background: #F82; }
.replay_button:active { background: #FA4; }
.replay_progress { position:absolute; left:0px; top:0px; display: block; width: 0px; height:50px; background: #F60; border-right: solid 3px #FFF; }
.replay_seeking { display:none; position:absolute; left:0px; top:0px; display: none; width: 0px; height:50px; border-right: solid 3px #FFF; opacity:0.5; }
.replay_seek { position:relative; display: block; cursor: pointer; height:50px; background: #444446;  }

.dnd_select { background-color:#262628; }
.midi_small_button { display:inline-block; margin-right:1px; border-radius:2px; padding: 0px 6px; background:#5e5e5ea6; color:#AAA; border:none; cursor:pointer; text-align:center; margin-left:2px; }
.midi_small_button:hover { background:#666c; color:#F70; }
.midi_small_button:active { background:#F70; color:#FFF; }
.midi_blink { animation: fast_blink 0.2s infinite steps(2); }
.midi_button { position:relative;top:0px;left:4px;height:27px;line-height:28px; font-size:16px; }
.midi_info  { width:820px; background:rgba(255,255,255,0.1); color:#F70; padding:2px 8px; margin:6px 0; border-radius:2px; border:solid 1px rgba(255,255,255,0.1); }
.trmidi1 {}
.trmidi2 { opacity:0.35; pointer-events:none; }
.trmidi3 { display:none; }

.filez { display:none; }
.filez+label, .filez2 { background:rgba(42,42,46,0.5); display:inline-block; margin-top:-3px; margin-bottom:6px; padding:10px; height:18px; width:200px; color:#FFF; cursor:pointer; }
.filez+label:hover, .filez2:hover { background:rgba(68,68,72,0.5); color:#F70;  }

.notifs_area { background:#333335; border: solid 1px #444; box-shadow: 0px 0px 30px #0006; }
.notifs_cell { border-bottom:1px solid #444; padding:13px; }
.notifs_cell>a { color:#F70; cursor:pointer; }
.notifs_cell>a:hover { color:#FB3; }
.notifs_cell_active { background:#3A3A3C; border-left: solid 5px #f70; } 

.notifs_area::-webkit-scrollbar { width: 7px; }
.notifs_area::-webkit-scrollbar-track { background-color: #282828;  border-radius: 0px; }
.notifs_area::-webkit-scrollbar-thumb { background-color: #666; border-radius: 1px; }
.notifs_area::-webkit-scrollbar-thumb:hover { background-color: #777; }
.notifs_area::-webkit-scrollbar-thumb:active { background-color: #F70; }

.follow_button { display:inline-block; cursor:pointer; padding: 4px 7px; text-decoration:none; color:#FFF; border-radius:3px; color:#FFF !important; margin-right:5px; }
.follow_button:hover { filter: brightness(120%); }

.video-play-button {
    box-sizing: border-box;
    padding: 10px calc(50% - 50px);
    background: #0005;
	cursor:pointer;
	fill: #fff;
	stroke: #fff;
}

.video-play-button:hover {
	background: #0006;
	fill: #F70;
	stroke: #F70;
}

.hot_label { position:relative; top:-1px; left:6px; border:none; font-size:10px; line-height:10px; color:#fff; border-radius:2px; background:#272729; padding:3px 5px 2px 5px; }

.bigmsg { position:absolute; display:none; left:0px; top:0px; background:linear-gradient(170deg, hsl(227, 41%, 20%), hsl(229, 36%, 13%)); outline:solid 1px #000; min-height:250px; width:550px; z-index:1501; box-shadow: 0px 0px 30px #000; border: solid 1px #333336; border-radius: 2px;}
.bigmsg_fancy { background:#170D18; outline:solid 1px #28282A; background-image:url('picx/background7g.jpg'); background-position:0px 33px; background-size: 570px; }
.bigmsg_title { background:#000; padding-left:10px; padding-top:2px; font-size:32px; line-height:41px; color:#FFF; height:41px; }
.bigmsg_content { position:relative; padding:20px; padding-bottom:26px; vertical-align:top; }
.bigmsg_close { position:absolute; top:0px; right:0px; background: #121213; width:43px; height:43px; font-size:28px; line-height:45px; text-align:center; cursor:pointer; }
.bigmsg_close:hover { background: #f70; color:#fff; }

.settings_panel::-webkit-scrollbar-thumb { background-color:#666; border-radius: 5px; border: solid 1px #777; }
.settings_panel::-webkit-scrollbar-thumb:hover { background-color:#777; border: solid 1px #888; }
.settings_panel::-webkit-scrollbar-thumb:active { background-color: #BD4E00; border: solid 1px #FF7700; }
.settings_icon { position:relative; width:80px; height:80px; color:#777; cursor:pointer; }
.settings_icon:hover { color:#999; }
.settings_icon_active, .settings_icon_active:hover { color:#F70; }
.settings_icon_text { width:80px; text-align:center; font-size:13px; }
.settings_title { font-size:28px; color:#FFF;  }

.link_botton_grey { display:inline-block; cursor:pointer; line-height:29px; padding:5px 12px 5px 12px; text-decoration:none; background:#333335; color:#CCC; border-radius:5px; }
.link_botton_grey:hover { background:#444; }
.link_botton_grey:active { background:#555; }
.link_botton_orange { display:inline-block;  cursor:pointer; line-height:29px; padding:5px 12px 5px 12px; text-decoration:none; background:#DE5E00; color:#FFF; border-radius:5px; }
.link_botton_orange:hover { background:#F66800; }
.link_botton_orange:active { background:#FF7611; }
.link_botton_green { display:inline-block;  cursor:pointer; line-height:29px; padding:5px 12px 5px 12px; text-decoration:none; background:#32BD30; color:#FFF; border-radius:5px; }
.link_botton_green:hover { background:#41CD3F; }
.link_botton_green:active { background:#50DC4D; }
.link_botton_settings { display:inline-block;  cursor:pointer; line-height:29px; padding:5px 12px 5px 12px; text-decoration:none; background:#5e5e5ea6; color:#FFF; border-radius:5px; }
.link_botton_settings:hover { background:#666c; }
.link_botton_settings:active { background:#777d; }
.settings_level { position:relative; color:#fff; padding-top:10px; cursor:pointer; font-size:19px; line-height:22px; }
.settings_level:hover { color:#F70;  }
.settings_level > a { visibility:hidden; }
.settings_level:hover > a { visibility:visible; }
.settings_block { display:block; cursor:pointer; text-align:center; background:rgba(255,255,255,0.05); border: 1.5px solid rgba(255,255,255,0.10); border-radius: 3px; color:#FFF; text-decoration:none; }
.settings_block:hover { background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.15);  }
.settings_block_active, .settings_block_active:hover { background:linear-gradient(#473517,#473517); border-color:#f70; }
.settings_block1 { width:200px; height:228px; }
.settings_block2 {  width:270px; height:174px; font-size:16px; }
.settings_block3 { width:200px; line-height:70px; color:#FFFC; font-size:19px; height:70px; }
.level_badge1 { display:inline-block; line-height:19px; padding:2px 8px; background:#32BD30; font-size:15px; border-radius:3px; color:#FFF; text-decoration:none; }
.level_badge1:hover { background:#41CD3F; }
.level_badge1:active { background:#50DC4D; }
.level_badge2 { display:block; line-height:15px; padding: 5px 8px 4px 8px; background:#32BD30; font-size:15px; border-radius:0px 2px 0px 4px; color:#FFF; text-decoration:none;  }
.level_badge2:hover { background:#41CD3F; }
.level_badge1:active { background:#50DC4D; }

.login1_loading { display:none; }
.login2_loading { display:none; }

.bpm_menu_close { cursor:pointer; stroke:#999; }
.bpm_menu_close:hover { stroke:#F70; }

.visu_container { position:fixed; height:100%; width:100%; }
.visu_visible { position:absolute; display:block;}
.visu_hidden { position:absolute; display:none; }

.video_container_hidden { display:none;  position:absolute; }
.video_container_tiny1 { display:block; position:absolute; z-index: 999; background:#000; width:480px; height:248px; top:69px; left: 0px; }
.video_container_tiny2 { display:block; position:absolute; z-index: 999; background:#000; width:480px; height:248px; top:69px; left: 800px; }
.video_container_tiny1_embed { display:block; position:absolute; z-index: 1999; background:#000; width:630px; height:400px; top:69px; left: 0px; }
.video_container_tiny2_embed { display:block; position:absolute; z-index: 1999; background:#000; width:630px; height:400px; top:69px; left: 650px; }

/* not used anymore */
.video_show_old { position:absolute !important; top: -42px !important;  left: -110px !important; width: 495px !important;  height: 288px !important;  }
.video_container_tiny1_old { display:block; position:absolute; z-index: 999; background:#000; width:261px; height:208px; top: 108px; left: 0px; clip: rect(0px,261px,208px,0px); }
.video_container_tiny2_old { display:block; position:absolute; z-index: 999; background:#000; width:261px; height:208px; top: 108px; left: 1020px; clip: rect(0px,261px,208px,0px); }
.video_link_old { cursor:pointer; opacity:0.7; pointer-events: auto; }
.video_link_old:hover { opacity:0.9; }

.vinyl1_compact { margin-left:24px; }
.vinyl2_compact { margin-left:-19px; }
.loop1_compact { margin-left:9px; }
.loop1_compact>#loopA1 { left: 33px !important; }
.loop1_compact>#loopB1 { left: 55px !important; width: 62px !important; }
.loop2_compact { margin-left:-9px; }
.loop2_compact>#loopC2 { left: 84px !important; }
.loop2_compact>#loopB2 { width: 62px !important; }
.backspin1_compact { left: 335px !important; }
.backspin2_compact { left: 61px !important; }

.policy { height: 35px; box-shadow: 0px 0px 20px 5px rgba(0,0,0,1); padding:20px; z-index:9999; width: 421px; background: #242628; border:solid 1px #303032; }

/* ICONS FONT */

@font-face {
    font-family: 'YdjIcon';
    src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2');
    font-weight: normal;
    font-style: normal;
}

.fa,.fas,.far,.fab {
  display: inline-block;
  font: normal normal normal 14px/1 YdjIcon;
  font-size: inherit;
}

.fa-facebook-f:before { content: "\f39e"; }  
.fa-google-plus-g:before { content: "\f0d5"; }  
.fa-at:before { content: "\f1fa"; }  
.fa-paper-plane:before { content: "\f1d8"; }  
.fa-user:before { content: "\f007"; }  
.fa-exclamation-triangle:before { content: "\f071"; }  
.fa-sign-out-alt:before { content: "\f2f5"; }  
.fa-user-plus:before { content: "\f234"; }  
.fa-key:before { content: "\f084"; }  
.fa-user-cog:before{content:"\f4fe"}
.fa-headphones:before{content:"\f025"}
.fa-download:before{content:"\f019"}
.fa-unlock:before{content:"\f09c"}
.fa-volume-up:before { content: "\f028"; }
.fa-midi:before{content:'\f029';}
.fa-search1:before{content:"\f002"}
.fa-search2:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-music:before{content:"\f001"}
.fa-star:before{content:"\f005"}
.fa-grin-alt:before{content:"\f581"}
.fa-sampler1:before{content:"\f00a"}
.fa-sampler2:before{content:"\f00b"}
.fa-genre:before{content:"\f00c"}
.fa-album:before{content:"\f00d"}
.fa-settings:before{content:"\f00c"}
.fa-chevron-left:before{content:"\f060"}
.fa-chevron-right:before{content:"\f061"}

.info_stuff { position:relative; padding:10px 0px 7px 0px; text-indent:10px; margin-bottom:5px; border-radius:2px; border: solid 1px #333; background:rgba(34,34,38,0.5); width:978px; line-height:22px; }

.green_blink { animation: green_blink 1.5s infinite steps(9); }

@keyframes green_blink {
    0% { background:#4BDA48; }
    10% { background:#35C432;}
    20% {   background:#4BDA48; }
    30% {   background:#35C432; }
    100% {  background:#35C432; }
}

.video_fullscreen_message:hover:after {
	content: "double click for fullscreen...";
	text-shadow: 0px 0px 5px #0008;
	color:#FFF6;
	position: absolute;
	pointer-events:none;
	left: 7px;
	top: 6px;
}

.fader_vumeter1 { background:url('picx/player9x.png') no-repeat; background-position:-488px -0px; width:21px; height:141px; }
.fader_vumeter2 { background:url('picx/player9x.png') no-repeat; background-position:-518px -0px; width:21px; height:141px; }
.crossfader_bg { background:url('picx/player9x.png') no-repeat; background-position:-140px -185px; width:195px; height:34px; }
.fader_bg { background:url('picx/player9x.png') no-repeat; background-position:-451px -0px; width:35px; height:170px; }

.bpm_button {
	display:block;
	color: #FFF;
	width: 100px;
	height: 28px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	border-radius: 2px;
	font-size:18px;
}

.bpm_button:hover { background: rgba(255, 255, 255, 0.1); }

.bpm_menu {
	background: #141416;
	border: 1px solid #2A2A2C;
	/*border-radius: 2px;*/
	z-index: 991;
	width: 310px; 
	height: 223px;
}

.bpm_menu:after {
	content: "";
	position: absolute;
	left: 148px;
	top: -6px;
	right: 13px;
	width: 10px;
	height: 10px;
	background: #000;
	border-top: 1px solid #2A2A2C;
	border-left: 1px solid #2A2A2C;
	transform: rotate(45deg);
}

.bpm_loading {
	display:inline-block;
    position:relative;
	left:-1px;
	top:3px;
	opacity:0.65;
	height:16px;
	width:16px;
	background: url(data:image/gif;base64,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cXVlcnknPmZ1bmN0aW9uLm15c3FsLXF1ZXJ5PC9hPl06IENhbid0IGNvbm5lY3QgdG8gbG9jYWwgTXlTUUwgc2VydmVyIHRocm91Z2ggc29ja2V0ICcvdmFyL3J1bi9teXNxbGQvbXlzcWxkLnNvY2snICgyKSBpbiA8Yj4vaG9tZS9hamF4bG9hZC93d3cvbGlicmFpcmllcy9jbGFzcy5teXNxbC5waHA8L2I+IG9uIGxpbmUgPGI+Njg8L2I+PGJyIC8+CjxiciAvPgo8Yj5XYXJuaW5nPC9iPjogIG15c3FsX3F1ZXJ5KCkgWzxhIGhyZWY9J2Z1bmN0aW9uLm15c3FsLXF1ZXJ5Jz5mdW5jdGlvbi5teXNxbC1xdWVyeTwvYT5dOiBBIGxpbmsgdG8gdGhlIHNlcnZlciBjb3VsZCBub3QgYmUgZXN0YWJsaXNoZWQgaW4gPGI+L2hvbWUvYWpheGxvYWQvd3d3L2xpYnJhaXJpZXMvY2xhc3MubXlzcWwucGhwPC9iPiBvbiBsaW5lIDxiPjY4PC9iPjxiciAvPgo8YnIgLz4KPGI+V2FybmluZzwvYj46ICBteXNxbF9xdWVyeSgpIFs8YSBocmVmPSdmdW5jdGlvbi5teXNxbC1xdWVyeSc+ZnVuY3Rpb24ubXlzcWwtcXVlcnk8L2E+XTogQ2FuJ3QgY29ubmVjdCB0byBsb2NhbCBNeVNRTCBzZXJ2ZXIgdGhyb3VnaCBzb2NrZXQgJy92YXIvcnVuL215c3FsZC9teXNxbGQuc29jaycgKDIpIGluIDxiPi9ob21lL2FqYXhsb2FkL3d3dy9saWJyYWlyaWVzL2NsYXNzLm15c3FsLnBocDwvYj4gb24gbGluZSA8Yj42ODwvYj48YnIgLz4KPGJyIC8+CjxiPldhcm5pbmc8L2I+OiAgbXlzcWxfcXVlcnkoKSBbPGEgaHJlZj0nZnVuY3Rpb24ubXlzcWwtcXVlcnknPmZ1bmN0aW9uLm15c3FsLXF1ZXJ5PC9hPl06IEEgbGluayB0byB0aGUgc2VydmVyIGNvdWxkIG5vdCBiZSBlc3RhYmxpc2hlZCBpbiA8Yj4vaG9tZS9hamF4bG9hZC93d3cvbGlicmFpcmllcy9jbGFzcy5teXNxbC5waHA8L2I+IG9uIGxpbmUgPGI+Njg8L2I+PGJyIC8+CjxiciAvPgo8Yj5XYXJuaW5nPC9iPjogIG15c3FsX3F1ZXJ5KCkgWzxhIGhyZWY9J2Z1bmN0aW9uLm15c3FsLXF1ZXJ5Jz5mdW5jdGlvbi5teXNxbC1xdWVyeTwvYT5dOiBDYW4ndCBjb25uZWN0IHRvIGxvY2FsIE15U1FMIHNlcnZlciB0aHJvdWdoIHNvY2tldCAnL3Zhci9ydW4vbXlzcWxkL215c3FsZC5zb2NrJyAoMikgaW4gPGI+L2hvbWUvYWpheGxvYWQvd3d3L2xpYnJhaXJpZXMvY2xhc3MubXlzcWwucGhwPC9iPiBvbiBsaW5lIDxiPjY4PC9iPjxiciAvPgo8YnIgLz4KPGI+V2FybmluZzwvYj46ICBteXNxbF9xdWVyeSgpIFs8YSBocmVmPSdmdW5jdGlvbi5teXNxbC1xdWVyeSc+ZnVuY3Rpb24ubXlzcWwtcXVlcnk8L2E+XTogQSBsaW5rIHRvIHRoZSBzZXJ2ZXIgY291bGQgbm90IGJlIGVzdGFibGlzaGVkIGluIDxiPi9ob21lL2FqYXhsb2FkL3d3dy9saWJyYWlyaWVzL2NsYXNzLm15c3FsLnBocDwvYj4gb24gbGluZSA8Yj42ODwvYj48YnIgLz4K) 0 0 no-repeat;
}

.song_text { font-size:10.75pt; text-transform: capitalize; text-rendering:optimizeSpeed; }
.time_text { color:#999; word-spacing:-2px; font-size:14px; text-rendering:optimizeSpeed; }

.time_hover1 { color: #FFF !important; }
.time_hover2 { color: #FFF !important; }

.song_security { animation: security_blink 1s infinite steps(1); background:#d10000; text-transform:none !important; }
.tag_security {  text-transform:none !important; font-size:13px; }

@keyframes security_blink { 50% { background:#0000; } }

.bpm_master { background:#333335;width:50px;height:30px; line-height:32px; cursor:pointer; font-size:20px;color:#FFF; text-align:center;}
.bpm_master:hover { background:#444446; }
.bpm_master:active { background:#555557; }
.bpm_master::placeholder {  font-size:20px;color:#FFF; }

.nextactive:active { background: #DE5E00 !important; color:#FFF !important; } 

.backspin { cursor: pointer; }
.backspin:hover, .backspin_active { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABACAMAAAB1NzTHAAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMA8KSCPPriNt0N5RGwcnduBM5KIlodCfzr2dW2qZB8YVVQJ/XfybyZlUIyZ2UsFpqiP9WMRAAAAhpJREFUSMfFltmCqjAMQKvsO8qmIiJed2ecm///udlKS6GlQ188zxxKkiYEjeE8vRip8P64nFwDvjDM8/VxQCIsNOB2caGH+6Hz9bnW++DABi526PB06Pr5bgZCZprD0Tt+Y8Io7n6oE9/bghTfG+jYv5vwB0y9p2N//4/N1HyX3nR9mWpb9rVGOtRBe0CHRZSgDkmwgA4Row/wLc718BlfrJ+IzHI/ASEV6UaIhAQGeUrn666FRrBMkn+Pp68zNEq2Ifnh6RWS4BF/z9FBk/mZ2YbpYH2abxnkSaxP84O2/xysT/Tb+odYn+jf267A+lS/vb/fd+cyGxJIsof1D6TGAtdOSabJP6jpCdbfkBrHX/2qqOOZelbUNdy2inqKp4aivoRfYjVdx7r3Cp1+/AtSRwv3mmtjdi+tesu8pGEXipljh9VFTaejsoMz9XAbUQ7lJp4WOdB57FUGwG5a2lft58bRzypZ0Fjkv8jOaWX7vkRuZ267X+T99gP7KbOfa8A0iPCf+InkbGL73ZrZgFmNxq+7gDkyc+adLKTGTli/OKSLWW8Bawq6kOqCo+liWgz28jeglDpHLnlLKaUugLIJD0xs4QYoBbZZGnYhd32tXt5uTa35LnQx9oKdxYY/cBSurc5cbm+9sfFvSo5eolHycCWWV2GOZOTRmi+vIyzL0KtBDPbVmjTJ6+ps/1RyZpdVnSEVYkc2AD8Be4zZeu/QSboAAAAASUVORK5CYII=') 10px 8px no-repeat; background-color: rgba(25,25,25,0.5); background-size: 45px 47px; }

.sync_blink { animation: sync_blink 1.5s infinite steps(9); }

@keyframes sync_blink {
    0% { background: #444446; }
    10% { background: #19191A; }
    20% {  background: #444446; }
    30% {  background: #19191A; }
    100% { background: #19191A; }
}

.color1 { color:#FF7700 !important; }
.color2 { color:#C70032 !important; }
.stroke1 { stroke:#FF7700 !important; }
.stroke2 { stroke:#C70032 !important; }
.background1 { background:#FF7700 !important; }
.background2 { background:#C70032 !important; }

.fullscreen_active { stroke:#F70 !important; fill: #F70 !important; }

.jumpcue1 { margin-top:4px; color:#000; font-size:11px; width:15px; line-height:12px; text-align:center; font-weight:500; }
.jumpcue2 { margin-top:4px; width:2px; height:32px; }