/* =========================================================
   CS Grăsuții România
   MyBB 1.8 - RoundoDarko Premium
   File: global.css
   Version: v1 ETAPA 2 - GLOBAL PREMIUM CLEAN
   Scope: bază globală MyBB + elemente stock + componente comune
   NOTĂ: Nu include CSS dedicat pentru Header/Footer/Index/PostBit/etc.
========================================================= */


/* =========================================================
   01. ROOT / THEME TOKENS
========================================================= */

:root{
	--cs-bg-0:#05080b;
	--cs-bg-1:#070d12;
	--cs-bg-2:#0b1118;
	--cs-bg-3:#101821;
	--cs-bg-4:#141f2a;
	--cs-card:#0e1720;
	--cs-card-2:#111c27;
	--cs-card-3:#162331;

	--cs-border:rgba(57,255,20,.16);
	--cs-border-2:rgba(255,255,255,.08);
	--cs-border-3:rgba(255,255,255,.12);

	--cs-text:#d9e6df;
	--cs-muted:#8da096;
	--cs-muted-2:#687b72;
	--cs-white:#ffffff;

	--cs-green:#39ff14;
	--cs-green-2:#21d60f;
	--cs-green-soft:rgba(57,255,20,.12);
	--cs-green-soft-2:rgba(57,255,20,.20);

	--cs-blue:#3f8cff;
	--cs-red:#ff4f5f;
	--cs-orange:#ff9f43;
	--cs-yellow:#ffd166;

	--cs-radius-xs:8px;
	--cs-radius-sm:12px;
	--cs-radius-md:16px;
	--cs-radius-lg:22px;
	--cs-radius-xl:28px;
	--cs-radius-pill:999px;

	--cs-shadow-sm:0 10px 25px rgba(0,0,0,.22);
	--cs-shadow-md:0 18px 45px rgba(0,0,0,.34);
	--cs-shadow-lg:0 28px 80px rgba(0,0,0,.46);

	--cs-glow-sm:0 0 14px rgba(57,255,20,.10);
	--cs-glow-md:0 0 26px rgba(57,255,20,.14);
	--cs-glow-lg:0 0 42px rgba(57,255,20,.18);

	--cs-font:"Roboto",Arial,Helvetica,sans-serif;
	--cs-font-title:"Varela Round","Roboto",Arial,Helvetica,sans-serif;

	--cs-ease:cubic-bezier(.22,.61,.36,1);
}


/* =========================================================
   02. BASE RESET / DOCUMENT
========================================================= */

*,
*::before,
*::after{
	box-sizing:border-box;
}

html{
	min-height:100%;
	scroll-behavior:smooth;
}

body{
	margin:0;
	min-height:100%;
	background:
		radial-gradient(circle at 12% 0%,rgba(57,255,20,.075),transparent 34%),
		radial-gradient(circle at 88% 12%,rgba(63,140,255,.055),transparent 30%),
		linear-gradient(180deg,var(--cs-bg-1) 0%,var(--cs-bg-0) 55%,#030506 100%);
	color:var(--cs-text);
	font-family:var(--cs-font);
	font-size:13px;
	line-height:1.55;
	text-align:center;
	overflow-y:scroll;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

body::before{
	content:"";
	position:fixed;
	inset:0;
	z-index:-2;
	pointer-events:none;
	background:
		linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
	background-size:42px 42px;
	mask-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.12));
}

body::after{
	content:"";
	position:fixed;
	inset:0;
	z-index:-1;
	pointer-events:none;
	background:linear-gradient(120deg,transparent 0%,rgba(57,255,20,.028) 48%,transparent 70%);
	opacity:.7;
}

img{
	border:0;
	max-width:100%;
}

img.attachment{
	border:1px solid var(--cs-border-2);
	padding:3px;
	border-radius:var(--cs-radius-sm);
	background:rgba(0,0,0,.18);
}

hr{
	height:1px;
	border:0;
	background:linear-gradient(90deg,transparent,var(--cs-border),transparent);
	color:transparent;
	margin:18px 0;
}

form{
	margin:0;
	padding:0;
}

table{
	color:var(--cs-text);
	font-size:13px;
	border-collapse:separate;
	border-spacing:0;
}

strong,
b{
	font-weight:700;
	color:inherit;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	color:var(--cs-white);
	font-family:var(--cs-font-title);
	font-weight:800;
	letter-spacing:.01em;
}

h1{font-size:28px;}
h2{font-size:23px;}
h3{font-size:19px;}
h4{font-size:16px;}

p{
	margin:0 0 12px;
}

::selection{
	background:rgba(57,255,20,.25);
	color:#fff;
}


/* =========================================================
   03. GLOBAL LINKS
========================================================= */

a:link,
a:visited,
a:active{
	color:var(--cs-green);
	text-decoration:none;
	transition:
		color .18s var(--cs-ease),
		opacity .18s var(--cs-ease),
		background .18s var(--cs-ease),
		border-color .18s var(--cs-ease),
		box-shadow .18s var(--cs-ease);
}

a:hover{
	color:#ffffff;
	text-decoration:none;
}

a img{
	border:0;
}


/* =========================================================
   04. LAYOUT CORE
========================================================= */

#container{
	margin:0;
	min-width:900px;
	color:var(--cs-text);
	font-size:13px;
	text-align:left;
}

.wrapper{
	width:min(1560px,calc(100vw - 90px));
	max-width:1560px;
	margin:0 auto;
}

#content{
	width:auto !important;
	padding:34px 0 56px;
}

.scaleimages img{
	max-width:100%;
	height:auto;
}

.clear{
	clear:both;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}

.hidden,
.hiddenrow{
	display:none;
}

