/*********************************************
	 ** Stylesheet file for default Flux theme. **
	 *********************************************/

.loginbox-admin-menu {
	padding-top: 5px;
	color: #94b4d5;
}

body {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 9pt;
	color: #000;
	background-color: #fff;
}

table {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 9pt;
}

tr, td, th {
	vertical-align: top;
}

.horizontal-table tr, .vertical-table tr, .generic-form-table tr,
.horizontal-table td, .vertical-table td, .generic-form-table td {
	vertical-align: middle;
}

.horizontal-table th, .vertical-table th, .generic-form-table th {
	vertical-align: top;
}

h2 {
	color: #444;
	letter-spacing: -1px;
}

h3 {
	/*font-style: italic;*/
	font-weight: normal;
	font-size: 120%;
	color: #444;
	border-bottom: 1px dotted #ddd;
	text-transform: uppercase;
}

h3:first-letter {
	font-weight: bold;
}

p {
	margin: 4px 0 8px 0;
	padding: 0;
}

a img {
	border: 0;
}

a {
	color: #4083c6;
	text-decoration: none;
}

input[type=text], input[type=password], input[type=file], textarea {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	padding: 4px;
	font-size: 10pt;
	color: #444;
	border: 1px solid #ddd;
	outline-width: 0;
}

label:hover {
	cursor: pointer;
}

/*input[type=text]:hover, input[type=password]:hover, textarea:hover {
	color: #46a;
	background-color: #dee;
	border: 1px solid #8ac;
}*/

.module-name {
	font-weight: bold;
	font-size: 12pt;
}

.message {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background-color: #333;
}

.notice {
	display: block;
	padding: 10px;
	font-weight: normal;
	font-size: 120%;
	color: #204a87;
	background-color: #F0FFFF;
	border: 1px solid #87CEEB;
}

.center {
	text-align: center;
}

#admin_sidebar, #sidebar {
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}

#admin_sidebar img, #sidebar img {
	display: block;
}

#admin_sidebar td, #sidebar td {
	padding: 0;
}

#admin_sidebar td.menuitem, #admin_sidebar th.menuitem {
	display: block;
	font-size: 10pt;
	border-width: 0 13px 0 11px;
	border-style: solid;
	border-color: #8b8b8b;
}

#admin_sidebar th.menuitem {
	background-color: #303030;
}

#admin_sidebar th.menuitem strong {
	display: block;
	margin: 0 12px;
	padding: 10px 0 2px 0;
	font-size: 100%;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #555;
}

#admin_sidebar td.menuitem a {
	margin: 0 auto;
	display: block;
	padding: 2px 5px 4px 18px;
	color: #fff;
	background-color: #303030;
	text-align: left;
	text-shadow: #000 1pt 1pt;
	text-decoration: none;
}

#admin_sidebar td.menuitem a:hover {
	color: #fff;
	background-color: #4a5259;
	text-shadow: #4a5259 1pt 1pt;
}

#admin_sidebar td.menuitem a span {
	/*display: block;*/
}

#sidebar td.sidebar-left, #sidebar td.sidebar-right {
	background-color: #e6f0fa;
}

#sidebar td.menuitem, #sidebar th.menuitem {
	display: block;
	font-size: 10pt;
	border-width: 0 13px 0 11px;
	border-style: solid;
	border-color: #c4d9ee;
}


#sidebar th.menuitem {
	background-color: #94b4d5;
}

#sidebar th.menuitem strong {
	display: block;
	margin: 0 12px;
	padding: 10px 0 2px 0;
	font-size: 100%;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #c4d9ee;
}

#sidebar td.menuitem a {
	margin: 0 auto;
	display: block;
	padding: 2px 5px 4px 18px;
	color: #fff;
	background-color: #94b4d5;
	text-align: left;
	text-shadow: #708fae 1pt 1pt;
	text-decoration: none;
}

#sidebar td.menuitem a:hover {
	color: #fff;
	background-color: #708fae;
	text-shadow: #708fae 1pt 1pt;
}

#sidebar td.menuitem a span {
	display: block;
}

.request, .fs-path {
	display: inline-block;
	padding: 2px;
	font-family: Monaco, "Lucida Console", "Bitsteam Vera Sans Mono", monospace;
	font-size: 8pt;
	background-color: #fff;
	border: 1px solid #eee;
}

.keyword {
	color: #ffba00;
	font-style: italic;
}

.red {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background-color: #f00;
}

.green {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background-color: #0c0;
}

.note {
	padding: 5px;
	color: #444;
	background-color: #eaeaea;
	font-style: italic;
}

.up {
	font-weight: bold;
	color: #0f0;
	text-transform: uppercase;
}

.down {
	color: #f00;
	text-transform: uppercase;
}

.submit_button {
	display: block;
	margin: 10px;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
}

.submit_button:hover {
	color: #fff;
	background-color: #333;
	border: 1px solid #111;
	cursor: pointer;
}

.install_table th, .install_table td {
	padding: 5px 10px;
	border: 1px solid #ddd;
}

.install_table th {
	background-color: #eef;
}

.install_table td {
	width: 180px;
	text-align: center;
}

.created {
	color: green;
	width: 80px;
}

.missing {
	color: red;
	width: 80px;
}

.pages {
	margin-top: 20px;
	padding-top: 10px;
	color: #ccc;
	text-align: center;
	border-top: 1px solid #ddd;
}

.pages .page-prev, .pages .page-next {
	color: #94b4d5;
}

.pages .page-num {
	padding: 0 5px;
}

.pages .current-page {
	color: #000000;
	font-weight: bold;
}

.horizontal-table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

.horizontal-table th {
	padding: 5px 10px;
	background-color: #eee;
}

.horizontal-table td {
	padding: 5px 10px;
	background-color: #fff;
}

.horizontal-table th, .horizontal-table td {
	font-size: 9pt;
	border: 1px solid #ddd;
}

.vertical-table {
	border-spacing: 0;
	border-collapse: collapse;	
}

.vertical-table th {
	padding: 5px 10px;
	background-color: #eee;
}

.vertical-table td {
	padding: 5px 12px;
	background-color: #fff;
}

.vertical-table th, .vertical-table td {
	font-size: 9pt;
	border: 1px solid #ddd;
}

.vertical-table label {
	display: block;
	padding: 5px;
}

.current-sub-menu {
	font-weight: bold;
}

.td-checkbox {
	text-align: center;
}

.td-action {
	color: #ccc;
	text-align: center;
}

.vertical-table .td-action {
	text-align: right;
}

.vertical-table form {
	margin: 0;
	padding: 0;
}

.not-applicable {
	font-style: italic;
	color: #bbb;
}

.state-pending {
	color: orange;
}

.state-banned {
	color: red;
}

.state-permanently-banned {
	font-weight: bold;
	color: red;
}

.raw-txn-log {
	padding: 10px;
	font-family: "Monaco", "Lucida Console", "Courier New", monospace;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 96%;
	overflow: scroll;
}

.online {
	color: #000;
}

.offline {
	color: #aaa;
}

.info-text-total {
	font-weight: bold;
}

.info-text-results {
	font-weight: bold;
}

.info-text {
	margin-bottom: 6px;
	padding: 5px;
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
}

.toggler {
	font-weight: bold;
	font-style: italic;
}

.toggler a {
	color: #26a;
}

.search-form, search-form2 {
	display: none;
	margin: 0 0 10px 0;
	padding: 0;
	border-top: 1px solid #ddd;
}

.search-form p, .search-form2 p {
	margin: 0;
	padding: 5px;
	color: #aaa;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.search-form label, .search-form2 label {
	display: inline-block;
	margin: 0 0 3px 0;
	font-size: 8pt;
	font-style: italic;
	color: #222;
}

.search-form input[type=text], .search-form2 input[type=text] {
	display: inline-block;
	margin: 0 0 2px 0;
	padding: 2px;
	font-size: 8pt;
	width: 80px;
}

.search-form input[type=submit], .search-form2 input[type=submit] {
	display: inline-block;
	margin: 0 0 2px 0;
	font-size: 8pt;
	font-weight: bold;
}

.search-form input[type=button], .search-form input[type=reset],
.search-form2 input[type=button], .search-form2 input[type=reset] {
	display: inline-block;
	margin: 0 0 2px 0;
	font-size: 8pt;
}

.search-form input[type=checkbox], .search-form2 input[type=checkbox] {
	display: inline-block;
	margin: 0 0 2px 0;
}

.search-form select, .search-form2 select {
	display: inline-block;
	margin: 2px 0;
}

#submenu {
	color: #bbb;
}

#pagemenu {
	margin-top: 5px;
	padding: 5px 0;
	font-size: 8pt;
	color: #888;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #ddd;
}

#pagemenu a {
	color: #777974;
	text-decoration: underline;
}

#pagemenu a:hover {
	color: #729fcf;
}

#loginbox {
	margin-bottom: 10px;
	color: #555;
}

#content {
	color: #555;
}

#register_form table td, #login_form table td {
	padding: 1px;
}

#register_form table th label, #login_form table th label {
	display: block;
	padding: 5px;
	text-align: center;
}

#register_form input[type=text], #register_form input[type=password], #login_form input[type=text], #login_form input[type=password] {
	width: 140px;
}

#register_form select, #login_form select {
	width: 147px;
}

#server_status th, #server_status td {
	padding: 8px 12px 8px 12px;
	text-align: left;
	border-bottom: 1px solid #ddd;	
}

#server_status {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
	border: 1px solid #ddd;
}

#server_status .server {
	color: #222;
}

#server_status .status {
	text-align: center;
}

