/**========================================================================
* ?                                ABOUT
* @author         :  8lackMask
* @email          :  blackcodymask@gmail.com
* @store          :  https://blackmask.codychat.store/
* @product        :  Remix (theme)
* @version        :  1.0
*========================================================================**/

/* custom font */
@import url('./font/Roboto.c');

/* general colors */
a {color:#0EFFFF;}
body{font-family:'Roboto',sans-serif;background:#010922;color:#0EFFFF}
button { background:transparent; color:#0EFFFF; }
input,textarea,.post_input_container{background-color: #000000aa;
border: 3px solid transparent;
border-image: rgb(9,89,0);
border-image:  radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
border-image-slice: 1;font-family:'Roboto',sans-serif,'FontAwesome';border:px solid #007FFF;!important;color:#0EFFFF}
.setdef { color:#0EFFFF; }


/* cookie box */
.cookie_wrap { background:#333; color:#0EFFFF; }

/* item with background no effect */
.bback { background:rgb(255,255,255,0.05); }

/* item with background no effect with border */
.bbackb { background:rgb(255,255,255,0.05); border:1px solid rgb(255,255,255,0.08); }

/* item with no background and hover effect */
.bhover:hover { background:rgb(255,255,255,0.05); }

/* item with background and hover effect */
.bbackhover { background:rgb(255,255,255,0.05); }
.bbackhover:hover { background:rgb(255,255,255,0.03); }

/* item width background and hover effect with a border */
.bbackhoverb { background:rgb(255,255,255,0.05); }
.bbackhoverb:hover { background:rgb(255,255,255,0.3); border:1px solid rgb(255,255,255,0.05); }

/* item with no background with line separator and hover effect */
.blisting { border-bottom: 1px solid rgb(255,255,255,0.03); }
.blisting:hover { background: rgb(255,255,255,0.04); }

/* item with no background with line separator */
.blist { border-bottom: 1px solid rgb(255,255,255,0.03); }

/* private panel top */
.back_ptop{background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);  
border-image-slice: 1;color:#0EFFFF;text-shadow:3px 3px 3px #000000;font-weight:bold;}

/* page menu & page sub menu */
.bpmenu:hover { background: rgb(255,255,255,0.05); }
.bsub { background:rgb(255,255,255,0.04); }
.bsub:hover { background:rgb(255,255,255,0.08); }

/* sub menus for card, logs, wall, news */
.bmenu, .submenu { border-bottom:1px solid rgb(255,255,255,0.03); }
.bmenu:hover, .submenu:hover { background:rgb(255,255,255,0.03); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgb(0,0,0,0.4); }

/* main item selected for panel and box */
.bselected { background:rgb(255,255,255,0.08); }

/* reg menu selected item */
.rselected { background:rgb(255,255,255,0.08); }

/* page selected */
.pselected { color:#3b6cff; }

/* current item selected selected */
.cselected, .liked { background:rgb(255,255,255,0.08); }

/* paginate item selected */
.pag_btn { background:rgb(255,255,255,0.05); }
.pagselected, .pag_btn:hover { background:rgb(255,255,255,0.1); }

/* count and gold tag */
.gtag { background:#3b6cff; border:1px solid rgb(255,255,255,0.05); }

/* border color for separator and items border */
.bborder {}
border-image: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
border-image-slice: 1;}
.tborder { border-top:1px solid rgb(123,134,171,0.149); }
.lborder, .ppanel { border: 3px solid transparent;
border-image: rgb(9,89,0);
border-image: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
border-image-slice: 1; }
.rborder { border-right:1px solid rgb(123,134,171,0.149); }
.fborder { border:1px solid rgb(123,134,171,0.149); }

/* float top color */
.float_top,.float_ctop { border-bottom:1px solid rgb(123,134,171,0.149); }

/* headers, footer and top modal colors */
.bhead,.bfoot{background: radial-gradient(circle farthest-corner at center, #000000 100%, #00041C 100%) ;color:#0EFFFF}
border-image-slice: 1;color:#0EFFFF}
.modal_top,.pro_top { background:#030f31; color:#0EFFFF; }
.foot{background:#;border-top:px solid rgb();color:#0EFFFF}

/* background major element panel, page menu, float menu, modal, chat boxes */
#intro_chat,.backglob{background:#010922 url('https://i.postimg.cc/QVGYYfHL/Chat-GPT-Image-17-Mai-2026-23-1.png');background-repeat:no-repeat;background-position:center;background-size:cover}
#intro_chat,.backgloblogin{background:#010922 url('');background-repeat:no-repeat;background-position:center;background-size:cover}
.back_chat{background:#000000aa;}
.back_priv{background:#010922 url('https://wallpapers.com/images/high/blue-4k-lonely-tree-vjiu52vvhtrbungz.webp');background-repeat:no-repeat;background-position:center;background-size:cover}
.back_panel{background:#000000aa;}
.back_pmenu{background:rgb(0,8,30,.64);border-right:1px solid rgb(123,134,171,.149)}
.back_input{border: 3px solid transparent;
border-image: rgb(9,89,0);
border-image: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
border-image-slice: 1;);border-top:1px solid rgb(255,255,255,.05)}
.back_modal{background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
border-image-slice: 1}
.page_element,.back_quote,.back_menu,.back_box{ background: #000000;}
.user_item{border-bottom:2px solid #007FFF ;  border-image: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%); border-image-slice: 1;}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.acav,.avatar_private,.avav,.chat_avatar{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}.orti{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.tick{padding-left:5px;color:#318815;display:inline-block}.double{margin-left:-7px;color:#5a81ff}.user-179 .bustate{text-transform:uppercase;font-size:10px;background:linear-gradient(to right,#6a5006 10%,#fff 50%,#05344c 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 4s linear infinite;display:inline-block;font-weight:700}@keyframes textclip{to{background-position:200% center}}


/* main theme color */
.theme_color { color:#; }
.default_color { color:#274293; }
.error  { color:#d81818; }
.success { color:#74b20e; }
.warn { color:#f5a91e; }

/* button colors */
.theme_btn, .back_theme { background:#3b6cff; color:#fff; }
.default_btn, .back_default { background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
border-image-slice: 1}; color:#fff; }
.defaultd_btn { background:#444; color:#fff; }
.ok_btn { background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
border-image-slice: 1}; color:#fff; }
.warn_btn { background:#f5a91e; color:#fff; }
.delete_btn { background:#ac3737; color:#fff; }
.send_btn { color:#0EFFFF; }

/* default username color */
.user { color:#0EFFFF; }

/* chat system messsage text color */
.chat_system { color:#0EFFFF; }

/* opacity for offline users in list */
.offline { opacity:0.5; }

/* menu icon */
.menui { color:#0EFFFF; }
.subi { color:#0EFFFF; }

/* wall reply background */
.reply_item { background:#0a1b4d; }

/* main post item option wall and news */
.main_post_item { color:#7b87a8; }

/* input option background colors */
.input_item { color:#0EFFFF; }

/* private log bubble colors */
.target_private, .hunt_quote {color:#8EE5EE;text-shadow:3px 3px 3px #000000;font-weight:bold;font-size:18px;font-family: Georgia; background-color: #000000aa;border: 0px solid #007FFF;border-radius: 10px;box-shadow: 2px 2px 9px #007FFF;}
.hunter_private, .targ_quote {color:#8EE5EE;text-shadow:3px 3px 3px #000000;font-weight:bold;font-size:18px;font-family: Georgia; background-color: #000000aa;border: 0px solid #007FFF;border-radius: 10px;box-shadow: 2px 2px 9px #007FFF;}


/* quote in chat background color */
.cquote { background:rgb(255,255,255,0.08) !important; }
.cqname { color:#fff; }
.cqmess { color:#bbb; }

/* tab menu */
.tab_menu{background:#030f31;box-shadow:0 1px 3px rgb(0,0,0,.4)}
.tab_selected { background:rgb(255,255,255,0.05); }

/* modal menu */
.modal_mback { background:rgb(255,255,255,0.04); }
.modal_mborder { border-bottom: 1px solid rgb(255,255,255,0.08); }
.modal_selected { background:rgb(255,255,255,0.08); }

/* back transparency background for modal box */
.modal_back { background-color:rgba(0,0,0,0.6); }

/* chat logs */
.log2 { background:rgb(255,255,255,0.01); }
.topic_log{
  border: 3px solid transparent;
  border-image: rgb(9,89,0);
  border-image: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
  border-image-slice: 1;
  color:#0EFFFF;
  margin:5px auto;
  border-radius:4px;
  width:95%;
  max-width:1000px;

  /* NEU: sorgt dafür, dass Inhalte mittig ausgerichtet werden */
  text-align: center;
}

.chat_log:not(:last-child){
  border-bottom:0px dashed rgb()
}

.sys_log { }

/* NEU: Bilder nebeneinander + Abstand */
.topic_log img{
  display: inline-block;
  margin: 5px;
}

/* upload progress */
.bprogress { background:#74b20e; color:#fff; }

/* notification colors */
.bnotify { background:#d81818; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* date colors */
.sub_date,
.sub_chat,
.sub_priv{
display:none !important;
}

/* secondary text color */
.sub_text, .list_mood  { color:#0EFFFF; font-weight: 300;}

/* profile likes */
.plikes { background-color:rgba(100,100,100,0.2); color:#fff; }
/* spinner color */
.bspin { color:rgb(255,255,255,0.3); }

/* special chat item */
.my_notice { color:#fff; background:#3b6cff; }
.system_text { background:rgb(255,255,255,0.05); color:#888; }

/* outside pages background */
.back_page { background:#111; color:#fff; }

/* video background color */
.post_video { background:rgb(0,0,0,1); }

/* slider */
.boom_slider .ui-widget-content { background: #fff; }
.boom_slider .ui-state-default { background: #3b6cff !important; }
.boom_slider .ui-state-active { background: #2a5cf1 !important; }
.boom_slider .ui-slider-range { background:#3b6cff; }

/* select input color */
.selectboxit-list,.selectboxit-btn{background-color:#;border:1px solid rgb(123,134,171,.149);color:#fff}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor{background-color:rgb(255,255,255,.08);color:#fff}
.selectboxit-default-arrow{border-top:4px solid #bbb}
.selectboxit-btn.selectboxit-enabled:hover,.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:active{background:#;box-shadow:inset 0 0 30px rgb(0,0,0,.439);color:#fff}
.selectboxit-options{background:#0a1b4d;color:#fff}
.selectboxit-list .selectboxit-option-anchor{color:#bbb}

/* custom */
.modal_in { border:1px solid rgb(255,255,255,0.01); } 

/* responsive */
@media screen and (max-width: 1200px){
    .back_panel,.back_pmenu{background:rgb(0,8,30,0.90)}
}


/* Start https://myfunchat2023.de/ */ * {cursor: url(https://myfunchat2023.de/pfeile/cur55.cur), auto !important;} /* End  https://myfunchat2023.de*/

 /* ganz unten in deiner style.css */

* ::-webkit-scrollbar {
  width: 12px;
}


::-webkit-scrollbar-track {
  background-color: Transparent;
}

::-webkit-scrollbar-thumb {
  background-color: white;
  background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
  border-width: 2px;
  border-color: #007FFF;
  border-style:  double;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: white;
  background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
  border-width: 2px;
  border-color: #007FFF;
  border-style:  double;
  border-radius: 2px;



}


nav li {
	float: left;

	margin: 0.1em;
	width: 9em;

}

nav a {
	display: block;
	padding:5px 5px;
	text-decoration: none;
        color: #0EFFFF;
	font-weight: bold;
	border-radius:5px;
	border:2px solid #007FFF;
	background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
	
}

nav a:focus,
nav a:hover,


.nav a:hover
{
color: #0EFFFF;
border: 2px solid #007FFF;
border-radius:5px;
cursor:pointer;
text-decoration:none;
padding:5px 5px;
background: radial-gradient(circle, rgba(45,178,253,1) 0%, rgba(45,178,253,1) 100%);


}






.img_chat{
	cursor:pointer;
transition: transform 0.7s;
background-image: url('https://chat.magicexpressradio.de/img/blue1.png');
        border-radius:0px;
	border:0px solid #0000ff;
        cursor:pointer;
	display:inline-block;
	cursor:pointer;
	color:#8EE5EE; 
	font-family: Georgia;
	font-size:16px;
	font-weight:bold;
	padding:0px 0px;
        float: center;
	margin-left: auto;
        margin-right: auto;



}

.img_chat:hover {
 transform: rotate(360deg);
background-image: url('https://chat.magicexpressradio.de/img/blue1.png');
        border-radius:0px;
	border:0px solid #0000ff;
        cursor:pointer;
	display:inline-block;
	cursor:pointer;
	color:#8EE5EE; 
	font-family: Georgia;
	font-size:16px;
	font-weight:bold;
	padding:0px 0px;
        float: center;
	margin-left: auto;
        margin-right: auto;

}

/*
* Ab hier nichts mehr ändern *
*/

var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent ;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {		
	rand=Math.floor(range*Math.random());
    return rand;
}


.avatarlinks {

        cursor:pointer;
        width: 120px;
        height: 120px;
        border: 3px solid transparent;
        border-image: rgb(9,89,0);
        border-image:  radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
        border-image-slice: 1;
        display:inline-block;
        float: center;
	cursor:pointer;
	color:#0EFFFF;
	font-family:  Kimberly,verdana,sans-serif; 
        font-size:18px;
	font-weight:bold;
	text-decoration:none;
        margin-left: auto;
        margin-right: auto;
}



.chatclock
{
       
	background: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);
	border-radius:10px;
        border: 2px solid #007FFF;
        display:inline-block;
        cursor:pointer;
	color:#0EFFFF;
	font-family:  Kimberly,verdana,sans-serif; 
        font-size:18px;
	font-weight:bold;
	padding:2px 2px;
	text-decoration:none;
	text-shadow:3px 3px 3px #000000;
        margin-left: auto;
        margin-right: auto;



}
}


nav li {
float: left;

	margin: 0.1em;
	width: 9em;
}

nav a {
	display: block;
	padding:0px 0px;
	text-decoration: none;
        color: #0EFFFF;
	font-weight: bold;
	border-radius:5px;
	border:2px solid #38BFFF;
	background-color: #000000aa;	
}

nav a:focus,
nav a:hover,


.nav a:hover
{
color: #0EFFFF;
border: 2px solid #38BFFF;
border-radius:5px;
cursor:pointer;
text-decoration:none;
padding:0px 0px;
background: radial-gradient(circle, rgba(56,191,255,0.4458158263305322) 0%, rgba(0,0,0,1) 100%);

}



nav li {
float: left;

	margin: 0.1em;
	width: 9em;
}

nav a {
	display: block;
	padding:0px 0px;
	text-decoration: none;
        color: #0EFFFF;
	font-weight: bold;
	border-radius:5px;
	border:2px solid #38BFFF;
	background-color: #000000aa;	
}

nav a:focus,
nav a:hover,


.nav a:hover
{
color: #0EFFFF;
border: 2px solid #38BFFF;
border-radius:5px;
cursor:pointer;
text-decoration:none;
padding:0px 0px;
background: radial-gradient(circle, rgba(56,191,255,0.4458158263305322) 0%, rgba(0,0,0,1) 100%);


}
/* ================================================= */
/* KRÄFTIGERE NEON-UMRANDUNG */
/* OHNE HINTERGRUNDÄNDERUNG */
/* ================================================= */

.lborder,
.ppanel,
.topic_log,
.user_item,
.target_private,
.hunt_quote,
.hunter_private,
.targ_quote,
nav a,
.chatclock,
input,
textarea,
.post_input_container{

border-width:4px !important;
border-radius:2px !important;

box-shadow:
0 0 0 1px rgba(0,127,255,0.95),
0 0 8px rgba(0,127,255,0.95),
0 0 18px rgba(0,90,220,0.55),
0 0 34px rgba(0,35,120,0.35),
inset 0 0 8px rgba(0,127,255,0.18);

}


/* HOVER */
nav a:hover,
.nav a:hover{

box-shadow:
0 0 0 1px rgba(0,127,255,1),
0 0 12px rgba(0,127,255,1),
0 0 24px rgba(0,90,220,0.70),
0 0 42px rgba(0,35,120,0.40),
inset 0 0 10px rgba(0,127,255,0.22);

}

.acav,
.avatar_private,
.avav,
.chat_avatar,
.avatarlinks{