.mobile_only,
.mobile_only_tr{
	display:none;
}

.radiused{
	border-radius:var(--cs-radius-md) !important;
}

.box_shadowed{
	box-shadow:var(--cs-shadow-sm);
}

.white_text{
	color:#fff !important;
}

.light_text{
	color:var(--cs-muted) !important;
}

.white_bg{
	background:var(--cs-card) !important;
}

.bg_and_padding{
	padding:12px;
	background:var(--cs-card);
	border:1px solid var(--cs-border-2);
	border-radius:var(--cs-radius-md);
}

.border_sep{
	height:1px;
	margin:10px 0;
	background:linear-gradient(90deg,transparent,var(--cs-border-2),transparent);
}


/* =========================================================
   05. MYBB TABLE CORE
========================================================= */

.tborder{
	width:100%;
	margin:0 auto 18px;
	padding:10px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
		var(--cs-card);
	border:1px solid var(--cs-border);
	border-radius:var(--cs-radius-lg) !important;
	box-shadow:var(--cs-shadow-md),var(--cs-glow-sm);
	overflow:hidden;
}

.tfixed{
	table-layout:fixed;
	word-wrap:break-word;
}

.thead{
	position:relative;
	padding:14px 18px;
	background:
		linear-gradient(135deg,rgba(57,255,20,.13),rgba(57,255,20,.025)),
		linear-gradient(180deg,var(--cs-card-3),var(--cs-card-2));
	border:1px solid rgba(57,255,20,.18);
	border-radius:var(--cs-radius-md);
	color:#fff;
	font-family:var(--cs-font-title);
	font-size:18px;
	font-weight:800;
	line-height:1.35;
	overflow:hidden;
}

.thead::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.065),transparent);
	transform:translateX(-120%);
	animation:csGlobalShine 5.5s ease-in-out infinite;
	pointer-events:none;
}

.thead a:link,
.thead a:visited,
.thead a:active{
	color:#fff;
	text-decoration:none;
	font-weight:800;
}

.thead a:hover{
	color:var(--cs-green);
}

.tcat{
	padding:13px 15px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
		var(--cs-bg-4);
	border-bottom:1px solid var(--cs-border-2);
	color:var(--cs-muted);
	font-weight:600 !important;
}

.tcat a:link,
.tcat a:visited,
.tcat a:active{
	color:var(--cs-text);
}

.tcat a:hover{
	color:var(--cs-green);
}

.trow1,
.trow2{
	padding:13px 15px;
	background:rgba(14,23,32,.94);
	border-bottom:1px solid rgba(255,255,255,.055);
	color:var(--cs-text);
}

.trow2{
	background:rgba(17,28,39,.92);
}

.trow1:hover,
.trow2:hover{
	background:rgba(22,35,49,.96);
}

.trow_shaded{
	padding:13px 15px;
	background:rgba(255,79,95,.10);
	border-bottom:1px solid rgba(255,79,95,.22);
	color:#ffd8dd;
}

.trow_deleted{
	background:rgba(255,79,95,.10);
}

.trow_selected,
tr.trow_selected td{
	background:rgba(57,255,20,.12);
	color:#fff;
	border-color:rgba(57,255,20,.20);
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active{
	color:#fff;
}

.trow_sep{
	padding:10px 16px;
	background:
		linear-gradient(90deg,rgba(57,255,20,.12),rgba(255,255,255,.02)),
		var(--cs-bg-3);
	color:#fff;
	font-size:13px;
	font-weight:800;
	border-radius:var(--cs-radius-sm);
	border:1px solid var(--cs-border);
}

.tfoot{
	padding:11px 14px;
	background:rgba(10,16,22,.96);
	border-top:1px solid var(--cs-border-2);
	color:var(--cs-muted);
}

.tfoot a:link,
.tfoot a:visited,
.tfoot a:active{
	color:var(--cs-muted);
	text-decoration:none;
}

.tfoot a:hover{
	color:var(--cs-green);
	text-decoration:none;
}

.no_bottom_border{
	border-bottom:0 !important;
}

.thead input.textbox,
.thead select{
	border-color:rgba(57,255,20,.20);
}


/* =========================================================
   06. NAVIGATION / BREADCRUMB
========================================================= */

.navigation{
	position:relative;
	min-height:50px;
	margin:0 0 18px;
	padding:0 18px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),
		rgba(14,23,32,.92);
	border:1px solid var(--cs-border);
	border-radius:var(--cs-radius-lg);
	box-shadow:var(--cs-shadow-sm),var(--cs-glow-sm);
	color:var(--cs-muted);
	font-family:var(--cs-font);
	font-size:13px;
	line-height:50px;
	overflow:hidden;
}

.navigation::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	background:linear-gradient(180deg,var(--cs-green),rgba(57,255,20,.18));
	box-shadow:0 0 18px rgba(57,255,20,.35);
}

.navigation a:link,
.navigation a:visited,
.navigation a:active{
	color:var(--cs-muted);
	text-decoration:none;
}

.navigation a:hover{
	color:var(--cs-green);
}

.navigation .active{
	color:#fff;
	font-size:13px;
	font-weight:800;
}


/* =========================================================
   07. TEXT HELPERS
========================================================= */

.smalltext{
	color:var(--cs-muted);
	font-size:12px;
	font-weight:400;
	line-height:1.45;
}

.smalltext.description{
	color:var(--cs-muted-2);
}

.smalltext.description a,
.smalltext.author a{
	color:var(--cs-muted) !important;
}

.smalltext.description a:hover,
.smalltext.author a:hover{
	color:var(--cs-green) !important;
}

.largetext{
	color:#fff;
	font-size:16px;
	font-weight:800;
}