#copyright p {
	margin-top: 5px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 8pt;
	color: #ccc;
	text-align: right;
}

#info p {
	margin-top: 5px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 8pt;
	color: #aaa;
	text-align: right;
}

.sortable {
	color: #444;
	text-decoration: underline;
}

.sortable:hover {
	color: #000;
}

.character-stats {
	border-spacing: 0;
	border-collapse: collapse;
	color: #ccc;
}

.character-stats td {
	padding: 0px 10px 5px 0;
	border: 0;
	text-align: center;
}

.character-stats .stat-name {
	color: #666;
}

.character-stats .stat-value {
	color: #000;
}

.credit-balance {
	float: right;
	display: inline-block;
	padding: 10px;
	color: #000;
	background-color: #eee;
	border: 1px dotted #ddd;
}

.credit-balance .balance-text {
	display: inline-block;
	margin-right: 5px;
	color: #bbb;
	text-transform: uppercase;
}

.credit-balance .balance-amount {
	font-weight: bold;
}

.emblem-server {
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	font-size: 120%;
	border-bottom: 1px solid #ddd;
}

.emblem-server label {
	display: block;
}

.emblem-server label:hover {
	cursor: pointer;
}

.block {
	display: block;
	width: 80%;
	height: 40px;
}

.script-line {
	font-family: Monaco, "Lucida Console", monospace;
}

.script-line-num {
	display: inline-block;
	margin: 0;
	padding: 5px;
	background-color: #eee;
	border-right: 1px solid #ddd;
}

.script-line-code {
	display: inline-block;
	margin: 0;
	padding: 5px;
}

.shop-table {
	width: 100%;
	color: #000;
	border-spacing: 0 10px;
	border-collapse: separate;
}

.shop-table td {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.shop-item-image {
	width: 75px;
	height: 100px;
	text-align: center;
}

.shop-item-name {
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	font-size: 140%;
	color: #222;
	border-bottom: 1px solid #eee;
}

.shop-item-cost-qty {
	width: 150px;
	color: #aaa;
	text-align: center;
}

.cost {
	color: #000;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}

.qty {
	color: #000;
}

.shop-item-action {
	color: #ddd;
}

.shop-item-action a {
	color: #80a2c8;
	border-bottom: 1px solid #eee;
}

.shop-item-action a:hover {
	border-bottom: 1px solid #80a2c8;
}

.short {
	width: 40px;
}

.shop-server-name {
	color: #333;
}

.shop-item-info {
	text-align: justify;
}

textarea {
	width: 320px;
	height: 120px;
}

.cart-items-text {
	margin: 0 0 5px 0;
	padding: 5px;
	color: #ddd;
	background-color: #888;
	border: 5px solid #777;
}

.cart-info-text {
	margin: 0 0 5px 0;
	padding: 0;
}

.cart-total-text {
	margin: 0;
	padding: 0;
}

.cart-item-name {
	color: #fff;
	border-bottom: 1px dotted #aaa;
}

.cart-item-count {
	font-size: 120%;
	font-weight: bold;
	color: #000;
}

.cart-sub-total {
	color: #000;
}

.cart {
	width: 100%;
}

.cart label {
	display: block;
}

.cart h4 {
	margin: 10px 0 2px 0;
	font-size: 140%;
}

.remove-from-cart {
	width: 100%;
	text-align: right;
}

.checkout-text {
	font-size: 120%;
	font-weight: bold;
}

.checkout-text a {
	border-bottom: 1px dotted #ccc;
}

.checkout-text a:hover {
	color: #000;
	border-bottom: 1px solid #aaa;
}

.enter-donation-amount {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 120%;
}

.donation-amount-text {
	margin: 0;
	padding: 0;
	font-size: 120%;
	text-align: center;
}

.credit-amount-text {
	font-size: 8pt;
	text-transform: uppercase;
	color: #bbb;
	text-align: center;
	letter-spacing: 1px;
}

.donation-amount {
	font-weight: bold;
	color: #000;
}

.credit-amount {
	color: #555;
}

.reset-amount-text {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	text-align: center;
}

.checkout-info-text {
	margin: 0 0 5px 0;
	padding: 0;
}

.remaining-balance {
	color: #000;
}

.exchange-rate {
	font-size: 120%;
	font-weight: bold;
	color: #000;
}

.important {
	font-size: 120%;
	color: #000;
}

.important .server-name {
	font-weight: bold;
}

.generic-form {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	width: auto;
}

.generic-form-div {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	width: auto;
}
.generic-form-table th label {
	display: block;
	padding: 6px;
}

.generic-form-table td div {
	display: block;
	padding: 6px 0;
}

.generic-form-table th {
	text-align: right;
}

.generic-form-table td input[type=checkbox] {
	display: inline-block;
	margin-top: 6px;
}

.generic-form-table td p {
	margin: 6px 5px;
	color: #000;
}

.security-code {
	margin: 5px 0;
	text-align: left;
	width: 145px;
	height: 50px;
}

.action {
	color: #ddd;
}

.action a, .action span.anchor {
	color: #80a2c8;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.block-link {
	display: block;
	padding: 3px;
	color: #80a2c8;
	border-bottom: 1px solid #eee;
}

.button-action {
	padding: 5px 0;
	text-align: left;
}

.woe-table {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
	border: 1px solid #ddd;
}

.woe-table th, .woe-table td {
	padding: 5px 10px;
}

.woe-table th {
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}

.woe-table td {
	font-size: 120%;
}

.woe-table .server {
	font-weight: bold;
}

.woe-table .time {
	font-style: italic;
	color: #333;
}

.script {
	width: 98%;
}

.multi-select {
	width: 100%;
}

.jump-to-page {
	margin-top: 8px;
	font-size: 8pt;
	text-align: center;
}

.jump-to-page input {
	padding: 2px;
	font-size: 8pt;
}

.top-ranked td {
	font-weight: bold;
	color: #000;
	background-color: #FFF8DC;
}

.top-ranked a {
	color: #000;
	border-bottom: 1px dotted #666;
}

.empty-row {
	display: none;
}

.item-drop-mvp td {
	color: #000;
	background-color: #F8F8FF;
}

.item-drop-card td {
	color: #000;
	background-color: #F0FFFF;
}

.mvp {
	font-size: xx-small;
	font-weight: bold;
	color: #ff0000;
	vertical-align: top;
}

.monster-mode {
	margin: 0;
	padding: 0;
	list-style: square inside;
}

.monster-mode li {
	padding: 1px;
	border-bottom: 1px dotted #eee;
}

.equipped td {
	background-color: #f1ffff;
}

.job-classes {
	border-spacing: 0;
}

.job-classes td {
	padding-right: 10px;
	border-right: 1px solid #eee;
}

.current-shop-category {
	font-weight: bold;
}

.normalslotted .equipped {
	color: #25292b;
}

.overslotted1 {
	color: #32cd32;
}

.overslotted2 {
	color: #00bfff;
}

.overslotted3 {
	color: #ffa500;
}

.overslotted4 {
	color: #9932cc;
}

.hold-hours {
	color: #ffba00;
	font-style: italic;
}

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








html, body {
    min-height: 100%;
}

body {
    background:
        linear-gradient(rgba(3, 3, 3, 0.45), rgba(3, 3, 3, 0.85)),
        url("../img/bg-gladius.jpg") center top / cover no-repeat fixed !important;
    background-color: #050505 !important;
}










/* Remove white FluxCP content corner/background */
#content,
.content,
.main,
.main-content,
#main,
#page,
#container {
    background: transparent !important;
}







/* GladiusRO background */
html, body {
    min-height: 100%;
}

body {
    background:
        linear-gradient(rgba(3, 3, 3, 0.45), rgba(3, 3, 3, 0.85)),
        url("../img/bg-gladius.jpg") center top / cover no-repeat fixed !important;
    background-color: #050505 !important;
    color: #e8e8e8 !important;
}

/* Remove only white corner image leftovers */
img[src$="content_tl.gif"],
img[src$="content_tr.gif"],
img[src$="content_bl.gif"],
img[src$="content_br.gif"],
img[src$="sidebar_tl.gif"],
img[src$="sidebar_tr.gif"],
img[src$="sidebar_bl.gif"],
img[src$="sidebar_br.gif"],
[style*="content_tl.gif"],
[style*="content_tr.gif"],
[style*="content_bl.gif"],
[style*="content_br.gif"],
[style*="sidebar_tl.gif"],
[style*="sidebar_tr.gif"],
[style*="sidebar_bl.gif"],
[style*="sidebar_br.gif"] {
    display: none !important;
    background: transparent !important;
}

/* Main content readable dark glass panel */
#content,
.content,
.main,
.main-content,
#main {
    background: rgba(10, 10, 10, 0.78) !important;
    color: #e8e8e8 !important;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.65);
}

/* Text readability */
#content p,
#content div,
#content span,
#content li,
.main-content p,
.main-content div,
.main-content span,
.main-content li {
    color: #e0e0e0 !important;
}

/* Headings */
#content h1,
#content h2,
#content h3,
.main-content h1,
.main-content h2,
.main-content h3 {
    color: #ff9b35 !important;
    text-shadow: 0 0 8px rgba(255, 136, 30, 0.35);
}

/* Links */
#content a,
.main-content a {
    color: #4da3ff !important;
}

