/* ============================================================
   METIN2 THEME1 — COMPLETE CSS
   Original Metin2 classic layout + modern UI component styles
   Color Palette: Gold (#fef6aa), Brown (#4a1e00), Dark Red (#8d0404)
   ============================================================ */

/* ---- CSS VARIABLES (used by inline styles in components) ---- */
:root {
	--glass-border: rgba(92, 58, 30, 0.5);
	--red-glow: #8d0404;
	--gold: #c5a15f;
	--text-secondary: #c5a15f;
	--text-muted: #7a6a4a;
	--text-50: #e8d5b0;
}

/* ---- RESET & BASE ---- */
html {
	height: 100%;
	min-width: 930px;
}

body {
	background: #000 url(../../images/theme1/container-bg.jpg) repeat-y 50% 0;
	color: #160400;
	font: 11px/14px Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	min-width: 930px;
}

img {
	border: none;
	display: block;
}

a:focus {
	outline: none;
}

form {
	margin: 0;
	padding: 0;
}

#page {
	min-height: 100%;
	overflow: hidden;
}

.center {
	text-align: center;
}

.right {
	float: right;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

/* ============================================================
   HEADER
   ============================================================ */
.header-wrapper {
	background: url(../../images/theme1/header-bg.jpg) no-repeat 50% 0;
	height: 253px;
}

#header {
	height: 230px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 930px;
}

.logo {
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	overflow: hidden;
	text-indent: -9999px;
	transform: translateX(-50%);
}

.header-box {
	margin: 132px 0 0 199px;
	overflow: hidden;
	width: 534px;
}

#regBtn {
	background: url(../../images/theme1/reg-btn.jpg) no-repeat;
	height: 92px;
	margin: 0 auto;
	width: 533px;
}

#regSteps {
	height: 20px;
	text-align: center;
}

#regSteps a {
	color: #F2E69F;
	font-weight: bold;
	text-decoration: none;
}

#regBtn a#toReg {
	color: #F2E69F;
	display: block;
	font-size: 22px;
	font-weight: bold;
	height: 72px;
	line-height: 72px;
	padding: 0 0 0 100px;
	text-align: left;
	text-decoration: none;
	text-shadow: 2px 2px 5px #000;
	width: 433px;
}

#regSteps a:hover,
#regBtn a#toReg:hover {
	color: #fff;
}

#regSteps span {
	font-size: 12px;
	margin: 0 15px;
}

#header .reg-hover {
	background-position: 0 -92px;
}

#header .reg-hover a {
	color: #fff;
}

/* Header Language Switcher */
.header-lang {
	position: absolute;
	top: 6px;
	right: 117px;
	display: flex;
	gap: 1px;
	z-index: 10000;
}

.lang-flag {
	background: #D3BE93 url(../../images/theme1/bg_select.png) no-repeat right top !important;
	border: 1px solid #998153 !important;
	display: inline-flex;
	opacity: 0.9;
	transition: opacity 0.2s;
	padding: 1px;
	text-decoration: none;
}

.lang-flag:hover,
.lang-flag.active,
.lang-flag[aria-expanded="true"] {
	opacity: 1;
	border-color: #5c2b00 !important;
}

.lang-flag img {
	display: block;
	height: 16px;
	width: 22px;
}

.theme1-language-selector .language-selector-list {
	font-family: Arial, Helvetica, sans-serif;
}

.theme1-language-selector .language-selector-list input::placeholder {
	color: #6d5128;
}

.theme1-language-selector .language-selector-list [role="listbox"]::-webkit-scrollbar {
	width: 7px;
	height: 0;
}

.theme1-language-selector .language-selector-list [role="listbox"]::-webkit-scrollbar-track {
	background: #d3be93;
	border-left: 1px solid #a98d58;
}

.theme1-language-selector .language-selector-list [role="listbox"]::-webkit-scrollbar-thumb {
	background: #6b421b;
	border: 1px solid #3f2106;
}

.theme1-language-selector .language-selector-list [role="listbox"]::-webkit-scrollbar-thumb:hover {
	background: #8a5625;
}

.theme1-language-selector .language-selector-list [role="listbox"]::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

.theme1-language-selector .language-selector-list [role="listbox"]::-webkit-scrollbar-corner {
	background: transparent;
}

/* ============================================================
   FOOTER
   ============================================================ */
.footer-wrapper {
	background: url(../../images/theme1/footer-bg_old.png) no-repeat 50% 0;
	height: 220px;
	margin: -130px 0 0;
	float: left;
	width: 100%;
}

#footer {
	margin: 0 auto;
	width: 930px;
	overflow: hidden;
}

#footer ul {
	background: url(../../images/theme1/footer-box.jpg) no-repeat;
	font-size: 10px;
	height: 48px;
	line-height: 15px;
	margin: 10px 0 0 171px;
	padding: 9px 0 0;
	text-align: center;
	width: 585px;
}

#footer ul li {
	background: url(../../images/theme1/sep.gif) no-repeat 0 7px;
	color: #ae9467;
	display: inline;
	list-style: none;
	padding: 0 5px 0 13px;
}

#footer ul li.first {
	background: none;
	display: block;
	width: 565px;
}

#footer ul li a {
	color: #ae9467;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

/* Footer Social */
.footer-social {
	text-align: center;
	margin: 110px 0 8px;
}

.footer-social a {
	display: inline-block;
	color: #ae9467;
	font-size: 20px;
	margin: 0 10px;
	text-decoration: none;
	transition: color 0.2s, transform 0.2s;
}

.footer-social a:hover {
	color: #fef6aa;
	transform: scale(1.15);
}

/* ============================================================
   MAIN CONTAINER & 3-COLUMN LAYOUT
   ============================================================ */
.container-wrapper {
	background: url(../../images/theme1/container-bg-top.jpg) no-repeat 50% 0;
	float: left;
	padding: 0 0 100px;
	width: 100%;
}

.container {
	margin: 0 auto;
	position: relative;
	width: 930px;
}

/* Left column */
.col-1,
.col-3 {
	display: inline;
	float: left;
	margin: -64px 0 0 11px;
	position: relative;
	width: 157px;
}

/* Right column */
.col-3 {
	float: right;
	margin: -64px 9px 0 0;
	overflow: hidden;
	width: 157px;
}

/* Center column */
.col-2 {
	float: left;
	display: inline;
	margin: 33px 0 0 46px;
	width: 510px;
}

/* ============================================================
   SIDEBAR DECORATORS (boxes-top, boxes-middle, boxes-bottom)
   ============================================================ */
.boxes-top {
	background: url(../../images/theme1/box-top-1.jpg) no-repeat;
	height: 23px;
	width: 157px;
}

.col-3 .boxes-top {
	background: url(../../images/theme1/box-top-2.jpg) no-repeat;
}

.boxes-bottom {
	background: url(../../images/theme1/box-bottom.png) no-repeat;
	height: 48px;
	margin: 0 0 0 4px;
	width: 150px;
}

.boxes-middle {
	background: url(../../images/theme1/box-middle.png) no-repeat;
	height: 32px;
	margin: 0 0 0 12px;
	width: 134px;
}

/* ============================================================
   MODUL BOX (sidebar panels)
   ============================================================ */
.modul-box {
	background: url(../../images/theme1/modul-box-bg.jpg) repeat-y;
	width: 157px;
}

.modul-box .modul-box-bg {
	background: url(../../images/theme1/modul-box-top.jpg) no-repeat;
}

.modul-box-2 .modul-box-bg {
	background: url(../../images/theme1/modul-box-top-2.jpg) no-repeat;
}

.modul-box .modul-box-bg-bottom {
	background: url(../../images/theme1/modul-box-bottom.jpg) no-repeat 0 100%;
	min-height: 150px;
	overflow: hidden;
	padding: 0 0 5px;
	width: 100%;
}

/* ============================================================
   MAIN NAVIGATION (sidebar)
   ============================================================ */
.main-nav {
	margin: 24px 0 0;
	padding: 0 0 10px;
}

.main-nav li {
	list-style: none;
	padding: 0 0 5px;
}

.main-nav li a,
.modul-box h3 {
	background: url(../../images/theme1/main-mav-bg.gif) no-repeat;
	color: #fef6aa;
	display: block;
	font-weight: bold;
	font-size: 12px;
	height: 34px;
	line-height: 15px;
	overflow: hidden;
	padding: 8px 0 0;
	text-align: center;
	text-decoration: none;
	width: 157px;
}

.modul-box h3 {
	margin: 24px 0 0;
}

.main-nav li a {
	transition: none !important;
}

.main-nav li a:hover,
.main-nav li a.active,
.main-nav li.active a {
	background-position: 0 -34px;
	color: #fffde8;
}

/* Download button */
.download-btn {
	background: url(../../images/theme1/nav-download-btn.jpg) no-repeat;
	display: block;
	height: 68px;
	margin: 0 auto;
	width: 130px;
}

/* ============================================================
   SIDEBAR LOGIN FORM
   ============================================================ */
.form-login {
	margin: 6px 0 0 14px;
	overflow: hidden;
	padding: 0 0 12px;
	width: 143px;
}