.highlight{
	background:rgba(57,255,20,.20);
	color:#fff;
	padding:2px 5px;
	border-radius:6px;
}

.subject_new{
	font-weight:800;
	color:#fff;
}


/* =========================================================
   08. FORMS / INPUTS / SELECTS
========================================================= */

fieldset{
	margin:0;
	padding:14px;
	background:rgba(14,23,32,.72);
	border:1px solid var(--cs-border-2);
	border-radius:var(--cs-radius-md);
}

fieldset.trow1,
fieldset.trow2{
	border:1px dashed rgba(57,255,20,.18);
	background:rgba(14,23,32,.86);
}

fieldset.align_right{
	text-align:right;
}

fieldset.inboxBg,
fieldset.away-banned,
fieldset.attached-files{
	padding:16px 18px;
	background:rgba(14,23,32,.92);
	border:1px solid var(--cs-border-2);
	border-radius:var(--cs-radius-md);
}

legend{
	padding:0 8px;
	color:#fff;
	font-weight:800;
}

input.textbox,
textarea,
select{
	font-family:var(--cs-font);
	font-size:13px;
	color:var(--cs-text);
	outline:0;
	transition:
		border-color .18s var(--cs-ease),
		box-shadow .18s var(--cs-ease),
		background .18s var(--cs-ease);
}

input.textbox{
	width:auto;
	min-height:36px;
	padding:8px 14px;
	background:rgba(6,11,15,.95);
	border:1px solid rgba(255,255,255,.09);
	border-radius:var(--cs-radius-pill) !important;
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}

textarea{
	width:auto;
	min-height:120px;
	padding:11px 13px;
	background:rgba(6,11,15,.95);
	border:1px solid rgba(255,255,255,.09);
	border-radius:var(--cs-radius-md) !important;
	line-height:1.55;
	resize:vertical;
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}

select{
	min-height:36px;
	padding:7px 42px 7px 14px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006)),
		rgba(6,11,15,.95);
	border:1px solid rgba(255,255,255,.09);
	border-radius:var(--cs-radius-pill) !important;
	color:var(--cs-text);
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

select[multiple]{
	min-height:110px;
	padding:10px;
	border-radius:var(--cs-radius-md) !important;
	background:rgba(6,11,15,.95) !important;
}

input.textbox:focus,
textarea:focus,
select:focus{
	border-color:rgba(57,255,20,.55);
	box-shadow:
		0 0 0 3px rgba(57,255,20,.08),
		0 0 22px rgba(57,255,20,.12);
	background:rgba(7,13,18,.98);
}

input.textbox.portal_search{
	width:68%;
}

input.error,
textarea.error,
select.error{
	border-color:rgba(255,79,95,.80);
	color:#ffd8dd;
	box-shadow:0 0 0 3px rgba(255,79,95,.08);
}

input.valid,
textarea.valid,
select.valid{
	border-color:rgba(57,255,20,.65);
}

label.error{
	display:block;
	margin:6px 0;
	padding:0;
	color:#ff8a96;
	font-size:12px;
	font-weight:800;
}

form #message{
	width:500px;
	max-width:100%;
}


/* =========================================================
   09. BUTTONS
========================================================= */

button,
input.button{
	display:inline-block;
	margin:8px 6px 0 0;
	padding:10px 16px;
	cursor:pointer;
	font-family:var(--cs-font);
	font-size:13px;
	font-weight:800;
	line-height:1.2;
	color:#061008;
	background:
		linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green),var(--cs-green-2));
	border:0 !important;
	border-radius:var(--cs-radius-pill) !important;
	outline:0 !important;
	box-shadow:
		0 10px 26px rgba(57,255,20,.15),
		inset 0 0 0 1px rgba(255,255,255,.18);
	transition:
		transform .18s var(--cs-ease),
		box-shadow .18s var(--cs-ease),
		filter .18s var(--cs-ease);
}

button:hover,
input.button:hover{
	transform:translateY(-1px);
	filter:saturate(1.1);
	box-shadow:
		0 14px 34px rgba(57,255,20,.22),
		0 0 22px rgba(57,255,20,.18),
		inset 0 0 0 1px rgba(255,255,255,.22);
}

button:active,
input.button:active{
	transform:translateY(0);
}

a.button:link,
a.button:visited,
a.button:active{
	display:inline-block;
	margin:0 0 10px 0;
	padding:10px 16px;
	color:#061008;
	background:
		linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green),var(--cs-green-2));
	border-radius:var(--cs-radius-pill);
	font-size:14px;
	font-weight:900;
	text-align:center;
	box-shadow:
		0 10px 26px rgba(57,255,20,.15),
		inset 0 0 0 1px rgba(255,255,255,.18);
}

a.button:hover{
	color:#061008;
	transform:translateY(-1px);
	box-shadow:
		0 14px 34px rgba(57,255,20,.22),
		0 0 22px rgba(57,255,20,.18),
		inset 0 0 0 1px rgba(255,255,255,.22);
}

a.button.small_button{
	margin:0;
	padding:5px 12px;
	font-size:12px;
}

a.button span{
	display:inline-block;
}


/* =========================================================
   10. SELECT2 / AUTOCOMPLETE
========================================================= */

.select2-container > *{
	box-shadow:none !important;
}

.select2-container .select2-choice,
.select2-container .select2-choices{
	min-height:36px;
	padding:5px 15px !important;
	padding-left:36px !important;
	background:
		radial-gradient(circle at 14px 50%,rgba(57,255,20,.45) 0 3px,transparent 4px),
		rgba(6,11,15,.95) !important;
	border:1px solid rgba(255,255,255,.09) !important;
	border-radius:var(--cs-radius-pill) !important;
	color:var(--cs-text) !important;
	text-align:left !important;
}