/* Tables readable */
#content table,
.main-content table {
    background: rgba(15, 15, 15, 0.82) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

#content th,
#content td,
.main-content th,
.main-content td {
    background: rgba(20, 20, 20, 0.75) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Keep ONLINE green visible */
#content .online,
.main-content .online,
td[style*="green"],
span[style*="green"] {
    color: #00ff33 !important;
    font-weight: bold;
}


/* =====================================================
   GladiusRO Dark Sidebar Theme - FIXED
   Purpose: replace the old FluxCP blue left sidebar with a dark glass style
   Place: bottom of themes/YOUR_THEME/css/flux.css
===================================================== */

/* Main left sidebar table and side filler cells */
#sidebar,
#sidebar tbody,
#sidebar tr,
#sidebar td.sidebar-left,
#sidebar td.sidebar-right {
    background: rgba(8, 8, 10, 0.94) !important;
    background-color: rgba(8, 8, 10, 0.94) !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Menu row cells and category header cells */
#sidebar td.menuitem,
#sidebar th.menuitem {
    background: rgba(8, 8, 10, 0.94) !important;
    background-color: rgba(8, 8, 10, 0.94) !important;
    background-image: none !important;
    border-color: rgba(255, 145, 35, 0.32) !important;
    border-style: solid !important;
    box-shadow: inset 0 0 14px rgba(255, 145, 35, 0.03) !important;
}

/* Main category headers: Main Menu, Account, Information, Database */
#sidebar th.menuitem {
    background: linear-gradient(180deg, rgba(22, 22, 24, 0.98), rgba(8, 8, 10, 0.98)) !important;
    background-color: rgba(12, 12, 14, 0.98) !important;
}

#sidebar th.menuitem strong {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 145, 35, 0.55) !important;
    text-shadow: 0 0 7px rgba(255, 145, 35, 0.65), 1px 1px 2px #000000 !important;
    letter-spacing: 0.2px;
}

/* Menu links */
#sidebar td.menuitem a {
    color: #f5f5f5 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    text-shadow: 1px 1px 2px #000000 !important;
    border-left: 2px solid transparent;
    transition: all 0.18s ease-in-out;
}

/* Menu links hover */
#sidebar td.menuitem a:hover,
#sidebar td.menuitem a.current-sub-menu,
#sidebar td.menuitem a.current-sub-menu:hover {
    color: #ff9a22 !important;
    background: rgba(255, 145, 35, 0.12) !important;
    background-color: rgba(255, 145, 35, 0.12) !important;
    text-shadow: 0 0 6px rgba(255, 145, 35, 0.6), 1px 1px 2px #000000 !important;
    border-left: 2px solid #ff9a22;
    text-decoration: none !important;
}

/* Remove the old light-blue corner/edge images if FluxCP theme loads them */
img[src$="sidebar_tl.gif"],
img[src$="sidebar_tr.gif"],
img[src$="sidebar_bl.gif"],
img[src$="sidebar_br.gif"],
img[src$="sidebar_left.gif"],
img[src$="sidebar_right.gif"],
img[src$="sidebar_top.gif"],
img[src$="sidebar_bottom.gif"],
[style*="sidebar_tl.gif"],
[style*="sidebar_tr.gif"],
[style*="sidebar_bl.gif"],
[style*="sidebar_br.gif"],
[style*="sidebar_left.gif"],
[style*="sidebar_right.gif"],
[style*="sidebar_top.gif"],
[style*="sidebar_bottom.gif"] {
    display: none !important;
    background: transparent !important;
    background-image: none !important;
}

/* Optional outer glow around sidebar */
#sidebar {
    border: 1px solid rgba(255, 145, 35, 0.30) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.85), inset 0 0 18px rgba(255, 145, 35, 0.04) !important;
}

/* Admin sidebar kept dark too, but more neutral */
#admin_sidebar td.menuitem,
#admin_sidebar th.menuitem,
#admin_sidebar td.menuitem a {
    background-color: #151515 !important;
    border-color: #333333 !important;
}

#admin_sidebar td.menuitem a:hover {
    background-color: #262626 !important;
}


/* =====================================================
   GladiusRO Sidebar Corner Color - KEEP CORNER
   Keeps the original rounded/top corner shape, but changes blue to dark brown/gold.
===================================================== */

/* Sidebar outside/corner area: brown-gold instead of blue */
#sidebar,
#sidebar tbody,
#sidebar tr,
#sidebar td,
#sidebar th,
#sidebar td.sidebar-left,
#sidebar td.sidebar-right {
    background-color: #4a2600 !important;
    border-color: #8a4a08 !important;
}

/* Main menu body remains dark, with brown borders */
#sidebar td.menuitem,
#sidebar th.menuitem {
    background-color: #050505 !important;
    background-image: linear-gradient(180deg, #111111 0%, #050505 100%) !important;
    border-color: #6b3600 !important;
}

/* Category title bar: dark, not blue */
#sidebar th.menuitem {
    background-color: #080808 !important;
    background-image: linear-gradient(180deg, #17120b 0%, #050505 100%) !important;
}

#sidebar th.menuitem strong {
    color: #ffffff !important;
    border-bottom: 1px solid #b66a14 !important;
    text-shadow: 0 0 6px rgba(255, 156, 35, 0.75), 1px 1px 2px #000000 !important;
}

/* Left/right border strips beside menu */
#sidebar td.menuitem,
#sidebar th.menuitem {
    border-left-color: #5a2d00 !important;
    border-right-color: #5a2d00 !important;
}

/* Links stay clean inside the dark menu */
#sidebar td.menuitem a {
    color: #ffffff !important;
    background-color: transparent !important;
    background-image: none !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

#sidebar td.menuitem a:hover,
#sidebar td.menuitem a.current-sub-menu,
#sidebar td.menuitem a.current-sub-menu:hover {
    color: #ff9a22 !important;
    background-color: rgba(255, 145, 35, 0.13) !important;
    text-shadow: 0 0 6px rgba(255, 145, 35, 0.70), 1px 1px 2px #000000 !important;
}

/* IMPORTANT: keep FluxCP corner images visible, but recolor blue GIF/PNG to brown/gold */
#sidebar img[src*="sidebar"],
#sidebar img[src*="side"],
#sidebar img[src*="menu"] {
    display: block !important;
    visibility: visible !important;
    filter: sepia(1) saturate(3.2) hue-rotate(350deg) brightness(0.55) contrast(1.25) !important;
}

/* If the rounded corner is a CSS background image, keep it but make the surrounding color brown */
#sidebar [style*="sidebar"],
#sidebar [style*="side"],
#sidebar [style*="menu"] {
    background-color: #4a2600 !important;
    border-color: #8a4a08 !important;
}

/* Outer edge like your screenshot */
#sidebar {
    border-top: 1px solid #9a570d !important;
    border-left: 1px solid #663300 !important;
    border-right: 1px solid #663300 !important;
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.75) !important;
}


/* =====================================================
   GladiusRO Sidebar Same Dark Brown Corner - FINAL
   Keeps the rounded corner, but removes yellow/gold cap color.
   Corner/top/side color now matches the dark brown sidebar border.
===================================================== */

/* Main color variables for easy tuning */
:root {
    --gladius-sidebar-edge: #4b2600;
    --gladius-sidebar-edge-dark: #351900;
    --gladius-sidebar-edge-light: #6a3500;
    --gladius-sidebar-panel: #050505;
    --gladius-sidebar-panel-soft: #0d0a06;
    --gladius-sidebar-line: #8a4a08;
}

/* Keep rounded sidebar shape, but force all outer/corner cells to dark brown */
#sidebar,
#sidebar tbody,
#sidebar tr,
#sidebar td,
#sidebar th,
#sidebar td.sidebar-left,
#sidebar td.sidebar-right {
    background-color: var(--gladius-sidebar-edge) !important;
    border-color: var(--gladius-sidebar-edge-light) !important;
}

/* Make menu body black/dark, not brown/yellow */
#sidebar td.menuitem,
#sidebar th.menuitem {
    background-color: var(--gladius-sidebar-panel) !important;
    background-image: linear-gradient(180deg, #101010 0%, #050505 100%) !important;
    border-left-color: var(--gladius-sidebar-edge) !important;
    border-right-color: var(--gladius-sidebar-edge) !important;
    border-top-color: var(--gladius-sidebar-edge-light) !important;
    border-bottom-color: var(--gladius-sidebar-edge-light) !important;
}

/* Header title row stays dark */
#sidebar th.menuitem {
    background-color: var(--gladius-sidebar-panel-soft) !important;
    background-image: linear-gradient(180deg, #111111 0%, #050505 100%) !important;
}

#sidebar th.menuitem strong {
    color: #ffffff !important;
    border-bottom: 1px solid var(--gladius-sidebar-line) !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

/* Recolor the original rounded corner image to dark brown, not yellow */
#sidebar img[src*="sidebar"],
#sidebar img[src*="side"],
#sidebar img[src*="menu"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: sepia(1) saturate(2.4) hue-rotate(350deg) brightness(0.32) contrast(1.45) !important;
}

/* If corner/top uses inline background image, keep image but darken the cell behind it */
#sidebar [style*="sidebar"],
#sidebar [style*="side"],
#sidebar [style*="menu"] {
    background-color: var(--gladius-sidebar-edge) !important;
    border-color: var(--gladius-sidebar-edge-light) !important;
}

/* Links */
#sidebar td.menuitem a {
    color: #ffffff !important;
    background-color: transparent !important;
    background-image: none !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

#sidebar td.menuitem a:hover,
#sidebar td.menuitem a.current-sub-menu,
#sidebar td.menuitem a.current-sub-menu:hover {
    color: #ff9a22 !important;
    background-color: rgba(255, 145, 35, 0.10) !important;
    text-shadow: 0 0 5px rgba(255, 145, 35, 0.55), 1px 1px 2px #000000 !important;
}