.form-login label {
	color: #4a1e00;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

.form-login .input {
	background: url(../../images/theme1/input-bg-4.gif) no-repeat;
	height: 18px;
	margin: 2px 0 0;
	padding: 0 0 4px;
	width: 129px;
}

.form-login .input input {
	border: none;
	background: none;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin: 1px 0 0 4px;
	width: 121px;
	color: #fff;
}

.password {
	color: #58220E;
	display: block;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	text-decoration: none;
	width: 128px;
}

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

.agbok {
	color: #775555;
	display: block;
	font-size: 9px;
	margin: 8px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 128px;
padding-top: 40px;
}

.agbok a {
	color: #8D0404;
	font-size: 9px;
	line-height: 11px;
	text-decoration: none;
	font-weight: bold;
}

/* ============================================================
   SIDEBAR BUTTONS (.btn, .button, .btn-login)
   ============================================================ */
.button,
.dyn-button {
	background: transparent url(../../images/theme1/top-nav-register-btn.gif) no-repeat scroll 0 0;
	border-style: none;
	color: #DFBF8B;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	margin: 16px 0 0;
	padding: 0 17px 3px 0;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

.button:hover,
.button:hover span {
	text-decoration: underline;
}

.btn-login {
	background: transparent url(../../images/theme1/button-bg-2.gif) no-repeat scroll 0 0 !important;
	border-style: none;
	width: 129px !important;
	color: #DFBF8B;
	cursor: pointer;
	font-size: 11px;
}

.btn-login:hover {
	text-decoration: underline !important;
}

/* ============================================================
   SIDEBAR HIGHSCORE / RANKING
   ============================================================ */
.form-score {
	margin: 5px 0 0 10px;
	padding: 0 0 3px;
}

.form-score select {
	background-color: #cdb78b;
	border: 1px solid #997c47;
	color: #4a1e00;
	font-size: 13px;
	padding: 0;
	width: 129px;
}

.form-score ul {
	margin: 6px 1px 0 0;
	padding: 0 0 1px;
}

.form-score ul li {
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
	list-style: none;
	padding: 3px 0 3px 6px;
}

.form-score ul li.light {
	background: url(../../images/theme1/light_gf.gif) no-repeat;
}

.form-score ul li div {
	margin: 0px 16px 0px -8px;
	background: no-repeat 100% 0;
}

.form-score ul li div.empire1 {
	background-image: url(../../images/theme1/1_s.png);
}

.form-score ul li div.empire2 {
	background-image: url(../../images/theme1/2_s.png);
}

.form-score ul li div.empire3 {
	background-image: url(../../images/theme1/3_s.png);
}

.form-score ul li strong {
	color: #8d0404;
	margin: 0 2px 0 0;
}

.form-score ul li strong.offset {
	margin: 0 2px 0 6px;
}

.form-score ul li a {
	color: #6a3e00;
	margin: 0 0 0 2px;
	text-decoration: none;
}

.form-score ul li a:hover {
	text-decoration: underline;
}

.offset {
	color: #943b00;
	font-weight: bold;
}

/* Rank Tabs */
.rank-tabs-classic {
	display: flex;
	margin: 2px 11px 0;
	gap: 1px;
}

.rank-tab-classic {
	background: transparent url(../../images/theme1/ranking-btn.png) no-repeat scroll 0 0 !important;
	flex: 1;
	text-align: center;
	padding: 4px 0;
	font-size: 10px;
	font-weight: bold;
	width: 68px;
	height: 24px;
	color: #c5a15f;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s;
	line-height: 15px;
}

.rank-tab-classic:hover {
	filter: brightness(1.3);
	color: #fef6aa;
}

.rank-tab-classic.active {
	filter: brightness(1.3);
	color: #fef6aa;
}

.ranking-tabs {
	padding-bottom: 10px;
	width: fit-content;
	/* içerik kadar küçül */
	margin: 0 auto;
	/* yatayda ortala */
}

.ranking-tab {
	background: url(../../images/theme1/button-bg-rank.png) no-repeat;
	color: #DFBF8B;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	height: 21px;
	line-height: 14px;
	margin: 4px 0 0;
	padding: 3px 14px 0 0;
	text-align: center;
	text-decoration: none;
	width: 130px;
}

.ranking-tab:hover {
	filter: brightness(1.3);
	color: #fef6aa;
}

.ranking-tab.active {
	filter: brightness(1.3);
	color: #fef6aa;
}

.rank-big-btn {
	background: transparent url(../../images/theme1/ranking-big-btn.png) no-repeat scroll 0 0 !important;
	flex: 1;
	text-align: center;
	padding: 4px 0;
	font-size: 10px;
	font-weight: bold;
	width: 105px;
	height: 27px;
	color: #fef6aa;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s;
	line-height: 15px;
}

.rank-big-btn:hover {
	filter: brightness(1.3);
	color: #fef6aa;
}

.rank-big-btn.active {
	filter: brightness(1.3);
	color: #fef6aa;
}

/* ============================================================
   CENTER CONTENT PANELS
   ============================================================ */
.content {
	background: url(../../images/theme1/content-box-bg.jpg) repeat-y;
	margin: 0;
	width: 507px;
}

.content .content-bg {
	background: url(../../images/theme1/content-box-top.jpg) no-repeat;
}

.content .content-bg-bottom {
	background: url(../../images/theme1/content-box-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 5px 0 7px;
	width: 496px;
}

.content h2,
.box h2 {
	background: url(../../images/theme1/heading-3.jpg) no-repeat;
	color: #7b1300;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	margin: 11px 0 0;
	padding: 7px 0 7px 33px;
}

.shadow {
	background: url(../../images/theme1/shadow-2.png) no-repeat;
	height: 5px;
	overflow: hidden;
	width: 507px;
}

.inner-content {
	margin: 4px 25px 0 5px;
	padding: 0 0 18px;
}

.inner-content p {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 10px;
	text-align: justify;
}

.inner-content h3 {
	color: #7b1300;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin: 9px 0 0;
	padding: 0 0 9px;
}

.inner-content ul {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 15px;
	text-align: justify;
}

.inner-content ul li {
	background: url(../../images/theme1/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}

/* Two Boxes (home page dual panel) */
.two-boxes {
	background: url(../../images/theme1/two-boxes-bg.jpg) repeat-y;
	width: 506px;
}

.two-boxes .two-boxes-top {
	background: url(../../images/theme1/two-boxes-top.jpg) no-repeat;
}

.two-boxes .two-boxes-bottom {
	background: url(../../images/theme1/two-boxes-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 15px;
	width: 100%;
}

.box {
	float: left;
	display: inline;
	margin: 0 0 0 11px;
	width: 223px;
}

.box-right {
	float: right;
	margin: 0 14px 0 0;
}

.box .body {
	margin: 4px 6px 0 5px;
}

.box p {
	color: #160400;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 7px;
	text-align: justify;
}

/* Video */
.video {
	background: url(../../images/theme1/video-border-bg.gif) no-repeat;
	margin: 7px 0 0;
	width: 223px;
}

/* ============================================================
   USER PANEL (sidebar, logged-in)
   ============================================================ */
.user-panel-classic {
	padding: 8px 12px;
}

.user-panel-menu {
	margin: 0px 0 0 !important;
}

.welcome-classic {
	color: #4a1e00;
	font-size: 11px;
	margin: 0 0 8px;
	text-align: center;
}

.welcome-classic strong {
	color: #8d0404;
}

/* ============================================================
   STATISTICS (sidebar)
   ============================================================ */
.stats-classic {
	padding: 5px 20px 15px;
}

.stat-classic-row {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	border-bottom: 1px solid rgba(74, 30, 0, 0.2);
	font-size: 11px;
}

.stat-classic-row:last-child {
	border-bottom: none;
}

.stat-classic-label {
	color: #4a1e00;
}

.stat-classic-value {
	color: #8d0404;
	font-weight: bold;
}

/* ============================================================
   INNER FORM (login/register page center)
   ============================================================ */
.inner-form-border {
	border: 1px solid #aa8551;
	margin: 15px 0 20px 25px;
	width: 430px;
}

.inner-form-box {
	padding: 10px 15px;
}

.inner-form-box {
	background: transparent url(../../images/theme1/form-bg.jpg) repeat scroll 0 0;
	border: 1px solid #c6ab74;
	color: #4a1e00;
	padding: 15px;
}

.inner-form-box h3 {
	background: none;
	color: #4a1e00;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 8px;
	width: auto;
	text-align: left;
	height: 33px;
	line-height: 33px;
	padding: 0;
	overflow: hidden;
}

.trenner {
	background: url(../../images/theme1/trenner-shadow.jpg) no-repeat;
	border-top: 1px solid #B28A45;
	height: 8px;
	margin: 0 auto;
	width: 380px;
}

/* Form items (register/login classic layout) */
.form-item {
	padding-top: 5px;
	margin-bottom: 10px;
}

.form-item label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}


.form-item input[type="text"]:focus,
.form-item input[type="email"]:focus,
.form-item input[type="password"]:focus {
	border: 1px solid #8D0404;
	color: #4A1E00;
}

.form-item select {
	background-color: #cdb78b;
	border: 1px solid #622400;
	color: #4a1e00;
	font-size: 13px;
	padding: 4px 6px;
	width: 100%;
	box-sizing: border-box;
}

/* #register, #login, #pwLost, #usernameLost, #redeemCode, #resetPw specific */
#register .content .content-bg-bottom,
#login .content .content-bg-bottom,
#pwLost .content .content-bg-bottom,
#usernameLost .content .content-bg-bottom,
#redeemCode .content .content-bg-bottom,
#resetPw .content .content-bg-bottom {
	padding: 0 7px 11px;
}

#login .inner-form-box input[type="text"],
#login .inner-form-box input[type="password"],
#pwLost .inner-form-box input[type="text"],
#pwLost .inner-form-box input[type="email"],
#usernameLost .inner-form-box input[type="email"],
#redeemCode .inner-form-box input[type="text"],
#resetPw .inner-form-box input[type="text"],
#resetPw .inner-form-box input[type="password"],
.inner-form-box input[type="text"],
.inner-form-box input[type="password"],
.inner-form-box input[type="email"] {
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	padding: 5px 10px;
	width: 100%;
	box-sizing: border-box;
}

#login .inner-form-box input[type="text"]:focus,
#login .inner-form-box input[type="password"]:focus,
#pwLost .inner-form-box input[type="text"]:focus,
#pwLost .inner-form-box input[type="email"]:focus,
#usernameLost .inner-form-box input[type="email"]:focus,
#redeemCode .inner-form-box input[type="text"]:focus,
#resetPw .inner-form-box input[type="text"]:focus,
#resetPw .inner-form-box input[type="password"]:focus,
.inner-form-box input[type="text"]:focus,
.inner-form-box input[type="password"]:focus,
.inner-form-box input[type="email"]:focus {
	border: 1px solid #8D0404;
	color: #4A1E00;
}

#resetPw .inner-form-box select,
.inner-form-box select {
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	padding: 5px 10px;
	width: 100%;
	box-sizing: border-box;
}

.inner-form-box textarea {
	background: #b08c60;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 8px 10px;
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
}

.inner-form-box textarea:focus {
	border: 1px solid #8D0404;
	color: #4A1E00;
}


.inner-form-box label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}

#login .inner-form-box>form>div,
#pwLost .inner-form-box>form>div,
#usernameLost .inner-form-box>form>div,
#redeemCode .inner-form-box>form>div,
#resetPw .inner-form-box>form>div,
.inner-form-box>form>div {
	margin-bottom: 15px;
	position: relative;
}

#pwlostForm,
#lostPasswordCodeForm,
#changepwForm,
#emailChangeForm,
#resendactivForm,
#loginForm,
#registerForm,
#usernameLostForm,
#redeemForm,
#resetPwForm,
#createTicketForm {
	margin: 15px auto;
	width: 290px;
}

#checkerror p {
	color: #4a1e00;
	font-size: 10px;
}

#regLegend {
	color: #8d0404;
	font-size: 10px;
	margin: 8px 0;
}

#subscribe {
	margin: 0 auto;
	width: 287px;
}

#subscribe h3 {
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
}

#subscribe p {
	font-size: 12px;
	margin: 15px 0;
	padding: 0;
}

.btn-big {
	background: url(../../images/theme1/btn-big.jpg) no-repeat;
	border: none;
	color: #dfbf8b !important;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px #000;
	width: 287px;
	margin: 0 auto 25px;
	letter-spacing: 0.01em;
}

.btn-big:hover {
	background-position: 0 -38px;
	color: #FFF;
	text-decoration: none;
}

.btn-big,
.btn-big:hover {
	transition: none !important;
	-webkit-transition: none !important;
}

/* ============================================================
   ====== DOWNLOAD PAGE ======
   ============================================================ */
#download .content .content-bg-bottom {
	padding: 0 11px 11px;
}

.download-inner-content {
	padding: 15px 20px;
	color: #4a1e00;
}

.download-inner-content h3 {
	color: #4a1e00;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px;
}

.download-button-1,
.download-button-2 {
	background: url(../../images/theme1/download-button-1.jpg) no-repeat;
	display: block;
	float: left;
	width: 188px;
	height: 91px;
	margin: 0 10px 10px 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.download-button-1:hover {
	background: url(../../images/theme1/download-button-1_h.jpg) no-repeat;
}

.download-button-2 {
	background: url(../../images/theme1/download-button-2.jpg) no-repeat;
}

.download-button-2:hover {
	background: url(../../images/theme1/download-button-2_h.jpg) no-repeat;
}

.clearfloat {
	clear: both;
}

#requirements {
	color: #8D0404;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 10px 0;
}

#requirements:hover {
	text-decoration: underline;
}

#required {
	margin: 10px 0;
}

#required table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	font-size: 11px;
	color: #4a1e00;
}

#required table caption {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0;
	color: #7b1300;
}

#required table td {
	padding: 3px 5px;
	border-bottom: 1px solid rgba(197, 161, 95, 0.3);
}

#required table .left_td {
	font-weight: bold;
	width: 100px;
}

#downloadText {
	color: #4a1e00;
	font-size: 11px;
	margin: 10px 0;
	line-height: 1.5;
}

.download-box-foot {
	height: 10px;
}

.btn-ticket {
	background: url(../../images/theme1/ticket-btn.png) no-repeat;
	border: none;
	color: #fef6aa;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	width: 23px;
}

.btn-ticket:hover {
	filter: brightness(1.3);
}

.btn-middle {
	background: url(../../images/theme1/btn-middle.jpg) no-repeat;
	border: none;
	color: #fef6aa;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	width: 135px;
	margin: 8px auto;
}

.btn-middle:hover {
	filter: brightness(1.1);
}

/* ============================================================
   ====== ADMINISTRATION / PROFILE PAGE ======
   ============================================================ */
.administration-inner-content {
	background: url(../../images/theme1/form-bg.jpg) repeat;
	border: 1px solid #aa8551;
	box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.45);
	box-sizing: border-box;
	color: #4a1e00;
	margin: 0 0 6px;
	padding: 8px;
	width: 100%;
}

.input-data-box {
	margin-bottom: 5px;
}

.input-data-box h4 {
	background: url(../../images/theme1/heading-3.jpg) no-repeat;
	color: #7b1300;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	padding: 7px 0 7px 33px;
	margin: 0 0 8px;
}

.administration-box {
	padding: 8px 15px;
}

.administration-box p {
	color: #4a1e00;
	font-size: 11px;
	line-height: 1.5;
	margin: 5px 0;
}

.admin-info-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	color: #4a1e00;
}

.admin-info-table td {
	padding: 5px 8px;
	border-bottom: 1px solid rgba(197, 161, 95, 0.3);
	vertical-align: middle;
}

.admin-info-table .left_td {
	font-weight: bold;
	width: 150px;
	color: #534236;
}

.admin-info-table .text-gold {
	color: #8D6400;
	font-weight: bold;
}

.admin-quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.admin-quick-actions .btn-middle {
	margin: 0;
}

.admin-char-table thead td {
	font-weight: bold;
	font-size: 11px;
	color: #7b1300;
	border-bottom: 2px solid rgba(197, 161, 95, 0.5);
}

.admin-char-table img {
	border: 1px solid #997C47;
	background: #CDB78B;
}

.box-foot {
	border-bottom: 1px solid rgba(197, 161, 95, 0.3);
	margin: 8px 0;
}

/* Payment Page */
.payment-cash-balance {
	text-align: center;
	padding: 15px;
	border: 1px solid rgba(197, 161, 95, 0.4);
	background: rgb(197 173 119 / 58%);
}

.payment-cash-amount {
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #4a1e00;
	line-height: 1.2;
}

.payment-cash-label {
	display: block;
	font-size: 11px;
	color: #4a1e00;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 3px;
}

.payment-method-row:hover {
	background: rgba(197, 161, 95, 0.1);
}

.payment-method-row td {
	padding: 10px 8px !important;
}

/* ============================================================
   ====== TICKET PAGES ======
   ============================================================ */
.ticket-table thead td {
	font-weight: bold;
	font-size: 11px;
	color: #7b1300;
	border-bottom: 2px solid rgba(197, 161, 95, 0.5);
}

.ticket-table .text-gold {
	color: #8D6400;
	font-weight: bold;
}

.ticket-code {
	background: rgba(197, 161, 95, 0.15);
	color: #7b1300;
	padding: 2px 6px;
	font-size: 11px;
	border: 1px solid rgba(197, 161, 95, 0.3);
	font-family: monospace;
}

.ticket-msg {
	border: rgb(197 161 95);
	margin-bottom: 10px;
	padding: 0;
	background: rgb(149 122 73);
}

.ticket-msg-header {
	background: rgb(197 161 95 / 66%);
	padding: 6px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgb(207 167 95);
}