.select2-container .select2-choice:hover,
.select2-container .select2-choices:hover{
	border-color:rgba(57,255,20,.35) !important;
}

.select2-arrow{
	display:none !important;
}

.select2-choice:active{
	box-shadow:none;
}


/* =========================================================
   11. EDITOR GLOBAL BASE
   CSS-ul dedicat Editor Premium rămâne separat.
========================================================= */

.editor{
	background:rgba(14,23,32,.94);
	border:1px solid var(--cs-border-2);
	border-radius:var(--cs-radius-md);
}

.editor_control_bar{
	width:100%;
	padding:7px 0;
	box-sizing:border-box;
}

.sceditor-container{
	background:rgba(8,14,20,.96) !important;
	border:1px solid rgba(57,255,20,.16) !important;
	border-radius:var(--cs-radius-md) !important;
	padding:5px !important;
	box-shadow:var(--cs-shadow-sm);
}

.sceditor-container iframe{
	background:#101820 !important;
}


/* =========================================================
   12. ALERTS / MESSAGES
========================================================= */

.pm_alert{
	margin-bottom:18px;
	padding:15px 17px;
	background:
		linear-gradient(180deg,rgba(57,255,20,.08),rgba(57,255,20,.025)),
		rgba(14,23,32,.92);
	border:1px solid rgba(57,255,20,.18);
	border-radius:var(--cs-radius-md) !important;
	color:var(--cs-text);
	text-align:center;
	font-size:13px;
	box-shadow:var(--cs-glow-sm);
}

.pm_alert a{
	font-weight:800;
}

.red_alert{
	margin-bottom:20px;
	padding:15px 17px;
	background:
		linear-gradient(180deg,rgba(255,79,95,.13),rgba(255,79,95,.035)),
		rgba(14,23,32,.92);
	border:1px solid rgba(255,79,95,.28);
	border-radius:var(--cs-radius-md) !important;
	color:#ffd8dd;
	text-align:center;
	font-size:13px;
	word-wrap:break-word;
	box-shadow:0 0 24px rgba(255,79,95,.08);
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:active{
	color:#ff9aa4;
	font-weight:800;
}

.red_alert a:hover{
	color:#fff;
}

div.error{
	margin-bottom:18px;
	padding:17px 18px;
	background:
		linear-gradient(180deg,rgba(255,79,95,.12),rgba(255,79,95,.035)),
		rgba(14,23,32,.95);
	border:1px solid rgba(255,79,95,.28);
	border-radius:var(--cs-radius-md) !important;
	color:#ffd8dd;
	font-family:var(--cs-font);
	font-size:14px;
	box-shadow:0 0 24px rgba(255,79,95,.08);
}

div.error p{
	margin:0;
	color:#ffd8dd;
	font-weight:400;
}

div.error p em{
	display:block;
	padding-left:0;
	background:none;
	color:#fff;
	font-style:normal;
	font-weight:900;
}

div.error ul{
	margin:8px 0 0;
	padding-left:20px;
	list-style:disc;
}

.success_message{
	margin-bottom:10px;
	color:var(--cs-green);
	font-size:12px;
	font-weight:800;
}

.error_message{
	margin-bottom:10px;
	color:#ff7b89;
	font-size:12px;
	font-weight:800;
}


/* =========================================================
   13. WARNING COLORS / STATUS COLORS
========================================================= */

.high_warning,
.high_banned{
	color:#ff4f5f;
}

.moderate_warning,
.moderate_banned{
	color:#ff9f43;
}

.low_warning,
.low_banned{
	color:#ffd166;
}

.imminent_banned{
	color:#ff2338;
}

.online{
	color:var(--cs-green);
}

.offline{
	color:#83918b;
}


/* =========================================================
   14. PAGINATION
========================================================= */

.pagination{
	padding-top:9px;
	font-size:14px;
	font-weight:400;
	color:var(--cs-muted);
}

.tfoot .pagination,
.tcat .pagination{
	padding-top:0;
}

.pagination .pages{
	padding-right:6px;
	color:var(--cs-muted);
	font-weight:800;
}

.pagination .pagination_current,
.pagination a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:31px;
	min-height:31px;
	margin:0 2px;
	padding:5px 9px;
	border-radius:var(--cs-radius-pill);
}

.pagination a{
	background:rgba(14,23,32,.95);
	border:1px solid var(--cs-border-2);
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}

.pagination a:link,
.pagination a:visited,
.pagination a:active{
	color:var(--cs-muted);
}

.pagination a:hover{
	background:rgba(57,255,20,.12);
	border-color:rgba(57,255,20,.35);
	color:#fff;
	text-decoration:none;
	box-shadow:0 0 18px rgba(57,255,20,.10);
}

.pagination .pagination_current{
	background:
		linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green),var(--cs-green-2));
	border:1px solid rgba(57,255,20,.45);
	color:#061008;
	font-weight:900;
	box-shadow:0 0 18px rgba(57,255,20,.18);
}

.pagination_current a:link{
	color:#061008;
}

.drop_go_page{
	margin:9px 0 0 -7px;
	padding:10px;
	background:var(--cs-card);
	border:1px solid var(--cs-border-2);
	border-radius:var(--cs-radius-md);
}

.pagination_breadcrumb{
	position:relative;
	margin:10px 0 0 -.75rem;
	padding:3px 12px;
	background:var(--cs-card);
	border:1px solid var(--cs-border-2);
	border-radius:var(--cs-radius-sm);
	box-shadow:var(--cs-shadow-sm);
	font-weight:400;
}

.pagination_breadcrumb::before{
	content:"";
	position:absolute;
	left:.8rem;
	bottom:100%;
	width:0;
	height:0;
	border-bottom:7px solid var(--cs-card);
	border-left:7px solid transparent;
	border-right:7px solid transparent;
}

