@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

* {
    margin: 0;
    padding: 0
}
.container {
    width: 1170px!important
}
@font-face {
    font-family: bebas neue;
    src: url(../fonts/bebasneue_regular-webfont.eot);
    src: url(../fonts/bebasneue_regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/bebasneue_regular-webfont.woff2) format("woff2"), url(../fonts/bebasneue_regular-webfont.woff) format("woff"), url(../fonts/bebasneue_regular-webfont.ttf) format("truetype"), url(../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: bebas neue bold;
    src: url(../fonts/bebasneue_bold-webfont.eot);
    src: url(../fonts/bebasneue_bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/bebasneue_bold-webfont.woff2) format("woff2"), url(../fonts/bebasneue_bold-webfont.woff) format("woff"), url(../fonts/bebasneue_bold-webfont.ttf) format("truetype"), url(../fonts/bebasneue_bold-webfont.svg#bebas_neuebold) format("svg");
    font-weight: 400;
    font-style: normal
}
body {
    background: url(../images/bg3.png) center top no-repeat, #010812;
    background-size: cover;
    background-attachment: fixed;
    font-family: Bebas, sans-serif;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
body .logo {
    display: block;
    background: url(../images/logo.png) no-repeat;
    height: 400px;
    background-position: center
}
body .content {
    margin-top: 30px
}
body .content .container {
    position: relative
}

/* DARK THEME CONTENT WRAPPER */
body .content .container .content-wrapper {
    position: relative;
    background: linear-gradient(135deg, #0a1520 0%, #050c14 100%);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat-x;
    background-position: top left, top right, bottom left, bottom right, top, left, right, bottom;
    padding: 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 80px rgba(0, 0, 0, 0.3);
}

body .content .container .corner-top-left {
    position: absolute;
    background: url(../images/corner.png) no-repeat;
    width: 169px;
    height: 112px;
    top: -10px;
    left: -16px;
    filter: drop-shadow(0 0 10px rgba(90, 170, 215, 0.3));
}
body .content .container .corner-top-right {
    position: absolute;
    background: url(../images/corner.png) no-repeat;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 169px;
    height: 112px;
    top: -10px;
    right: -16px;
    filter: drop-shadow(0 0 10px rgba(90, 170, 215, 0.3));
}

/* DARK BORDERFIX */
body .content .container .borderfix {
    background: linear-gradient(135deg, #0d1921 0%, #060f18 100%);
    width: 100%;
    height: 100%;
    display: table;
    box-sizing: border-box;
    border: 1px solid #1a3a52;
    outline: 1px solid #0d1f2d;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

body .content .container .main-content {
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden
}
body .content .container .main-content .box {
    margin-bottom: 30px;
    overflow: hidden
}
body .content .container .main-content .box .box-wrapper {
    width: 330px
}

/* DARK BOX HEADERS */
body .content .container .main-content .box .head {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    height: 40px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-family: Bebas Neue Bold, sans-serif;
    font-size: 24px;
    border: 1px solid #2c5470;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(90, 170, 215, 0.1);
}

/* Compact Players Counter */
.players-counter-item {
	background: linear-gradient(135deg, rgba(26, 58, 82, 0.3) 0%, rgba(13, 31, 45, 0.3) 100%);
	border-left: 2px solid #1a3a52 !important;
	border-right: 2px solid #1a3a52 !important;
	transition: all 0.3s ease;
}

.players-counter-item:hover {
	background: linear-gradient(135deg, rgba(26, 58, 82, 0.6) 0%, rgba(13, 31, 45, 0.6) 100%);
}

.players-counter-link {
	text-decoration: none !important;
	display: flex;
	align-items: center;
	gap: 8px;
}

.counter-number {
	font-family: Bebas Neue Bold, sans-serif;
	font-size: 24px;
	color: #6cd94b;
	text-shadow: 0 0 15px rgba(108, 217, 75, 0.8);
	animation: numberGlow 2s ease-in-out infinite;
	letter-spacing: 1px;
}

.counter-label {
	font-family: Bebas Neue, sans-serif;
	font-size: 14px;
	color: #78a8c4;
	margin-right: 8px;
}

.pulse-dot {
	width: 8px;
	height: 8px;
	background: #6cd94b;
	border-radius: 50%;
	display: inline-block;
	animation: pulse 1.5s ease-in-out infinite;
	box-shadow: 0 0 12px rgba(108, 217, 75, 1);
	margin-right: 5px;
}

.offline-dot {
	width: 8px;
	height: 8px;
	background: #ff6b6b;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 10px rgba(255, 107, 107, 0.8);
	margin-right: 5px;
}

.status-text {
	font-family: Bebas Neue Bold, sans-serif;
	font-size: 14px;
	color: #6cd94b;
	text-shadow: 0 0 8px rgba(108, 217, 75, 0.6);
}

.status-text.offline {
	color: #ff6b6b;
	text-shadow: 0 0 8px rgba(255, 107, 107, 0.6);
}

.download-link {
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.download-link:hover {
	color: #6cd94b !important;
}

.download-link:hover .value {
	color: #6cd94b !important;
}

/* Animations */
@keyframes numberGlow {
	0%, 100% {
		text-shadow: 0 0 15px rgba(108, 217, 75, 0.8);
	}
	50% {
		text-shadow: 0 0 25px rgba(108, 217, 75, 1);
	}
}

@keyframes pulse {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.3);
		opacity: 0.7;
	}
}

body .status-bar .container .item i {
	margin-right: 5px;
	color: #78a8c4;
}

/* DARK BOX CONTENT */
body .content .container .main-content .box .box-content {
    background: linear-gradient(135deg, #1e4561 0%, #163548 100%);
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #2c5470;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3);
    margin: 0 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

body .content .container .main-content .box .box-content .item-wrapper .title {
    color: #78a8c4;
    font-family: Bebas Neue, sans-serif;
    font-size: 16px;
}

body .content .container .main-content .box .box-content .item-wrapper .value {
    color: #e8f1f7;
    font-family: Bebas Neue Bold, sans-serif;
    font-size: 16px;
}

/* NEWS SECTION - KEEPING ORIGINAL LIGHT BACKGROUND */
body .content .container .main-content .news {
    background: #e7edef;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #fff;
    box-shadow: -1px -1px 0 0 #bac6ca, 1px 1px 0 0 #bac6ca, -1px 1px 0 0 #bac6ca, 1px -1px 0 0 #bac6ca;
    padding: 20px;
    margin-bottom: 30px;
}

body .content .container .main-content .news images {
    max-width: 100%
}

body .content .container .main-content .news h3 {
    font-size: 22px;
    color: #4f595f;
    font-family: Bebas Neue Bold, sans-serif;
    margin: 0;
}

body .content .container .main-content .news .separator {
    width: 100%;
    height: 2px;
    background: #f7f9fa;
    border-top: 1px solid #c3cfd5;
    margin: 20px 0;
}

body .content .container .main-content .news p {
    font-size: 14px;
    line-height: 24px;
    font-family: Georgia, serif;
}

body .content .container .main-content .news .timestamp {
    font-family: Bebas Neue Bold, sans-serif;
    color: #4f595f;
    font-size: 14px;
}

body .content .container .main-content .news .comments {
    margin-top: -10px
}

body .content .container .main-content .news .comments a {
    color: #0e049b;
    font-family: Bebas Neue, sans-serif;
    font-size: 14px;
}

body .content .container .main-content .news .comments a:hover {
    color: #110244;
}

body .content .container .main-content .news .author {
    font-family: Bebas Neue, sans-serif;
    font-size: 14px;
    color: #4f595f;
    margin-top: -10px;
}

body .content .container .main-content .news .author strong {
    font-family: Bebas Neue Bold, sans-serif;
}

body .content .container .right-panel {
    padding-top: 15px;
}

/* IMPROVED RIGHT PANEL BOX STYLING */
body .content .container .right-panel .box {
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
}

body .content .container .right-panel .box .box-wrapper {
    width: 100%;
}

body .content .container .right-panel .box .head {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    height: 50px;
    border-radius: 8px 8px 0 0;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-family: Bebas Neue Bold, sans-serif;
    font-size: 26px;
    letter-spacing: 2px;
    border: 1px solid #2c5470;
    border-bottom: 2px solid #5aaad7;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(90, 170, 215, 0.2);
    position: relative;
}

body .content .container .right-panel .box .head:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #5aaad7, transparent);
    box-shadow: 0 0 10px rgba(90, 170, 215, 0.8);
}

/* IMPROVED RIGHT PANEL BOX CONTENT */
body .content .container .right-panel .box .box-content {
    background: linear-gradient(135deg, #1e4561 0%, #163548 100%);
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #2c5470;
    border-top: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 8px 8px;
}

/* ACCOUNT BOX SPECIFIC STYLING */
.account-info-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.account-info-table tr {
    transition: all 0.3s ease;
}

.account-info-table tr:hover {
    background: rgba(90, 170, 215, 0.15) !important;
}

.account-info-table td {
    padding: 12px 10px !important;
    border: 1px solid #2c5470 !important;
}

.account-info-table td:first-child {
    width: 45%;
    font-weight: bold;
}

.account-info-table td i {
    margin-right: 8px;
    color: #5aaad7;
}

/* STATS BOX IMPROVEMENTS */
.stats-box-enhanced .nav-tabs {
    border-bottom: 2px solid #2c5470;
    margin: 0;
    padding: 12px 12px 0 12px;
    background: rgba(13, 31, 45, 0.5);
    display: flex;
    justify-content: space-around;
}

.stats-box-enhanced .nav-tabs > li {
    margin: 0 3px;
    flex: 1;
}

.stats-box-enhanced .nav-tabs > li > a {
    background: linear-gradient(135deg, #0d1f2d 0%, #08131c 100%);
    border: 1px solid #2c5470;
    color: #78a8c4;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    font-family: Bebas Neue Bold, sans-serif;
    font-size: 15px;
    text-align: center;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

.stats-box-enhanced .nav-tabs > li.active > a,
.stats-box-enhanced .nav-tabs > li.active > a:hover,
.stats-box-enhanced .nav-tabs > li.active > a:focus {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    border: 1px solid #2c5470;
    border-bottom-color: transparent;
    color: #fff;
    box-shadow: 0 -2px 8px rgba(90, 170, 215, 0.3);
}

.stats-box-enhanced .nav-tabs > li > a:hover {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    border-color: #2c5470;
    color: #e8f1f7;
}

.stats-box-enhanced .tab-content {
    padding: 15px;
    background: rgba(22, 53, 72, 0.3);
    min-height: 200px;
}

/* ENHANCED TABLE STYLING FOR STATS */
.stats-table-enhanced {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px;
}

.stats-table-enhanced tr {
    transition: all 0.3s ease;
    border-radius: 5px;
    overflow: hidden;
}

.stats-table-enhanced tr:hover {
    transform: translateX(5px);
    box-shadow: -3px 0 0 0 #5aaad7;
}

.stats-table-enhanced td {
    padding: 12px 10px;
    border: 1px solid #2c5470;
    background: rgba(30, 69, 97, 0.3);
}

.stats-table-enhanced tr:nth-child(even) td {
    background: rgba(22, 53, 72, 0.3);
}

.stats-table-enhanced td:first-child {
    border-radius: 5px 0 0 5px;
    font-weight: bold;
}

.stats-table-enhanced td:last-child {
    border-radius: 0 5px 5px 0;
    text-align: center;
}

/* RANK NUMBER STYLING */
.rank-number {
    display: inline-block;
    background: linear-gradient(135deg, #5aaad7 0%, #4c8eb4 100%);
    color: #010c16;
    font-family: Bebas Neue Bold, sans-serif;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 8px;
    box-shadow: 0 2px 4px rgba(90, 170, 215, 0.4);
}

/* LEVEL BADGE ENHANCED */
.level-badge {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    padding: 5px 12px;
    border-radius: 15px;
    color: #fff;
    font-family: Bebas Neue Bold, sans-serif;
    font-size: 13px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border: 1px solid #2c5470;
    display: inline-block;
}

/* KILLS BADGE */
.kills-badge {
    background: linear-gradient(135deg, #f44336 0%, #c62828 100%);
    padding: 5px 12px;
    border-radius: 15px;
    color: #fff;
    font-family: Bebas Neue Bold, sans-serif;
    font-size: 13px;
    box-shadow: 0 2px 4px rgba(244, 67, 54, 0.4);
    display: inline-block;
}

/* FRAG LIST STYLING */
.frag-list-item {
    padding: 12px;
    background: rgba(30, 69, 97, 0.3);
    margin-bottom: 8px;
    border-radius: 5px;
    border: 1px solid #2c5470;
    transition: all 0.3s ease;
}

.frag-list-item:hover {
    background: rgba(90, 170, 215, 0.2);
    transform: translateX(5px);
    box-shadow: -3px 0 0 0 #5aaad7, 0 4px 12px rgba(0, 0, 0, 0.3);
}

.frag-list-item:nth-child(even) {
    background: rgba(22, 53, 72, 0.3);
}

.frag-list-item:nth-child(even):hover {
    background: rgba(90, 170, 215, 0.2);
}

/* BUTTON IMPROVEMENTS IN RIGHT PANEL */
body .content .container .right-panel .btn-block {
    padding: 12px;
    font-size: 16px;
    border-radius: 5px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

body .content .container .right-panel .btn-block:last-child {
    margin-bottom: 0;
}

body .content .container .right-panel .btn-block:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

/* Remove extra spacing/shadows from box content when it contains buttons */
body .content .container .right-panel .box .box-content .item:last-child,
body .content .container .right-panel .box .box-content > div:last-child {
    margin-bottom: 0;
}

/* Status Bar Dark Theme */
body .status-bar {
    background: linear-gradient(135deg, #0d1f2d 0%, #08131c 100%);
    height: auto;
    border-bottom: 2px solid #1a3a52;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

body .status-bar .container {
    display: flex;
    align-items: center;
    height: 50px;
}

body .status-bar .container .item {
    color: #78a8c4;
    font-family: Bebas Neue, sans-serif;
    font-size: 14px;
    padding: 0 15px;
    border-right: 1px solid #1a3a52;
    display: flex;
    align-items: center;
    height: 50px;
}

body .status-bar .container .item:last-child {
    border-right: none;
}

body .status-bar .container .item .value {
    color: #e8f1f7;
    font-family: Bebas Neue Bold, sans-serif;
}

body .status-bar .container .item .online {
    color: #6cd94b;
}

/* Menu Dark Theme */
body .menu {
    margin-bottom: 0;
}

body .menu .navbar {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    border: 1px solid #2c5470;
    border-radius: 5px;
    margin-bottom: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

body .menu .navbar .navbar-nav > li > a {
    color: #b0c8d8;
    font-family: Bebas Neue, sans-serif;
    font-size: 16px;
    transition: all 0.3s ease;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

body .menu .navbar .navbar-nav > li > a:hover {
    background: rgba(90, 170, 215, 0.2);
    color: #fff;
}

body .menu .navbar .navbar-nav > li.active > a {
    background: rgba(90, 170, 215, 0.3);
    color: #fff;
}

.dropdown-menu {
    background: linear-gradient(135deg, #1e4561 0%, #163548 100%);
    border: 1px solid #2c5470;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}

.dropdown-menu > li > a {
    color: #b0c8d8;
    transition: all 0.3s ease;
}

.dropdown-menu > li > a:hover {
    background: rgba(90, 170, 215, 0.2);
    color: #fff;
}

/* Forms Dark Theme */
.form-control {
    background: linear-gradient(135deg, #0d1f2d 0%, #08131c 100%);
    border: 1px solid #2c5470;
    color: #e8f1f7;
}

.form-control:focus {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    border-color: #5aaad7;
    box-shadow: 0 0 8px rgba(90, 170, 215, 0.5);
    color: #fff;
}

/* Tables Dark Theme */
.table {
    color: #b0c8d8;
}

.table > thead > tr > th {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    color: #e8f1f7;
    border-color: #2c5470;
}

.table > tbody > tr > td {
    border-color: #2c5470;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(30, 69, 97, 0.3);
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: rgba(22, 53, 72, 0.3);
}

.table-hover > tbody > tr:hover {
    background-color: rgba(90, 170, 215, 0.2);
}

.who-is-online {
    border-collapse: collapse;
}

.who-is-online th,
.who-is-online td {
    border: 1px solid #2c5470;
    padding: 8px;
}

.who-is-online th {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    color: #e8f1f7;
}

.who-is-online tr:nth-child(2n) {
    background: rgba(30, 69, 97, 0.3);
}

.who-is-online tr:nth-child(2n-1) {
    background: rgba(22, 53, 72, 0.3);
}

.who-is-online td {
    color: #b0c8d8;
}

.record {
    padding: 15px;
    margin-bottom: 15px;
    background: rgba(13, 31, 45, 0.3);
    border: 1px solid #2c5470;
    border-radius: 3px;
}

.record .title {
    color: #78a8c4;
    font-family: Bebas Neue, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.record .value {
    color: #e8f1f7;
    font-family: Bebas Neue, sans-serif;
    font-size: 20px;
}

.record .input-value {
    display: block;
    background: linear-gradient(135deg, #0d1f2d 0%, #08131c 100%);
    width: 100%;
    border: 1px solid #2c5470 !important;
    height: 32px;
    border-radius: 3px;
    color: #e8f1f7;
    padding: 5px 10px;
}

.record .input-value:focus {
    border-color: #5aaad7 !important;
    box-shadow: 0 0 8px rgba(90, 170, 215, 0.5);
}

.record .radio-value {
    color: #b0c8d8;
    font-family: Bebas Neue, sans-serif;
    line-height: 24px;
}

.no-padding {
    padding: 0!important
}

.negative {
    color: #ff6b6b!important
}

.positive {
    color: #6cd94b!important
}

.btn.btn-positive {
    font-family: Bebas Neue Bold, sans-serif;
    color: #fff;
    background: linear-gradient(135deg, #4c8eb4 0%, #296985 100%);
    border: 1px solid #5aaad7;
    transition: all 0.3s ease;
}

.btn.btn-positive:hover {
    background: linear-gradient(135deg, #5aaad7 0%, #4c8eb4 100%);
    box-shadow: 0 0 12px rgba(90, 170, 215, 0.5);
}

.aac-management td,
.aac-management th {
    border-top: none!important;
    border-bottom: none!important;
    font-family: Bebas Neue, sans-serif;
    color: #b0c8d8;
}

.aac-management th {
    font-family: Bebas Neue Bold, sans-serif;
    color: #5aaad7;
}

.aac-management td {
    vertical-align: middle!important
}

.green-notification {
    color: #6cd94b;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 0 10px rgba(108, 217, 75, 0.8);
}

.red-notification {
    color: #ff6b6b;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 0 10px rgba(255, 107, 107, 0.8);
}

.centered {
    text-align: center
}

.font-big {
    font-weight: 700;
    font-size: 30px
}

/* Guild List Dark Theme */
.guild-list {
    border: 1px solid #2c5470;
}

.guild-list th {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    color: #e8f1f7;
    padding: 8px;
}

.guild-list .table-heading {
    height: 30px
}

.guild-list .guild-logo {
    width: 10%;
    text-align: center;
    padding: 5px
}

.guild-list .name {
    width: 55%
}

.guild-list .view {
    text-align: center;
    padding: 5px;
    width: 15%
}

.guild-list tr:nth-child(2n) {
    background: rgba(30, 69, 97, 0.3);
}

.guild-list tr:nth-child(2n-1) {
    background: rgba(22, 53, 72, 0.3);
}

.guild-list td {
    height: 25px;
    color: #b0c8d8;
    border: 1px solid #2c5470;
}

.guild-show-list .table-heading {
    height: 30px
}

.guild-show-list .guild-logo {
    width: 10%;
    text-align: center;
    padding: 5px
}

.guild-show-list .name {
    width: 55%
}

.guild-show-list .view {
    text-align: center;
    padding: 5px;
    width: 15%
}

.guild-show-list td {
    height: 25px;
    color: #b0c8d8;
}

.guild-show-list th {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    color: #e8f1f7;
}

.guild-show-list .even {
    background: rgba(30, 69, 97, 0.3);
}

.guild-show-list .odd {
    background: rgba(22, 53, 72, 0.3);
}

.death-list,
th,
td {
    padding-left: 5px
}

.create-guild th {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    color: #e8f1f7;
}

.create-guild td {
    height: 30px;
    padding: 7px;
    color: #b0c8d8;
}

.create-guild th {
    padding: 6px
}

.create-guild tr .header {
    height: 20px
}

.create-guild tr:nth-child(2n) {
    background: rgba(30, 69, 97, 0.3);
}

.guild-information .guild-name {
    font-size: 25px;
    font-weight: 700;
    color: #e8f1f7;
}

.guild-information {
    padding-left: 30px;
    color: #b0c8d8;
}

#comment {
    max-width: 80%;
    width: 80%
}

.help-block {
    color: #ff6b6b
}

.gunz-table {
    border-collapse: collapse
}

.gunz-table,
th,
td {
    border-collapse: collapse;
    border: 1px solid #2c5470;
    padding-left: 5px
}

.gunz-table td {
    height: 30px;
    color: #b0c8d8;
}

.gunz-table tr:nth-child(2n) {
    background: rgba(30, 69, 97, 0.3);
}

.gunz-table tr:nth-child(2n-1) {
    background: rgba(22, 53, 72, 0.3);
}

.gunz-table th {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    color: #e8f1f7;
    border: 1px solid #2c5470;
}

.gunz-table .gunz-table-head td {
    font-weight: 700;
    text-align: center
}

.gunz-table .gunz-table-centered {
    text-align: center
}

.forum-table {
    border-collapse: collapse
}

.forum-table,
th,
td {
    border-collapse: collapse;
    border: 1px solid #2c5470;
    padding-left: 5px
}

.forum-table td {
    height: 30px;
    color: #b0c8d8;
}

.forum-table .even {
    background: rgba(30, 69, 97, 0.3);
}

.forum-table .odd {
    background: rgba(22, 53, 72, 0.3);
}

.forum-table th {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    color: #e8f1f7;
    border: 1px solid #2c5470;
}

.forum-table .forum-post {
    height: 150px
}

.forum-table .post-author {
    vertical-align: top;
    width: 30%
}

.forum-table .post-text {
    vertical-align: top;
    width: 70%
}

.forum-table .post-info {
    vertical-align: top;
    height: 50px
}

.forum-pages {
    text-align: center;
    font-size: 15px;
    color: #b0c8d8;
}

.borderless td,
.borderless th {
    border: none
}

.btn-margin {
    margin-top: 5px!important;
    margin-left: 5px!important;
    margin-bottom: 5px!important
}

.outfitter-container {
  width: 64px;
  height: 64px;
  position: relative;
  margin-left: -24px;
  margin-top: -23px;
}

.Table30 {
  padding: 2px;
  background: linear-gradient(135deg, #1e4561 0%, #163548 100%);
  border-spacing: 0;
  margin: 0 6px 6px 0;
  border: 1px solid #2c5470 !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  float: left;
}

.Table30 td {
  padding: 4px;
  color: #b0c8d8;
}

.progress-bar {
  font-size: 11px;
  line-height: 16px;
}

.progress {
  height: 18px;
  margin-bottom: 0;
  border: 1px solid #2c5470;
  background: linear-gradient(135deg, #0d1f2d 0%, #08131c 100%);
}

.SkillIcon {
  width: 40px;
  border: 2px solid #2c5470 !important;
  border-radius: 5px;
  overflow: hidden;
}

.CharItems {
  width: 32px;
  margin: 3px;
}

/* Make all numbers super readable with a clean sans-serif font */
.counter-number,
body .status-bar .container .item .value,
body .status-bar .container .item .online,
.record .value,
.who-is-online td,
.gunz-table td,
.forum-table td,
table td,
.progress-bar,
body .content .container .right-panel .box .box-content .item .wrap .right .title,
body .content .container .right-panel .box .box-content .item .wrap .right .info,
.level,
.vocation,
input[type="number"],
span:not(.counter-label):not(.status-text) {
    font-family: 'Arial', 'Helvetica', sans-serif !important;
    font-weight: 500;
}

/* Specific fixes for character stats and levels */
body .content .container .main-content .box .box-content .item-wrapper .value,
.Table30,
.CharItems,
.SkillIcon {
    font-family: 'Arial', 'Helvetica', sans-serif !important;
}

/* Links Dark Theme */
a {
    color: #5aaad7;
    transition: all 0.3s ease;
}

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

/* Additional dark enhancements */
.small {
    color: #78a8c4;
}

.clearfix {
    clear: both;
}

/* Improved button styles */
.btn {
    transition: all 0.3s ease;
}

.btn-primary {
    background: linear-gradient(135deg, #29b6f6 0%, #0288d1 100%);
    border: 1px solid #039be5;
    color: #010c16;
    font-family: Bebas Neue Bold, sans-serif;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #4fc3f7 0%, #29b6f6 100%);
    box-shadow: 0 0 15px rgba(41, 182, 246, 0.5);
}

.btn-success {
    background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
    border: 1px solid #388e3c;
}

.btn-success:hover {
    background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.5);
}

.btn-danger {
    background: linear-gradient(135deg, #f44336 0%, #c62828 100%);
    border: 1px solid #d32f2f;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #ef5350 0%, #f44336 100%);
    box-shadow: 0 0 15px rgba(244, 67, 54, 0.5);
}

/* Tab enhancements */
.nav-tabs {
    border-bottom: 2px solid #2c5470;
}

.nav-tabs > li > a {
    background: linear-gradient(135deg, #0d1f2d 0%, #08131c 100%);
    border: 1px solid #2c5470;
    color: #78a8c4;
    transition: all 0.3s ease;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    border: 1px solid #2c5470;
    border-bottom-color: transparent;
    color: #fff;
}

.nav-tabs > li > a:hover {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
    border-color: #2c5470;
    color: #e8f1f7;
}
/* Dropdown select styling fix */
.sort-bar select,
select.form-control,
select {
    width: 100%;
    padding: 10px;
    background: linear-gradient(135deg, #0d1f2d 0%, #08131c 100%) !important;
    border: 1px solid #2c5470 !important;
    border-radius: 5px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

/* Dropdown options styling */
.sort-bar select option,
select.form-control option,
select option {
    background: #0d1f2d !important;
    color: #e8f1f7 !important;
    padding: 10px;
}

/* Dropdown on hover */
.sort-bar select option:hover,
select.form-control option:hover,
select option:hover {
    background: #1a3a52 !important;
    color: #fff !important;
}

/* Dropdown selected option */
.sort-bar select option:checked,
select.form-control option:checked,
select option:checked {
    background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%) !important;
    color: #5aaad7 !important;
}

/* === Smooth Scroll Fade Effect for Logo === */
.logo {
  display: block;
  background: url(../images/logo.png) no-repeat center;
  height: 400px;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  will-change: transform, opacity;
  background-size: contain;
}

/* The fade-out transformation effect */
.logo.shrink {
  opacity: 0;
  transform: scale(0.85) translateY(-40px);
}

/* Optional: smooth lifting of the content */
.content {
  transition: transform 0.6s ease-out;
}

body.logo-hidden .content {
  transform: translateY(-100px);
}

/* Force desktop layout on ALL screen sizes */
@media (max-width: 991px) {
    .container {
        width: 1170px !important;
        min-width: 1170px !important;
    }
    
    .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        float: left !important;
    }
    
    .navbar-nav > li {
        float: left !important;
        display: inline-block !important;
    }
    
    /* HIDE search form on zoom/small screens */
    .navbar-form.navbar-right {
        display: none !important;
    }
    
    .col-xs-8,
    .col-xs-4 {
        float: left !important;
    }
    
    .col-xs-8 {
        width: 66.66666667% !important;
    }
    
    .col-xs-4 {
        width: 33.33333333% !important;
    }
}

/* Enable horizontal scrolling on small screens */
body {
    overflow-x: auto !important;
    min-width: 1170px !important;
}

@media (max-width: 1170px) {
    body {
        overflow-x: scroll !important;
    }
}