.ticket-msg-author {
	font-weight: bold;
	font-size: 12px;
	color: #4a1e00;
}

.ticket-msg-time {
	font-size: 10px;
	color: #000000;
}

.badge-warning {
	background: #ebcd31;
}

.payment-method-row {
	background: #8d661e57;
}

.payment-method-row:hover {
	background: #8d661e73;
}

.badge-info {
	background: #209d25;
	color: white;
}

.badge-secondary {
	background: #9d2020;
	color: white;
}

.badge-success {
	background: #209d25;
	color: white;
}

.ticket-msg-body {
	padding: 10px 12px;
	font-size: 12px;
	color: #4a1e00;
	line-height: 1.6;
}

.ticket-msg-admin .ticket-msg-header {
	background: rgb(141 4 4 / 18%);
	border-bottom-color: rgb(141 4 4);
}

.ticket-msg-admin .ticket-msg-author {
	color: #8D0404;
}

.ticket-msg-admin {
	border-color: rgba(141, 4, 4, 0.2);
}

#ticketReplyForm textarea,
.administration-box textarea {
	background: #b08c60;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 8px 10px;
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
}

#ticketReplyForm textarea:focus,
.administration-box textarea:focus {
	border: 1px solid #8D0404;
	color: #4A1E00;
}

#ticketReplyForm label,
.administration-box label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}


#topwLost {
	background: url(../../images/theme1/button-bg-2.gif) no-repeat scroll 0 0 transparent;
	color: #DFBF8B;
	float: right;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding: 0 20px 0 0;
	text-align: center;
	text-decoration: none;
	width: 129px;
}

#topwLost:hover {
	text-decoration: underline;
}

/* Login/Admin button in form header (floated right) */
#toAdmin,
#toLogin {
	background: url(../../images/theme1/button-bg-2.gif) no-repeat scroll 0 0 transparent;
	color: #DFBF8B;
	float: right;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding: 0 20px 0 0;
	text-align: center;
	width: 129px;
}

#toLogin:hover,
#toAdmin:hover {
	text-decoration: underline;
}

/* Inner form box links */
.inner-form-box a {
	color: #8D0404;
	text-decoration: none;
}

.inner-form-box a:hover {
	text-decoration: underline;
}

#register .inner-form-box input[type="text"],
#register .inner-form-box input[type="email"],
#register .inner-form-box input[type="password"] {
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	padding: 5px 10px;
	width: 265px;
}

#register .inner-form-box input[type="text"]:focus,
#register .inner-form-box input[type="email"]:focus,
#register .inner-form-box input[type="password"]:focus {
	border: 1px solid #8D0404;
	color: #4A1E00;
}

#register .inner-form-box select {
	background-color: #b69569;
	border: 1px solid #622400;
	color: #534236;
	font-size: 13px;
	padding: 4px 6px;
	width: 265px;
}

#register.theme1-register-page .content-bg-bottom {
	padding: 0 11px 6px;
}

#register.theme1-register-page .theme1-register-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 14px;
}

#register.theme1-register-page .theme1-register-title-row span {
	min-width: 0;
}

#register.theme1-register-page .theme1-register-title-login {
	float: none;
	flex: 0 0 129px;
	margin: -2px 0 -2px 10px;
}

#register.theme1-register-page .theme1-register-border {
	box-sizing: border-box;
	margin: 0 0 6px;
	width: auto;
}

#register.theme1-register-page .theme1-register-box {
	padding: 6px 0 6px;
}

#register.theme1-register-page .theme1-register-form-center {
	margin: 0 auto;
	text-align: left;
	width: 287px;
}

#register.theme1-register-page #registerForm.theme1-register-form {
	display: block;
	margin: 0;
	text-align: left;
	width: 100%;
}

#register.theme1-register-page .theme1-register-field {
	margin-bottom: 14px;
	padding-top: 0;
	text-align: left;
}

#register.theme1-register-page .theme1-register-field label {
	color: #4a1e00;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px;
}

#register.theme1-register-page #registerForm.theme1-register-form input[type="text"],
#register.theme1-register-page #registerForm.theme1-register-form input[type="email"],
#register.theme1-register-page #registerForm.theme1-register-form input[type="password"],
#register.theme1-register-page #registerForm.theme1-register-form select {
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	box-sizing: border-box;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	padding: 5px 10px;
	width: 100%;
}

#register.theme1-register-page #registerForm.theme1-register-form select {
	background-color: #b69569;
	padding: 0 10px;
}

#register.theme1-register-page #registerForm.theme1-register-form input[type="text"]:focus,
#register.theme1-register-page #registerForm.theme1-register-form input[type="email"]:focus,
#register.theme1-register-page #registerForm.theme1-register-form input[type="password"]:focus,
#register.theme1-register-page #registerForm.theme1-register-form select:focus {
	border-color: #8d0404;
	color: #4a1e00;
	outline: none;
}

#register.theme1-register-page .theme1-register-hint {
	background: none;
	border: 0;
	color: #4a1e00;
	font-size: 11px;
	line-height: 1.35;
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
	width: auto;
}

#register.theme1-register-page .theme1-register-referrer,
#register.theme1-register-page .theme1-register-message {
	background: rgba(74, 27, 18, 0.12);
	border: 1px solid rgba(124, 90, 50, 0.7);
	box-sizing: border-box;
	color: #4a1e00;
	font-size: 11px;
	line-height: 1.35;
	margin: 0 0 14px;
	padding: 10px;
	text-align: left;
	width: 100%;
}

#register.theme1-register-page .theme1-register-terms {
	align-items: flex-start;
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	box-sizing: border-box;
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
	padding: 8px 10px;
	text-align: left;
	width: 100%;
}

#register.theme1-register-page .theme1-register-terms input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	background: #f2e2bf;
	border: 1px solid #8f6d3f;
	cursor: pointer;
	flex: 0 0 16px;
	height: 16px;
	margin: 1px 0 0;
	padding: 0;
	position: relative;
	width: 16px;
}

#register.theme1-register-page .theme1-register-terms input[type="checkbox"]:checked {
	background: #7b1300;
	border-color: #622400;
}

#register.theme1-register-page .theme1-register-terms input[type="checkbox"]:checked::after {
	border: solid #f8e8c8;
	border-width: 0 2px 2px 0;
	content: "";
	height: 8px;
	left: 4px;
	position: absolute;
	top: 1px;
	transform: rotate(45deg);
	width: 4px;
}

#register.theme1-register-page .theme1-register-terms label {
	color: #4a1e00;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.35;
	margin: 0;
}

#register.theme1-register-page .theme1-register-terms-link {
	color: #8d0404;
	font-weight: bold;
}

#register.theme1-register-page .theme1-register-recaptcha {
	margin: 0 auto 20px;
	overflow: hidden;
	width: 287px;
}

#register.theme1-register-page .theme1-register-recaptcha > div {
	margin: 0;
	transform: scale(0.944);
	transform-origin: left top;
	width: 304px;
}

#register.theme1-register-page .theme1-register-submit {
	margin: 0 auto 0;
}

#register.theme1-register-page .theme1-register-submit:disabled {
	cursor: default;
	opacity: 0.72;
}

/* Theme1 auth pages aligned with the cleaned register layout */
#login.theme1-auth-page .content-bg-bottom,
#pwLost.theme1-auth-page .content-bg-bottom,
#usernameLost.theme1-auth-page .content-bg-bottom {
	padding: 0 11px 6px;
}

#login.theme1-auth-page .theme1-auth-title-row,
#pwLost.theme1-auth-page .theme1-auth-title-row,
#usernameLost.theme1-auth-page .theme1-auth-title-row {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-right: 14px;
}

#login.theme1-auth-page .theme1-auth-title-row span,
#pwLost.theme1-auth-page .theme1-auth-title-row span,
#usernameLost.theme1-auth-page .theme1-auth-title-row span {
	min-width: 0;
}

#login.theme1-auth-page .theme1-auth-title-link,
#pwLost.theme1-auth-page .theme1-auth-title-link,
#usernameLost.theme1-auth-page .theme1-auth-title-link {
	background: url(../../images/theme1/button-bg-2.gif) no-repeat;
	color: #fef6aa;
	display: block;
	flex: 0 0 129px;
	font-size: 10px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	margin: -2px 0 -2px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px #1f0f02;
	width: 129px;
}

#login.theme1-auth-page .theme1-auth-title-link:hover,
#pwLost.theme1-auth-page .theme1-auth-title-link:hover,
#usernameLost.theme1-auth-page .theme1-auth-title-link:hover {
	filter: brightness(1.12);
	text-decoration: none;
}

#login.theme1-auth-page .theme1-auth-border,
#pwLost.theme1-auth-page .theme1-auth-border,
#usernameLost.theme1-auth-page .theme1-auth-border {
	box-sizing: border-box;
	margin: 0 0 6px;
	width: auto;
}

#login.theme1-auth-page .theme1-auth-box,
#pwLost.theme1-auth-page .theme1-auth-box,
#usernameLost.theme1-auth-page .theme1-auth-box {
	padding: 6px 0 6px;
}

#login.theme1-auth-page .theme1-auth-form-center,
#pwLost.theme1-auth-page .theme1-auth-form-center,
#usernameLost.theme1-auth-page .theme1-auth-form-center {
	margin: 0 auto;
	text-align: left;
	width: 287px;
}

#login.theme1-auth-page #loginForm.theme1-auth-form,
#pwLost.theme1-auth-page #pwlostForm.theme1-auth-form,
#usernameLost.theme1-auth-page #usernameLostForm.theme1-auth-form {
	display: block;
	margin: 0;
	text-align: left;
	width: 100%;
}

#login.theme1-auth-page .theme1-auth-field,
#pwLost.theme1-auth-page .theme1-auth-field,
#usernameLost.theme1-auth-page .theme1-auth-field {
	margin-bottom: 14px;
	padding-top: 0;
	text-align: left;
}

#login.theme1-auth-page .theme1-auth-field label,
#pwLost.theme1-auth-page .theme1-auth-field label,
#usernameLost.theme1-auth-page .theme1-auth-field label {
	color: #4a1e00;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px;
}

#login.theme1-auth-page #loginForm.theme1-auth-form input[type="text"],
#login.theme1-auth-page #loginForm.theme1-auth-form input[type="password"],
#pwLost.theme1-auth-page #pwlostForm.theme1-auth-form input[type="email"],
#usernameLost.theme1-auth-page #usernameLostForm.theme1-auth-form input[type="email"] {
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	box-sizing: border-box;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	padding: 5px 10px;
	width: 100%;
}

#login.theme1-auth-page #loginForm.theme1-auth-form input[type="text"]:focus,
#login.theme1-auth-page #loginForm.theme1-auth-form input[type="password"]:focus,
#pwLost.theme1-auth-page #pwlostForm.theme1-auth-form input[type="email"]:focus,
#usernameLost.theme1-auth-page #usernameLostForm.theme1-auth-form input[type="email"]:focus {
	border-color: #8d0404;
	color: #4a1e00;
	outline: none;
}

#login.theme1-auth-page .theme1-auth-recaptcha,
#pwLost.theme1-auth-page .theme1-auth-recaptcha,
#usernameLost.theme1-auth-page .theme1-auth-recaptcha {
	margin: 0 auto 20px;
	overflow: hidden;
	width: 287px;
}

#login.theme1-auth-page .theme1-auth-recaptcha > div,
#pwLost.theme1-auth-page .theme1-auth-recaptcha > div,
#usernameLost.theme1-auth-page .theme1-auth-recaptcha > div {
	margin: 0;
	transform: scale(0.944);
	transform-origin: left top;
	width: 304px;
}

#login.theme1-auth-page .theme1-auth-submit,
#pwLost.theme1-auth-page .theme1-auth-submit,
#usernameLost.theme1-auth-page .theme1-auth-submit {
	margin: 0 auto;
}

#login.theme1-auth-page .theme1-auth-submit:disabled,
#pwLost.theme1-auth-page .theme1-auth-submit:disabled,
#usernameLost.theme1-auth-page .theme1-auth-submit:disabled {
	cursor: default;
	opacity: 0.72;
}

#login.theme1-auth-page .theme1-auth-help-links {
	margin: 12px 0 0;
	text-align: center;
}

#login.theme1-auth-page .theme1-auth-help-links a {
	color: #7b1300;
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px;
	text-decoration: none;
}

#login.theme1-auth-page .theme1-auth-help-links a:hover {
	text-decoration: underline;
}

#login.theme1-auth-page .theme1-auth-secondary-panel {
	border-top: 1px solid rgba(122, 88, 42, 0.35);
	margin-top: 13px;
	padding-top: 12px;
	text-align: center;
	width: 287px;
}

#login.theme1-auth-page .theme1-auth-secondary-panel h3 {
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0;
	text-align: center;
}

#login.theme1-auth-page .theme1-auth-secondary-button {
	margin: 0 auto;
}

#pwLost.theme1-auth-page .theme1-auth-message,
#usernameLost.theme1-auth-page .theme1-auth-message {
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	box-sizing: border-box;
	color: #4a1e00;
	font-size: 12px;
	line-height: 1.4;
	padding: 14px 12px;
	text-align: center;
	width: 100%;
}

#pwLost.theme1-auth-page .theme1-auth-message p,
#usernameLost.theme1-auth-page .theme1-auth-message p {
	margin: 0 0 12px;
}

/* Theme1 download page polish */
#download.theme1-download-page .content .content-bg-bottom {
	padding: 0 7px 6px;
}