.pagination_breadcrumb a:link,
.pagination_breadcrumb a:visited{
	color:var(--cs-muted);
	border:0;
}

.pagination_breadcrumb a:hover{
	color:var(--cs-green);
}

.pagination_breadcrumb_link{
	cursor:pointer;
	vertical-align:middle;
}


/* =========================================================
   15. POPUP MENUS / DROPDOWNS
========================================================= */

.popup_menu{
	z-index:75;
	margin-left:-1px;
	padding:6px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
		rgba(8,14,20,.98);
	border:1px solid rgba(57,255,20,.18);
	border-radius:var(--cs-radius-md) !important;
	box-shadow:var(--cs-shadow-md),var(--cs-glow-sm);
}

.popup_menu::before{
	content:"";
	position:absolute;
	left:1.4em;
	bottom:100%;
	display:block;
	width:0;
	height:0;
	border-bottom:7px solid rgba(8,14,20,.98);
	border-left:7px solid transparent;
	border-right:7px solid transparent;
}

.popup_menu .popup_item_container{
	padding:4px;
	border-bottom:1px solid rgba(255,255,255,.06);
	line-height:23px;
	text-align:left;
}

.popup_menu .popup_item_container:last-child{
	border-top:0;
	border-bottom:0;
}

.popup_menu .popup_item{
	display:block;
	min-width:170px;
	padding:7px 10px;
	color:var(--cs-muted) !important;
	text-decoration:none;
	white-space:nowrap;
	border-radius:var(--cs-radius-sm);
}

.popup_menu .popup_item:hover,
.popup_menu a.popup_item:hover,
.popup_item_container:hover .popup_item{
	background:rgba(57,255,20,.10);
	color:#fff !important;
	text-decoration:none;
}

.popup_item_container:hover{
	background:transparent;
}


/* =========================================================
   16. QUOTES / CODE / MYCODE
========================================================= */

blockquote{
	margin:0 0 14px;
	padding:16px;
	padding-top:0;
	background:
		linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
		rgba(8,14,20,.92);
	border:1px solid rgba(57,255,20,.14);
	border-radius:var(--cs-radius-md);
	color:var(--cs-text);
	overflow:hidden;
}

blockquote cite{
	display:block;
	margin:0 -16px 16px;
	padding:12px 15px;
	background:rgba(4,8,11,.72);
	border-bottom:1px solid rgba(57,255,20,.14);
	color:#fff;
	font-family:var(--cs-font);
	font-style:normal;
	font-weight:800;
}

blockquote cite > span{
	float:right;
	margin:3px 3px 0 0;
	color:var(--cs-muted);
	font-size:12px;
	font-style:normal;
	font-weight:400;
}

blockquote cite span.highlight{
	float:none;
	padding-bottom:0;
	font-weight:800;
}

blockquote > .reputationBlock,
blockquote > .reasonBlock{
	padding-top:18px;
}

.codeblock,
.phpcodeblock{
	padding:15px;
	padding-top:0;
	background:
		linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
		rgba(8,14,20,.94);
	border:1px solid rgba(57,255,20,.14);
	border-radius:var(--cs-radius-md) !important;
	color:var(--cs-text);
	overflow:hidden;
}

.codeblock .title,
.phpcodeblock .title{
	position:relative;
	margin:0 -15px 15px;
	padding:12px 15px;
	background:rgba(4,8,11,.76);
	border-bottom:1px solid rgba(57,255,20,.14);
	color:#fff;
	font-weight:900;
}

.codeblock .title::after,
.phpcodeblock .title::after{
	float:right;
	position:relative;
	color:rgba(57,255,20,.42);
	font-family:"FontAwesome",Arial,sans-serif;
	font-size:22px;
	transform:rotate(10deg);
}

.codeblock .title::after{
	content:"\f121";
	margin-top:-5px;
}

.phpcodeblock .title::after{
	content:"php";
	margin-top:-4px;
	font-size:17px;
}

.codeblock code,
.phpcodeblock code{
	display:block;
	max-height:260px;
	height:auto;
	overflow:auto;
	font-family:Monaco,Consolas,Courier,monospace;
	font-size:13px;
	color:#dceee5;
}

.mycode_color[style*="color: #555555;"]{
	color:var(--cs-muted) !important;
}


/* =========================================================
   17. REPUTATION / REPUTATION TABLES
========================================================= */

.trow_reputation_positive{
	background:rgba(57,255,20,.10);
}

.trow_reputation_neutral{
	background:rgba(14,23,32,.92);
}

.trow_reputation_negative{
	background:rgba(255,79,95,.10);
}

.reputation_positive{
	color:var(--cs-green);
}

.reputation_neutral{
	color:var(--cs-muted);
}

.reputation_negative{
	color:#ff6b78;
}

.repbox{
	display:inline-block;
	padding:5px 10px;
	border-radius:var(--cs-radius-pill);
	font-size:15px;
	font-weight:900;
}

._neutral{
	background:rgba(255,255,255,.06);
	border:1px solid var(--cs-border-2);
	color:var(--cs-muted);
}

._minus{
	background:rgba(255,79,95,.12);
	border:1px solid rgba(255,79,95,.22);
	color:#ff8a96;
}

._plus{
	background:rgba(57,255,20,.12);
	border:1px solid rgba(57,255,20,.24);
	color:var(--cs-green);
}


/* =========================================================
   18. FORUM STATUS ICONS - GLOBAL FALLBACK
   Stilurile mari pentru forumdisplay rămân în forumdisplay_premium.css.
========================================================= */

.forum_status{
	display:inline-block;
}

