/* -- 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; }

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

.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: #0A0A0A; }
    50% { color: #FF7700; }
}

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

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: #271738;
    position:absolute;
    font: 14px/1.3em "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;
    text-size-adjust: none;
    tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    opacity: 0.01;
}

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

.settingspanel::-webkit-scrollbar-thumb { background-color:#666; border-radius: 5px; border: solid 1px #777; }
.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; }

@-webkit-keyframes autofill {
    to {
        color: #F70;
        background-color: #38383A;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

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:14px;
    vertical-align:middle;
    cursor:pointer;
    background:url('picx/all10o.png') -72px -101px no-repeat;
    color:#999;
}

.big_bg {
    z-index:1500;
    width:2000px;
    height:1000px;
    background:#000;
    opacity:1;
}


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

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

.button3 {}

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

.make_active1:active { background: linear-gradient(#E06900, #DD4F00) !important; }
.make_active2:active { background: linear-gradient(#C80032, #B40033) !important; }
.make_active3:active { background: #333 !important; }
.make_active1b:active { color: #FF7700 !important; }
.make_active2b:active { color: #FF0149 !important; }

.button_active1, .button_active1:hover  { background: linear-gradient(#E06900, #DD4F00); }
.button_active2, .button_active2:hover  { background: linear-gradient(#C80032, #B40033); }

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

.prox1 { transform: scale(1.3, 0.7) rotate(90deg); letter-spacing: 3px; }
.prox2 { cursor: pointer; font-size:17px; width:19px; height:24px; text-align: left; color:#999; padding: 7px 0 0 5px; }
.prox2:hover { color:#CCC; }
.prox2:active { color:#F80; }

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

.video_full { position:fixed !important; width: 1500px; height: 1100px; top: 0px; left: 0px; }
.video_tiny { position:absolute !important; top: -33px !important;  left: -127px !important; width: 486px !important;  height: 273px !important;  }
.video_container_hidden { position:fixed !important; z-index: -999; top: -2000px !important; left: -2000px !important; opacity: 0; }
.video_container_full { position:fixed !important; z-index: 0; top: 0px !important; left: 0px !important; background:#111; opacity: 1; }
.video_container_tiny1 { position:absolute !important; z-index: 999; background:#2B2B2D; width:230px; height:207px; top: 50px; left: 0px; clip: rect(0px,230px,207px,0px); opacity: 1; }
.video_container_tiny2 { position:absolute !important; z-index: 999; background:#2B2B2D; width:230px; height:207px; top: 50px; left: 275px; clip: rect(0px,230px,207px,0px); opacity: 1; }
.video_container_tinydual { position:absolute !important; z-index: 999; background:#2B2B2D; width:220px; height:207px; top: 0px; left: 0px; clip: rect(0px,220px,200px,0px); opacity: 1; }
.video_container_closedual { border:solid 1px #000; background:rgba(11,11,11,0.5); width:220px; height:200px; z-index: 1001; opacity:0; cursor: pointer; line-height:206px; text-align:center; }
.video_container_closedual:hover { border-color:#555; 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; text-overflow:ellipsis; }
.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.input_fav_active {
   display:inline-block !important;
   border-color: #bb5a04 !important;
   background: #2f1600 !important;
 }
input.input_fav {
   display:none;
    width: 248px;
    padding-left: 7px;
    height: 22px;
    border: none;
    border-bottom: solid 1.5px #8C4200;
    border-radius:0px;
    background: #000;
    color: #FFF;
    font-size: 12px;
    margin-top: -39px;
    padding-top: 40px;
    background: #1b1b1d;
}
input.input_fav::-webkit-input-placeholder { color: #666; }
input.input_fav:-moz-placeholder { color: #666; }

.menu { color:#666668; fill:#666668; text-align:center; height:50px; width:63px; }
.menu > span { color:#999; font-size:10px; }
.menu_selected { color: #33c904 !important; fill: #33c904 !important; background:linear-gradient(#333335,#18181A) !important; }
.menu_selected > span { color: #33c904 !important; }

.bubble { display:inline-block; height:30px; margin-bottom:10px; line-height:30px; margin-left:10px; background:#1B1B1D; color: #999; white-space: nowrap; text-decoration: none; border-radius: 4px; font-size: 14px; padding-left: 16px; padding-right: 16px; }
.bubble:active { background: #333; color:#F70; }
.bubble_selected { background: #F70; color:#FFF; }

.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: -121px -52px; }
.favorites1:hover { background-position: -143px -52px; }
.favorites1:active { background-position: -165px -52px; }
.favorites2 { display: block; width:24px; height: 22px; background-image: url('picx/all10o.png'); background-repeat: no-repeat; background-position: -165px -52px; }

.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') -413px -1px no-repeat; }
.favedit:hover { background-position: -413px  -22px; }
.favdel { display: block; width:16px; height: 16px; background: url('picx/all10o.png') -394px -1px no-repeat; }
.favdel:hover { background-position: -394px  -17px; }

.fav-notify { color: #fff; border-radius: 9px; height: 18px; width: 18px; position: absolute; background: #ff0606; text-align: center; left: 30px; top: 30px; }

.new_load_player1 { display:block; height:27px; width:38px; padding-top:4px; text-align:center; background:#1A1A1C; border-radius:4px 0 0 4px; font-size: 24px; color:#6B6B6D; }
.new_load_player1_active,.new_load_player1:active { background:#FF5D00 !important; color:#FFFFFF !important; }

.new_load_player2 { display:block; height:27px; width:38px; padding-top:4px; text-align:center; background:#1A1A1C; border-radius:0 4px 4px 0; font-size: 24px; color:#6B6B6D; }
.new_load_player2_active,.new_load_player2:active { background:#D70046 !important; color:#FFFFFF !important; }

.new_load_player_folder { display: inline; text-decoration:none; color:#F70; width:auto; height:auto; }
.new_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 { font-size: 13px; width:69px; height:46px; font-size:10px; line-height:13px; color: #FFF; background:#111113; border: solid 0.75px #1C1C1D; border-radius:0px; word-spacing:-1px; }
.sampler_active { animation: flash 1s ease-out; background:#DD5900; color: #FFF !important; border-color: #EE5500; }
.sampler_off { color: #555; }

@keyframes flash {
    0% { background:#FFF; border-color: #fff; }
    100% { background:#DD5900; border-color: #e50; }
}

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

.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/player9.png') no-repeat; background-position: -630px -16px; width:200px; height:150px; }
.sfx_select { background:url('picx/player9.png') no-repeat; background-position:-78px -275px; width:11px; height:8px; }
.sfx_link { background:url('picx/player9.png') no-repeat; background-position:-134px -268px; width:4px; height:15px; }
.sfx_pointer { background:url('picx/player9.png') no-repeat; background-position:-358px -189px; width:29px; height:28px; image-rendering: crisp-edges; }

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

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

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

.eqa { background:url('picx/knobs.png') no-repeat; background-position: -921px -8px; width: 40px; height: 35px; }
.eqb { opacity:0.2; height:23px; width:23px; border-radius:12px; background: transparent; }
.eqc { width:40px; font-size:12px; color:#555; text-align:center; cursor:default; }

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

a.aa { text-decoration: none; }
a.aa:active { text-decoration: underline; }
a.ab { text-decoration:underline; }
a.ab:active { color:#F70 !important; }
a.ac { color:#01FF13; text-decoration:underline; }
a.ac:active { color:#88FF88; }
a.ad { text-decoration:none; }
a.ad:active { color:#F70 !important; }
a.ae { text-decoration:none; color:#999; }
a.ae:active { text-decoration:underline; color:#F70 !important; }
a.af { text-decoration:none; color:#F70; }
a.af:active { 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; }

.fbbut { background: url('picx/all10o.png') -247px 4px no-repeat; width:60px; height:30px; }
.beatvisu { background:url('picx/player9.png') -216px -272px no-repeat; width:102px; height:9px; }

.panel_new {
    display:block;
    position:absolute;
    left:0px; top:0px;
    margin-left:4px;
    width:530px;
    height:203px;
    overflow-y:scroll;
    overflow-x:hidden;
     -webkit-overflow-scrolling:touch;
    /* transform: translate3d(0,0,0); */
}