#download.theme1-download-page .download-inner-content.download-like-theme1 {
	background: url(../../images/theme1/form-bg.jpg) repeat;
	border: 1px solid #aa8551;
	box-sizing: border-box;
	color: #4a1e00;
	margin: 0 0 6px;
	padding: 8px;
}

#download.theme1-download-page .download-links-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(188px, 188px));
	justify-content: center;
	justify-items: center;
	margin: 0 auto 10px;
}

#download.theme1-download-page .download-like-theme1 .download-button-1,
#download.theme1-download-page .download-like-theme1 .download-button-2 {
	background: url(../../images/theme1/download-client.jpg) no-repeat;
	box-sizing: border-box;
	color: #e7c98f;
	cursor: pointer;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: bold;
	height: 63px;
	line-height: 63px;
	margin: 0;
	overflow: hidden;
	padding: 0 14px;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 0 #2e1a06;
	white-space: nowrap;
	width: 188px;
}

#download.theme1-download-page .download-like-theme1 .download-button-1:hover,
#download.theme1-download-page .download-like-theme1 .download-button-2:hover {
	filter: brightness(1.08);
	text-decoration: none;
}

#download.theme1-download-page .download-requirements-toggle {
	align-items: center;
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 1px 2px rgba(64, 36, 10, 0.2);
	color: #3f1f07;
	cursor: pointer;
	display: flex;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	justify-content: center;
	margin: 14px auto 12px;
	padding: 6px 12px;
	text-align: center;
	text-decoration: none;
	width: 250px;
}

#download.theme1-download-page .download-requirements-toggle:hover {
	color: #5f0f00;
	filter: brightness(1.03);
}

#download.theme1-download-page .download-requirements {
	gap: 12px;
	margin: 12px auto 0;
	max-width: 430px;
}

#download.theme1-download-page .download-requirements table {
	background: linear-gradient(180deg, rgba(250, 229, 208, 0.38) 0%, rgba(241, 214, 176, 0.28) 100%);
	border: 1px solid rgba(137, 96, 46, 0.45);
	border-collapse: separate;
	border-spacing: 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(64, 36, 10, 0.2);
	color: #4a1e00;
	font-size: 11px;
	margin: 0;
	width: 100%;
}

#download.theme1-download-page .download-requirements table caption {
	background: rgba(231, 200, 159, 0.32);
	border-bottom: 1px solid rgba(137, 96, 46, 0.35);
	color: #7b1300;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	padding: 10px 8px 9px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

#download.theme1-download-page .download-requirements table td {
	border-bottom: 1px solid rgba(197, 161, 95, 0.3);
	line-height: 1.35;
	padding: 7px 10px;
}

#download.theme1-download-page .download-requirements table .left_td {
	background: rgba(229, 197, 149, 0.18);
	border-right: 1px solid rgba(197, 161, 95, 0.35);
	font-weight: bold;
	height: auto;
	padding-left: 10px;
	white-space: nowrap;
	width: 115px;
}

#download.theme1-download-page .download-requirements table tbody tr:last-child td {
	border-bottom: 0;
}

#download.theme1-download-page .download-note {
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	color: #3f1f07;
	font-size: 11px;
	line-height: 1.45;
	margin: 14px auto 0;
	max-width: 430px;
	padding: 10px 12px;
	text-align: center;
}

/* Theme1 ranking pages */
#highscore.ranking-page-content .content-bg-bottom {
	padding: 0 7px 6px;
}

#highscore.ranking-page-content .ranking-title-row {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-right: 14px;
}

#highscore.ranking-page-content .ranking-title-row span:first-child {
	min-width: 0;
}

#highscore.ranking-page-content .ranking-title-links {
	align-items: center;
	display: inline-flex;
	gap: 6px;
	margin: -2px 0 -2px 10px;
}

#highscore.ranking-page-content .ranking-switch-btn {
	background: url(../../images/theme1/button-bg-rank.png) no-repeat;
	color: #dfbf8b;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 21px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px #1f0f02;
	width: 130px;
}

#highscore.ranking-page-content .ranking-switch-btn.active,
#highscore.ranking-page-content .ranking-switch-btn:hover {
	color: #fef6aa;
	filter: brightness(1.16);
	text-decoration: none;
}

#highscore.ranking-page-content .ranking-inner-content {
	margin: 0 0 6px;
	padding: 0;
}

#highscore.ranking-page-content .ranking-panel-clean {
	background: url(../../images/theme1/form-bg.jpg) repeat;
	border: 1px solid #aa8551;
	box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.45);
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
}

#highscore.ranking-page-content .ranking-table-shell {
	background: rgba(250, 229, 208, 0.24);
	border: 1px solid rgba(137, 96, 46, 0.42);
	box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.45);
	overflow: hidden;
	width: 100%;
}

#highscore.ranking-page-content .ranking-page-table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

#highscore.ranking-page-content .ranking-page-table td,
#highscore.ranking-page-content .ranking-page-table th {
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(130, 93, 44, 0.48);
	box-shadow: inset 0 -1px 0 rgba(255, 243, 213, 0.52);
	box-sizing: border-box;
	color: #4a1e00;
	font-size: 10px;
	line-height: 1.25;
	overflow: hidden;
	padding: 8px 6px;
	text-align: center;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}

#highscore.ranking-page-content .ranking-page-table td + td,
#highscore.ranking-page-content .ranking-page-table th + th {
	border-left: 1px solid rgba(130, 93, 44, 0.4);
	box-shadow: inset 1px 0 0 rgba(255, 243, 213, 0.34), inset 0 -1px 0 rgba(255, 243, 213, 0.52);
}

#highscore.ranking-page-content .ranking-page-table thead td,
#highscore.ranking-page-content .ranking-page-table thead th {
	background: rgba(231, 200, 159, 0.32);
	color: #7b1300;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 8px;
	padding-top: 8px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

#highscore.ranking-page-content .ranking-page-table tbody tr:last-child td {
	border-bottom: 0;
}

#highscore.ranking-page-content .ranking-page-table tbody tr:hover td {
	background: rgba(124, 68, 22, 0.08);
}

#highscore.ranking-page-content .ranking-cell-rank,
#highscore.ranking-page-content .ranking-cell-name {
	color: #7b1300;
	font-weight: bold;
}

#highscore.ranking-page-content .ranking-page-table .ranking-cell-name,
#highscore.ranking-page-content .ranking-page-table .ranking-cell-guild,
#highscore.ranking-page-content .ranking-page-table .ranking-cell-owner {
	padding-left: 8px;
	padding-right: 8px;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-rank,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-rank {
	width: 6%;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-name,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-name {
	width: 18%;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-level,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-level {
	width: 8%;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-exp,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-exp {
	width: 12%;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-class,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-class {
	width: 15%;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-playtime,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-playtime {
	width: 13%;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-guild,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-guild {
	width: 16%;
}

#highscore.ranking-page-content .ranking-players-table .ranking-col-kingdom,
#highscore.ranking-page-content .ranking-players-table .ranking-cell-kingdom {
	width: 12%;
}

#highscore.ranking-page-content .ranking-guilds-table .ranking-col-rank,
#highscore.ranking-page-content .ranking-guilds-table .ranking-cell-rank {
	width: 8%;
}

#highscore.ranking-page-content .ranking-guilds-table .ranking-col-name,
#highscore.ranking-page-content .ranking-guilds-table .ranking-cell-name,
#highscore.ranking-page-content .ranking-guilds-table .ranking-col-owner,
#highscore.ranking-page-content .ranking-guilds-table .ranking-cell-owner {
	width: 22%;
}

#highscore.ranking-page-content .ranking-guilds-table .ranking-col-level,
#highscore.ranking-page-content .ranking-guilds-table .ranking-cell-level {
	width: 12%;
}

#highscore.ranking-page-content .ranking-guilds-table .ranking-col-points,
#highscore.ranking-page-content .ranking-guilds-table .ranking-cell-points {
	width: 22%;
}

#highscore.ranking-page-content .ranking-guilds-table .ranking-col-kingdom,
#highscore.ranking-page-content .ranking-guilds-table .ranking-cell-kingdom {
	width: 14%;
}

#highscore.ranking-page-content .ranking-empire-icon {
	display: block;
	height: 13px;
	margin: 0 auto;
	width: 20px;
}

#highscore.ranking-page-content .ranking-empty-state {
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	color: #3f1f07;
	font-size: 11px;
	line-height: 1.45;
	margin: 0 auto;
	max-width: 390px;
	padding: 12px;
	text-align: center;
}

#highscore.ranking-page-content .ranking-empty-icon {
	color: #7b1300;
	font-size: 18px;
	margin-bottom: 7px;
}

#highscore.ranking-page-content .ranking-empty-text {
	color: #5a2a08;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

#highscore.ranking-page-content .ranking-pagination-wrap {
	margin-top: 10px;
}

#highscore.ranking-page-content .ranking-pagination-wrap .pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	margin: 0;
}

#highscore.ranking-page-content .ranking-pagination-wrap .pagination .page-item {
	background: none;
	border: 0;
	display: inline-flex;
	margin: 0;
	padding: 0;
}

#highscore.ranking-page-content .ranking-pagination-wrap .pagination .page-link {
	background: linear-gradient(180deg, rgba(248, 224, 176, 0.96) 0%, rgba(204, 160, 90, 0.95) 100%);
	border: 1px solid #c8a565;
	box-shadow: inset 0 1px 0 rgba(255, 249, 226, 0.75);
	color: #5a2b07;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	min-width: 30px;
	padding: 6px 8px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 242, 213, 0.45);
}

#highscore.ranking-page-content .ranking-pagination-wrap .pagination .page-link:hover {
	border-color: #d7b774;
	filter: brightness(1.06);
}

#highscore.ranking-page-content .ranking-pagination-wrap .pagination .page-item.active,
#highscore.ranking-page-content .ranking-pagination-wrap .pagination .page-item.active .page-link {
	background: none;
	border-color: transparent;
	color: inherit;
}

#highscore.ranking-page-content .ranking-pagination-wrap .pagination .page-item.active .page-link {
	background: linear-gradient(180deg, rgba(150, 96, 40, 0.98) 0%, rgba(110, 68, 32, 0.98) 100%);
	border-color: #6e4420;
	color: #fff6e2;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

/* Theme1 news pages */
#news.theme1-news-page .content-bg-bottom {
	padding: 0 11px 6px;
}

#news.theme1-news-page .theme1-news-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 14px;
}

#news.theme1-news-page .theme1-news-inner-content {
	margin: 0 0 6px;
	padding: 0;
}

#news.theme1-news-page .theme1-news-panel {
	background: url(../../images/theme1/form-bg.jpg) repeat;
	border: 1px solid #aa8551;
	box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.45);
	box-sizing: border-box;
	color: #4a1e00;
	padding: 8px;
	width: 100%;
}

#news.theme1-news-page .theme1-news-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#news.theme1-news-page .theme1-news-item {
	align-items: center;
	background: rgba(250, 229, 208, 0.32);
	border: 1px solid rgba(137, 96, 46, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
	box-sizing: border-box;
	color: #4a1e00;
	display: flex;
	gap: 10px;
	padding: 8px;
	text-decoration: none;
	width: 100%;
}

#news.theme1-news-page .theme1-news-item:hover {
	background: rgba(250, 229, 208, 0.46);
	border-color: rgba(123, 19, 0, 0.55);
	text-decoration: none;
}

#news.theme1-news-page .theme1-news-thumb {
	border: 1px solid rgba(98, 36, 0, 0.55);
	display: block;
	flex: 0 0 92px;
	height: 60px;
	overflow: hidden;
	width: 92px;
}

#news.theme1-news-page .theme1-news-thumb img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

#news.theme1-news-page .theme1-news-content {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
}

#news.theme1-news-page .theme1-news-meta {
	align-items: center;
	color: #6b3b12;
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 7px;
	line-height: 1.2;
	margin-bottom: 5px;
}

#news.theme1-news-page .theme1-news-category {
	background: rgba(123, 19, 0, 0.14);
	border: 1px solid rgba(123, 19, 0, 0.28);
	color: #7b1300;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	padding: 3px 6px;
}

#news.theme1-news-page .theme1-news-heading {
	color: #7b1300;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#news.theme1-news-page .theme1-news-empty {
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	color: #3f1f07;
	font-size: 12px;
	line-height: 1.45;
	margin: 0 auto;
	max-width: 390px;
	padding: 14px 12px;
	text-align: center;
}

#news.theme1-news-page .theme1-news-empty i {
	color: #7b1300;
	display: block;
	font-size: 18px;
	margin-bottom: 7px;
}

#news.theme1-news-page .theme1-news-empty p {
	color: #5a2a08;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}

#news.theme1-news-page .theme1-news-pagination-wrap {
	margin-top: 10px;
}

#news.theme1-news-page .theme1-news-pagination-wrap .pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	margin: 0;
}

#news.theme1-news-page .theme1-news-pagination-wrap .pagination .page-item {
	background: none;
	border: 0;
	display: inline-flex;
	margin: 0;
	padding: 0;
}

#news.theme1-news-page .theme1-news-pagination-wrap .pagination .page-link {
	background: linear-gradient(180deg, rgba(248, 224, 176, 0.96) 0%, rgba(204, 160, 90, 0.95) 100%);
	border: 1px solid #c8a565;
	box-shadow: inset 0 1px 0 rgba(255, 249, 226, 0.75);
	color: #5a2b07;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	min-width: 30px;
	padding: 6px 8px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 242, 213, 0.45);
}