.forum_status i{
	display:inline-block;
	color:var(--cs-green);
}

.forum_on{
	color:var(--cs-green);
}

.forum_off,
.forum_offlock,
.forum_offlink{
	color:var(--cs-muted);
}

.forum_off i{
	color:var(--cs-muted);
	opacity:.55;
}

.forum_offclose i::before{
	content:"\f023";
	color:var(--cs-orange);
}

.forum_offlink i::before{
	content:"\f0c1";
	color:var(--cs-blue);
}

.subforumicon{
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px 0 4px;
	font-size:10px;
}

.subforum_minion{
	color:var(--cs-green);
}

.subforum_minioff,
.subforum_minioffclose,
.subforum_miniofflink{
	color:var(--cs-muted);
}

.subforum_minioff{
	opacity:.55;
}

.subforum_minioffclose i::before{
	content:"\f023";
}

.subforum_miniofflink i::before{
	content:"\f0c1";
}


/* =========================================================
   19. POLLS
========================================================= */

.pollbar{
	height:20px;
	margin-top:-16px;
	background:
		linear-gradient(90deg,var(--cs-green),var(--cs-green-2));
	color:#061008;
	font-size:12px;
	font-weight:900;
	line-height:21px;
	text-align:right;
	border-radius:var(--cs-radius-pill);
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 0 18px rgba(57,255,20,.13);
}

.pollbar .percent{
	display:inline-block;
	padding:0 8px;
}

.poll-inner{
	position:relative;
	top:4px;
	height:20px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.07);
	border-radius:var(--cs-radius-pill);
	overflow:hidden;
	box-sizing:border-box;
}

.poll-inner::before{
	content:"0%";
	padding:0 7px;
	color:var(--cs-muted);
	font-size:12px;
}


/* =========================================================
   20. THREAD / FORUM LEGENDS
========================================================= */

.thread_legend,
.thread_legend dd,
.forum_legend,
.forum_legend dt,
.forum_legend dd{
	margin:0;
	padding:0;
}

.thread_legend dd{
	margin-right:15px;
	padding-bottom:4px;
}

.thread_legend img{
	margin-right:4px;
	vertical-align:bottom;
}

.forum_legend dd{
	float:left;
	margin-top:7px;
	margin-right:10px;
}

.forum_legend dt{
	float:left;
	margin-right:10px;
}


/* =========================================================
   21. MISC MYBB CORE
========================================================= */

#dropzone{
	border-color:rgba(57,255,20,.28) !important;
}

#jquery_spinner_load{
	opacity:.35;
}

.attribute_footer{
	float:right;
}

.selectall{
	background:rgba(57,255,20,.10);
	border-bottom:1px solid rgba(57,255,20,.18);
	color:#fff;
	text-align:center;
}

.expcolimage{
	position:relative;
	top:1px;
	float:right;
	width:auto;
}

.expcolimage img{
	max-width:24px;
	height:auto;
	opacity:.72;
	transition:opacity .18s var(--cs-ease),transform .18s var(--cs-ease);
}

.thead .expcolimage img{
	opacity:.72;
}

.thead:hover .expcolimage img,
.expcolimage img:hover{
	opacity:1 !important;
	transform:scale(1.04);
}

.tcat_menu > .expcolimage{
	margin-top:0;
}

.smilie{
	vertical-align:middle;
}

.smilie_pointer{
	cursor:pointer;
}

.separator{
	height:0;
	margin:5px;
	padding:0;
	font-size:1px;
	list-style-type:none;
}

.quick_jump{
	width:13px;
	height:13px;
	margin-top:-3px;
	padding-left:13px;
	background:url(../../../images/jump.png) no-repeat 0;
	border:0;
}

.posticons_label{
	white-space:nowrap;
}

.header_before_gradient{
	height:2px;
	background:linear-gradient(90deg,transparent,var(--cs-green),transparent);
}


/* =========================================================
   22. MODAL
========================================================= */

.blocker{
	position:fixed;
	inset:0;
	z-index:9999;
	width:100%;
	height:100%;
	padding:20px;
	overflow:auto;
	background:rgba(0,0,0,.82);
	text-align:center;
	box-sizing:border-box;
	backdrop-filter:blur(6px);
}

.blocker::before{
	content:"";
	display:inline-block;
	height:100%;
	margin-right:-.05em;
	vertical-align:middle;
}

.blocker.behind{
	background:transparent;
	backdrop-filter:none;
}

.modal{
	position:relative;
	z-index:2;
	display:inline-block;
	width:400px;
	max-width:94%;
	background:
		linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),
		var(--cs-card);
	border:1px solid rgba(57,255,20,.18);
	border-radius:var(--cs-radius-lg);
	box-shadow:var(--cs-shadow-lg),var(--cs-glow-md);
	text-align:left;
	vertical-align:middle;
	box-sizing:border-box;
}

.modal a.close-modal{
	position:absolute;
	top:-13px;
	right:-13px;
	display:block;
	width:28px;
	height:28px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0)),
		var(--cs-bg-4);
	border:1px solid rgba(57,255,20,.25);
	border-radius:50%;
	box-shadow:var(--cs-glow-sm);
	text-indent:-9999px;
}

.modal a.close-modal::before,
.modal a.close-modal::after{
	content:"";
	position:absolute;
	left:8px;
	top:13px;
	width:12px;
	height:2px;
	background:var(--cs-green);
	border-radius:2px;
}

.modal a.close-modal::before{
	transform:rotate(45deg);
}

.modal a.close-modal::after{
	transform:rotate(-45deg);
}