/* Outer top edge: dark brown instead of yellow */
#sidebar {
    border-top: 1px solid var(--gladius-sidebar-edge-light) !important;
    border-left: 1px solid var(--gladius-sidebar-edge) !important;
    border-right: 1px solid var(--gladius-sidebar-edge) !important;
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.78) !important;
}


/* =====================================================
   GladiusRO Top Login/Admin Bar Match Sidebar - FINAL
   Changes the light blue/white login admin bar to dark brown/black theme.
===================================================== */

/* Top logged-in/admin panel */
#loginbox,
.loginbox,
#loginbox-admin,
.loginbox-admin,
.loginbox-admin-menu,
#account-panel,
.account-panel,
#top-panel,
.top-panel,
#header-login,
.header-login {
    background: linear-gradient(180deg, rgba(18, 13, 7, 0.96) 0%, rgba(5, 5, 5, 0.94) 100%) !important;
    background-color: #080808 !important;
    background-image: linear-gradient(180deg, rgba(18, 13, 7, 0.96) 0%, rgba(5, 5, 5, 0.94) 100%) !important;
    color: #e9e9e9 !important;
    border: 1px solid #4b2600 !important;
    border-top: 1px solid #6a3500 !important;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.78), inset 0 0 16px rgba(75, 38, 0, 0.22) !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

/* If the top area uses tables/divs inside loginbox, remove light backgrounds */
#loginbox table,
#loginbox tbody,
#loginbox tr,
#loginbox td,
#loginbox div,
#loginbox p,
.loginbox table,
.loginbox tbody,
.loginbox tr,
.loginbox td,
.loginbox div,
.loginbox p {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #e9e9e9 !important;
}

/* Top login/admin links */
#loginbox a,
.loginbox a,
#loginbox-admin a,
.loginbox-admin a,
.loginbox-admin-menu a,
#top-panel a,
.top-panel a,
#header-login a,
.header-login a {
    color: #4da3ff !important;
    background: transparent !important;
    background-color: transparent !important;
    text-shadow: 1px 1px 2px #000000 !important;
    text-decoration: none !important;
}

#loginbox a:hover,
.loginbox a:hover,
#loginbox-admin a:hover,
.loginbox-admin a:hover,
.loginbox-admin-menu a:hover,
#top-panel a:hover,
.top-panel a:hover,
#header-login a:hover,
.header-login a:hover {
    color: #ff9a22 !important;
    text-shadow: 0 0 6px rgba(255, 145, 35, 0.60), 1px 1px 2px #000000 !important;
    text-decoration: none !important;
}

/* Make admin label/subtext match the theme */
.loginbox-admin-menu,
#loginbox .loginbox-admin-menu,
.loginbox .loginbox-admin-menu {
    color: #a66a2a !important;
}

/* Remove common old FluxCP blue/white header backgrounds if they are image/corner based */
img[src*="loginbox"],
img[src*="login_box"],
img[src*="header"],
img[src*="login"] {
    filter: sepia(1) saturate(2.3) hue-rotate(350deg) brightness(0.34) contrast(1.35) !important;
}

/* Common layout wrappers used by custom FluxCP themes */
#loginbox,
.loginbox {
    padding: 14px 16px !important;
    border-radius: 0 0 6px 6px !important;
    margin-bottom: 18px !important;
}


/* =====================================================
   GladiusRO Top Bar Corner Box Fix - FINAL
   Removes the 4 small square corner images inside the top login/admin bar.
   Sidebar rounded corner is not affected.
===================================================== */

/* Hide only images/corner pieces inside the top login/admin bar */
#loginbox img,
.loginbox img,
#loginbox-admin img,
.loginbox-admin img,
#top-panel img,
.top-panel img,
#header-login img,
.header-login img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
}

/* Remove any corner/background images from the top login/admin bar only */
#loginbox,
.loginbox,
#loginbox-admin,
.loginbox-admin,
#top-panel,
.top-panel,
#header-login,
.header-login,
#loginbox table,
#loginbox tbody,
#loginbox tr,
#loginbox td,
.loginbox table,
.loginbox tbody,
.loginbox tr,
.loginbox td {
    background-image: none !important;
}

/* Keep the top bar as one clean dark rectangle */
#loginbox,
.loginbox,
#loginbox-admin,
.loginbox-admin,
#top-panel,
.top-panel,
#header-login,
.header-login {
    background: linear-gradient(180deg, rgba(18, 13, 7, 0.96) 0%, rgba(5, 5, 5, 0.94) 100%) !important;
    background-color: #080808 !important;
    border: 1px solid #4b2600 !important;
    border-top: 1px solid #6a3500 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

/* If corner blocks are empty table cells, collapse them inside loginbox only */
#loginbox td:empty,
.loginbox td:empty,
#loginbox-admin td:empty,
.loginbox-admin td:empty,
#top-panel td:empty,
.top-panel td:empty,
#header-login td:empty,
.header-login td:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}


/* =====================================================
   GladiusRO Top Bar Full Width Admin Links - FINAL
   Keeps the login/admin text left aligned like the screenshot,
   but stretches the Admin link row until the right side of the top bar.
===================================================== */

/* Keep top login/admin bar clean and left aligned */
#loginbox,
.loginbox,
#loginbox-admin,
.loginbox-admin,
#top-panel,
.top-panel,
#header-login,
.header-login {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 16px 16px !important;
    display: block !important;
    text-align: left !important;
}

/* Keep all top bar text rows aligned left */
#loginbox p,
#loginbox div,
.loginbox p,
.loginbox div,
#loginbox-admin p,
#loginbox-admin div,
.loginbox-admin p,
.loginbox-admin div,
#top-panel p,
#top-panel div,
.top-panel p,
.top-panel div,
#header-login p,
#header-login div,
.header-login p,
.header-login div {
    text-align: left !important;
}

/* Make Admin links row fill almost full width to the right */
.loginbox-admin-menu,
#loginbox .loginbox-admin-menu,
.loginbox .loginbox-admin-menu,
#loginbox-admin .loginbox-admin-menu,
.loginbox-admin .loginbox-admin-menu {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 5px 0 0 0 !important;
    padding: 4px 8px !important;
    text-align: left !important;
    border: 1px solid rgba(106, 53, 0, 0.85) !important;
    background: rgba(5, 5, 5, 0.30) !important;
    color: #a66a2a !important;
}

/* If the admin links are inside a table, force the table/cell to full width */
#loginbox table,
.loginbox table,
#loginbox-admin table,
.loginbox-admin table,
#top-panel table,
.top-panel table,
#header-login table,
.header-login table {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

#loginbox td,
.loginbox td,
#loginbox-admin td,
.loginbox-admin td,
#top-panel td,
.top-panel td,
#header-login td,
.header-login td {
    width: auto !important;
    text-align: left !important;
}

/* Admin links stay readable */
.loginbox-admin-menu a,
#loginbox .loginbox-admin-menu a,
.loginbox .loginbox-admin-menu a,
#loginbox-admin .loginbox-admin-menu a,
.loginbox-admin .loginbox-admin-menu a {
    color: #4da3ff !important;
}

.loginbox-admin-menu a:hover,
#loginbox .loginbox-admin-menu a:hover,
.loginbox .loginbox-admin-menu a:hover,
#loginbox-admin .loginbox-admin-menu a:hover,
.loginbox-admin .loginbox-admin-menu a:hover {
    color: #ff9a22 !important;
}


/* =====================================================
   GladiusRO Credit Balance Box Visibility - FINAL
   Fixes the white credit balance box on donation/account pages so the words are visible.
===================================================== */

/* Credit balance floating box, e.g. DONATION CREDITS 10,100 */
.credit-balance {
    float: right !important;
    display: inline-block !important;
    padding: 10px 14px !important;
    min-width: 165px !important;
    text-align: center !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(18, 13, 7, 0.96) 0%, rgba(5, 5, 5, 0.95) 100%) !important;
    background-color: #080808 !important;
    border: 1px solid #4b2600 !important;
    border-top: 1px solid #6a3500 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.75), inset 0 0 12px rgba(75, 38, 0, 0.22) !important;
    text-shadow: 1px 1px 2px #000000 !important;
    box-sizing: border-box !important;
}

/* Label text: DONATION CREDITS */
.credit-balance .balance-text,
.credit-balance span.balance-text,
.credit-balance div.balance-text {
    display: inline-block !important;
    margin-right: 6px !important;
    color: #ff9a22 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    text-shadow: 0 0 5px rgba(255, 145, 35, 0.45), 1px 1px 2px #000000 !important;
}

/* Amount text: 10,100 */
.credit-balance .balance-amount,
.credit-balance span.balance-amount,
.credit-balance div.balance-amount {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

/* If the credit balance text is not wrapped in balance-text/balance-amount classes */
.credit-balance,
.credit-balance * {
    color: #ffffff !important;
}

.credit-balance .balance-text {
    color: #ff9a22 !important;
}

/* Mobile/small screens: prevent overlap */
@media screen and (max-width: 800px) {
    .credit-balance {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }
}


/* =====================================================
   GladiusRO Server Status Online Offline Colors - FINAL
   Makes ONLINE green and OFFLINE red on server status tables/pages.
===================================================== */

/* ONLINE status text - force green even inside dark table cells */
.online,
#content .online,
.main-content .online,
#server_status .online,
#server_status td.online,
#server_status span.online,
.horizontal-table .online,
.vertical-table .online,
td.online,
th.online,
span.online,
strong.online,
b.online {
    color: #00ff33 !important;
    font-weight: bold !important;
    text-shadow: 0 0 7px rgba(0, 255, 51, 0.70), 1px 1px 2px #000000 !important;
    text-transform: uppercase !important;
}

/* OFFLINE status text - force red even inside dark table cells */
.offline,
#content .offline,
.main-content .offline,
#server_status .offline,
#server_status td.offline,
#server_status span.offline,
.horizontal-table .offline,
.vertical-table .offline,
td.offline,
th.offline,
span.offline,
strong.offline,
b.offline {
    color: #ff2b2b !important;
    font-weight: bold !important;
    text-shadow: 0 0 7px rgba(255, 43, 43, 0.70), 1px 1px 2px #000000 !important;
    text-transform: uppercase !important;
}

/* Some FluxCP pages output plain text inside server status cells; common inline style fallback */
#server_status td[style*="green"],
#server_status span[style*="green"],
#server_status font[color="green"],
#server_status font[color="#008000"] {
    color: #00ff33 !important;
    font-weight: bold !important;
    text-shadow: 0 0 7px rgba(0, 255, 51, 0.70), 1px 1px 2px #000000 !important;
}

