/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

/* TOKSMU dark-fantasy production theme */
html {
	min-width: 0;
}

body {
	background-color: #070708;
	background-image: linear-gradient(rgba(5, 5, 7, .18), rgba(5, 5, 7, .92)), url('../img/background.jpg');
	background-size: cover;
	background-attachment: fixed;
	color: #d8d1c2;
}

.global-top-bar {
	background: rgba(5, 5, 7, .94);
	border-bottom: 1px solid rgba(179, 129, 45, .25);
}

#navbar {
	background: linear-gradient(180deg, rgba(28, 24, 22, .96), rgba(8, 8, 9, .96));
	border-top: 1px solid rgba(202, 151, 59, .24);
	border-bottom: 1px solid rgba(202, 151, 59, .42);
}

#navbar ul li a {
	color: #c9bca6 !important;
	font-family: 'Cinzel', serif;
	font-size: 14px;
	letter-spacing: 1px;
}

#navbar ul li a:hover,
#navbar ul li a:focus {
	background: rgba(122, 16, 20, .26);
	color: #f1c86a !important;
}

#header {
	padding: 70px 15px 42px;
}

.toksmu-brand {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none !important;
	filter: drop-shadow(0 5px 18px rgba(0, 0, 0, .9));
}

.toksmu-brand-logo {
	display: block;
	height: auto;
	max-width: min(700px, 92vw);
	width: 700px;
	transition: filter .25s ease, transform .25s ease;
}

.toksmu-brand:hover .toksmu-brand-logo,
.toksmu-brand:focus .toksmu-brand-logo {
	filter: brightness(1.08);
	transform: translateY(-2px);
}

.toksmu-brand-sub {
	color: #d6c7ab;
	font-family: 'Cinzel', serif;
	font-size: 13px;
	letter-spacing: 5px;
	margin-top: 12px;
	text-transform: uppercase;
}

#container,
.footer {
	width: min(1040px, calc(100% - 30px));
}

#container {
	background: rgba(14, 14, 16, .96);
	border: 1px solid rgba(177, 126, 46, .34);
	box-shadow: 0 18px 70px rgba(0, 0, 0, .62);
}

.footer {
	background: rgba(8, 8, 10, .97);
	color: #8f8778;
	border: 1px solid rgba(177, 126, 46, .22);
	border-top: 0;
}

.page-title {
	color: #d5a445;
	font-family: 'Cinzel', serif;
	font-size: 28px;
	letter-spacing: 1px;
}

.panel,
.panel-news,
.table-striped > tbody > tr:nth-of-type(odd) {
	background: #141416;
	color: #d8d1c2;
}

.panel-sidebar,
.panel-news,
.table-bordered {
	border: 1px solid #3d3428;
}

.panel-sidebar > .panel-heading,
.panel-news > .panel-heading,
.table > thead > tr > th {
	background: linear-gradient(180deg, #28231d, #171513);
	color: #e0b85e;
	border-bottom: 1px solid #6b4b24 !important;
}

.table > tbody > tr > td {
	color: #c9c0b1;
	border-bottom: 1px solid #292621 !important;
}

.form-control {
	background: #0d0d0f;
	border-color: #40382d;
	color: #eee5d4;
}

.form-control:focus {
	border-color: #ad7629;
	box-shadow: 0 0 0 2px rgba(173, 118, 41, .18);
}

.btn-primary {
	background: linear-gradient(180deg, #8d2725, #531313) !important;
	border-color: #b47d35 !important;
	color: #f2dfba !important;
}

.btn-primary:hover,
.btn-primary:focus {
	background: linear-gradient(180deg, #b0332f, #721b18) !important;
	border-color: #e0ad54 !important;
}

@media (max-width: 767px) {
	#navbar ul li {
		display: block;
	}

	#navbar ul li a {
		display: block;
		padding: 12px 16px;
	}

	#header {
		padding-top: 42px;
	}

	#container,
	.footer {
		width: calc(100% - 16px);
	}

	#content {
		padding: 8px;
	}

	.home-news-block,
	.home-news-block + .col-xs-4,
	#content .row > .col-xs-4,
	#content > .col-xs-8,
	#content > .col-xs-4,
	#content .col-xs-8.col-xs-offset-2 {
		width: 100%;
		margin-left: 0;
	}

	.footer {
		padding: 24px 16px;
	}
}