.modal-spinner{
	position:fixed;
	top:50%;
	left:50%;
	display:none;
	width:64px;
	height:64px;
	margin-top:-32px;
	margin-right:-32px;
	background:url(../../../images/roundo/spinner_big.gif) no-repeat center center;
	border-radius:var(--cs-radius-md);
}

.modal.login-modal{
	max-width:360px;
	padding:30px;
	border-radius:var(--cs-radius-lg);
	box-shadow:var(--cs-shadow-lg),var(--cs-glow-md);
}


/* =========================================================
   23. JGROWL NOTIFICATIONS
========================================================= */

.jGrowl{
	position:fixed;
	z-index:9999;
	color:#fff;
	font-family:var(--cs-font);
	font-size:12px;
}

.jGrowl.top-left{
	left:0;
	top:0;
}

.jGrowl.top-right{
	right:0;
	top:0;
}

.jGrowl.bottom-left{
	left:0;
	bottom:0;
}

.jGrowl.bottom-right{
	right:0;
	bottom:0;
}

.jGrowl.center{
	top:0;
	left:25%;
	width:50%;
}

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer{
	margin-left:auto;
	margin-right:auto;
}

.jGrowl-notification{
	display:none;
	width:280px;
	min-height:44px;
	margin:10px;
	padding:12px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),
		var(--cs-card);
	border:1px solid rgba(57,255,20,.20);
	border-radius:var(--cs-radius-md);
	color:var(--cs-text);
	text-align:left;
	word-break:break-word;
	box-shadow:var(--cs-shadow-md),var(--cs-glow-sm);
	opacity:.96;
	zoom:1;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight{
	border:1px solid rgba(57,255,20,.25);
	background:rgba(57,255,20,.10);
	color:#fff;
}

.jGrowl-notification .jGrowl-header{
	color:#fff;
	font-size:.9em;
	font-weight:900;
}

.jGrowl-notification .jGrowl-close{
	float:right;
	z-index:99;
	background:transparent;
	border:0;
	color:inherit;
	font-size:1rem;
	font-weight:900;
	cursor:pointer;
}

.jGrowl-closer{
	display:none;
	width:280px;
	margin:10px;
	padding:8px 10px;
	background:var(--cs-card);
	border:1px solid rgba(57,255,20,.18);
	border-radius:var(--cs-radius-md);
	color:var(--cs-muted);
	text-align:center;
	word-break:break-word;
	cursor:pointer;
	font-size:.9em;
	font-weight:800;
	box-shadow:var(--cs-shadow-sm);
	opacity:.96;
	zoom:1;
}

.jGrowl .jGrowl-notification.jgrowl_success{
	background:
		linear-gradient(180deg,rgba(57,255,20,.12),rgba(57,255,20,.035)),
		var(--cs-card);
	border-color:rgba(57,255,20,.32);
	color:#fff;
}

.jGrowl .jGrowl-notification.jgrowl_error{
	background:
		linear-gradient(180deg,rgba(255,79,95,.12),rgba(255,79,95,.035)),
		var(--cs-card);
	border-color:rgba(255,79,95,.35);
	color:#fff;
}

.jGrowl .jGrowl-notification.jgrowl_process,
.jGrowl .jGrowl-closer{
	background:
		linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),
		var(--cs-card);
	border-color:rgba(255,255,255,.12);
	color:var(--cs-text);
}

@media print{
	.jGrowl{
		display:none;
	}
}


/* =========================================================
   24. JQUERY IMPROMPTU
========================================================= */

.jqifade{
	position:absolute;
	background-color:#000;
	opacity:.72;
}

iframe.jqifade{
	display:block;
	z-index:-1;
}

div.jqi{
	position:absolute;
	width:400px;
	max-width:90%;
	padding:8px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),
		var(--cs-card);
	border:1px solid rgba(57,255,20,.18);
	border-radius:var(--cs-radius-lg);
	box-shadow:var(--cs-shadow-lg),var(--cs-glow-sm);
	font-family:var(--cs-font);
	font-size:13px;
	text-align:left;
}

div.jqi .jqiclose{
	position:absolute;
	top:8px;
	right:11px;
	width:18px;
	color:var(--cs-muted);
	font-size:18px;
	cursor:pointer;
}

div.jqi .jqiclose:hover{
	color:var(--cs-green);
}

div.jqi .jqistate{
	background:transparent;
}

div.jqi .jqititle{
	padding:8px 12px;
	border-bottom:1px solid rgba(255,255,255,.08);
	color:#fff;
	font-size:16px;
	font-weight:900;
	line-height:20px;
}

div.jqi .jqimessage{
	padding:15px 18px 20px;
	color:var(--cs-text);
	line-height:20px;
	overflow:auto;
}

div.jqi .jqibuttonshide{
	display:none;
}

div.jqi .jqibuttons{
	margin:0 -8px -8px;
	padding:10px 12px;
	background:rgba(4,8,11,.58);
	border-top:1px solid rgba(255,255,255,.08);
	border-radius:0 0 var(--cs-radius-lg) var(--cs-radius-lg);
	text-align:right;
}

div.jqi .jqibuttons button{
	margin:0 0 0 6px;
	padding:8px 16px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.12) !important;
	border-radius:var(--cs-radius-pill) !important;
	box-shadow:none !important;
	color:var(--cs-text);
	font-size:13px;
	font-weight:800;
}

div.jqi .jqibuttons button.jqidefaultbutton{
	background:
		linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green),var(--cs-green-2));
	border-color:rgba(57,255,20,.35) !important;
	color:#061008;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	outline:0;
	border-color:rgba(57,255,20,.38) !important;
	color:#fff;
}

div.jqi .jqibuttons button.jqidefaultbutton:hover,
div.jqi .jqibuttons button.jqidefaultbutton:focus{
	color:#061008;
}