#news.theme1-news-page .theme1-news-pagination-wrap .pagination .page-link:hover {
	border-color: #d7b774;
	filter: brightness(1.06);
}

#news.theme1-news-page .theme1-news-pagination-wrap .pagination .page-item.active,
#news.theme1-news-page .theme1-news-pagination-wrap .pagination .page-item.active .page-link {
	background: none;
	border-color: transparent;
	color: inherit;
}

#news.theme1-news-page .theme1-news-pagination-wrap .pagination .page-item.active .page-link {
	background: linear-gradient(180deg, rgba(150, 96, 40, 0.98) 0%, rgba(110, 68, 32, 0.98) 100%);
	border-color: #6e4420;
	color: #fff6e2;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

#news.theme1-news-page .theme1-news-article {
	color: #4a1e00;
	font-size: 12px;
	line-height: 1.55;
}

#news.theme1-news-page .theme1-news-article-header {
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	margin-bottom: 10px;
	padding: 10px 12px;
}

#news.theme1-news-page .theme1-news-article-header h3 {
	color: #7b1300;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 6px;
	padding: 0;
}

#news.theme1-news-page .theme1-news-article-header p {
	color: #6b3b12;
	font-size: 11px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	text-align: left;
}

#news.theme1-news-page .theme1-news-article-image {
	border: 1px solid rgba(98, 36, 0, 0.55);
	margin-bottom: 10px;
	overflow: hidden;
}

#news.theme1-news-page .theme1-news-article-image img {
	display: block;
	height: auto;
	width: 100%;
}

#news.theme1-news-page .theme1-news-article-content {
	background: rgba(250, 229, 208, 0.22);
	border: 1px solid rgba(137, 96, 46, 0.32);
	box-sizing: border-box;
	min-height: 80px;
	padding: 10px 12px;
}

#news.theme1-news-page .theme1-news-article-content p {
	color: #4a1e00;
	font-size: 12px;
	line-height: 1.55;
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
}

#news.theme1-news-page .theme1-news-article-content p:last-child {
	margin-bottom: 0;
}

#news.theme1-news-page .theme1-news-article-content a {
	color: #8d0404;
	font-weight: bold;
}

#news.theme1-news-page .theme1-news-article-footer {
	margin-top: 10px;
	text-align: center;
}

#news.theme1-news-page .theme1-news-back-button {
	margin: 0 auto;
}

/* Reusable compact theme1 panels for the remaining simple pages */
.theme1-auth-page .content-bg-bottom,
.theme1-simple-page .content-bg-bottom,
.content.content-last .content-bg-bottom {
	padding-bottom: 6px;
}

.content.content-last .content-bg-bottom > h2 {
	margin-top: 14px;
}

.theme1-auth-page .theme1-auth-title-row,
.theme1-simple-page .theme1-simple-title-row {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 0;
	padding-right: 14px;
}

.theme1-auth-page .theme1-auth-title-link,
.theme1-simple-page .theme1-simple-title-link {
	background: url(../../images/theme1/button-bg-2.gif) no-repeat;
	color: #fef6aa;
	display: block;
	flex: 0 0 129px;
	font-size: 10px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	margin: -2px 0 -2px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px #1f0f02;
	width: 129px;
}

.theme1-auth-page .theme1-auth-title-link:hover,
.theme1-simple-page .theme1-simple-title-link:hover {
	filter: brightness(1.12);
	text-decoration: none;
}

.theme1-auth-page .theme1-auth-border,
.theme1-simple-page .theme1-simple-panel {
	background: url(../../images/theme1/form-bg.jpg) repeat;
	border: 1px solid #aa8551;
	box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.45);
	box-sizing: border-box;
	color: #4a1e00;
	margin: 0 0 6px;
	padding: 6px 0;
	width: 100%;
}

.theme1-simple-page .theme1-simple-panel {
	padding: 8px;
}

.theme1-auth-page .theme1-auth-box {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
}

.theme1-auth-page .theme1-auth-form-center {
	margin: 0 auto;
	text-align: left;
	width: 287px;
}

.theme1-auth-page .theme1-auth-form {
	display: block;
	margin: 0;
	text-align: left;
	width: 100%;
}

.theme1-auth-page .theme1-auth-field {
	margin-bottom: 14px;
	padding-top: 0;
	text-align: left;
}

.theme1-auth-page .theme1-auth-field label {
	color: #4a1e00;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px;
}

.theme1-auth-page .theme1-auth-form input[type="text"],
.theme1-auth-page .theme1-auth-form input[type="email"],
.theme1-auth-page .theme1-auth-form input[type="password"],
.theme1-auth-page .theme1-auth-form select,
.theme1-auth-page .theme1-auth-form textarea {
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	box-sizing: border-box;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	min-height: 32px;
	padding: 5px 10px;
	width: 100%;
}

.theme1-auth-page .theme1-auth-form select {
	background-color: #b69569;
	padding: 0 10px;
}

.theme1-auth-page .theme1-auth-form textarea {
	background-color: #cdb78b;
	background-image: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.45;
	min-height: 94px;
	resize: vertical;
}

.theme1-auth-page .theme1-auth-form input:focus,
.theme1-auth-page .theme1-auth-form select:focus,
.theme1-auth-page .theme1-auth-form textarea:focus {
	border-color: #8d0404;
	color: #4a1e00;
	outline: none;
}

.theme1-auth-page .theme1-auth-recaptcha {
	margin: 0 auto 20px;
	overflow: hidden;
	width: 287px;
}

.theme1-auth-page .theme1-auth-recaptcha > div {
	margin: 0;
	transform: scale(0.944);
	transform-origin: left top;
	width: 304px;
}

.theme1-auth-page .theme1-auth-submit {
	margin: 0 auto;
}

.theme1-auth-page .theme1-auth-submit:disabled {
	cursor: default;
	opacity: 0.72;
}

.theme1-auth-page .theme1-auth-message,
.theme1-simple-page .theme1-simple-message {
	background: rgba(250, 229, 208, 0.35);
	border: 1px solid rgba(137, 96, 46, 0.45);
	box-sizing: border-box;
	color: #4a1e00;
	font-size: 12px;
	line-height: 1.45;
	padding: 14px 12px;
	text-align: center;
	width: 100%;
}

.theme1-auth-page .theme1-auth-message p,
.theme1-simple-page .theme1-simple-message p {
	color: #4a1e00;
	font-size: 12px;
	line-height: 1.45;
	margin: 0 0 12px;
	padding: 0;
	text-align: center;
}

.theme1-simple-page .theme1-simple-message i {
	display: block;
	font-size: 42px;
	margin-bottom: 14px;
}

.theme1-simple-page .theme1-simple-message h3 {
	color: #7b1300;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0;
	text-align: center;
}

.theme1-simple-page .theme1-simple-text h3,
.theme1-simple-page .theme1-simple-text h5 {
	color: #7b1300;
	font-size: 14px;
	font-weight: bold;
	margin: 13px 0 6px;
	padding: 0;
}

.theme1-simple-page .theme1-simple-text p {
	color: #4a1e00;
	font-size: 12px;
	line-height: 1.55;
	margin: 0 0 9px;
	padding: 0;
	text-align: left;
}