.panel_new::-webkit-scrollbar { display: none; }

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

.panel_hide2 {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

.mpanel_hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

.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: 34px;
    width: 99px;
    cursor: pointer;
    background: #111113;
    text-align: center;
    line-height: 34px;
    border: solid 1px #090909;
    text-decoration: none;
    font-size: 13px;
    text-indent:0px;
}

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

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

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

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

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

.butsfxp  {
    color: #555;
    width: 100px;
    height: 22px;
    cursor: pointer;
    background: #111113;
    text-align: left;
    text-indent: 2.5px;
    line-height: 27px;
    border: solid 1px #090909;
    text-decoration: none;
    font-size: 10px;
}

.butsfx {
    color: #999;
    width: 100px;
    height: 22px;
    cursor: pointer;
    background: #111113;
    text-align: left;
    text-indent: 5px;
    line-height: 27px;
    border: solid 1px #090909;
    text-decoration: none;
    font-size: 11px;
}

.butsfx:hover {}

.butsfxa1,.butsfxa1:hover {
    color: #FFF;
    background: linear-gradient(#E06900, #DD4F00);
}

.butsfxa2,.butsfxa2:hover {
    color: #FFF;
    background: linear-gradient(#C80032, #B40033);
}

.butloop { position:absolute; font-size:13px; line-height:40px; height:41px; width:99px; text-indent:0px !important; text-align:center; }

.pro_board_clip { clip:rect(0px,205px,166px,0px); width:205px; height:166px; pointer-events:none; }

.pro_board {
    transition: transform 0.2s ease;
    width:203px;
    height:166px;
    border-radius:0 2px 2px 0;
    background: #211736;
    transform:translate3d(0,0,0);
    pointer-events: auto;
}

.boost {
    transform: translate3d(0,0,0);
}

.notrans { transition: none !important; }

.pro_unlock {
    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 {
    color:#01FF13;
    text-shadow: 0 0 15px rgba(0,0,0,1);
    font-size: 20px;
    text-align:center;
    opacity:0;
    width:366px;
    height:97px;
    line-height:97px;
    background: rgba(16,16,18,0.4);
    text-decoration:none;
}
.sfx_unlock:hover {
    opacity:1;
}

.grab_cursor
{
    cursor: pointer; cursor: -webkit-grab; cursor: -moz-grab;
}

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

.rowww2 { float:left; 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/player9.png') -270px -96px no-repeat;
    background-size:340px 119px;
}

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

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

.loginbut {
    margin-top:3px;
    display: inline-block;
    width: 242px;
    height: 50px;
    border-radius: 2px;
    text-indent: 7px;
    font-size: 17px;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

.loginbut1 { background: #3B5998; }
.loginbut1:active { background: #5371B0; }
.loginbut2 { background: #D54841; }
.loginbut2:active { background: #ED6059; }
.loginbut3 { background: #579144; }
.loginbut3:active { background: #6FA95C; }
.loginbut4 { background: #555555; }
.loginbut4:active { background: #6D6D6D; }
.loginerror { margin-top:10px; overflow:hidden; color:#F00; font-size:12px; width:492px; height:38px; }
.loginerror > br { display:none; }

.logininput { display:inline-block; position:relative; margin-top:3px;}
.logininput > i { color:#666; }
.logininput:hover > input { outline: none; border-color: #555; }
.logininput > input {
    display:inline-block;
    width: 240px;
    height: 45px;
    border-radius: 2px;
    text-indent: 38px;
    font-size: 14px;
    line-height: 45px;
    cursor: pointer;
    border: solid 1px #383840;
    background: #303032;
    color:#FFF;
}

.sfx_panel {
    position: absolute;
    display: block;
    width: 204px;
    height: 168px;
    color: #FFFFFF;
}

.sfx_panel_iframe:after { top:159px !important; transform: rotate(225deg) !important; }

.sfx_panel2:after { left: 338px; }

.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; top:2px; display:inline-block; color:#999; padding:5px 5px 5px 7px; font-size:18px; }
.info1:active { color:#F70; }

.info2 { position:relative; top:2px; display:inline-block; color:#999; text-indent:8px; font-size:18px; }
.info2:active { color:#F70; }

.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: #464648;
    border-top: 1px solid #5A5A5C;
    border-left: 1px solid #5A5A5C;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.tooltip1:after{ left: 13%; }
.tooltip2:after{ left: 72%; }

.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;
    display:inline-block;
    position:relative;
    border-radius:3px;
    color:#fff;
    text-decoration:none;
    font-size:22px;
    background:linear-gradient(#35C432,#30B92D);
    text-align:center;
    text-shadow:0 0 5px rgba(0,0,0,0.1);
    height:21px;
    line-height:21px;
    padding: 13px 13px;
}


.shop_button:active
{
    text-decoration:none;
    background: #50DC4D;
}

.shop_button_restore
{
    color:#999;
    font-size:14px;
    line-height:23px;
    border: solid 1px #FFF2;
    background: #FFF1;
}

.shop_button_restore:active
{
    color:#999;
    border:solid 1px #FFF3;
    background: #FFF2;
}

.shop_button_goodies
{
    font-size:15px !important;
    border-radius:50px !important;
    margin-top:8px !important;
    padding:0px !important;
    width:93px !important;
    line-height:31px !important;
    height:29px !important;
}

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


/* SORTABLE */
/*.draggable { cursor: auto; }*/
.cursor { cursor: default; }
.over { border-top: 1px solid #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: relative;
  margin-top:2px;
  margin-bottom:3px;
  left: 0px;
  height:30px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
}

.fav-tracks {
  position: relative;
  top: 0px;
  left: 0px;
}

.fav-empty {
    text-indent:2px;
    text-transform:none;
}

.no-result{
    text-indent:2px;
    text-transform:none;
    color:#f70;
}

.fav-bubble { font-size:12px; background:#404042; display:inline-block; padding:3px 8px 2px 8px; margin-right:5px; border-radius:15px; text-decoration:none; }
.fav-bubble-selected { color:#FFF; background:#F70; }

.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;
    width: 174px;
    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; }
.fav_table { padding-left: -5px; text-transform: capitalize; }

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

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

.badge_none { pointer-events:none; }
.badge_edit:hover { border:none; font-size:20px; top:1px; left:3px; }
.badge_edit:hover span { display: none; }
.badge_edit:hover:after { content: 'X'; }

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

.no-show { 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;  }

.eqfader_line { height:2px; width:44px; background:#444; }
.eqfader_area { background:#262429; border:solid 0.75px #000; border-radius: 0 0 2px 2px; height:140px; width:44px; }
.eqfader_label { width:44px; line-height:20px; height:24px; background:#111; border: solid 0.75px #000; border-radius:2px 2px 0 0; color:#FFF; font-size: 12px; text-align:center; }
.eqfader_cursor { background:linear-gradient(#53555A,#47494C); height:20px; width:44px; border:solid 0.75px #000; border-radius:3px; transform:translate3d(0,0,0); }
.eqfader_cursor_active1 { background:linear-gradient(#E06900, #DD4F00); }
.eqfader_cursor_active2 { background:linear-gradient(#D33C4F, #C01A3C); }

.fader_area { background:#262429; border:#000 0.75px solid; border-radius:2px; width:39px; height:89px; }
.fader_cursor { width:39px; height:19px; border:#000 0.75px solid; background:#444; border-radius:4px; transform:translate3d(0,0,0); }
.fader_cursor>div { width:37.5px; height:11px; border:#8A8A8B 0.75px 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(#D4863D,#BD5F1B 80%); border:#CC7E35 0.75px solid; }
.fader_cursor_active2>div { background:linear-gradient(#D33C4F,#C01A3C 80%); border:#D33C4F 0.75px solid; }

.crossfader_line { background:#444; width:2px; height:38.5px; }
.crossfader_area { background:#262429; border:#000 0.75px solid; border-radius:2px; height:39px; }
.crossfader_cursor { width:19px; height:39px; border:#000 0.75px solid; background:#444; border-radius:4px; transform:translate3d(0,0,0); }
.crossfader_cursor>div { width:11px; height:38px; border:#8A8A8B 0.75px 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%,#D4863D); border:#CC7E35 0.75px solid; }
.crossfader_cursor_active2>div { background:linear-gradient(90deg,#C01A3C 20%,#D33C4F); border:#D33C4F 0.75px solid; }

.cuemode1 { margin-left:5px; }
.cuemode1>#play1a1,.cuemode1>#play1a2 { left:40.5px !important; }

.cuemode2 { margin-left:-5px; }
.cuemode2>#play2a1,.cuemode2>#play2a2 { left:19.5px !important; }

.bpmbutton { background:#262429; height:31px; color: #FFF; border:#000D 0.75px solid; width:84px; text-indent:12px; font-size: 17px; text-align: center; line-height: 32px; border-radius: 2px; }
.bpmbutton:active { background:#2F2F32; }
.eqbutton { background:#262429; height:32px; width:42px; border-radius: 2px; color:#EEE; border:#000 0.75px solid; text-indent:0px; line-height:32px; text-align:center; }
.eqbutton_active1 { background: linear-gradient(#E06900, #DD4F00); }
.eqbutton_active2 { background: linear-gradient(#C80032, #B40033); }
.eqbutton_ison1 { color: #FF7700; }
.eqbutton_ison2 { color: #FF0161; }

.hpbutton { background:#262429; width:39px; height:20px; border-radius: 2px; color:#EEE; border:#000 0.75px solid; border-top-color:#111; }
.hpbutton_active1 { background: linear-gradient(#E06900, #DD4F00); }
.hpbutton_active2 { background: linear-gradient(#C80032, #B40033); }

.sfx_lock>div { position:absolute; top:6px; left:4px; width:24px; height:13.25px; border-radius:8px; background:#FFF; }
.sfx_lock>i { position:absolute; top:6.5px; left:4.75px; width:12px; height:12px; border-radius:50%; background:#000; }
.sfx_lock_on1>div { background:#FF7700 }
.sfx_lock_on1>i { left: 15px }
.sfx_lock_on2>div { background:#FF0161 }
.sfx_lock_on2>i { left: 15px }

.mpanel_shown { background:#289723 !important; } /* #2f7c21 */
.mpanel_show { color:#FFF; stroke:#FFF; border:#36c030 1px solid; border-top:none; text-indent:0px; line-height:33px; background:#289723; height:31px; width:84px; border-top-color:#222224; border-radius:0 0 18px 18px; }
.mpanel_show:active { color:#F70; stroke:#F70;}

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

@keyframes mpanel_blink {
    0% { background:#36d025; }
    10% { background:#289723; }
    20% { background:#36d025; }
    30% { background:#289723; }
    100% { background:#289723; }
}


.mpanel1>#song1,.mpanel1>#song2 { top:4px !important; font-size:10px !important; width:155px !important; }
.mpanel1>#time1,.mpanel1>#time2 { top:4px !important; font-size:10px !important; }

.mpanel2 { transform:scaleY(0.3) !important; top:1px !important; }
.mpanel2>#jump1_area,.mpanel2>#jump2_area { top:-15px !important; height:78px !important; }
.mpanel2>#jump1_canvas0,.mpanel2>#jump2_canvas0 { opacity:0.3 !important; }
.mpanel2>#jump1_canvas1,.mpanel2>#jump2_canvas1 { opacity:0.3 !important; }

.fa-stor { color: #35C432; padding-right: 9px; font-size: 13px; }
.link_botton_grey { display:inline-block; font-size:14px; padding:7px 8px 8px 8px; text-decoration:none; background:#333335; color:#CCC; border-radius:5px; }
.link_botton_grey:active { background:#555; }
.link_botton_orange { display:inline-block; font-size:14px; padding:7px 8px 8px 8px; text-decoration:none; background:#DE5E00; color:#FFF; border-radius:5px; }
.link_botton_orange:active { background:#FF7611; }
.link_botton_green { display:inline-block; font-size:14px; padding:7px 8px 8px 8px; text-decoration:none; background:#32BD30; color:#FFF; border-radius:5px; }
.link_botton_green:active { background:#50DC4D; }

.shop_row0 { background:url('picx/background7e.jpg'); border-top: solid 0.75px #222; padding: 10px 0 10px 0; }
.shop_row1 { background:linear-gradient(#141416 0%, #121214 25%, #111113 40%, #000000 100%); border-top: solid 0.75px #222; padding: 13px 0 20px 0; }
.shop_row2 { background:url('picx/background7f.jpg'); border-top: solid 0.75px #222; padding: 13px 0 20px 0; }

.checkbox1 { position:relative; color:#999; height:30px; }
.checkbox2 { position:absolute; top:6.5px; left:1px; font-size:21px; color:#444; }
.checkbox3 { position:absolute; top:1px; left:29px; }

.songinfo1:active div { color: #FF7700 !important; }
.songinfo2:active div { color: #FF0149 !important; }

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

.bigmsg { position:absolute; display:none; z-index:2002; left:0px; top:0px; background:linear-gradient(#222224,#111113); outline:solid 1px #222224; height:299px; width:530px; }
.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:28px; line-height:34px; color:#FFF; height:36px; }
.bigmsg_content { position:relative; padding:10px; vertical-align:top; color:#AAA; }
.bigmsg_close { position: absolute; top: -5px; right: -5px; background: #0000; stroke:#FFFFFF; width: 49px; height: 51px; }
.bigmsg_close:active { stroke: #FF7700; }

.sfx_toggle { height:32px; width:32px; border-radius:50%; text-indent:0px; line-height:33px; }
.pro_toggle { height:32px; width:32px; border-radius:50%; text-indent:0px; line-height:33px; font-size:12px; }

.video-play-button { box-sizing: border-box; padding: 50px; cursor: pointer; background:#0005; fill:#fff; stroke:#fff; }
.video-play-button:active { fill:#f70; stroke:#f70; }

.automix_button { display:block; position:absolute; top:0px; right:0px; border:solid 0.75px #222; font-size:14px; padding:3px 7px 3.5px 7px; text-decoration:none; background:#1B1B1D; color:#fff; border-radius:2px; }
.automix_button_active, .automix_button:active { background:#F70; border:solid 0.75px #f80; }

.mobile_header { position:relative; width:505px; height:28px; margin-top:3px; margin-bottom:4px; font-size:21px; color:#FFF; }
.welcome_button { display:inline-block; border-radius:50px; padding:8px 20px; background:#30B92D; animation: welcome_blink 1.5s infinite steps(9); }
.welcome_button:active { background:#3ACE36; }

@keyframes welcome_blink {
    0% { background:#3ACE36; }
    10% { background:#30B92D; }
    20% { background:#3ACE36; }
    30% { background:#30B92D; }
    100% { background:#30B92D; }
}

.song_table { table-layout:fixed; text-transform:capitalize; font-size:12px; }
.song_result { table-layout:fixed; text-transform:capitalize; font-size:12px; }

.rec_button { padding:10px 0px; width:125px; text-align:center; background:#333335; border:solid 0.75px #3a3a3c; border-radius:2px; text-decoration:none; }
.rec_button2 { background: linear-gradient(#C00, #A00) !important; border:solid 0.75px #C00; }
.rec_circle { position:relative; display:inline-block; top:1px; border-radius:50%; width:10px; height:10px; margin-right:5px; background:#F00; }
.song_folder { color:#F70; }
.song_folder:active { color:#FFF; }
.song_back { color:#FFF; }
.song_back:active { color:#F70; }

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

.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;*/
	width: 310px;
	height: 185px;
}

.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_menu_close { cursor:pointer; stroke:#999; }
.bpm_menu_close:hover { stroke:#F70; }

.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 {}
.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; }
.hidethis  { display:none !important; }
.jump_blink { color:#FFF !important; }

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

.black { background: #000 !important; }

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

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

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

.tooltipTuto:after { border-color:#FFF9; background:#279724; }
.tooltipTuto {
   transition: top 1s, left 1s;
   text-align: left;
   text-shadow: 0px 0px 5px #0006;
   background: #279724;
   padding-top: 11px;
   padding-bottom: 12px;
   font-size: 12.5px;
   width: 210px;
   box-shadow: 0px 0px 20px 3px #000;
   border-color: #FFF9;
   border-radius:4px;
 }

.tuto_blink_party {}
.tuto_blink_play {}
.tuto_blink { animation: tuto_blink 1s infinite steps(9); }
@keyframes tuto_blink { 5% { filter:brightness(2) contrast(0.9) } }

.tooltipInverse {}
.tooltipInverse:after{
   content: "";
       position: absolute;
       left: 49%;
       top: calc(100% - 5px);
       width: 10px;
       height: 10px;
       transform: rotate(225deg);
}

.tooltipSide {}
.tooltipSide:after{
   content: "";
       position: absolute;
       left: -6px;
       top: 49%;
       width: 10px;
       height: 10px;
       transform: rotate(315deg);
}

.tiktok_button {
    position: relative;
    display: block;
    width: 228px;
    height: 40px;
    margin-left:20px;
    border-radius: 35px;
    padding-top: 6px;
    text-align:center;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
    background: linear-gradient(#35C432,#30B92D);
}

.tiktok_button:active
{
    text-decoration:none;
    background: #50DC4D;
}

.info11 { padding-left:6px; padding-top:0px; top:0px; color:#444446; font-size:17px; }
.favicon1 { position:relative;font-size:14px;top:-1px;left:3px; color:#999; text-decoration:none; }
.favicon2 { position:relative;font-size:14px;top:-1px;left:3px; color:#F00; text-decoration:none; }
.artistbnr { background:#111; }
.green_button { color: #33c904; }

.switch { position: relative; display: table; height: 24px; padding-left: 52px; line-height: 24px; color:#999; margin:9px 0;}
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #323240; -webkit-transition: .4s; transition: .4s; border-radius: 34px; width: 40px; box-shadow: inset 0 0 1px #FFF6; }
.slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: #F70; }
input:checked + .slider:before { transform: translateX(16px); }
.skinclick:active { border-color: #FFF !important; }
.switch2 { margin:5px 0; }

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

.sfx1_area_enable { border-color: #F707 !important; }
.sfx2_area_enable { border-color: #F707 !important; }
.sfx1_text_enable { color: #F70 !important; }
.sfx2_text_enable { color: #F70 !important; }
.bubble_hot { border-color:#F709 !important; }

input.search { padding-top:1px; text-indent:6px; font-size: 14px; color: #FFF;  height:28px; border-radius:2px 0 0 2px; border: solid 1px #1b1b1d; background-color: #0e0e0f; }
input.search::placeholder { color: #999; }
input.search:focus { color: #F70; }
input.search:focus::placeholder { color: #666; }
.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; }
.glowing-border {}
.glowing-border:focus { outline: none; background:#F804; border-color: #F708; }

.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_block6 { display:inline-block; width:248px; line-height:56px; font-size:19px; height:56px; }
.settings_block_active { background:linear-gradient(#473517,#473517); border-color:#f70; }

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