div.jqi .jqibuttons button[disabled]{
	color:var(--cs-muted-2);
	opacity:.65;
}

.jqiwarning .jqi .jqibuttons{
	background:rgba(255,79,95,.14);
}

div.jqi .jqiparentstate::after{
	content:"";
	position:absolute;
	inset:0;
	background:#000;
	border-radius:var(--cs-radius-lg);
	opacity:.55;
}

div.jqi .jqisubstate{
	position:absolute;
	top:0;
	left:20%;
	width:60%;
	padding:8px;
	background:var(--cs-card);
	border:1px solid var(--cs-border-2);
	border-top:0;
	border-radius:0 0 var(--cs-radius-md) var(--cs-radius-md);
}

div.jqi .jqisubstate .jqibuttons button{
	padding:10px 18px;
}

.jqi .jqiarrow{
	position:absolute;
	width:0;
	height:0;
	border:solid 10px transparent;
	font-size:0;
	line-height:0;
}

.jqi .jqiarrowtl{
	left:10px;
	top:-20px;
	border-bottom-color:var(--cs-card);
}

.jqi .jqiarrowtc{
	left:50%;
	top:-20px;
	margin-left:-10px;
	border-bottom-color:var(--cs-card);
}

.jqi .jqiarrowtr{
	right:10px;
	top:-20px;
	border-bottom-color:var(--cs-card);
}

.jqi .jqiarrowbl{
	left:10px;
	bottom:-20px;
	border-top-color:var(--cs-card);
}

.jqi .jqiarrowbc{
	left:50%;
	bottom:-20px;
	margin-left:-10px;
	border-top-color:var(--cs-card);
}

.jqi .jqiarrowbr{
	right:10px;
	bottom:-20px;
	border-top-color:var(--cs-card);
}

.jqi .jqiarrowlt{
	left:-20px;
	top:10px;
	border-right-color:var(--cs-card);
}

.jqi .jqiarrowlm{
	left:-20px;
	top:50%;
	margin-top:-10px;
	border-right-color:var(--cs-card);
}

.jqi .jqiarrowlb{
	left:-20px;
	bottom:10px;
	border-right-color:var(--cs-card);
}

.jqi .jqiarrowrt{
	right:-20px;
	top:10px;
	border-left-color:var(--cs-card);
}

.jqi .jqiarrowrm{
	right:-20px;
	top:50%;
	margin-top:-10px;
	border-left-color:var(--cs-card);
}

.jqi .jqiarrowrb{
	right:-20px;
	bottom:10px;
	border-left-color:var(--cs-card);
}


/* =========================================================
   25. PRINT
========================================================= */

@media print{
	body{
		background:#fff !important;
		color:#000 !important;
	}

	#container,
	.wrapper{
		min-width:0 !important;
		width:100% !important;
		max-width:none !important;
	}

	a:link,
	a:visited,
	a:active{
		color:#000 !important;
	}

	.tborder,
	.thead,
	.tcat,
	.trow1,
	.trow2,
	.tfoot{
		background:#fff !important;
		color:#000 !important;
		border-color:#ccc !important;
		box-shadow:none !important;
	}
}


/* =========================================================
   26. RESPONSIVE GLOBAL
========================================================= */

@media (max-width:1200px){
	.wrapper{
		width:min(100% - 44px,1200px);
	}

	#content{
		padding:28px 0 46px;
	}
}

@media (max-width:900px){
	#container{
		min-width:0;
	}

	.wrapper{
		width:min(100% - 26px,100%);
	}

	#content{
		padding:22px 0 38px;
	}

	.mobile_only{
		display:block;
	}

	.mobile_only_tr{
		display:table-row;
	}

	table{
		font-size:12px;
	}

	.tborder{
		padding:8px;
		border-radius:var(--cs-radius-md) !important;
	}

	.thead{
		padding:12px 14px;
		font-size:16px;
	}

	.tcat,
	.trow1,
	.trow2,
	.tfoot{
		padding:11px 12px;
	}

	.navigation{
		min-height:auto;
		padding:12px 14px 12px 18px;
		line-height:1.45;
	}

	input.textbox,
	textarea,
	select{
		max-width:100%;
	}

	form #message{
		width:100%;
	}

	.pagination{
		line-height:2.4;
	}

	.pagination .pages{
		display:block;
		margin-bottom:4px;
	}

	.modal{
		width:94%;
	}
}

@media (max-width:600px){
	body{
		font-size:12px;
	}

	.wrapper{
		width:min(100% - 18px,100%);
	}

	#content{
		padding:18px 0 32px;
	}

	.tborder{
		padding:6px;
		margin-bottom:14px;
	}

	.thead{
		border-radius:var(--cs-radius-sm);
		font-size:15px;
	}

	.tcat,
	.trow1,
	.trow2,
	.tfoot{
		padding:10px;
	}

	button,
	input.button,
	a.button:link,
	a.button:visited,
	a.button:active{
		width:auto;
		max-width:100%;
		padding:9px 13px;
		font-size:12px;
	}

	input.textbox,
	textarea,
	select{
		width:100%;
	}

	.jGrowl.center{
		left:5%;
		width:90%;
	}

	.jGrowl-notification,
	.jGrowl-closer{
		width:calc(100vw - 30px);
	}

	div.jqi{
		width:calc(100vw - 28px);
		max-width:calc(100vw - 28px);
	}
}


/* =========================================================
   27. ANIMATIONS
========================================================= */

@keyframes csGlobalShine{
	0%{
		transform:translateX(-130%);
		opacity:0;
	}
	18%{
		opacity:.75;
	}
	42%{
		transform:translateX(130%);
		opacity:0;
	}
	100%{
		transform:translateX(130%);
		opacity:0;
	}
}