#server_status td[style*="red"],
#server_status span[style*="red"],
#server_status font[color="red"],
#server_status font[color="#ff0000"] {
    color: #ff2b2b !important;
    font-weight: bold !important;
    text-shadow: 0 0 7px rgba(255, 43, 43, 0.70), 1px 1px 2px #000000 !important;
}


/* =====================================================
   GladiusRO Server Status Plain Text Cell Fix - FINAL
   Use this when FluxCP outputs ONLINE/OFFLINE as plain text without .online/.offline classes.
   This forces the 3 server-status columns to green on the Status page.
   For automatic OFFLINE red, the PHP view must wrap offline text with class="offline".
===================================================== */

/* Server Status table columns:
   1 = Server name, 2 = Login Server, 3 = Character Server, 4 = Map Server */
#server_status tr:not(:first-child) td:nth-child(2),
#server_status tr:not(:first-child) td:nth-child(3),
#server_status tr:not(:first-child) td:nth-child(4),
#server_status tbody tr:not(:first-child) td:nth-child(2),
#server_status tbody tr:not(:first-child) td:nth-child(3),
#server_status tbody tr:not(:first-child) td:nth-child(4) {
    color: #00ff33 !important;
    font-weight: bold !important;
    text-shadow: 0 0 7px rgba(0, 255, 51, 0.70), 1px 1px 2px #000000 !important;
    text-transform: uppercase !important;
}

/* If FluxCP later outputs classes, these will override correctly */
#server_status .online,
#server_status td.online,
#server_status span.online {
    color: #00ff33 !important;
    font-weight: bold !important;
    text-shadow: 0 0 7px rgba(0, 255, 51, 0.70), 1px 1px 2px #000000 !important;
}

#server_status .offline,
#server_status td.offline,
#server_status span.offline {
    color: #ff2b2b !important;
    font-weight: bold !important;
    text-shadow: 0 0 7px rgba(255, 43, 43, 0.70), 1px 1px 2px #000000 !important;
}


/* =====================================================
   GladiusRO Date Time Text Visibility - FINAL
   Fixes black/dark date-time text such as:
   2026-07-07 11:31:00 (Tuesday)
   on War of Emperium / server time pages.
===================================================== */