.theme1-simple-page .theme1-simple-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.theme1-simple-page .theme1-simple-row {
	align-items: center;
	background: rgba(250, 229, 208, 0.32);
	border: 1px solid rgba(137, 96, 46, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
	box-sizing: border-box;
	color: #4a1e00;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	padding: 8px;
	width: 100%;
}

.theme1-simple-page .theme1-simple-row strong {
	color: #7b1300;
}

.theme1-simple-page .theme1-simple-pagination-wrap {
	margin-top: 10px;
}

.theme1-simple-page .theme1-simple-muted {
	color: #6b3b12;
	display: block;
	font-size: 11px;
	line-height: 1.3;
	max-width: 160px;
	text-align: right;
}

.theme1-simple-page .theme1-simple-row .btn-middle {
	flex: 0 0 auto;
	margin: 0;
}

.theme1-simple-page .theme1-referral-link-box code {
	background: rgba(255, 241, 205, 0.48);
	border: 1px solid rgba(98, 36, 0, 0.45);
	box-sizing: border-box;
	color: #4a1e00;
	display: block;
	font-size: 11px;
	line-height: 1.45;
	margin: 8px 0 10px;
	padding: 8px;
	text-align: left;
	word-break: break-all;
}

.theme1-simple-page .theme1-referral-link-box .btn-middle {
	margin: 0 auto;
}

.theme1-simple-page .theme1-simple-table {
	border-collapse: collapse;
	color: #4a1e00;
	font-size: 11px;
	width: 100%;
}

.theme1-simple-page .theme1-simple-table thead td {
	background: rgba(123, 19, 0, 0.08);
	color: #7b1300;
	font-weight: bold;
}

.theme1-simple-page .theme1-simple-table td {
	border-bottom: 1px solid rgba(137, 96, 46, 0.28);
	padding: 7px 8px;
	vertical-align: middle;
}

.theme1-simple-page .theme1-simple-table tbody tr:last-child td {
	border-bottom: 0;
}

.theme1-simple-page .theme1-simple-table .btn-middle {
	margin: 0;
}

.theme1-simple-page .theme1-simple-pagination-wrap .pagination {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}

.theme1-home-panel {
	box-sizing: border-box;
	width: 100%;
}

.theme1-home-video-frame {
	aspect-ratio: 481 / 300;
	background: #1c0e05;
	border: 1px solid #622400;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.theme1-home-news-list {
	display: flex;
	flex-direction: column;
}

.theme1-home-news-item {
	border-bottom: 1px solid rgba(137, 96, 46, 0.35);
	box-sizing: border-box;
	padding: 7px 4px;
}

.theme1-home-news-item:last-child {
	border-bottom: 0;
}

.theme1-home-news-link {
	color: #6a3e00;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.theme1-home-news-link:hover {
	color: #8d0404;
	text-decoration: underline;
}

.theme1-home-news-category {
	background: rgba(197, 161, 95, 0.30);
	border: 1px solid rgba(137, 96, 46, 0.35);
	box-sizing: border-box;
	color: #8d0404;
	display: inline-block;
	font-size: 10px;
	line-height: 1.2;
	margin-left: 8px;
	padding: 1px 6px;
}

.theme1-home-news-date {
	color: #4a1e00;
	font-size: 10px;
	margin-top: 3px;
}



/* ============================================================
   ====== MODERN UI COMPONENTS (card, form, btn, table) ======
   All styled to match the Metin2 warm brown/gold palette.
   These classes are used by auth, user, ranking, news pages.
   ============================================================ */

/* ---- CARD (uses authentic Metin2 content panel images) ---- */
.card {
	background: url(../../images/theme1/content-box-bg.jpg) repeat-y;
	border: none;
	border-radius: 0;
	margin-bottom: 8px;
	overflow: hidden;
	width: 100%;
}

.card-header {
	background: url(../../images/theme1/content-box-top.jpg) no-repeat;
	border-bottom: none;
	padding: 0;
}

.card-header h4 {
	background: url(../../images/theme1/heading-3.jpg) no-repeat;
	color: #7b1300;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	margin: 11px 12px 0px;
	padding: 7px 0 7px 33px;
}

.text-muted {
	color: #000 !important;
	font-size: 0.55rem;
	margin-right: 19px;
	margin-left: -100px;
	margin-top: 10px;
	border-bottom: 1px solid #deccab;
	padding: 7.7px;
}

.card-header h4 i {
	margin-right: 6px;
	color: #7b1300;
}

.card-body {
	background: url(../../images/theme1/content-box-bottom.jpg) no-repeat 0 100%;
	padding: 8px 16px 20px;
	min-height: 50px;
}

/* ---- FORM ELEMENTS (Metin2 parchment style) ---- */
.form-group {
	margin-bottom: 10px;
}

.form-label {
	display: block;
	color: #4a1e00;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}

.form-control {
	display: block;
	width: 100%;
	padding: 4px 6px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4a1e00;
	background-color: #cdb78b;
	border: 1px solid #997c47;
	border-radius: 0;
	outline: none;
	transition: border-color 0.2s;
	box-sizing: border-box;
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
}

.form-control:focus {
	border-color: #7b1300;
	box-shadow: 0 0 0 1px rgba(123, 19, 0, 0.3);
}

.form-control::placeholder {
	color: rgba(74, 30, 0, 0.4);
}

select.form-control {
	cursor: pointer;
	background-color: #cdb78b;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%234a1e00'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
	padding-right: 28px;
}

select.form-control option {
	background: #cdb78b;
	color: #4a1e00;
}

textarea.form-control {
	resize: vertical;
	min-height: 80px;
}

/* Checkbox override */
.form-group input[type="checkbox"] {
	accent-color: #8d0404;
	width: 14px;
	height: 14px;
}

/* ---- BUTTONS ---- */
.col-2 .btn,
.card .btn,
.modal .btn {
	display: inline-block;
	padding: 8px 18px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	border: 1px solid #5c3a1e;
	cursor: pointer;
	transition: all 0.2s;
	border-radius: 0;
	line-height: 1.4;
	background: none;
	float: none;
	margin: 0;
}

.btn-primary {
	background: linear-gradient(180deg, #6b2200 0%, #4a1200 100%);
	color: #fef6aa !important;
	border-color: #8d3400;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-primary:hover {
	background: linear-gradient(180deg, #8d3400 0%, #6b2200 100%);
	text-decoration: none;
}

.btn-primary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-secondary {
	background: linear-gradient(180deg, rgba(92, 58, 30, 0.8) 0%, rgba(60, 35, 15, 0.9) 100%);
	color: #dfbf8b !important;
	border-color: #5c3a1e;
}

.btn-secondary:hover {
	background: linear-gradient(180deg, rgba(110, 70, 35, 0.9) 0%, rgba(80, 50, 25, 0.95) 100%);
	color: #fef6aa !important;
	text-decoration: none;
}

.btn-secondary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-block {
	display: block;
	width: 100%;
}

.article-footer.mt-4 {
	display: flex;
	justify-content: center;
}

::selection {
	background: #8d040496;
}

.btn-primary,
.btn-secondary,
.col-2 .btn-primary.btn-block,
.card .btn-primary.btn-block,
.modal .btn-primary.btn-block,
.btn-primary.btn-block {
	background: transparent url(../../images/theme1/btn-big.jpg) no-repeat scroll 0 0 !important;
	border: none !important;
	color: #fef6aa !important;
	font-size: 14px;
	font-weight: bold;
	height: 38px;
	line-height: 40px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	width: 287px;
	margin: 8px auto;
	padding: 0;
	display: block;
}

.col-2 .btn-primary.btn-block:hover,
.card .btn-primary.btn-block:hover,
.modal .btn-primary.btn-block:hover,
.btn-primary.btn-block:hover {
	filter: brightness(1.15);
}

.btn-sm {
	padding: 4px 10px;
	font-size: 10px;
}

.btn i {
	margin-right: 4px;
}

.buy-cursor {
	margin: 0 4px;
}

/* ---- SHADOW DECORATOR (after card) ---- */
.shadow {
	background: url(../../images/theme1/shadow-2.png) no-repeat;
	height: 5px;
	overflow: hidden;
	width: 507px;
}

/* ---- TABLES ---- */
.card .table,
.col-2 .table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
}

.card .table th,
.col-2 .table th {
	background: rgba(74, 30, 0, 0.15);
	color: #7b1300;
	font-weight: bold;
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid #997c47;
	font-size: 11px;
}

.card .table td,
.col-2 .table td {
	padding: 5px 10px;
	color: #4a1e00;
	border-bottom: 1px solid rgba(153, 124, 71, 0.3);
	font-size: 11px;
}

.card .table tr:hover td,
.col-2 .table tr:hover td {
	background: rgba(74, 30, 0, 0.08);
}

.card .table strong,
.col-2 .table strong {
	color: #8d0404;
}

/* ---- ALERTS (parchment compatible) ---- */
.alert {
	padding: 8px 12px;
	margin: 0 auto 10px;
	width: 265px;
	color: #d3bb7f;
	font-size: 11px;
	background: #290909;
	border: #622400 solid 1px;
	line-height: 1.5;
}

.alert i {
	margin-right: 6px;
}

.alert-info {
	background: rgba(60, 100, 140, 0.15);
	border-color: rgba(60, 120, 180, 0.4);
	color: #2a5a8a;
}

.alert-danger {
	background: rgba(141, 4, 4, 0.1);
	border-color: rgba(141, 4, 4, 0.4);
	color: #8d0404;
}

.alert-success {
	background: rgba(40, 120, 50, 0.1);
	border-color: rgba(40, 140, 60, 0.3);
	color: #1a6a1a;
}

.alert-warning {
	background: rgba(140, 110, 20, 0.1);
	border-color: rgba(180, 140, 20, 0.3);
	color: #6a5a10;
}

/* ---- GRID SYSTEM ---- */
.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -6px;
	margin-right: -6px;
}

.col-md-6 {
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 6px;
	padding-right: 6px;
	box-sizing: border-box;
}

.grid-2-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

/* ---- CHARACTERS GRID ---- */
.characters-grid {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.player-card {
	display: flex;
	align-items: center;
	padding: 6px 8px;
	background: rgba(74, 30, 0, 0.08);
	border: 1px solid rgba(153, 124, 71, 0.4);
	transition: background 0.2s;
}

.player-card:hover {
	background: rgba(74, 30, 0, 0.15);
}

.player-avatar {
	width: 36px;
	height: 36px;
	border: 1px solid #997c47;
	margin-right: 10px;
	flex-shrink: 0;
}

.player-info {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.player-name {
	color: #7b1300;
	font-weight: bold;
	font-size: 12px;
}

.player-class {
	color: #4a1e00;
	font-size: 10px;
}

.player-level {
	color: #8d0404;
	font-weight: bold;
	font-size: 13px;
	margin-left: auto;
	padding-left: 8px;
}

/* ---- PAGINATION ---- */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3px;
	margin-top: 10px;
	padding: 0;
	list-style: none;
}

.pagination a,
.pagination span,
.pagination button {
	display: inline-block;
	padding: 3px 8px;
	font-size: 11px;
	font-weight: bold;
	color: #4a1e00;
	background: rgba(74, 30, 0, 0.08);
	border: 1px solid #997c47;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s;
}

.pagination a:hover,
.pagination button:hover {
	background: rgba(74, 30, 0, 0.2);
	color: #7b1300;
}

.pagination .active,
.pagination .active a {
	background: rgba(141, 4, 4, 0.2);
	color: #8d0404;
	border-color: #8d0404;
}

.pagination .disabled,
.pagination .disabled a {
	opacity: 0.4;
	cursor: not-allowed;
}

/* ---- MODAL OVERRIDES ---- */
.modal .form-control {
	background: rgba(26, 14, 8, 0.9);
	border: 1px solid #5c3a1e;
	color: #e8d5b0;
}

.modal .form-label {
	color: #c5a15f;
}

.modal-timer-badge {
	display: inline-block;
	padding: 4px 14px;
	font-size: 13px;
	font-weight: bold;
	color: #fef6aa;
	background: rgba(74, 30, 0, 0.6);
	border: 1px solid #5c3a1e;
}

.modal-timer-badge.warning {
	color: #f0c040;
	border-color: #c5a020;
}

.modal-timer-badge.danger {
	color: #e85a4a;
	border-color: #8d1404;
	animation: pulse-badge 1s infinite;
}

@keyframes pulse-badge {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.6;
	}
}

/* ---- LINKS ---- */
.text-link {
	color: #8d0404;
	text-decoration: none;
	transition: color 0.2s;
}

.text-link:hover {
	color: #7b1300;
	text-decoration: underline;
}

.login-links {
	text-align: center;
	margin-top: 10px;
}

/* ---- LOADING SPINNER ---- */
.loading-spinner-container {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
}

.loading-spinner {
	border: 3px solid rgba(92, 58, 30, 0.3);
	border-top-color: #c5a15f;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	animation: spin 0.8s linear infinite;
}

.loading-spinner.lg {
	width: 40px;
	height: 40px;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* ---- UTILITY CLASSES ---- */
.text-center {
	text-align: center;
}

.text-muted {
	color: #7a6a4a;
}

.text-gold {
	color: #8d0404;
	font-weight: bold;
}

.mb-3 {
	margin-bottom: 12px;
}

.mb-4 {
	margin-bottom: 16px;
}

/* ---- RANKING TABLE (full page) ---- */
.ranking-filters {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.ranking-filters .form-control {
	width: auto;
	min-width: 120px;
}

.ranking-search {
	flex: 1;
	min-width: 150px;
}

/* ---- TICKET SYSTEM ---- */
.ticket-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ticket-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px;
	background: rgba(74, 30, 0, 0.15);
	border: 1px solid rgba(92, 58, 30, 0.3);
	transition: background 0.2s;
}

.ticket-row:hover {
	background: rgba(74, 30, 0, 0.3);
}

.ticket-status {
	display: inline-block;
	padding: 2px 8px;
	font-size: 10px;
	font-weight: bold;
	border-radius: 0;
}

.ticket-status.open {
	background: rgba(40, 140, 60, 0.3);
	color: #8bc88a;
	border: 1px solid rgba(40, 140, 60, 0.5);
}

.ticket-status.closed {
	background: rgba(90, 20, 10, 0.3);
	color: #e88a7a;
	border: 1px solid rgba(141, 4, 4, 0.5);
}

.ticket-status.answered {
	background: rgba(30, 60, 90, 0.3);
	color: #8bb8d8;
	border: 1px solid rgba(60, 120, 180, 0.4);
}

/* Ticket Messages (detail page) */
.ticket-messages {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ticket-message {
	padding: 10px 12px;
	border: 1px solid rgba(92, 58, 30, 0.3);
}

.ticket-message.admin {
	background: rgba(141, 4, 4, 0.1);
	border-left: 3px solid #8d0404;
}

.ticket-message.user {
	background: rgba(74, 30, 0, 0.15);
	border-left: 3px solid #c5a15f;
}

.ticket-message-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 6px;
	font-size: 10px;
	color: #7a6a4a;
}

.ticket-message-body {
	font-size: 11px;
	color: #c5a15f;
	line-height: 1.5;
}

/* ---- PAYMENT ---- */
.payment-methods {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 8px;
}

.payment-method-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 8px;
	background: rgba(74, 30, 0, 0.2);
	border: 1px solid rgba(92, 58, 30, 0.4);
	cursor: pointer;
	transition: all 0.2s;
}

.payment-method-card:hover,
.payment-method-card.selected {
	background: rgba(141, 4, 4, 0.2);
	border-color: #8d0404;
}

.payment-method-card img {
	max-width: 80px;
	max-height: 40px;
	margin: 0 auto;
}

/* ---- DOWNLOAD PAGE ---- */
.download-box {
	text-align: center;
	padding: 20px;
}

.download-box .btn {
	margin: 8px auto;
	font-size: 16px;
	padding: 12px 30px;
}

.download-info {
	margin-top: 12px;
}

.download-info table {
	margin: 0 auto;
}

/* ---- NEWS LIST ---- */
.news-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.news-item {
	padding: 10px;
	background: rgba(74, 30, 0, 0.15);
	border: 1px solid rgba(92, 58, 30, 0.3);
	transition: background 0.2s;
}

.news-item:hover {
	background: rgba(74, 30, 0, 0.3);
}

.news-item h3 {
	margin: 0 0 4px;
}

.news-item h3 a {
	color: #fef6aa;
	text-decoration: none;
	font-size: 13px;
}

.news-item h3 a:hover {
	text-decoration: underline;
}

.news-meta {
	font-size: 10px;
	color: #7a6a4a;
}

.news-meta i {
	margin-right: 4px;
}

.news-excerpt {
	margin-top: 6px;
	font-size: 11px;
	color: #c5a15f;
	line-height: 1.5;
}

/* ---- VOTE ---- */
.vote-sites {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vote-site-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background: rgba(74, 30, 0, 0.15);
	border: 1px solid rgba(92, 58, 30, 0.3);
}

.vote-site-card .vote-info {
	display: flex;
	flex-direction: column;
}

.vote-site-card .vote-name {
	color: #fef6aa;
	font-weight: bold;
	font-size: 12px;
}

.vote-site-card .vote-reward {
	font-size: 10px;
	color: #c5a15f;
}

/* ---- REFERRALS ---- */
.referral-link-box {
	background: rgba(26, 14, 8, 0.9);
	border: 1px solid #5c3a1e;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.referral-link-box input {
	flex: 1;
	background: none;
	border: none;
	color: #fef6aa;
	font-size: 11px;
	outline: none;
}

.referral-link-box button {
	padding: 6px 12px;
	font-size: 10px;
}

/* ---- RECAPTCHA ---- */
.recaptcha-wrapper {
	display: flex;
	justify-content: center;
	margin: 10px 0;
}

/* ---- 404 / ERROR PAGE ---- */
.error-page {
	text-align: center;
	padding: 30px 20px;
}

.error-page h1 {
	color: #8d0404;
	font-size: 48px;
	margin-bottom: 10px;
}

.error-page p {
	color: #c5a15f;
	font-size: 13px;
}

/* ---- SCROLLBAR (webkit) ---- */
.col-2 ::-webkit-scrollbar {
	width: 6px;
}

.col-2 ::-webkit-scrollbar-track {
	background: rgba(26, 14, 8, 0.5);
}

.col-2 ::-webkit-scrollbar-thumb {
	background: #5c3a1e;
}

.col-2 ::-webkit-scrollbar-thumb:hover {
	background: #7a5a3e;
}

/* ---- BADGE (generic) ---- */
.badge {
	display: inline-block;
	padding: 2px 8px;
	font-size: 10px;
	font-weight: bold;
}

.badge-gold {
	background: rgba(197, 161, 95, 0.3);
	color: #fef6aa;
	border: 1px solid #997c47;
}

.badge-red {
	background: rgba(141, 4, 4, 0.3);
	color: #e88a7a;
	border: 1px solid rgba(141, 4, 4, 0.5);
}

.badge-green {
	background: rgba(40, 140, 60, 0.3);
	color: #8bc88a;
	border: 1px solid rgba(40, 140, 60, 0.5);
}

/* ---- FORM-ITEM (legacy) ---- */
.form-item {
	padding-top: 5px;
}

/* ---- SCREENSHOTS (legacy) ---- */
.screenshots {
	margin: 5px 0 0;
	overflow: hidden;
	padding: 0 0 17px;
	width: 100%;
}

.screenshots li {
	display: inline;
	float: left;
	height: 79px;
	list-style: none;
	padding: 4px 0 0 4px;
	margin: 0 6px;
	width: 104px;
}


/* ============================================================
   ====== EVENT CALENDAR (Theme1 - Metin2) ======
   ============================================================ */
.event-calendar-wrap {
	padding: 6px 12px 17px;
}

.event-calendar {
	position: relative;
}

.ec-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
	padding: 4px 2px 6px;
	border-bottom: 1px solid rgba(197, 161, 95, 0.35);
}

.ec-month-title {
	font-size: 11px;
	font-weight: bold;
	color: #573800;
	letter-spacing: 0.5px;
	text-transform: capitalize;
}

.ec-nav-btn {
	background: rgb(0 0 0 / 46%);
	border: 1px solid rgb(255 255 255 / 28%);
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 8px;
	transition: all 0.2s ease;
}

.ec-nav-btn:hover {
	background: rgb(0 0 0 / 62%);
	color: #c5a15f;
	border: 1px solid rgb(255 255 255 / 28%);
}

.ec-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 1px;
}