/* TOKSMU two-server selector */
.toksmu-topbar-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 34px;
}
.toksmu-server-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 12px;
    color: #c9bca6;
}
.toksmu-server-switch label {
    margin: 0;
    font-weight: 700;
    color: #d9b75f;
}
.toksmu-server-switch select {
    height: 25px;
    padding: 2px 24px 2px 8px;
    border: 1px solid rgba(202,151,59,.55);
    border-radius: 3px;
    background: #111113;
    color: #f0e4cb;
    outline: none;
}
.toksmu-server-switch select:focus {
    border-color: #d9b75f;
}
.toksmu-server-context-notice {
    margin: 12px auto 0;
    max-width: 760px;
    padding: 10px 14px;
    text-align: center;
    border: 1px solid rgba(202,151,59,.35);
    background: rgba(16,14,13,.82);
    color: #cfc4b1;
}
.toksmu-server-context-notice strong {
    color: #efca6e;
}
@media (max-width: 767px) {
    .toksmu-topbar-tools { gap: 5px; }
    .toksmu-server-switch label { display: none; }
    .toksmu-server-switch select { max-width: 145px; }
}

/* ============================================================
   TOKSMU TWO-WORLD UX - x9999 Main + x100 Hard
   ============================================================ */
.toksmu-worlds-label {
    display: inline-block;
    margin-left: 8px;
    color: #a99d8c;
    font-size: 10px;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.header-info-container.toksmu-world-status-wrap {
    width: 1040px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    text-align: left;
}
.toksmu-world-status {
    width: 100%;
    padding: 14px 16px 10px;
    background: rgba(7,7,9,.74);
    border: 1px solid rgba(214,175,92,.18);
    border-radius: 7px;
    box-shadow: 0 12px 35px rgba(0,0,0,.48);
    backdrop-filter: blur(6px);
}
.toksmu-world-status-title {
    text-align: center;
    margin: 0 0 10px;
    color: #d8c8a7;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-shadow: 0 1px 3px #000;
}
.toksmu-world-status-row {
    margin-left: -6px;
    margin-right: -6px;
}
.toksmu-world-status-row > div {
    padding-left: 6px;
    padding-right: 6px;
}
.toksmu-world-card {
    position: relative;
    min-height: 126px;
    padding: 13px 15px 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(22,22,26,.96), rgba(7,7,9,.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.25);
}
.toksmu-world-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
}
.toksmu-world-card-main:before { background: linear-gradient(90deg,#775519,#f0c45c,#775519); }
.toksmu-world-card-hard:before { background: linear-gradient(90deg,#571516,#e04c45,#571516); }
.toksmu-world-card-main { border-color: rgba(221,178,76,.32); }
.toksmu-world-card-hard { border-color: rgba(205,68,62,.38); }
.toksmu-world-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.toksmu-world-mode {
    color: #988c7a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.7px;
}
.toksmu-world-name {
    margin-top: 1px;
    color: #f4ead8;
    font-family: 'Cinzel', serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4px;
}
.toksmu-world-rate {
    min-width: 72px;
    padding: 5px 8px;
    border-radius: 4px;
    text-align: center;
    font-family: 'Cinzel', serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
}
.toksmu-world-card-main .toksmu-world-rate {
    color: #f3d47f;
    background: rgba(191,143,39,.13);
    border: 1px solid rgba(221,178,76,.3);
}
.toksmu-world-card-hard .toksmu-world-rate {
    color: #ff8c83;
    background: rgba(185,45,39,.14);
    border: 1px solid rgba(224,76,69,.35);
}
.toksmu-world-online-line {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 12px;
    color: #aaa295;
    font-size: 10px;
    letter-spacing: .6px;
}
.toksmu-world-online-line strong {
    margin-left: auto;
    color: #7fe58f;
    font-size: 15px;
    letter-spacing: 0;
}
.toksmu-online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #59d66c;
    box-shadow: 0 0 8px rgba(89,214,108,.85);
}
.toksmu-world-online-bar {
    height: 5px;
    margin-top: 5px;
    background: #050506;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4px;
    overflow: hidden;
}
.toksmu-world-online-bar span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg,#2f853e,#6ee27d);
    box-shadow: 0 0 8px rgba(75,214,95,.45);
}
.toksmu-world-actions {
    display: flex;
    gap: 6px;
    margin-top: 9px;
}
.toksmu-world-action {
    display: inline-block;
    padding: 4px 9px;
    border: 1px solid rgba(218,180,96,.34);
    border-radius: 3px;
    color: #e8cc87 !important;
    background: rgba(120,84,25,.14);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .8px;
}
.toksmu-world-action:hover { background: rgba(165,116,35,.28); text-decoration: none; }
.toksmu-world-action-muted {
    color: #b9b1a4 !important;
    border-color: rgba(255,255,255,.14);
    background: rgba(255,255,255,.035);
}
.toksmu-time-strip {
    display: flex;
    justify-content: center;
    gap: 34px;
    margin-top: 9px;
    color: #8e877d;
    font-size: 10px;
}
.toksmu-time-strip time { color: #d8d1c6; }

/* Sign-in / registration server cards */
.toksmu-auth-shell {
    width: 760px;
    max-width: 100%;
    margin: 25px auto 15px;
    padding: 22px;
    border: 1px solid rgba(211,169,82,.2);
    border-radius: 7px;
    background: rgba(9,9,11,.55);
}
.toksmu-auth-heading { text-align: center; margin-bottom: 16px; }
.toksmu-auth-kicker {
    color: #c7a652;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}
.toksmu-auth-heading h2 {
    margin: 4px 0 5px;
    color: #eee5d6;
    font-family: 'Cinzel',serif;
    font-size: 21px;
}
.toksmu-auth-heading p { margin: 0; color: #9f978b; font-size: 12px; }
.toksmu-auth-server-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin: 17px 0 22px;
}
.toksmu-auth-server-option { display: block; margin: 0; cursor: pointer; }
.toksmu-auth-server-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.toksmu-auth-server-card {
    position: relative;
    display: block;
    min-height: 95px;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 5px;
    background: linear-gradient(145deg,rgba(25,25,28,.95),rgba(10,10,12,.96));
    transition: .18s ease;
}
.toksmu-auth-server-option:hover .toksmu-auth-server-card { transform: translateY(-1px); filter: brightness(1.08); }
.toksmu-auth-server-main input:checked + .toksmu-auth-server-card {
    border-color: rgba(230,190,91,.75);
    box-shadow: 0 0 0 1px rgba(230,190,91,.18), 0 0 18px rgba(187,137,35,.16);
}
.toksmu-auth-server-hard input:checked + .toksmu-auth-server-card {
    border-color: rgba(224,76,69,.78);
    box-shadow: 0 0 0 1px rgba(224,76,69,.16), 0 0 18px rgba(187,43,37,.17);
}
.toksmu-auth-server-mode {
    display: block;
    color: #8f877c;
    font-size: 9px;
    letter-spacing: 1.4px;
}
.toksmu-auth-server-card strong {
    display: block;
    margin-top: 2px;
    color: #eee6d8;
    font-family: 'Cinzel',serif;
    font-size: 17px;
}
.toksmu-auth-server-rate {
    display: inline-block;
    margin-top: 7px;
    color: #c7b98c;
    font-size: 12px;
    font-weight: 700;
}
.toksmu-auth-server-check {
    position: absolute;
    right: 11px;
    bottom: 10px;
    opacity: 0;
    color: #72dc81;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;
}
.toksmu-auth-server-option input:checked + .toksmu-auth-server-card .toksmu-auth-server-check { opacity: 1; }
.toksmu-auth-fields { width: 620px; max-width: 100%; margin: 0 auto; }
.toksmu-auth-submit { min-width: 230px; }

/* Rankings: clearly identify and switch worlds */
.toksmu-rankings-server-panel {
    margin: 0 0 14px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 6px;
    background: rgba(8,8,10,.72);
}
.toksmu-rankings-active-main { border-top: 2px solid #d5aa4e; }
.toksmu-rankings-active-hard { border-top: 2px solid #cf4943; }
.toksmu-rankings-server-caption {
    text-align: center;
    color: #938979;
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 700;
}
.toksmu-rankings-server-current {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    margin: 3px 0 11px;
    text-align: center;
}
.toksmu-rankings-server-current > span { color: #7e766c; font-size: 9px; letter-spacing: 1px; }
.toksmu-rankings-server-current strong { color: #eee4d1; font-family: 'Cinzel',serif; font-size: 17px; }
.toksmu-rankings-server-current em { color: #c8aa5d; font-size: 10px; font-style: normal; font-weight: 700; }
.toksmu-rankings-server-tabs { display: flex; gap: 8px; justify-content: center; }
.toksmu-rankings-server-form { margin: 0; flex: 1; max-width: 310px; }
.toksmu-rankings-server-tab {
    position: relative;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 4px;
    background: rgba(255,255,255,.035);
    color: #b4aa9b;
    text-align: left;
    cursor: pointer;
}
.toksmu-rankings-server-tab span { display: block; color: #827a70; font-size: 8px; letter-spacing: 1.2px; }
.toksmu-rankings-server-tab strong { display: block; color: #e7ded0; font-size: 13px; }
.toksmu-rankings-server-tab em {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
}
.toksmu-rankings-server-main em { color: #e0ba62; }
.toksmu-rankings-server-hard em { color: #ee716b; }
.toksmu-rankings-server-main.active { border-color: rgba(224,186,98,.72); background: rgba(167,119,30,.12); }
.toksmu-rankings-server-hard.active { border-color: rgba(238,113,107,.7); background: rgba(159,39,35,.13); }
.toksmu-rankings-server-tab:disabled { cursor: default; opacity: 1; }
.toksmu-rankings-server-tab:not(:disabled):hover { filter: brightness(1.18); }

@media (max-width: 767px) {
    .toksmu-worlds-label { display: none; }
    .header-info-container.toksmu-world-status-wrap { max-width: calc(100% - 14px); }
    .toksmu-world-status { padding: 10px 9px 7px; }
    .toksmu-world-status-row > div + div { margin-top: 8px; }
    .toksmu-time-strip { display: block; text-align: center; line-height: 1.8; }
    .toksmu-time-strip span { display: block; }
    .toksmu-auth-shell { padding: 14px 10px; }
    .toksmu-auth-server-grid { grid-template-columns: 1fr; }
    .toksmu-rankings-server-current { display: block; }
    .toksmu-rankings-server-current > * { display: block; margin: 2px 0; }
    .toksmu-rankings-server-tabs { display: block; }
    .toksmu-rankings-server-form { max-width: none; margin-top: 6px; }
}


/* TOKSMU redesign refinements: server-first sign-in and clear two-world context */
.toksmu-world-action-form {
    display: inline-block;
    margin: 0;
}
.toksmu-world-action-form .toksmu-world-action {
    font-family: inherit;
    line-height: normal;
    cursor: pointer;
}
.toksmu-home-signin-label {
    margin: 0 0 8px;
    color: #8f877a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-align: center;
}
.toksmu-home-signin-server {
    position: relative;
    display: block;
    margin: 0 0 8px;
    padding: 10px 62px 10px 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 4px;
    background: linear-gradient(145deg, rgba(25,25,28,.96), rgba(9,9,11,.96));
    transition: .16s ease;
}
.toksmu-home-signin-server:hover {
    transform: translateY(-1px);
    filter: brightness(1.10);
}
.toksmu-home-signin-server span {
    display: block;
    color: #8d8477;
    font-size: 8px;
    letter-spacing: 1.25px;
}
.toksmu-home-signin-server strong {
    display: block;
    margin-top: 2px;
    color: #eee4d2;
    font-family: 'Cinzel', serif;
    font-size: 15px;
}
.toksmu-home-signin-server em {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-style: normal;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
}
.toksmu-home-signin-main {
    border-color: rgba(221,178,76,.34);
}
.toksmu-home-signin-main em {
    color: #e5bd61;
}
.toksmu-home-signin-hard {
    border-color: rgba(224,76,69,.38);
}
.toksmu-home-signin-hard em {
    color: #ef746d;
}
.toksmu-home-signin-note {
    margin-top: 10px;
    color: #827a70;
    font-size: 9px;
    line-height: 1.45;
    text-align: center;
}
.toksmu-mini-server-badge {
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px;
    border: 1px solid rgba(214,175,92,.3);
    border-radius: 3px;
    color: #d9b75f;
    background: rgba(176,124,33,.09);
    font-size: 8px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    vertical-align: 2px;
}

/* Strong visual distinction between the two online frames. */
.toksmu-world-card-main .toksmu-world-name:after {
    content: '  •  FAST RATE';
    color: #b99a54;
    font-family: 'PT Sans', sans-serif;
    font-size: 8px;
    letter-spacing: 1px;
    vertical-align: 2px;
}
.toksmu-world-card-hard .toksmu-world-name:after {
    content: '  •  HARD RATE';
    color: #c85c57;
    font-family: 'PT Sans', sans-serif;
    font-size: 8px;
    letter-spacing: 1px;
    vertical-align: 2px;
}

@media (max-width: 767px) {
    .toksmu-world-action-form { flex: 1; }
    .toksmu-world-action-form .toksmu-world-action { width: 100%; }
    .toksmu-world-actions > .toksmu-world-action { flex: 1; text-align: center; }
}

/* TOKSMU PayMongo */
.toksmu-paymongo-package{min-height:270px}.toksmu-paymongo-package h3{margin-top:5px}.toksmu-paymongo-package .btn{margin-top:12px}

/* TOKSMU PACKAGE SHOP NAV PATCH START */
#navbar ul li a[href*="usercp/packageshop"] {
    position: relative;
    color: #f4cf78 !important;
    background: linear-gradient(180deg, rgba(139, 93, 24, .23), rgba(77, 42, 8, .13));
    text-shadow: 0 0 12px rgba(233, 177, 63, .34);
    border-left: 1px solid rgba(217, 161, 58, .18);
    border-right: 1px solid rgba(217, 161, 58, .18);
}
#navbar ul li a[href*="usercp/packageshop"]:hover,
#navbar ul li a[href*="usercp/packageshop"]:focus {
    color: #fff0b3 !important;
    background: linear-gradient(180deg, rgba(155, 101, 24, .42), rgba(91, 45, 8, .28));
    text-shadow: 0 0 16px rgba(255, 201, 86, .58);
}
#navbar ul li a[href*="usercp/packageshop"]::after {
    content: "NEW";
    display: inline-block;
    margin-left: 7px;
    padding: 1px 5px 0;
    border: 1px solid rgba(237, 188, 82, .78);
    border-radius: 3px;
    background: #7d1f18;
    color: #ffe7a3;
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: .6px;
    vertical-align: 2px;
    box-shadow: 0 0 8px rgba(172, 41, 24, .35);
}
@media (max-width: 767px) {
    #navbar ul li a[href*="usercp/packageshop"]::after { vertical-align: 1px; }
}
/* TOKSMU PACKAGE SHOP NAV PATCH END */