/* Common FluxCP classes that make time/date text dark */
.time,
.hold-hours,
.important,
#content .time,
#content .hold-hours,
#content .important,
.main-content .time,
.main-content .hold-hours,
.main-content .important,
.woe-table .time,
.woe-table td.time,
.woe-table span.time {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

/* WOE page paragraph/time text readability */
#content p .time,
#content p .hold-hours,
#content p strong,
#content p b,
.main-content p .time,
.main-content p .hold-hours,
.main-content p strong,
.main-content p b {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

/* Keep WOE schedule time slightly highlighted but not black */
.woe-table .time,
.woe-table td:nth-child(2),
.woe-table td:nth-child(3),
.woe-table td:nth-child(4) {
    color: #ffffff !important;
    font-style: italic !important;
    text-shadow: 1px 1px 2px #000000 !important;
}

/* If date/time is printed with old inline dark colors */
#content span[style*="color: #000"],
#content span[style*="color:#000"],
#content span[style*="color: black"],
#content font[color="black"],
#content font[color="#000000"],
.main-content span[style*="color: #000"],
.main-content span[style*="color:#000"],
.main-content span[style*="color: black"],
.main-content font[color="black"],
.main-content font[color="#000000"] {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000 !important;
}


/* =====================================================
   GladiusRO Login/Register White Box Fix - FINAL UPDATED BY COPILOT
   Purpose: remove the big white FluxCP box behind login/register pages.
   Paste location: bottom of flux.css.
===================================================== */
:root {
    --gladius-panel-bg: rgba(5, 5, 5, 0.78);
    --gladius-panel-bg-solid: #080808;
    --gladius-panel-bg-inner: rgba(10, 10, 10, 0.90);
    --gladius-panel-border: rgba(106, 53, 0, 0.88);
    --gladius-panel-border-light: rgba(255, 145, 35, 0.35);
    --gladius-text: #e8e8e8;
    --gladius-gold: #ff9a22;
    --gladius-blue: #4da3ff;
}
#content,
.content,
#main,
.main,
.main-content,
#container,
.container,
#page,
.page,
#wrapper,
.wrapper,
#body,
.body,
#module,
.module,
td.content,
td.main,
td.main-content,
td[bgcolor="#ffffff"],
td[bgcolor="#FFFFFF"],
td[bgcolor="white"],
table[bgcolor="#ffffff"],
table[bgcolor="#FFFFFF"],
table[bgcolor="white"] {
    background: var(--gladius-panel-bg) !important;
    background-color: var(--gladius-panel-bg) !important;
    background-image: none !important;
    color: var(--gladius-text) !important;
    border-color: var(--gladius-panel-border) !important;
    box-sizing: border-box !important;
}
#login_form,
#register_form,
#login-form,
#register-form,
.login-form,
.register-form,
.generic-form,
.generic-form-div,
form.generic-form,
div.generic-form,
div.generic-form-div {
    background: linear-gradient(180deg, rgba(16, 12, 7, 0.92) 0%, rgba(5, 5, 5, 0.92) 100%) !important;
    background-color: var(--gladius-panel-bg-solid) !important;
    background-image: linear-gradient(180deg, rgba(16, 12, 7, 0.92) 0%, rgba(5, 5, 5, 0.92) 100%) !important;
    color: #ffffff !important;
    border: 1px solid var(--gladius-panel-border) !important;
    border-top: 1px solid var(--gladius-panel-border-light) !important;
    border-radius: 8px !important;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.78), inset 0 0 16px rgba(75, 38, 0, 0.22) !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
#login_form table,
#login_form tbody,
#login_form tr,
#login_form td,
#login_form th,
#register_form table,
#register_form tbody,
#register_form tr,
#register_form td,
#register_form th,
#login-form table,
#login-form tbody,
#login-form tr,
#login-form td,
#login-form th,
#register-form table,
#register-form tbody,
#register-form tr,
#register-form td,
#register-form th,
.generic-form table,
.generic-form tbody,
.generic-form tr,
.generic-form td,
.generic-form th,
.generic-form-div table,
.generic-form-div tbody,
.generic-form-div tr,
.generic-form-div td,
.generic-form-div th,
.generic-form-table,
.generic-form-table tbody,
.generic-form-table tr,
.generic-form-table td,
.generic-form-table th {
    background: var(--gladius-panel-bg-inner) !important;
    background-color: var(--gladius-panel-bg-inner) !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: rgba(255, 145, 35, 0.28) !important;
}
#content > table,
#content > table > tbody,
#content > table > tbody > tr,
#content > table > tbody > tr > td,
.main-content > table,
.main-content > table > tbody,
.main-content > table > tbody > tr,
.main-content > table > tbody > tr > td,
.content > table,
.content > table > tbody,
.content > table > tbody > tr,
.content > table > tbody > tr > td {
    background-color: transparent !important;
    background-image: none !important;
}
#login_form,
#login_form *,
#register_form,
#register_form *,
#login-form,
#login-form *,
#register-form,
#register-form *,
.generic-form,
.generic-form *,
.generic-form-div,
.generic-form-div * {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000 !important;
}
#login_form a,
#register_form a,
#login-form a,
#register-form a,
.generic-form a,
.generic-form-div a {
    color: var(--gladius-blue) !important;
}
#login_form a:hover,
#register_form a:hover,
#login-form a:hover,
#register-form a:hover,
.generic-form a:hover,
.generic-form-div a:hover {
    color: var(--gladius-gold) !important;
}
#login_form label,
#register_form label,
#login-form label,
#register-form label,
.generic-form label,
.generic-form-div label,
.generic-form-table label {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px #000000 !important;
}
#login_form input[type="text"],
#login_form input[type="password"],
#register_form input[type="text"],
#register_form input[type="password"],
#login-form input[type="text"],
#login-form input[type="password"],
#register-form input[type="text"],
#register-form input[type="password"],
.generic-form input[type="text"],
.generic-form input[type="password"],
.generic-form-div input[type="text"],
.generic-form-div input[type="password"],
.generic-form-table input[type="text"],
.generic-form-table input[type="password"] {
    background: #f2f2f2 !important;
    background-color: #f2f2f2 !important;
    color: #111111 !important;
    border: 1px solid #8a4a08 !important;
    border-radius: 3px !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.28) !important;
}
#login_form input[type="text"]:focus,
#login_form input[type="password"]:focus,
#register_form input[type="text"]:focus,
#register_form input[type="password"]:focus,
#login-form input[type="text"]:focus,
#login-form input[type="password"]:focus,
#register-form input[type="text"]:focus,
#register-form input[type="password"]:focus,
.generic-form input[type="text"]:focus,
.generic-form input[type="password"]:focus,
.generic-form-div input[type="text"]:focus,
.generic-form-div input[type="password"]:focus {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: var(--gladius-gold) !important;
    box-shadow: 0 0 8px rgba(255, 145, 35, 0.55) !important;
    outline: none !important;
}
#login_form input[type="submit"],
#register_form input[type="submit"],
#login-form input[type="submit"],
#register-form input[type="submit"],
.generic-form input[type="submit"],
.generic-form-div input[type="submit"],
.submit_button,
button,
input[type="button"],
input[type="reset"] {
    background: linear-gradient(180deg, #ff9a22 0%, #8a4a08 100%) !important;
    background-color: #8a4a08 !important;
    color: #ffffff !important;
    border: 1px solid #b66a14 !important;
    border-radius: 3px !important;
    padding: 4px 10px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px #000000 !important;
    cursor: pointer !important;
}
#login_form input[type="submit"]:hover,
#register_form input[type="submit"]:hover,
#login-form input[type="submit"]:hover,
#register-form input[type="submit"]:hover,
.generic-form input[type="submit"]:hover,
.generic-form-div input[type="submit"]:hover,
.submit_button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background: linear-gradient(180deg, #ffb04a 0%, #a85a0a 100%) !important;
    color: #ffffff !important;
}
img[src*="content_"],
img[src*="content-"],
img[src*="main_"],
img[src*="main-"],
img[src*="page_"],
img[src*="page-"],
[style*="content_tl"],
[style*="content_tr"],
[style*="content_bl"],
[style*="content_br"],
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: white"],
[style*="background-color:white"],
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: white"],
[style*="background:white"] {
    background-color: transparent !important;
    background-image: none !important;
}
#login_form iframe,
#register_form iframe,
.g-recaptcha iframe,
iframe[src*="recaptcha"] {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    filter: none !important;
}
@media screen and (max-width: 800px) {
    #content,
    .content,
    #main,
    .main,
    .main-content,
    #login_form,
    #register_form,
    .generic-form,
    .generic-form-div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* ===== END GladiusRO Login/Register White Box Fix ===== */


/* =====================================================
   GladiusRO Register Form Right Block Color Match Fix - ADDED BY COPILOT
   Purpose: Make the left register form bars match the right-side dark brown
   content block color instead of showing strong black rows.
   Paste location: very bottom of flux.css.
===================================================== */
:root {
    --gladius-register-block-match: rgba(12, 7, 2, 0.72);
    --gladius-register-block-match-soft: rgba(12, 7, 2, 0.48);
    --gladius-register-border-soft: rgba(255, 145, 35, 0.18);
}

/* Match the main register/account creation container to the right block. */
#register_form,
#register-form,
.register-form,
form[action*="register"],
form[action*="account/create"],
form[action*="account\/create"] {
    background: var(--gladius-register-block-match-soft) !important;
    background-color: var(--gladius-register-block-match-soft) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 145, 35, 0.45) !important;
    border-radius: 8px !important;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.45) !important;
}

/* Important: these are the rows/cells causing the visible black bars. */
#register_form table,
#register_form tbody,
#register_form tr,
#register_form td,
#register_form th,
#register-form table,
#register-form tbody,
#register-form tr,
#register-form td,
#register-form th,
.register-form table,
.register-form tbody,
.register-form tr,
.register-form td,
.register-form th,
form[action*="register"] table,
form[action*="register"] tbody,
form[action*="register"] tr,
form[action*="register"] td,
form[action*="register"] th,
form[action*="account/create"] table,
form[action*="account/create"] tbody,
form[action*="account/create"] tr,
form[action*="account/create"] td,
form[action*="account/create"] th,
.generic-form-table,
.generic-form-table tbody,
.generic-form-table tr,
.generic-form-table td,
.generic-form-table th {
    background: var(--gladius-register-block-match) !important;
    background-color: var(--gladius-register-block-match) !important;
    background-image: none !important;
    border-color: var(--gladius-register-border-soft) !important;
}

/* Remove the full-width black strip feeling by making inner form tables fit content. */
#register_form table,
#register-form table,
.register-form table,
form[action*="register"] table,
form[action*="account/create"] table,
.generic-form-table {
    width: auto !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
}

/* Keep labels and rules readable on the matched dark brown block. */
#register_form label,
#register_form th,
#register_form td,
#register-form label,
#register-form th,
#register-form td,
.register-form label,
.register-form th,
.register-form td,
form[action*="register"] label,
form[action*="register"] th,
form[action*="register"] td,
form[action*="account/create"] label,
form[action*="account/create"] th,
form[action*="account/create"] td,
.generic-form-table label,
.generic-form-table th,
.generic-form-table td {
    color: #ffffff !important;
    text-shadow: 2px 2px 3px #000000, 0 0 6px #000000 !important;
}

/* Inputs and birthdate dropdown stay light with dark readable text. */
#register_form input[type="text"],
#register_form input[type="password"],
#register_form input[type="date"],
#register_form input[type="number"],
#register_form select,
#register_form option,
#register-form input[type="text"],
#register-form input[type="password"],
#register-form input[type="date"],
#register-form input[type="number"],
#register-form select,
#register-form option,
.register-form input[type="text"],
.register-form input[type="password"],
.register-form input[type="date"],
.register-form input[type="number"],
.register-form select,
.register-form option,
form[action*="register"] input[type="text"],
form[action*="register"] input[type="password"],
form[action*="register"] input[type="date"],
form[action*="register"] input[type="number"],
form[action*="register"] select,
form[action*="register"] option,
form[action*="account/create"] input[type="text"],
form[action*="account/create"] input[type="password"],
form[action*="account/create"] input[type="date"],
form[action*="account/create"] input[type="number"],
form[action*="account/create"] select,
form[action*="account/create"] option {
    background: #f2f2f2 !important;
    background-color: #f2f2f2 !important;
    color: #111111 !important;
    border: 1px solid #8a4a08 !important;
    border-radius: 3px !important;
    text-shadow: none !important;
}
/* ===== END GladiusRO Register Form Right Block Color Match Fix ===== */

/* =====================================================
   GladiusRO Ranking Filter Label TRUE Fix - ADDED BY COPILOT
   Purpose: Fix direct text node 'Filter by job class:' that is not inside
   a label/span. The text inherits color from the FORM itself, so the FORM
   parent must be forced white, then controls are reset separately.
   Paste location: very bottom of flux.css.
===================================================== */

/* Make form plain text readable, including direct text like: Filter by job class: */
#content .search-form,
#content .search-form2,
#content form,
#content form[method="get"],
#content form[method="post"],
.main-content .search-form,
.main-content .search-form2,
.main-content form,
.main-content form[method="get"],
.main-content form[method="post"],
.search-form,
.search-form2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000, 0 0 7px rgba(0, 0, 0, 0.90) !important;
    font-weight: bold !important;
}

/* Force common text wrappers inside the filter row to stay visible too. */
#content .search-form *,
#content .search-form2 *,
#content form label,
#content form span,
#content form em,
#content form i,
#content form b,
#content form strong,
.main-content .search-form *,
.main-content .search-form2 *,
.main-content form label,
.main-content form span,
.main-content form em,
.main-content form i,
.main-content form b,
.main-content form strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000, 0 0 7px rgba(0, 0, 0, 0.90) !important;
}

/* Reset dropdown/input text back to black inside white boxes. */
#content form select,
#content form select *,
#content form option,
#content form input[type="text"],
#content form input[type="search"],
.main-content form select,
.main-content form select *,
.main-content form option,
.main-content form input[type="text"],
.main-content form input[type="search"],
.search-form select,
.search-form select *,
.search-form option,
.search-form2 select,
.search-form2 select *,
.search-form2 option {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
    font-weight: normal !important;
}

/* Keep Filter and Reset buttons readable after the broad form override. */
#content form input[type="submit"],
#content form input[type="button"],
#content form input[type="reset"],
#content form button,
.main-content form input[type="submit"],
.main-content form input[type="button"],
.main-content form input[type="reset"],
.main-content form button,
.search-form input[type="submit"],
.search-form input[type="button"],
.search-form input[type="reset"],
.search-form button,
.search-form2 input[type="submit"],
.search-form2 input[type="button"],
.search-form2 input[type="reset"],
.search-form2 button {
    background: linear-gradient(180deg, #ff9a22 0%, #8a4a08 100%) !important;
    background-color: #8a4a08 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #b66a14 !important;
    border-radius: 3px !important;
    text-shadow: 1px 1px 2px #000000 !important;
    font-weight: bold !important;
    opacity: 1 !important;
}
/* ===== END GladiusRO Ranking Filter Label TRUE Fix ===== */

/* =====================================================
   GladiusRO Bottom Footer Text Visibility Fix - ADDED BY COPILOT
   Purpose: Fix black/dark footer text at the bottom of the page so everyone can read it.
   Paste location: very bottom of flux.css.
===================================================== */

/* Main footer/copyright/info text at bottom */
#copyright,
#copyright p,
#copyright div,
#copyright span,
#info,
#info p,
#info div,
#info span,
.footer,
.footer p,
.footer div,
.footer span,
#footer,
#footer p,
#footer div,
#footer span {
    color: #f2f2f2 !important;
    -webkit-text-fill-color: #f2f2f2 !important;
    text-shadow: 2px 2px 4px #000000, 0 0 8px rgba(0, 0, 0, 0.95) !important;
    font-weight: bold !important;
    opacity: 1 !important;
}

