:root {
	--textColor: rgb(250, 240, 240);
	--border: 1px solid rgba(150, 150, 150, 0.2);
	--borderBold:1px solid rgba(230, 230, 240, 0.3);
	
	--lone: rgba(0, 5, 10);
	--ltwo:linear-gradient(rgba(0, 30, 55, 1), rgba(0, 25, 45, 1));
	--ltree: linear-gradient(rgb(0, 20, 30), rgb(0, 25, 40));
	
	--inputBackground: rgba(0, 20, 30, 0.9);
}


body {
	background-color:rgb(30, 30, 30);
	background-image:url("/img/bbck_night.png");
	color:var(--textColor);
}

.title {
	border:none;
	background:rgb(20, 40, 60);
	border-bottom:var(--border);
}
.title hr {
	border:0px solid transparent;
	border-bottom:var(--border);
}


.content_thumbnail {
	border:1px solid rgb(50, 70, 90);
	background:rgba(0, 0, 50, 0.8);
}

.title .account_icon {
	background:rgba(50, 70, 90, 0.8);
}

.title .umenu {
	box-shadow:2px 3px 8px black;
	
	background:rgba(30, 50, 70, 0.8);
	border:1px solid rgba(90, 110, 120, 0.5);
}

.title .addrtext {
	font-size:2em;
	color:white;
	text-shadow:0px 0px 5px rgba(255, 255, 255, 0.7);
}

.body {
	
	background:rgb(20, 40, 60);
	border:var(--border);
	
	box-shadow:1px 2px 6px rgba(0, 0, 0, 0.4);
	color:var(--textColor);
}

input[type=text], input[type=password], input[type=email] {
	border:1px solid rgba(160, 150, 150, 0.5);
	font-size:0.9em;
	margin:2px;
	padding:4px;
	transition:0.5s;
	box-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);
	background:rgba(30, 40, 60, 0.8);
	color:rgb(180, 230, 255);
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus {
	border:1px solid rgba(160, 150, 150, 0.8);
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);
	margin:2px;
}

input[type=button], input[type=submit], button {
	background:rgba(0, 30, 50, 0.9);
	border:1px solid rgba(150, 150, 180, 0.3);
	box-shadow:1px 2px 3px black;
	color:rgb(230, 230, 230);
}

input[type=button]:active, input[type=submit]:active, button:active {
	/*background:linear-gradient(rgb(225, 225, 225), rgb(240, 240, 240));*/
	background:linear-gradient(rgb(0, 10, 50), rgb(20, 30, 40));
	box-shadow:0px 0px 3px black;
}

.login_href {
	font-size:0.8em;
	color:rgb(170, 170, 170);
	cursor:pointer;
}

.login_href:hover {
	text-decoration:underline;
}

.recaptcha-background {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:999;
	background:rgba(0, 0, 0, 0.7);
	transition:0.5s;
}

.recaptcha-background .recaptcha-content {
	width:30%;
	height:30%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10%;
	background:rgba(255, 255, 255, 0.8);
	border:1px solid rgba(150, 150, 150, 0.7);
	padding:25px;
	text-align:center;
}

fieldset {
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	/*background:linear-gradient(rgba(30, 30, 30, 0.8), rgba(0, 20, 30, 0.5));*/
	
	background:rgb(35, 55, 75);
	border:none;
}

fieldset legend {
	border-radius:3px;
	/*border-left:1px solid rgba(255, 255, 255, 0.6);
	border-right:1px solid rgba(255, 255, 255, 0.6);*/
	color:rgb(150, 180, 190);
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	/*text-decoration:underline;*/
	background:rgb(35, 55, 75);
	
}

.fieldset_big {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:5px;
	display:block;
	width:90%;
	transition:0.5s;
}

.james_editor {
	width:85%;
	height:350px;
	overflow:auto;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid rgba(210, 220, 230, 0.4);
	border-radius:4px;
	box-shadow:2px 3px 4px rgba(0, 0, 0, 0.5);
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	font-size:0.95em;
	/*background:linear-gradient(rgba(30, 30, 30, 0.8), rgba(0, 20, 30, 0.5));*/
	background:rgba(70, 90, 110, 1);
	resizable:both;
	display:block;
	color:rgb(255, 240, 230);
}

a, a:visited {
	cursor:pointer;
	color:rgba(180, 190, 200, 0.8);
	text-decoration:none;
}

a:hover {
	color:rgba(180, 190, 200, 1);
	text-decoration:underline;
}

.lbtn {
	cursor:pointer;
	opacity:0.4;
}

.lbtn:hover {
	opacity:1;
}

input[type=radio], input[type=radio] +label,  input[type=checkbox], input[type=checkbox] +label{
	cursor:pointer;
	opacity:0.9;
}

input[type=radio], input[type=radio] +label:hover, input[type=checkbox], input[type=checkbox] +label:hover {
	background:rgba(130, 170, 230, 0.3);
	opacity:1;
}

.list {
	border:1px solid rgba(150, 170, 190, 0.4);
}

.list tr:hover td {
	background:rgba(150, 150, 150, 0.2);
}


.hl_time {
	font-style:italic;
	color:rgb(130, 140, 170);
}

.hl_nickserv {
	color:rgb(255, 120, 255);
}

.hl_me {
	color:rgb(0, 180, 0);
}

.quote_content tr:nth-child(even) {
	background:rgba(110, 110, 110, 0.2);
	width:100%;
	color:rgb(230, 230, 230);
}

.unatco {
	 font-weight:bold;
	 color:rgb(170, 150, 0);
}