.ec-day-names {
	margin-bottom: 3px;
}

.ec-day-name {
	text-align: center;
	font-size: 8px;
	font-weight: bold;
	color: #573800;
	text-transform: uppercase;
	padding: 2px 0;
	letter-spacing: -0.3px;
	overflow: hidden;
}

.ec-cell {
	position: relative;
	text-align: center;
	padding: 2px 1px;
	cursor: default;
	transition: all 0.15s ease;
	min-height: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1px;
	background: rgba(197, 161, 95, 0.05);
	border-radius: 2px;
}

.ec-pad {
	background: transparent;
}

.ec-pad .ec-day-num {
	display: none;
}

.ec-day-num {
	font-size: 10px;
	color: #7b5a3a;
	font-weight: 500;
	line-height: 1;
}

.ec-past .ec-day-num {
	color: #7b5a3a;
}

.ec-today {
	background: rgb(83 64 5 / 38%) !important;
	border: 1px solid rgba(212, 175, 55, 0.7);
	border-radius: 3px;
	box-shadow: 0 0 6px rgba(212, 175, 55, 0.2);
}

.ec-today .ec-day-num {
	color: #fef6aa;
	font-weight: bold;
	text-shadow: 0 0 4px rgba(212, 175, 55, 0.5);
}

.ec-has-event {
	background: rgb(0 0 0 / 41%);
	cursor: pointer;
	border-radius: 3px;
	animation: ecGlowMetin 2.5s ease-in-out infinite;
}

.ec-has-event .ec-day-num {
	color: #ffffff;
	font-weight: bold;
}

.ec-has-event:hover {
	background: rgba(141, 4, 4, 0.3);
	transform: scale(1.1);
	box-shadow: 0 0 8px rgba(141, 4, 4, 0.3);
}

.ec-dots {
	display: flex;
	gap: 2px;
	justify-content: center;
}

.ec-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 0 3px rgb(0 0 0);
}

@keyframes ecGlowMetin {

	0%,
	100% {
		box-shadow: none;
	}

	50% {
		box-shadow: 0 0 4px rgba(141, 4, 4, 0.15), inset 0 0 2px rgba(141, 4, 4, 0.08);
	}
}

.ec-tooltip {
	background: linear-gradient(145deg, rgba(42, 28, 12, 0.97), rgba(30, 18, 6, 0.98));
	border: 1px solid rgba(197, 161, 95, 0.4);
	padding: 8px 10px;
	min-width: 150px;
	max-width: 220px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
	pointer-events: none;
	z-index: 99999;
}

.ec-tooltip-arrow-top {
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(42, 28, 12, 0.97);
}

.ec-tooltip-hr {
	border: none;
	border-top: 1px solid rgba(197, 161, 95, 0.2);
	margin: 5px 0;
}

.ec-tooltip-item {
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.ec-tooltip-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	flex-shrink: 0;
	margin-top: 3px;
	background: #8D0404;
	box-shadow: 0 0 3px rgba(141, 4, 4, 0.5);
}

.ec-tooltip-content {
	flex: 1;
	min-width: 0;
}

.ec-tooltip-content strong {
	display: block;
	font-size: 11px;
	color: #fef6aa;
	font-weight: bold;
	line-height: 1.2;
}

.ec-tooltip-time {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 10px;
	color: #c5a15f;
	margin-top: 2px;
}

.ec-tooltip-time i {
	font-size: 9px;
	color: #997c47;
}

/* ============================================================
   MODAL SYSTEM — THEME1 OVERRIDES
   Classic Metin2 parchment/medieval styling
   ============================================================ */
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(3px);
}

.modal-overlay.active {
	display: flex;
}

.modal-box {
	background: url(../../images/theme1/form-bg.jpg) repeat;
	border: 2px solid #aa8551;
	box-shadow:
		0 0 0 1px #622400,
		0 0 0 3px rgba(170, 133, 81, 0.3),
		0 15px 50px rgba(0, 0, 0, 0.7);
	max-width: 420px;
	width: 92%;
	animation: t1ModalOpen 0.25s ease-out;
	border-radius: 0;
}

@keyframes t1ModalOpen {
	from {
		opacity: 0;
		transform: scale(0.92) translateY(-10px);
	}

	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	background: linear-gradient(180deg, #5a2800 0%, #3d1a00 100%);
	border-bottom: 2px solid #aa8551;
	box-shadow: inset 0 1px 0 rgba(254, 246, 170, 0.15), 0 2px 6px rgba(0, 0, 0, 0.3);
	border-radius: 0;
}

.modal-header h5 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fef6aa;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	letter-spacing: 0.03em;
}

.modal-close {
	background: none;
	border: 1px solid rgba(170, 133, 81, 0.4);
	color: #c5a15f;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.2s ease;
	line-height: 1;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
}

.modal-close:hover {
	color: #fef6aa;
	background: rgba(141, 4, 4, 0.4);
	border-color: #8d0404;
}

.modal-body {
	padding: 15px 20px;
	color: #4a1e00;
	background: transparent;
}

.modal-body p {
	color: #4a1e00;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 8px;
}

/* Modal Form Elements */
.modal-body label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}