/* Footer links */
#copyright a,
#info a,
.footer a,
#footer a {
    color: #ff9a22 !important;
    -webkit-text-fill-color: #ff9a22 !important;
    text-shadow: 1px 1px 3px #000000, 0 0 7px rgba(255, 145, 35, 0.65) !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

#copyright a:hover,
#info a:hover,
.footer a:hover,
#footer a:hover {
    color: #4da3ff !important;
    -webkit-text-fill-color: #4da3ff !important;
    text-shadow: 1px 1px 3px #000000, 0 0 7px rgba(77, 163, 255, 0.65) !important;
}

/* Fix old inline black footer colors */
#copyright [style*="color: #000"],
#copyright [style*="color:#000"],
#copyright [style*="color: black"],
#copyright font[color="black"],
#copyright font[color="#000000"],
#info [style*="color: #000"],
#info [style*="color:#000"],
#info [style*="color: black"],
#info font[color="black"],
#info font[color="#000000"],
.footer [style*="color: #000"],
.footer [style*="color:#000"],
.footer [style*="color: black"],
.footer font[color="black"],
.footer font[color="#000000"],
#footer [style*="color: #000"],
#footer [style*="color:#000"],
#footer [style*="color: black"],
#footer font[color="black"],
#footer font[color="#000000"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 2px 2px 4px #000000, 0 0 8px rgba(0, 0, 0, 0.95) !important;
}

/* Optional: add a very soft dark strip behind the bottom text for readability */
#copyright,
#info,
.footer,
#footer {
    background: rgba(0, 0, 0, 0.35) !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
}

/* ===== END GladiusRO Bottom Footer Text Visibility Fix ===== */

/* =====================================================
   GladiusRO Character Ranking Job Class Dropdown Fix - ADDED BY COPILOT
   Purpose: Fix Filter by job class dropdown options showing white/blank text.
   Paste location: very bottom of flux.css.
===================================================== */

/* Keep the closed dropdown readable */
#content form select,
.main-content form select,
.search-form select,
.search-form2 select,
select[name*="job"],
select[name*="class"],
select[name*="jobclass"],
select[name*="job_class"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: 1px solid #8a4a08 !important;
    opacity: 1 !important;
    color-scheme: light !important;
}

/* Fix opened dropdown list options: black text on white background */
#content form select option,
#content form select optgroup,
.main-content form select option,
.main-content form select optgroup,
.search-form select option,
.search-form select optgroup,
.search-form2 select option,
.search-form2 select optgroup,
select option,
select optgroup {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
}

/* Selected/hovered option remains visible */
#content form select option:checked,
#content form select option:hover,
.main-content form select option:checked,
.main-content form select option:hover,
.search-form select option:checked,
.search-form select option:hover,
.search-form2 select option:checked,
.search-form2 select option:hover,
select option:checked,
select option:hover {
    background: #1f6fd1 !important;
    background-color: #1f6fd1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

/* Firefox extra fix for option visibility */
@-moz-document url-prefix() {
    #content form select,
    .main-content form select,
    .search-form select,
    .search-form2 select,
    select,
    select option {
        color: #111111 !important;
        background-color: #ffffff !important;
        text-shadow: none !important;
    }
}

/* ===== END GladiusRO Character Ranking Job Class Dropdown Fix ===== */

/* =====================================================
   GladiusRO Character Ranking Select Option FINAL Strong Fix - ADDED BY COPILOT
   Reason: Earlier rule #content .search-form * forced white text. These selectors are
   more specific, so dropdown options become visible again.
   Paste location: VERY BOTTOM of flux.css.
===================================================== */

/* Closed select box in Character Ranking filter */
#content .search-form select,
#content .search-form2 select,
.main-content .search-form select,
.main-content .search-form2 select,
#content form .search-form select,
#content form select[name],
.main-content form select[name] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
    color-scheme: light !important;
}

/* Open dropdown options - higher specificity than #content .search-form * */
#content .search-form select option,
#content .search-form select optgroup,
#content .search-form2 select option,
#content .search-form2 select optgroup,
.main-content .search-form select option,
.main-content .search-form select optgroup,
.main-content .search-form2 select option,
.main-content .search-form2 select optgroup,
#content form .search-form select option,
#content form select[name] option,
.main-content form select[name] option,
#content form select[name] optgroup,
.main-content form select[name] optgroup {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
}

/* Highlighted selected/hovered option */
#content .search-form select option:checked,
#content .search-form select option:hover,
#content .search-form2 select option:checked,
#content .search-form2 select option:hover,
.main-content .search-form select option:checked,
.main-content .search-form select option:hover,
.main-content .search-form2 select option:checked,
.main-content .search-form2 select option:hover,
#content form select[name] option:checked,
#content form select[name] option:hover,
.main-content form select[name] option:checked,
.main-content form select[name] option:hover {
    background: #1f6fd1 !important;
    background-color: #1f6fd1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

/* Extra generic fallback with maximum force */
html body #content .search-form select option,
html body #content .search-form2 select option,
html body .main-content .search-form select option,
html body .main-content .search-form2 select option {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    background-color: #ffffff !important;
    text-shadow: none !important;
}

/* ===== END GladiusRO Character Ranking Select Option FINAL Strong Fix ===== */

/* =====================================================
   GladiusRO Password Field Text Visibility Fix - ADDED BY COPILOT
   Purpose: Only fix password input typed text appearing white/invisible.
   Paste location: VERY BOTTOM of flux.css.
===================================================== */

/* Password fields: keep typed bullets/text dark on white input box */
input[type="password"],
#content input[type="password"],
.main-content input[type="password"],
#login_form input[type="password"],
#login-form input[type="password"],
#register_form input[type="password"],
#register-form input[type="password"],
.generic-form input[type="password"],
.generic-form-div input[type="password"],
.generic-form-table input[type="password"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: 1px solid #ff9a22 !important;
    box-shadow: 0 0 6px rgba(255, 145, 35, 0.55), inset 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

/* Password fields while typing/focused */
input[type="password"]:focus,
#content input[type="password"]:focus,
.main-content input[type="password"]:focus,
#login_form input[type="password"]:focus,
#login-form input[type="password"]:focus,
#register_form input[type="password"]:focus,
#register-form input[type="password"]:focus,
.generic-form input[type="password"]:focus,
.generic-form-div input[type="password"]:focus,
.generic-form-table input[type="password"]:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    text-shadow: none !important;
    outline: none !important;
}

/* ===== END GladiusRO Password Field Text Visibility Fix ===== */


/* =====================================================
   GladiusRO Register Inner Dark Block Remove - FINAL FIX BY COPILOT
   Purpose: Remove the darker left-side rectangle/two-tone background inside
   the Register panel. Keep only one matching black background across the panel.
   Text colours, input boxes, button, captcha and centered layout are unchanged.
   Paste location: VERY BOTTOM of flux.css.
===================================================== */

/* Outer register panel: one single professional dark background. */
html body #content form:has(input[type="password"]):has(select),
html body .content form:has(input[type="password"]):has(select),
html body .main-content form:has(input[type="password"]):has(select),
html body #content #register_form,
html body #content #register-form,
html body .main-content #register_form,
html body .main-content #register-form,
html body #content form[action*="register"],
html body #content form[action*="account/create"],
html body #content form[action*="account\/create"],
html body .main-content form[action*="register"],
html body .main-content form[action*="account/create"],
html body .main-content form[action*="account\/create"] {
    background: rgba(6, 6, 6, 0.48) !important;
    background-color: rgba(6, 6, 6, 0.48) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.36) !important;
    overflow: hidden !important;
}