.reg_error {
	border:1px solid rgba(230, 230, 230, 0.5);
	padding:5px;
	border-radius:4px;
	box-shadow:2px 3px 6px rgba(0, 0, 0, 0.4);
	background:linear-gradient(rgba(80, 70, 50, 0.7), rgba(50, 40, 30, 0.5));
	transition:0.3s;
	transform:scale(1, 0);
	opacity:0;
	visibility:hidden;
	font-size:0.8em;
	position:absolute;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}

.edit_box {
	/*background:rgba(10, 10, 10, 0.9);
	border:1px solid rgba(130, 130, 210, 0.4);*/
	background:rgba(40, 60, 75, 1);
	border:1px solid rgba(150, 170, 190, 0.2);
}

.nick {
	color:rgb(180, 210, 255);
}

.likes +.likes_list {
	background:linear-gradient(rgba(20, 20, 35, 1), rgba(10, 10, 15, 0.9));
	border:1px solid rgba(150, 180, 255, 0.4);
}

.hashtag_data {
	background:linear-gradient(rgba(20, 40, 50, 1), rgba(0, 10, 20, 1));
	border:1px solid rgba(100, 150, 180, 0.6);
}

.jpage {
	border:1px solid rgba(190, 190, 255, 0.4);
	background:linear-gradient(rgba(50, 70, 90, .9), rgba(0, 0, 0, 0.6));
	box-shadow:1px 2px 3px rgba(0, 0, 0, 0.4);
}

.loginbox {
	border:2px solid rgba(100, 170, 255, 0.2);
	background:rgba(0, 0, 30, 0.6);
}

.quote .quote_foot {
	border-top:1px solid rgba(150, 150, 150, 0.4);
}


.notice {
	border:1px solid rgba(150, 170, 190, 0.4);
	box-shadow:1px 2px 3px rgba(130, 130, 130, 0.2);
	background:linear-gradient(rgba(30, 40, 60, 0.9), rgba(0, 0, 0, 0.7));
}

.smenu_btn {
	background:linear-gradient(rgba(50, 70, 90, 0.8), rgba(0, 50, 70, 0.6));
	border:1px solid rgba(150, 150, 170, 0.2);
}

.smenu {
	/*background:linear-gradient(rgba(30, 50, 70, 1), rgba(0, 10, 20, 0.9));*/
	background:rgb(20, 40, 60);
	border-right:var(--border);
}

.smenu .smenu_item {
	/*border-top:1px solid rgba(150, 150, 150, 0.2);
	border-bottom:1px solid rgba(150, 150, 150, 0.2);*/
}

.smenu .smenu_item:hover, .smenu .smenu_active {
	/*background:linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(70, 90, 120, 0.3), rgba(0, 0, 0, 0));*/
	background:rgba(50, 170, 255, 0.3);
	/*color:rgb(50, 200, 255);*/
	border-radius:5px;
}

.resizer {
	background:linear-gradient(rgba(50, 70, 90, 0.7), rgba(0, 30, 50, 0.6));
	border:1px solid rgba(150, 150, 150, 0.2);
	opacity:0.8;
}

.resizer div {
	border:2px solid rgba(110, 130, 150, 0.8);
	border-top:2px solid transparent;
	border-left:2px solid transparent;
}

.smenu_notify {
	background:linear-gradient(rgba(0, 30, 50, 1), rgba(0, 10, 20, 0.7));
	border:1px solid rgba(150, 150, 150, 0.1);
}

/*------------------------*/

.upload_gallery {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}


.img_uplbox {
	background:linear-gradient(rgba(50, 70, 90, 1), rgba(30, 50, 70, 0.7));
	border:1px solid rgba(50, 70, 90, 0.2);
	box-shadow:2px 3px 6px rgba(0, 0, 0, 0.2);
}

.img_uplbox #upl_progress {
	border:1px solid rgba(0, 0, 0, 0.1);
	background:linear-gradient(rgba(150, 190, 255, 1), rgba(100, 130, 170, 0.8));
	box-shadow:inset 0px 0px 4px white;
}

.errorBox {
	border:1px solid red;
	border-top:0px solid transparent;
	background:linear-gradient(rgba(0, 30, 50, 1), rgba(0, 10, 20, 0.9));
}

select[multiple] {
	border-radius:4px;
	border:var(--border);
	background:rgba(30, 40, 60, 0.8);
	color:rgb(180, 190, 210);
}

#shortedUrl {
	border:1px solid rgba(50, 70, 90, 0.2);
	border-top:0px solid transparent;
	background:rgba(0, 50, 70, 0.4);
}

.dia {
	box-shadow:1px 2px 4px rgba(150, 170, 190, 0.2);
}

.paste_brackets {
	color:rgb(110, 130, 230);
}

.paste_syntax {
	color:rgb(80, 255, 80);
	font-style:italic;
}

.paste_syntax_gelb {
	color:rgb(255, 255, 80);
	font-style:italic;
}

.paste_bool {
	font-weight:bold;
	color:rgb(100, 120, 255);
}

.paste_arrow {
	color:rgb(255, 90, 90);
}

.gxModalBox {
	background:var(--ltree);
	border:var(--border);
}

#acceptCookies {
	width: 350px;
	height:auto;
	bottom:30px;
	left: 30px;
	background:red;
	position:fixed;
	z-index:9999;
	background:rgba(50, 70, 90, 0.8);
	border:1px solid rgba(150, 170, 190, 0.3);
	text-align:center;
	padding:15px;
	
	opacity:0;
	transform:scale(0.9, 0.9) translateY(-50px);
	transition:0.4s;
	visibility:hidden;
}