.modal-body input[type="text"],
.modal-body input[type="password"],
.modal-body input[type="email"],
.modal-body textarea {
	background: url(../../images/theme1/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	padding: 5px 10px;
	width: 100%;
	box-sizing: border-box;
}

.modal-body input[type="text"]:focus,
.modal-body input[type="password"]:focus,
.modal-body input[type="email"]:focus,
.modal-body textarea:focus {
	border: 1px solid #8D0404;
	color: #4A1E00;
	outline: none;
}

.modal-body textarea {
	height: auto;
	min-height: 60px;
	resize: vertical;
}

.modal-body small {
	color: #7b5a3a;
	font-size: 10px;
}

/* Modal Form Groups */
.modal-body .form-group,
.modal-body>form>div {
	margin-bottom: 12px;
	position: relative;
}

/* Modal Buttons — uses theme1 .btn-big style */
.modal-body .btn-big {
	margin: 10px auto 5px;
}

.modal-body .btn-middle {
	margin: 5px auto;
}

/* Generic modal buttons (btn btn-primary etc.) */
.modal-body .btn {
	display: block;
	width: 100%;
	border: none;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	margin-top: 8px;
}

.modal-body .btn-primary,
.modal-body .btn-block {
	background: linear-gradient(180deg, #6a2d00 0%, #4a1e00 100%);
	color: #fef6aa;
	border: 1px solid #aa8551;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.modal-body .btn-primary:hover {
	background: linear-gradient(180deg, #7b3300 0%, #5a2800 100%);
	color: #fff;
}

.modal-body .btn-primary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.modal-body .btn-secondary {
	background: linear-gradient(180deg, #9c7a4a 0%, #7b5a3a 100%);
	color: #fef6aa;
	border: 1px solid #aa8551;
}

.modal-body .btn-secondary:hover {
	background: linear-gradient(180deg, #aa8551 0%, #9c7a4a 100%);
	color: #fff;
}

.modal-body .btn-secondary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Timer Badge — Metin2 Style */
.modal-timer-badge {
	display: inline-block;
	font-size: 13px;
	padding: 5px 14px;
	background: linear-gradient(135deg, #2d6b3e, #1e5a2d);
	color: #d4f5d9;
	border: 1px solid #3a8a4e;
	font-weight: bold;
	border-radius: 0;
}

.modal-timer-badge i {
	margin-right: 4px;
}

.modal-timer-badge.warning {
	background: linear-gradient(135deg, #8a6b1e, #6b5010);
	color: #fef6aa;
	border-color: #aa8a2e;
}

.modal-timer-badge.danger {
	background: linear-gradient(135deg, #8d0404, #5a0000);
	color: #ffd0d0;
	border-color: #aa3333;
	animation: t1TimerPulse 1s infinite;
}

@keyframes t1TimerPulse {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}
}

/* Modal text helpers */
.modal-body .text-center {
	text-align: center;
}

/* Modal confirm dialog buttons (TicketDetailPage etc.) */
.modal-body .t1-modal-actions {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 10px;
}

/* Modal cancel link */
.modal-body a {
	color: #8d0404;
	font-size: 11px;
	text-decoration: none;
}

.modal-body a:hover {
	color: #b30000;
	text-decoration: underline;
}

/* iframe inside modal (PaymentPage) */
.modal-body iframe {
	width: 100%;
	border: 1px solid #aa8551;
}

/* Badge styles for ticket status */
.modal-body .badge {
	display: inline-block;
	padding: 2px 8px;
	font-size: 10px;
	font-weight: bold;
	border-radius: 0;
}

.modal-body .badge-success {
	background: #2d6b3e;
	color: #d4f5d9;
}

.modal-body .badge-warning {
	background: #8a6b1e;
	color: #fef6aa;
}

.modal-body .badge-info {
	background: #3a5a8a;
	color: #d0e0ff;
}

.modal-body .badge-secondary {
	background: #555;
	color: #ddd;
}

/* ============================================================
   CAROUSEL (Theme1)
   ============================================================ */
.t1-carousel-container {
	position: relative;
	width: 496px;
	overflow: hidden;
}

.t1-carousel-wrapper {
	position: relative;
	width: 100%;
}

.t1-carousel-slides {
	position: relative;
	width: 100%;
	height: 220px;
}

.t1-carousel-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
	z-index: 1;
}

.t1-carousel-slide.active {
	opacity: 1;
	z-index: 2;
}

.t1-carousel-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.t1-carousel-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Caption */
.t1-carousel-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 18px 14px;
	background: linear-gradient(transparent, rgba(30, 10, 0, 0.85));
}

.t1-carousel-caption h4 {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fef6aa;
	margin: 0 0 3px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
}

.t1-carousel-caption p {
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #e0c88a;
	line-height: 1.4;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
}

/* Navigation arrows */
.t1-carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background: rgba(74, 30, 0, 0.7);
	border: 1px solid #aa8551;
	color: #fef6aa;
	width: 28px;
	height: 28px;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	transition: all 0.3s ease;
	padding: 0;
}

.t1-carousel-nav:hover {
	background: rgba(141, 4, 4, 0.8);
	border-color: #C5A15F;
	color: #fff;
}

.t1-carousel-prev {
	left: 6px;
}

.t1-carousel-next {
	right: 6px;
}

/* Dots */
.t1-carousel-dots {
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	gap: 6px;
}

.t1-carousel-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(197, 161, 95, 0.35);
	border: 1px solid #aa8551;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
}

.t1-carousel-dot:hover,
.t1-carousel-dot.active {
	background: #C5A15F;
	border-color: #fef6aa;
	box-shadow: 0 0 6px rgba(197, 161, 95, 0.6);
}

/* Theme1 user dashboard */
.theme1-user-page .content-bg-bottom {
	padding: 0 7px 6px;
}

.theme1-user-page .theme1-user-title-row {
	box-sizing: border-box;
	width: 100%;
}

.theme1-user-page .theme1-user-panel {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 0;
	padding: 8px;
}

.theme1-user-page .theme1-user-section {
	margin: 0;
}

.theme1-user-page .theme1-user-section h4 {
	background-repeat: repeat-x;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}

.theme1-user-page .theme1-user-section-body {
	background: rgba(245, 220, 173, 0.18);
	border: 1px solid rgba(145, 101, 48, 0.42);
	border-top: 0;
	box-shadow: inset 0 -1px 0 rgba(255, 244, 214, 0.38);
	box-sizing: border-box;
	padding: 9px 12px;
	width: 100%;
}

.theme1-user-page .theme1-user-loading {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 90px;
}

.theme1-user-page .admin-quick-actions {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, 135px);
	justify-content: center;
}

.theme1-user-page .admin-quick-actions .btn-middle {
	margin: 0;
}

.theme1-user-page .theme1-user-info-table,
.theme1-user-page .theme1-user-actions-table,
.theme1-user-page .theme1-user-char-table {
	table-layout: fixed;
}

.theme1-user-page .theme1-user-info-table td,
.theme1-user-page .theme1-user-actions-table td,
.theme1-user-page .theme1-user-char-table td {
	border-bottom-color: rgba(145, 101, 48, 0.38);
	padding: 8px 10px;
}

.theme1-user-page .theme1-user-info-table tr:last-child td,
.theme1-user-page .theme1-user-actions-table tr:last-child td,
.theme1-user-page .theme1-user-char-table tbody tr:last-child td {
	border-bottom: 0;
}

.theme1-user-page .theme1-user-info-table .left_td,
.theme1-user-page .theme1-user-actions-table .left_td {
	width: 46%;
}

.theme1-user-page .theme1-user-actions-table td:last-child {
	text-align: center;
	width: 150px;
}

.theme1-user-page .theme1-user-actions-table .btn-middle {
	margin: 0 auto;
}

.theme1-user-page .theme1-user-char-icon-cell {
	text-align: center;
	width: 38px;
}

.theme1-user-page .theme1-user-char-icon {
	display: inline-block;
	height: 28px;
	vertical-align: middle;
	width: 28px;
}

.theme1-user-page .theme1-user-characters-body {
	overflow-x: auto;
}

.theme1-user-page .theme1-user-empty {
	margin: 0;
	padding: 7px 4px;
	text-align: center;
}

.theme1-user-page .box-foot {
	display: none;
}

/* Theme1 user payment and ticket pages */
.theme1-user-page .theme1-page-title-row {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding-right: 14px;
	width: 100%;
}

.theme1-user-page .theme1-page-title-row > span:first-child {
	min-width: 0;
}

.theme1-user-page .theme1-page-title-link {
	background: url(../../images/theme1/button-bg-2.gif) no-repeat;
	color: #fef6aa;
	display: block;
	flex: 0 0 129px;
	font-size: 10px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	margin: -2px 0 -2px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px #1f0f02;
	width: 129px;
}

.theme1-user-page .theme1-page-title-link:hover {
	filter: brightness(1.12);
	text-decoration: none;
}

.theme1-user-page .theme1-page-back-row {
	display: flex;
	justify-content: center;
	padding: 0 0 2px;
}

.theme1-user-page .theme1-page-back-row .btn-middle {
	margin: 0;
}

.theme1-tickets-page .theme1-ticket-list-body {
	padding: 10px;
}

.theme1-ticket-loading,
.theme1-payment-loading {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 90px;
}

.theme1-ticket-list {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.theme1-ticket-card {
	align-items: center;
	background: rgba(205, 183, 139, 0.42);
	border: 1px solid rgba(121, 76, 28, 0.48);
	box-shadow: inset 0 1px 0 rgba(255, 244, 214, 0.42);
	display: grid;
	gap: 9px;
	grid-template-columns: minmax(0, 1fr) minmax(135px, 1.15fr) 135px;
	min-height: 78px;
	padding: 9px 10px;
}

.theme1-ticket-primary {
	min-width: 0;
}

.theme1-ticket-subject {
	color: #651400;
	display: block;
	font-size: 12px;
	margin-bottom: 9px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme1-ticket-id-row {
	align-items: center;
	display: flex;
	gap: 6px;
}

.theme1-ticket-id-row > span {
	color: #694420;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}

.theme1-ticket-compact-meta {
	border-left: 1px solid rgba(121, 76, 28, 0.3);
	border-right: 1px solid rgba(121, 76, 28, 0.3);
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 2px 9px;
}

.theme1-ticket-compact-meta > div {
	align-items: center;
	display: flex;
	gap: 5px;
	min-width: 0;
}

.theme1-ticket-compact-meta > div > span:first-child {
	color: #694420;
	flex: 0 0 auto;
	font-size: 9px;
	font-weight: bold;
}

.theme1-ticket-compact-meta > div > strong {
	color: #4a1e00;
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme1-ticket-card-head {
	align-items: center;
	border-bottom: 1px solid rgba(121, 76, 28, 0.35);
	display: flex;
	gap: 10px;
	justify-content: space-between;
	padding: 0 1px 8px;
}

.theme1-ticket-card-head > strong {
	color: #651400;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme1-ticket-card .badge {
	border: 1px solid rgba(68, 37, 8, 0.45);
	box-sizing: border-box;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	min-width: 62px;
	padding: 0 6px;
	text-align: center;
	white-space: nowrap;
}

.theme1-ticket-card .badge-danger {
	background: #8f1f18;
	color: #fff1dc;
}

.theme1-ticket-meta-grid {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme1-ticket-meta-item {
	border-bottom: 1px solid rgba(121, 76, 28, 0.24);
	min-width: 0;
	padding: 8px 6px;
}

.theme1-ticket-meta-item:nth-child(odd) {
	border-right: 1px solid rgba(121, 76, 28, 0.24);
}

.theme1-ticket-meta-item > span:first-child {
	color: #694420;
	display: block;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.theme1-ticket-meta-item > strong {
	color: #4a1e00;
	display: block;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme1-ticket-card-actions {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: flex-end;
	padding: 0;
}

.theme1-ticket-card-actions .btn-middle {
	margin: 0;
}

.theme1-ticket-pagination {
	display: flex;
	justify-content: center;
	padding-top: 10px;
}

.theme1-ticket-pagination .pagination {
	margin: 0;
}

.theme1-ticket-empty {
	padding: 18px 8px 15px;
	text-align: center;
}

.theme1-ticket-empty p {
	color: #4a1e00;
	font-size: 12px;
	margin: 0 0 14px;
}

.theme1-ticket-empty .btn-big {
	display: block;
	margin: 0 auto;
}

.theme1-payment-page .payment-cash-balance {
	background: rgba(197, 173, 119, 0.42);
	border: 1px solid rgba(128, 84, 34, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 244, 214, 0.45);
	padding: 13px;
}

.theme1-payment-balance-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme1-payment-balance-grid .theme1-payment-balance-section {
	min-width: 0;
}

.theme1-payment-page .payment-cash-amount {
	color: #7b1300;
	font-size: 30px;
}

.theme1-payment-happy-title,
.theme1-payment-happy-body strong {
	color: #356a25 !important;
}

.theme1-payment-happy-body {
	background: rgba(73, 125, 46, 0.08) !important;
	border-color: rgba(58, 100, 37, 0.38) !important;
}

.theme1-payment-happy-body p {
	font-size: 12px;
	margin: 2px 0;
	text-align: center;
}

.theme1-payment-methods-body {
	padding: 10px !important;
}

.theme1-payment-method-grid {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme1-payment-method-card {
	align-items: center;
	background: rgba(205, 183, 139, 0.42);
	border: 1px solid rgba(121, 76, 28, 0.48);
	box-shadow: inset 0 1px 0 rgba(255, 244, 214, 0.42);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 92px;
	padding: 10px;
	text-align: center;
}

.theme1-payment-method-copy strong {
	color: #651400;
	display: block;
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.theme1-payment-method-copy {
	width: 100%;
}

.theme1-payment-method-divider {
	border-top: 1px solid rgba(121, 76, 28, 0.42);
	box-shadow: 0 1px 0 rgba(255, 244, 214, 0.45);
	margin: 8px 0;
	width: 100%;
}

.theme1-payment-method-action {
	display: flex;
	justify-content: center;
	padding-top: 0;
	width: 100%;
}

.theme1-payment-method-action .btn-middle {
	margin: 0;
}

.theme1-payment-method-action .btn-middle:disabled,
.theme1-payment-confirm:disabled {
	cursor: default;
	opacity: 0.62;
}

.theme1-payment-empty {
	color: #4a1e00;
	font-size: 12px;
	margin: 0;
	padding: 18px 8px;
	text-align: center;
}

.theme1-payment-modal {
	padding: 4px 0 0;
}

.theme1-payment-modal-happy {
	background: rgba(73, 125, 46, 0.09);
	border: 1px solid rgba(58, 100, 37, 0.38);
	color: #356a25;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 8px 10px;
	text-align: center;
}

.theme1-payment-modal-happy strong {
	margin-left: 5px;
}

.theme1-payment-package-table-wrap {
	border: 1px solid #997c47;
	overflow-x: auto;
}

.theme1-payment-package-table {
	border-collapse: collapse;
	color: #4a1e00;
	font-size: 11px;
	width: 100%;
}

.theme1-payment-package-table th {
	background: rgba(155, 111, 54, 0.28);
	border-bottom: 1px solid #997c47;
	color: #651400;
	font-size: 10px;
	padding: 8px 6px;
	text-align: center;
}

.theme1-payment-package-table th:first-child {
	text-align: left;
}

.theme1-payment-package-row {
	background: rgba(205, 183, 139, 0.32);
	cursor: pointer;
	transition: background 0.15s ease;
}

.theme1-payment-package-row:hover,
.theme1-payment-package-row.is-selected {
	background: rgba(169, 126, 68, 0.42);
}

.theme1-payment-package-row.is-selected {
	box-shadow: inset 3px 0 0 #7b1300;
}

.theme1-payment-package-row td {
	border-bottom: 1px solid rgba(121, 76, 28, 0.3);
	padding: 9px 6px;
	text-align: center;
}

.theme1-payment-package-row:last-child td {
	border-bottom: 0;
}

.theme1-payment-package-row td:first-child {
	text-align: left;
}

.theme1-payment-package-name {
	align-items: center;
	display: flex;
	gap: 7px;
}

.theme1-payment-package-check {
	background: rgba(255, 244, 214, 0.38);
	border: 1px solid #8f6936;
	box-sizing: border-box;
	color: #7b1300;
	display: inline-block;
	font-size: 11px;
	height: 16px;
	line-height: 14px;
	text-align: center;
	width: 16px;
}

.theme1-payment-package-row .has-bonus {
	color: #356a25;
	font-weight: bold;
}

.theme1-payment-package-price {
	color: #7b1300;
	font-weight: bold;
	white-space: nowrap;
}

.theme1-payment-confirm {
	display: block;
	margin: 14px auto 0;
}

.theme1-payment-modal-empty {
	color: #4a1e00;
	font-size: 12px;
	margin: 0;
	padding: 20px 0;
	text-align: center;
}

.theme1-payment-iframe {
	border: 0 !important;
	height: 500px;
	width: 100%;
}

/* Theme1 ticket detail */
.theme1-ticket-detail-page .theme1-page-title-row > span:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme1-ticket-not-found {
	color: #8d0404;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 22px 10px;
	text-align: center;
}

.theme1-ticket-summary-body {
	padding: 10px !important;
}

.theme1-ticket-summary-grid {
	display: grid;
	gap: 7px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.theme1-ticket-summary-item {
	background: rgba(205, 183, 139, 0.36);
	border: 1px solid rgba(121, 76, 28, 0.36);
	box-sizing: border-box;
	min-height: 48px;
	min-width: 0;
	padding: 7px 8px;
}

.theme1-ticket-summary-subject {
	grid-column: 1 / -1;
}

.theme1-ticket-summary-item > span:first-child {
	color: #694420;
	display: block;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.theme1-ticket-summary-item > strong {
	color: #4a1e00;
	display: block;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme1-ticket-summary-item .badge {
	border: 1px solid rgba(68, 37, 8, 0.4);
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	min-width: 62px;
	padding: 0 6px;
	text-align: center;
}

.theme1-ticket-summary-item .badge-danger {
	background: #8f1f18;
	color: #fff1dc;
}

.theme1-ticket-messages-body,
.theme1-ticket-replies-list {
	padding: 10px !important;
}

.theme1-ticket-detail-page .ticket-msg {
	background: rgba(205, 183, 139, 0.38);
	border: 1px solid rgba(121, 76, 28, 0.48);
	box-shadow: inset 0 1px 0 rgba(255, 244, 214, 0.4);
	margin: 0;
}

.theme1-ticket-detail-page .ticket-msg-header {
	background: rgba(169, 126, 68, 0.28);
	border-bottom: 1px solid rgba(121, 76, 28, 0.42);
	padding: 7px 10px;
}

.theme1-ticket-detail-page .ticket-msg-time {
	color: #694420;
}

.theme1-ticket-detail-page .ticket-msg-body {
	background: rgba(244, 221, 180, 0.18);
	color: #4a1e00;
	line-height: 1.5;
	overflow-wrap: anywhere;
	padding: 10px;
}

.theme1-ticket-detail-page .ticket-msg-admin {
	border-color: rgba(123, 19, 0, 0.46);
}

.theme1-ticket-detail-page .ticket-msg-admin .ticket-msg-header {
	background: rgba(141, 4, 4, 0.11);
	border-bottom-color: rgba(123, 19, 0, 0.38);
}

.theme1-ticket-replies-list {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.theme1-ticket-reply-body {
	padding: 12px !important;
}

.theme1-ticket-reply-form {
	margin: 0;
	width: 100%;
}

.theme1-ticket-reply-field {
	margin-bottom: 12px;
}

.theme1-ticket-detail-page #ticketReplyForm textarea {
	background: rgba(205, 183, 139, 0.78);
	border: 1px solid #622400;
	box-shadow: inset 0 1px 2px rgba(74, 30, 0, 0.16);
	min-height: 98px;
	width: 100%;
}

.theme1-ticket-form-hint {
	color: #694420;
	display: block;
	font-size: 10px;
	margin-top: 5px;
}

.theme1-ticket-recaptcha {
	height: 74px;
	margin: 0 auto 14px;
	overflow: hidden;
	width: 287px;
}

.theme1-ticket-recaptcha > div {
	margin: 0;
	transform: scale(0.944);
	transform-origin: left top;
	width: 304px;
}

.theme1-ticket-reply-submit {
	display: block;
	margin: 0 auto;
}

.theme1-ticket-reply-submit:disabled {
	cursor: default;
	opacity: 0.65;
}

.theme1-ticket-closed-note {
	padding: 15px !important;
	text-align: center;
}

.theme1-ticket-closed-note p {
	color: #8d0404;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.theme1-ticket-detail-actions {
	display: flex;
	gap: 10px;
	justify-content: center;
	padding: 0 0 2px;
}

.theme1-ticket-detail-actions .btn-middle {
	margin: 0;
}