/* CRITICAL: remove all nested table backgrounds that create the darker left block. */
html body #content form:has(input[type="password"]):has(select) table,
html body #content form:has(input[type="password"]):has(select) tbody,
html body #content form:has(input[type="password"]):has(select) thead,
html body #content form:has(input[type="password"]):has(select) tfoot,
html body #content form:has(input[type="password"]):has(select) tr,
html body #content form:has(input[type="password"]):has(select) th,
html body #content form:has(input[type="password"]):has(select) td,
html body .main-content form:has(input[type="password"]):has(select) table,
html body .main-content form:has(input[type="password"]):has(select) tbody,
html body .main-content form:has(input[type="password"]):has(select) thead,
html body .main-content form:has(input[type="password"]):has(select) tfoot,
html body .main-content form:has(input[type="password"]):has(select) tr,
html body .main-content form:has(input[type="password"]):has(select) th,
html body .main-content form:has(input[type="password"]):has(select) td,
html body #content table:has(input[type="password"]):has(select),
html body #content table:has(input[type="password"]):has(select) tbody,
html body #content table:has(input[type="password"]):has(select) tr,
html body #content table:has(input[type="password"]):has(select) th,
html body #content table:has(input[type="password"]):has(select) td,
html body .main-content table:has(input[type="password"]):has(select),
html body .main-content table:has(input[type="password"]):has(select) tbody,
html body .main-content table:has(input[type="password"]):has(select) tr,
html body .main-content table:has(input[type="password"]):has(select) th,
html body .main-content table:has(input[type="password"]):has(select) td,
html body #content #register_form table,
html body #content #register_form tbody,
html body #content #register_form tr,
html body #content #register_form th,
html body #content #register_form td,
html body #content #register-form table,
html body #content #register-form tbody,
html body #content #register-form tr,
html body #content #register-form th,
html body #content #register-form td,
html body .main-content #register_form table,
html body .main-content #register_form tbody,
html body .main-content #register_form tr,
html body .main-content #register_form th,
html body .main-content #register_form td,
html body .main-content #register-form table,
html body .main-content #register-form tbody,
html body .main-content #register-form tr,
html body .main-content #register-form th,
html body .main-content #register-form td,
html body #content .generic-form-table,
html body #content .generic-form-table tbody,
html body #content .generic-form-table tr,
html body #content .generic-form-table th,
html body #content .generic-form-table td,
html body .main-content .generic-form-table,
html body .main-content .generic-form-table tbody,
html body .main-content .generic-form-table tr,
html body .main-content .generic-form-table th,
html body .main-content .generic-form-table td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Remove old inline/attribute white or black table backgrounds inside register only. */
html body #content form:has(input[type="password"]):has(select) [bgcolor],
html body .main-content form:has(input[type="password"]):has(select) [bgcolor],
html body #content form:has(input[type="password"]):has(select) [style*="background"],
html body .main-content form:has(input[type="password"]):has(select) [style*="background"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Keep layout neat: table stays centered but no longer paints a separate dark box. */
html body #content form:has(input[type="password"]):has(select) > table,
html body .main-content form:has(input[type="password"]):has(select) > table,
html body #content table:has(input[type="password"]):has(select),
html body .main-content table:has(input[type="password"]):has(select) {
    display: table !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Preserve original label/input alignment. */
html body #content form:has(input[type="password"]):has(select) th,
html body .main-content form:has(input[type="password"]):has(select) th,
html body #content table:has(input[type="password"]):has(select) th,
html body .main-content table:has(input[type="password"]):has(select) th {
    text-align: right !important;
}

html body #content form:has(input[type="password"]):has(select) td,
html body .main-content form:has(input[type="password"]):has(select) td,
html body #content table:has(input[type="password"]):has(select) td,
html body .main-content table:has(input[type="password"]):has(select) td {
    text-align: left !important;
}

html body #content form:has(input[type="password"]):has(select) td[colspan],
html body .main-content form:has(input[type="password"]):has(select) td[colspan],
html body #content table:has(input[type="password"]):has(select) td[colspan],
html body .main-content table:has(input[type="password"]):has(select) td[colspan] {
    text-align: center !important;
}
/* ===== END GladiusRO Register Inner Dark Block Remove ===== */

/* =====================================================
   GladiusRO REAL Register Input Fix - NO TYPE ATTRIBUTE FIX
   Problem found: Some FluxCP register boxes can be plain <input> without
   type="text". Previous fixes only targeted input[type="text"], so they
   missed the actual boxes. This fixes plain inputs + normal text fields.
   Paste this at the VERY BOTTOM of flux.css.
===================================================== */

/* Plain input boxes without type attribute + normal typing fields */
html body input:not([type]),
html body input[type=""],
html body input[type="text"],
html body input[type="password"],
html body input[type="email"],
html body input[type="number"],
html body input[type="search"],
html body input[type="url"],
html body input[type="tel"],
html body textarea {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
    border: 1px solid #ff9a22 !important;
    border-radius: 3px !important;
    outline: none !important;
    box-shadow: none !important;
    filter: none !important;
    color-scheme: light !important;
}

/* Click/focus/active/hover states for plain inputs and typed fields */
html body input:not([type]):focus,
html body input:not([type]):active,
html body input:not([type]):hover,
html body input[type=""]:focus,
html body input[type=""]:active,
html body input[type=""]:hover,
html body input[type="text"]:focus,
html body input[type="text"]:active,
html body input[type="text"]:hover,
html body input[type="password"]:focus,
html body input[type="password"]:active,
html body input[type="password"]:hover,
html body input[type="email"]:focus,
html body input[type="email"]:active,
html body input[type="email"]:hover,
html body input[type="number"]:focus,
html body input[type="number"]:active,
html body input[type="number"]:hover,
html body input[type="search"]:focus,
html body input[type="search"]:active,
html body input[type="search"]:hover,
html body input[type="url"]:focus,
html body input[type="url"]:active,
html body input[type="url"]:hover,
html body input[type="tel"]:focus,
html body input[type="tel"]:active,
html body input[type="tel"]:hover,
html body textarea:focus,
html body textarea:active,
html body textarea:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
    border: 1px solid #ffb04a !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(255, 154, 34, 0.75) !important;
    filter: none !important;
    color-scheme: light !important;
}

/* Extra hard catch: any input inside content/register form except buttons/radio/checkbox */
html body #content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body .content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body .main-content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body #register_form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body #register-form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body form[action*="register"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body form[action*="account/create"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body form[action*="account\/create"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
    border: 1px solid #ff9a22 !important;
    border-radius: 3px !important;
    outline: none !important;
    box-shadow: none !important;
    filter: none !important;
    color-scheme: light !important;
}

/* Extra hard catch on click/focus inside content/register form */
html body #content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body #content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active,
html body .content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body .content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active,
html body .main-content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body .main-content input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active,
html body #register_form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body #register_form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active,
html body #register-form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body #register-form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active,
html body form[action*="register"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body form[action*="register"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active,
html body form[action*="account/create"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body form[action*="account/create"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active,
html body form[action*="account\/create"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
html body form[action*="account\/create"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    opacity: 1 !important;
    border: 1px solid #ffb04a !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(255, 154, 34, 0.75) !important;
    filter: none !important;
    color-scheme: light !important;
}

/* Chrome/Edge autofill for plain inputs too */
html body input:not([type]):-webkit-autofill,
html body input:not([type]):-webkit-autofill:hover,
html body input:not([type]):-webkit-autofill:focus,
html body input[type=""]:-webkit-autofill,
html body input[type=""]:-webkit-autofill:hover,
html body input[type=""]:-webkit-autofill:focus,
html body input[type="text"]:-webkit-autofill,
html body input[type="text"]:-webkit-autofill:hover,
html body input[type="text"]:-webkit-autofill:focus,
html body input[type="password"]:-webkit-autofill,
html body input[type="password"]:-webkit-autofill:hover,
html body input[type="password"]:-webkit-autofill:focus,
html body input[type="email"]:-webkit-autofill,
html body input[type="email"]:-webkit-autofill:hover,
html body input[type="email"]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
    caret-color: #000000 !important;
    border: 1px solid #ffb04a !important;
    text-shadow: none !important;
    transition: background-color 9999s ease-out 0s !important;
    color-scheme: light !important;
}

/* Select/dropdowns readable */
html body select,
html body option,
html body optgroup {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    color-scheme: light !important;
}

/* Keep button/radio/checkbox/captcha safe */
html body input[type="submit"],
html body input[type="button"],
html body input[type="reset"],
html body button {
    background: linear-gradient(180deg, #ff9a22 0%, #8a4a08 100%) !important;
    background-color: #8a4a08 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #b66a14 !important;
    border-radius: 3px !important;
    text-shadow: 1px 1px 2px #000000 !important;
    font-weight: bold !important;
}
html body input[type="radio"],
html body input[type="checkbox"],
html body .g-recaptcha,
html body .g-recaptcha *,
html body iframe[src*="recaptcha"] {
    filter: none !important;
    text-shadow: none !important;
}

/* ===== END GladiusRO REAL Register Input Fix ===== */

/* =====================================================
   GladiusRO Item List Result Bar Visibility Fix - ADDED BY COPILOT
   Purpose: Fix white result/info bar text such as:
   "Found a total of ... record(s) ... Displaying result(s) 1-20."
   Problem: The old .info-text white background combined with later dark-theme
   global text overrides makes the words too light/invisible.
   Paste location: VERY BOTTOM of flux.css.
===================================================== */

/* Main FluxCP result/info bar on Item List, Monster List, Ranking, etc. */
html body .info-text,
html body #content .info-text,
html body .content .info-text,
html body .main-content .info-text,
html body #main .info-text,
html body .main .info-text {
    display: block !important;
    margin: 6px 0 8px 0 !important;
    padding: 6px 10px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, rgba(18, 13, 7, 0.96) 0%, rgba(5, 5, 5, 0.96) 100%) !important;
    background-color: #080808 !important;
    background-image: linear-gradient(180deg, rgba(18, 13, 7, 0.96) 0%, rgba(5, 5, 5, 0.96) 100%) !important;
    border: 1px solid #8a4a08 !important;
    border-top: 1px solid #ff9a22 !important;
    border-radius: 3px !important;
    text-align: center !important;
    text-shadow: 1px 1px 2px #000000, 0 0 7px rgba(0, 0, 0, 0.90) !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.65), inset 0 0 10px rgba(255, 145, 35, 0.08) !important;
    opacity: 1 !important;
}

/* Force all words/spans inside the result/info bar to be readable. */
html body .info-text *,
html body #content .info-text *,
html body .content .info-text *,
html body .main-content .info-text *,
html body #main .info-text *,
html body .main .info-text * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000, 0 0 7px rgba(0, 0, 0, 0.90) !important;
    opacity: 1 !important;
}

/* Highlight the important numbers/phrases in the info bar. */
html body .info-text-total,
html body .info-text-results,
html body #content .info-text-total,
html body #content .info-text-results,
html body .content .info-text-total,
html body .content .info-text-results,
html body .main-content .info-text-total,
html body .main-content .info-text-results {
    color: #ff9a22 !important;
    -webkit-text-fill-color: #ff9a22 !important;
    font-weight: bold !important;
    text-shadow: 0 0 6px rgba(255, 145, 35, 0.65), 1px 1px 2px #000000 !important;
}

/* If the page has inline white/gray colors inside the info bar, override them. */
html body .info-text [style*="color"],
html body #content .info-text [style*="color"],
html body .content .info-text [style*="color"],
html body .main-content .info-text [style*="color"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ===== END GladiusRO Item List Result Bar Visibility Fix ===== */