/* =================================================================================================================================================================================================== */
/* YOUDJ DESKTOP/WEB PLAYER CSS */
/* =================================================================================================================================================================================================== */

.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:8px; left:7px; 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:30px; color:#F44; font-size:13px; width:62px; text-align:left; line-height:33px; height:32px;  }
.recordbut:hover { background: #333;  }

.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);
	margin-left: -42px;
	width: 100px;
}

@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%; }

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

body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #000000;
	font: 15px/1.4em "Avenir";
	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(#AAA 0%, #43474C 1%, #3f4145 100%);
	text-align: center;
	line-height: 39px;
	border: solid 1px #000;
	text-decoration: none;
	filter: drop-shadow(0px 10px 10px #0003);
}

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

.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(#FFF 0%, hsl(28, 100%, 43%) 1%, hsl(28, 100%, 39%) 100%); }
.button_active2, .button_active2:hover, .button3b:active { background: linear-gradient(#FFF 0%, hsl(345, 100%, 39%) 1%, hsl(345, 100%, 35%) 100%); }
.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: radial-gradient(circle at top center, #3D2B46 0%, #2C213B 20%, #201830 100%); }
.gradient1x { background: linear-gradient(#181223 0%,#20182f 3%, #181223 100%); }

.gradient2 { background: linear-gradient(130deg, hsl(300, 39%, 15%) 0%, hsl(242, 41%, 19%) 100%); } /* BUGGGGG CHROME BEFORE = linear-gradient(130deg, hsl(300, 39%, 15%) 20%, hsl(242, 41%, 19%) 100%); */
.gradient2x { background: linear-gradient(#181223 0%,#211133 3%, #190e26 100%); }

.gradient3 { background: radial-gradient(circle at top center, #222426 0%, #202022 20%, #16181A 100%); }
.gradient3x { background: linear-gradient(#121212 0%,#191B1D 3%, #141618 100%); }

.gradient4 { background: linear-gradient(rgba(34,36,40,1), rgba(26,28,32,1)); }
.gradient4x { background: linear-gradient(#121212 0%,#191B1D 3%, #141618 100%); }

.gradientop { background: radial-gradient(circle at top center, #222 0%, #1110 100%); }
.gradientvisu { 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; background:#F804; border-color: #F708; }
.cropped { margin: 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.input::placeholder { color: #777; }
.input:hover { outline: none; border-color: #555 }
.input:focus { outline: none; border-color: #F708; }
input:focus { outline: none; border-color: #F708; }
input.search { padding-top:1px; text-indent:6px; font-size: 14px; color: #FFF;  height:24px; border-radius: 2px; border: solid 1px #333; background-color: transparent; }
input.search::placeholder { color: #999; }
input.search:focus { color: #F70; }
input.search:focus::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::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: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; }
.search_clear:hover { color:#F70; }
.search_clear:active { color:#FFF; }

.menu { box-sizing: border-box; border: 1px solid #8881; cursor:pointer; width:50px; height:50px; color:#555; fill:#555; background:rgba(42,42,46,0.5); text-indent:54px; line-height: 50px; text-decoration: none; overflow:hidden; white-space: nowrap; }
.menu:hover { background: rgba(68,68,72,0.5); color:#999; fill:#999; }
.menu_selected,.menu_selected:hover { border: 1px solid #F708; background: #F705 !important; color: #F70 !important; fill:#F70 !important;  }

.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; }

.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:162px; height: 40px; font-size:13.5px; line-height:40px; text-decoration: none; color: #FFF; background:rgba(34,34,38,0.5); border-top:solid 1px #181818; border-left:solid 1px #181818; padding-left:7px; }
.sampler:before { color:#6A6A6B; content: "► "; }
.sampler2 { border-bottom:solid 1px #181818; }

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

.sampler_active, .sampler_active:hover { color: #FFF !important; animation: flash 1s ease-out; background:linear-gradient(hsl(28, 100%, 43%), hsl(28, 100%, 39%)) }
.sampler_active:before, .sampler_active:hover:before { color:#FFF !important; content: "► "; }

@keyframes flash {
	0% { background:#fff; }
	100% { background:linear-gradient(hsl(28, 100%, 43%), hsl(28, 100%, 39%)); }
}

.sampler_off { color: #555; }
.sampler_off:before { content: ""; }
.sampler_off:hover:before { color:#01FF13; content: "MUST LOGIN "; }
.sampler_nope {}

.sampler_load {
	background: #FF6600 url(picx/loader2.gif) no-repeat !important;
	background-position: 142px 15px !important;
	color: #FFF !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;
}

.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; }
.crossfader_line { background:#444; width:2px; height:38.5px; }
.crossfader_area { background:#262429; border:#000 0.5px solid; border-radius:2px; height:39px; }

.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:12px; color:#777; }

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; }
a.ah { color:#999; text-decoration:underline; }
a.ah:hover { color:#FFF !important; }
a.ai { text-decoration:none; }
a.ai:hover { text-decoration:underline; color:#F70 !important; }

a.alink2 { text-decoration: none; }
a.alink2:hover { text-decoration: underline; }
a.alink1 { text-decoration:none; }
a.alink1:hover { text-decoration:underline; }
a.alink3 { text-decoration:none; color:#00AAFF; display:block; height:25px; }
a.alink3:hover { text-decoration:underline; color:#FFF !important; }
a.alink4 { text-decoration:underline; color:#999; }
a.alink4:hover { text-decoration:underline; color:#FFF !important; }
a.alink5 { text-decoration:none; color:#00AAFF; display:block; padding-left:6px; border:solid 1px #161618;background:#111; width:154px; height: 160px; line-height: 160px; text-align: center; background: #111; font-size: 18px; }
a.alink5:hover { text-decoration:underline; 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:80px;
	top:0px;
	width:1200px;
	height:100%;
	position:absolute;width:1230px;left:51px; overflow:hidden;
}

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

.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: 25px;
	cursor: pointer;
	background: #111113;
	text-align: center;
	line-height: 25px;
	border: solid 1px #212124;
	text-decoration: none;
	border-radius: 2px;
	font-size: 14px;
}

.butpro:hover {
	color: #CCC;
	background: #222224;
}

.butpro1:active {
    color: #FFF !important;
    background: linear-gradient(#E06900, #DD4F00);
}

.butpro2:active {
    color: #FFF !important;
    background: linear-gradient(#C80032, #B40033);
}

.butpro11, .butpro11:hover { color:#FF7700; }
.butpro22, .butpro22:hover { color:#FF0161; }

.butpro111 {
    color: #FFF !important;
    background: linear-gradient(#E06900, #DD4F00) !important;
}

.butpro222 {
    color: #FFF !important;
    background: linear-gradient(#C80032, #B40033) !important;
}

.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:154px;
	background: #181818;
}

.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:14px; width:1180px; }
.song_result { table-layout:fixed; text-rendering:optimizeSpeed; text-transform:capitalize; font-size:14px; width:1180px; }
.bpm_column { color:#F2F2F2; }

.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: #39a538; }
.loginbut3:hover { background: #40b43c; }
.loginbut3:active { background: #43be41; }
.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 {
	display:inline-block;
	min-width:90px;
	max-width:400px;
	border: 1px solid #5A5A5C;
	background:#464648;
	padding:10px;
	border-radius:2px;
	box-shadow: 0px 0px 15px #222;
	font-size:14px;
	color:#FFF;
	text-align: center;
}

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

.tooltip {
	display:inline-block;
	min-width:90px;
	max-width:400px;
	border: 1px solid #5A5A5C;
	background:#464648;
	padding:10px;
	border-radius:2px;
	box-shadow: 0px 0px 15px #222;
	font-size:14px;
	color:#FFF;
	text-align: center;
}

.tooltipBig { text-align:left; width:400px; }

.tooltipMenu { text-align:left; margin-top: -59px; }
.tooltipMenu:after{
	content: "";
	position: absolute;
	left: -6.5px;
   top: 35%;
	right: 13px;
	width: 10px;
	height: 10px;
	background: #46484A;
	border-top: 1px solid #5A5A5C;
	border-left: 1px solid #5A5A5C;
	transform: rotate(315deg);
}

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

.tooltipTuto { transition:top 1s, left 1s; border-radius:4px; text-align:left; text-shadow:0px 0px 5px #0006; background:#279724; padding:20px 18px; font-size:16px; }
.tooltipTuto:after { background:#279724; }

.tuto_blink { animation: tuto_blink 0.7s infinite steps(30); }

@keyframes tuto_blink {
	0% { filter:brightness(1) contrast(1); }
	5% { filter:brightness(2) contrast(0.9); }
	100% { filter:brightness(1) contrast(1); }
}

.buy_blink { animation: buy_blink 1.5s infinite steps(30); }

@keyframes buy_blink {
    0% { filter:brightness(1.2); }
    10% { filter:brightness(1); }
    20% { filter:brightness(1.2); }
    30% { filter:brightness(1); }
    100% { filter:brightness(1); }
}


.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);
}

.tiktok_button
{
	position: relative;
	    display: block;
	    width: 280px;
	    height: 62px;
	    border-radius: 24px;
	    padding-left: 103px;
	    padding-top: 18px;
	    color: #FFF;
	    font-size: 24px;
	    text-decoration: none;
	    box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
	    background: linear-gradient(#35C432,#30B92D);
}

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

.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:#666; opacity:0.5; }
.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: #33333599; }

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

.fav-folders {
  position: absolute;
  top: 33px;
  left: 0px;
  height: calc(100% - 33px);
  overflow-y: scroll;
  overflow-x: hidden;
  background:#2a2a2e50;
}

.artist-desc::-webkit-scrollbar { width: 5px; }
.artist-desc::-webkit-scrollbar-track { background-color: #333; border:none;}
.artist-desc::-webkit-scrollbar-thumb { background-color: #F70; border:none; border-radius: 0px; }
.artist-desc::-webkit-scrollbar-thumb:hover { background-color: #777; }
.artist-desc::-webkit-scrollbar-thumb:active { background-color: #F70; }

.fav-tracks {
  position: absolute;
  top: 33px;
  left: 229px;
  width: 983px;
  height: calc(100% - 33px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.fav-info {
  position: absolute;
  top: 33px;
  left: 229px;
 }

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

.fav-folder { position:relative; text-align: left; cursor: pointer; font-size: 13px; color: #FFF; padding: 10px 2px; width: 194px; }
.fav-folder span { cursor: pointer; display: inline-block; position: relative; }
.fav-folder:hover { background:rgba(42,42,46,0.5); }
.fav_selected { color: #F70; text-decoration:underline; }

.fav-count { position: absolute; top: 15px; right: 26px;  text-align: right; font-size:13px; color:#999; }
.fav-del1 { position: absolute; color:#CCC; top: 13px; right: 1px; text-align: center; font-size: 16px; padding: 2px 5px; font-weight:bold; }
.fav-del1:hover { color:#F70; }
.fav-del2 { cursor:pointer; color:#CCC; text-align:center; font-size: 17px; padding: 0px 2px; font-weight:bold; }
.fav-del2:hover { color:#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; }

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

.fav-notify {
	 color: #fff;
    border-radius: 9px;
    padding-left: 5px;
    padding-right: 6px;
    height: 18px;
    position: absolute;
    background: #ff0606;
    display: none;
	 font-family:Arial;
    text-align: center;
	 text-indent: 0px;
	 line-height: 19px;
    left: 29px;
    top: 30px;
}

.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;  }

.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; }
.tdmidi1 { color:#F70; }
.tdmidi2 { color:#CCC; }

.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; min-width:165px; 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: #fff1; 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 #F70; }

.settings_icon { display:inline-block; color:#FFF; cursor:pointer; padding:15px 20px; font-size:20px; position: relative; width: fit-content; }
.settings_icon:hover, .settings_icon_active { color:#F70; }
.settings_icon:hover::after, .settings_icon_active::after { content: ""; width: 100%; height: 3px; background: #F70; position: absolute; bottom: 5px; left: 0; }
.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 { position:relative; width:792px; padding:20px; margin-bottom:8px; text-align:left; font-size:18px; }
.settings_block1 > span { position:absolute; left:500px; top:1px; font-size:13px; line-height:20px; margin-top:10px; color:#888; }
.settings_block2 {  width:270px; height:174px; font-size:16px; }
.settings_block3 { width:200px; line-height:70px; color:#FFFC; font-size:19px; height:70px; }
.settings_block4 { width:410px; height:200px; }
.settings_block5 { background:#000;line-height:30px;padding:20px;width:370px;height:248px; }
.settings_block5:hover { background:#000; }
.settings_block6 { display:inline-block; width:248px; line-height:56px; font-size:19px; height:56px; }
.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:275px; top:42px; left: 0px; }
.video_container_tiny2 { display:block; position:absolute; z-index: 999; background:#000; width:480px; height:275px; top:42px; left: 800px; }

.video_show_full { position:absolute !important; top: -42px !important;  left: -110px !important; width: 495px !important;  height: 288px !important;  }
.video_container_tiny1_full { display:block; position:absolute; z-index: 999; background:#000; width:260px; height:210px; top: 106px; left: -1px; clip: rect(0px,258px,210px,0px); }
.video_container_tiny2_full { display:block; position:absolute; z-index: 999; background:#000; width:260px; height:210px; top: 106px; left: 1023px; clip: rect(0px,258px,210px,0px); }
.video_border_tiny1_full { display:block; border:solid 1px #000; cursor:pointer; position:absolute; width:256px; height:208px; top: 0px; left: 0px; }
.video_border_tiny2_full { display:block; border:solid 1px #000; cursor:pointer; position:absolute; width:256px; height:208px; top: 0px; left: 0px; }
.video_link_full { cursor:pointer; opacity:0.7; pointer-events: auto; }
.video_link_full: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; }

.play1_compact>#play1a1 { left:58px !important; }
.play1_compact>#play1a2 { left:58px !important; }
.play2_compact>#play2a1 { left:19.5px !important; }
.play2_compact>#play2a2 { left:19.5px !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: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"}
.fa-sort:before{content:"\f160"}
.fa-bars:before{content:"\f0c9"}
.fa-list:before{content:"\f03a"}
.fa-users:before{content:"\f0c0"}
.fa-play:before{content:"\f04b"}
.fa-folder:before {content:"\f07b"}
.fa-folder-open {color:#999;font-size:13px;padding-right:8px;}
.fa-folder-open:before{content: "\f07c"}

.info_stuff { position:relative; padding:10px 0px 7px 0px; text-indent:10px; margin-bottom:5px; border-radius:2px; border: solid 1px #333; background:#2a2a2C; width:965px; 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_hover_message:hover:after {
	content: "click to move the video (show fx)";
	text-shadow: 0px 0px 5px #0008;
	color:#FFF;
	position: absolute;
	pointer-events:none;
	left: 7px;
	top: 6px;
}

.fader_vumeter1 { background:url('picx/player9x.png') no-repeat; background-position:-488px -15px; width:21px; height:131px; }
.fader_vumeter2 { background:url('picx/player9x.png') no-repeat; background-position:-518px -15px; width:21px; height:131px; }
.fader_vumeter3 { background:url('picx/player9x.png') no-repeat; background-position:-548px -15px; width:21px; height:131px; }
.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:157px; }

.fader_cursor {}
.fader_cursor_active1 > svg:nth-child(2n) { opacity:0; }
.fader_cursor_active2 > svg:nth-child(2n) { opacity:0; }

.crossfader_cursor {}
.crossfader_cursor_active1 > svg:nth-child(3n) { opacity:0; }
.crossfader_cursor_active2 > svg:nth-child(2n) { opacity:0; }

.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_button_value { font-weight:bold; }

.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: #F70 !important; }
.time_hover2 { color: #F22 !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; padding: 0px 4px; line-height:12px; text-align:center; font-weight:500; }
.jumpcue2 { margin-top:4px; width:2px; height:32px; }

.topbutton { fill:#808183; cursor:pointer; }
.topbutton:hover { fill:#F70; color:#F70; background:#333; }
.topbutton_active { fill:#F70 !important; }
.topbutton2 { display:inline-block; height:32px; line-height:32px; text-decoration:none; padding:0 8px; }
.topbutton3:hover { color:#FFF !important; font-weight:bold; background: #30B92D !important; } .topbutton3:hover::after {content:' (it is free!)'}

.topbutton4 { color:#F70; }
.topbutton4:hover { background:#F70; color:#FFF; }
.topbutton4>i { color:#F70; }
.topbutton4:hover>i { color:#FFF; }

particle { position: fixed; z-index:99999; left: 0; top: 0; pointer-events: none; opacity: 0; }

.new_row { font-size:14px; }
.new_row:hover .new_load_player1 { color:#FFF !important; background:#333; }
.new_row:hover .new_load_player2 { color:#FFF !important; background:#333; }
.new_row_dead { opacity:0.5 !important; }

.new_icon { padding:0 10px; cursor: pointer; height:30px; }
.new_icon:hover { color:#BBB; }
.new_icon:active { color:#F70; }
.new_icon_unactive { opacity:0.4; pointer-events:none; }

.new_load_player1_active,.new_load_player1a:active,.new_load_player1b:active,.new_load_player1c:active { background:#FF5D00 !important; color:#FFF !important; opacity:1 !important; }
.new_load_player2_active,.new_load_player2a:active,.new_load_player2b:active,.new_load_player2c:active { background:#D70046 !important; color:#FFF !important; opacity:1 !important; }

.new_load_player1a { display:block; height:23px; width:28px; padding-top:0px; text-align:center; background:#1A1A1C; border-radius:3px 0 0 3px; font-size: 24px; color:#6B6B6D; }
.new_load_player2a { display:block; height:23px; width:28px; padding-top:0px; text-align:center; background:#1A1A1C; border-radius:0 3px 3px 0; font-size: 24px; color:#6B6B6D; }

.new_load_player1b { width:81px; height:101px; background:#FFFFFF18; padding-top:60px; text-align:center; opacity:0; font-size:26px; color:#FFF; text-decoration: none; } .new_load_player1b:hover { opacity:1; }
.new_load_player2b { width:80px; height:101px; background:#FFFFFF18; padding-top:60px; text-align:center; opacity:0; font-size:26px; color:#FFF; text-decoration: none; } .new_load_player2b:hover { opacity:1; }

.new_load_player1c { width:81px; height:85px; background:#FFFFFF18; padding-top:45px; text-align:center; opacity:0; font-size:26px; color:#FFF; text-decoration: none; } .new_load_player1c:hover { opacity:1; }
.new_load_player2c { width:80px; height:85px; background:#FFFFFF18; padding-top:45px; text-align:center; opacity:0; font-size:26px; color:#FFF; text-decoration: none; } .new_load_player2c:hover { opacity:1; }

.new_load_artist { cursor:pointer; }
.new_load_artist:hover > img { filter:brightness(1.25); }
.new_load_artist:hover > div { text-decoration:underline !important; }

.new_menu { padding-left:18px; width:182px; cursor:pointer; position:relative; }
.new_menu:hover { background:rgba(42,42,46,0.5); }
.new_menu_active *,.new_menu:active { color:#F70 !important; text-decoration:underline !important; }

.jump_blink { color:#FFF !important; }
.hidethis  { display:none !important; }

.newsearch_splash { top: 120px !important; left: 560px !important;  }
.newsearch_splash>input { border-color:#F709 !important; width:317px !important; }

.loading { margin-top: 5px; }
.loading2 { position: fixed; left:calc(50% - 379px); bottom:0px; background: #000; padding: 2px 5px; z-index:9999; }

.wave_gradient { background: linear-gradient(rgba(0, 0, 0, 0.267) 70%, rgba(0, 0, 0, 0.333) 100%); border-bottom: 1px solid rgb(0, 0, 0); }
.musicmenu { background:#2a2a2e50; overflow-y:scroll; }

.histback { position:absolute; top:-3px; background:#FFFFFF20; border-radius:3px; cursor: pointer; }
.histback:hover { background:#444; }
.histback:active { background:#f70; }

.bpmopt { cursor:pointer; line-height:32px; color:#01FF13; border-top:solid 1px #444; background:#333335; }
.bpmopt:hover { background:#444; }
.bpmopt_off { color:#999; background:#222; border-color:#333; }

.mainx {  background:#000; width:251px !important; height:368px; transition: width 0.2s; box-shadow: 0 0 20px 10px #000; }
.mainx > .menu {  width:249px !important; color:#AAA; fill:#AAA; font-size:16px; transition: width 0.2s; }
.mainx > .menu:hover { background:#222224; color:#BBB; fill:#BBB; }
.mainx > svg { transform:scaleX(4.98);transform-origin: 0 0;transition: transform 0.2s; }

.avatar { display:inline-block; cursor:pointer; border-radius:8px; border:solid 2px #2225; margin:3px; background:#222; width:109px; height:109px; }
.avatar:hover { border-color: #444;  }
.avatar:active, .avatar_selected { border-color: #F70 !important; }

.ranking1 { background:#FFF1;display:inline-table;width:227.5px;height:120px;border-radius:8px;border:solid 2px #FFF1;margin-right: 3px;text-align:center;margin-bottom:10px;color:#FFF9; }
.ranking1:hover { border-color: #F70; background:#F704; }
.ranking2 { display: table-cell;vertical-align: middle;text-align: center;font-size:30px;padding-top:5px; }
.ranking3 { font-size:11px;color:#FFF5;margin-top:10px; }

.avatar_pic { border-radius:6px; border:1px solid #555; margin-top:9px; background:#0008; }
.avatar_pic:hover {  border-color:#F70;}
.avatar_pic::after {}

select { font-family: 'Avenir'; padding:5px;background:#FFF2;color:#F70;font-size: 16px; }

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

@keyframes bpm_button_blink {
    0% { color: #FFF; }
    10% { color: #F70; }
    20% {  color: #FFF; }
    30% {  color: #F70; }
    100% { color: #F70; }
}

.greycolor { color:#999; }
.newlink { display:block !important; font-size:12px; width: 45px; height:20px; line-height:20px; border-radius:2px; letter-spacing:-0.5px; color:#FFF; text-decoration:none; background:#666; }


.side_button
{
	display:inline-block;
	position:relative;
	top: -4px;
	font-size:14px;
	border-radius:2px;
	color:#CCC;
	text-decoration:none;
	text-align:left;
	padding-left: 12px;
	line-height:29px;
	height:28px;
	white-space: nowrap;
	padding-right:11px;
	background:#202022;
	margin-left:10px;
}

.sampler_button
{
	background:linear-gradient(#35C432,#30B92D);
	padding-left: 26px;
	padding-right:8px;
	color:#FFF;
}

.sampler_button:hover { background:linear-gradient(#4BDA48,#47D044); }
.automix_button {}
.automix_button:hover { color:#F70; background:#333335; }
.stream_button { color:#01FF13; }
.stream_button:hover { background:#30B92D; color:#FFF; }
.automix_button_active, .automix_button_active:hover { color:#FFF; background:#eb6e00; }

.sfx1_area_enable { border-color: #F707 !important; }
.sfx2_area_enable { border-color: #C7003299 !important; }
.sfx1_text_enable { display: block !important; }
.sfx2_text_enable { display: block !important; }

.automix_bar { cursor:pointer; display:table; border: solid 1px #FFF1; border-radius: 32px; background:#FFF2; text-shadow:0 0 5px rgba(0,0,0,0.2); }
.automix_dot1 { display:inline-block; color:#999; height:31px; line-height:31px; padding:0 15px 0 15px; border-radius: 30px; }
.automix_dot2 { display:inline-block; color:#FFF; background:#F70; height:31px; line-height:31px; padding:0 15px 0 15px; border-radius: 30px; }