:root {
	/* backgrounds */
	--primary: rgba(10, 22, 30, 0.78);
	--secondary: rgba(5, 16, 23, 0.72);
	--third: #ddd;
	--border: #9b6b2d;

	/* text */
	--font-color: #eeeeee;

	/* Links */
	--anchor: #d6a04f;
	--anchor-hover: #ffd36a;

	/* alerts */
	--bg-danger: rgba(60, 14, 14, 0.85);
	--color-danger: #ffaaaa;
	--border-danger: #8b3030;

	--bg-warning: rgba(144, 92, 0, 0.85);
	--color-warning: #fff0b0;
	--border-warning: #b77a12;

	--bg-info: rgba(0, 93, 144, 0.85);
	--color-info: #bcecff;
	--border-info: #217ca8;

	--bg-success: rgba(0, 110, 50, 0.85);
	--color-success: #baffce;
	--border-success: #26964d;

	--bg-default: rgba(5, 12, 18, 0.82);
	--color-default: #e0b65b;
	--border-default: #5f451e;
}


/* =========================================================
   BODY
   ========================================================= */

html {
	min-height: 100%;
}

body {
	font-family: Arial, sans-serif;
	color: var(--font-color);

	/* GŁÓWNE TŁO STRONY */
	/* style.css znajduje się w layout/css, dlatego używamy œcieżki względnej */
	background-image: url("../img/tibora_background.jpg") !important;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;

	background-color: #071119;
	min-height: 100vh;
}

body,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: var(--anchor);
}

a:hover {
	color: var(--anchor-hover);
}

a:hover,
button:hover,
input[type="submit"]:hover {
	cursor: pointer;
}

* {
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

*:hover {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

nav .container > div > ul > li > ul {
	position: absolute;
	border: 1px solid #9b6b2d;
	border-top: none !important;
	width: 200px;
	background: rgba(5, 15, 22, 0.94);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55);
}

nav {
	border: 1px solid #8d642b;
	background: rgba(4, 15, 22, 0.82) !important;
	box-shadow:
		0 0 0 1px rgba(255, 196, 80, 0.12),
		0 8px 30px rgba(0, 0, 0, 0.45);
}

nav .container {
	padding-left: 10px;
	background: transparent !important;
}

nav .container > div > ul > li,
.modIcon:hover > i:nth-child(2) {
	display: inline-block;
}

nav .container > div > ul > li > a {
	padding: 20px;
	color: #d7a55b;
}

nav .container > div > ul > li > a:hover {
	color: #ffe09a;
	background: rgba(255, 177, 54, 0.08);
}

nav .container > div > ul > li:hover > ul,
nav .container > div > ul > li > a,
nav .container > div > ul > li > ul > li > a {
	display: block;
	z-index: 1;
}

nav .container > div > ul > li > ul > li > a {
	padding: 10px 20px;
}

nav .container,
.preventCollapse,
.ellipsis {
	overflow: hidden;
}


/* =========================================================
   GENERAL LAYOUT
   ========================================================= */

.topPane {
	margin-bottom: 10px;
}

.leftPane {
	width: 70%;
}

.rightPane {
	width: 29%;
}

.searchForm {
	width: 200px;
}

.body {
	padding: 10px 0;
}

table {
	width: 100%;
}

td {
	padding: 10px 5px;
}

.header {
	color: #e5ad43;
}

.feedContainer {
	margin: 2rem 0;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.well,
.header {
	width: auto;
}

.centralizeContent {
	text-align: center;
}

.smedia {
	font-size: 2em;
}


/* =========================================================
   TIBORA BANNER
   ========================================================= */

.banner {
	/*
	 * WAŻNE:
	 * bezpoœrednia œcieżka do obrazka
	 */
	background-image: url("../img/header.png") !important;

	background-position: center center !important;
	background-repeat: no-repeat !important;

	/*
	 * cover powoduje, że baner zawsze wypełnia cały box
	 */
	background-size: cover !important;

	height: 240px;

	margin-top: 30px;

	border: 1px solid #a87532 !important;

	box-sizing: border-box;

	background-color: rgba(3, 10, 15, 0.65);

	box-shadow:
		0 0 0 1px rgba(255, 194, 78, 0.10),
		0 8px 35px rgba(0, 0, 0, 0.55);

	position: relative;
	overflow: hidden;
}


/* delikatne przyciemnienie banera */

.banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(0,0,0,0.05),
		rgba(0,0,0,0.18)
	);
	pointer-events: none;
}


/* =========================================================
   COUNTDOWN
   ========================================================= */

#countDownTimer {
	line-height: 2.3;
	padding: 0 10px;
	color: #78bddd;
}


/* =========================================================
   HIDDEN MENU
   ========================================================= */

.modIcon > i:nth-child(2),
.modIcon:hover > i:nth-child(1),
nav .container > div > ul > li > ul {
	display: none;
}


/* =========================================================
   LOGIN FORM
   ========================================================= */

.loginForm {
	display: flex;
	flex-wrap: wrap;
}

.loginForm button:hover {
	background: linear-gradient(
		to bottom,
		#3982b7,
		#164766
	) !important;

	border-color: #d7a04a !important;

	box-shadow:
		0 0 12px rgba(63, 163, 231, 0.45);
}

.loginForm button {
	width: 100%;
	margin-top: 10px;

	background: linear-gradient(
		to bottom,
		#275d82,
		#123b57
	) !important;

	color: #ffffff;

	height: 40px;

	border: 1px solid #9d7135 !important;

	font-size: 1em;

	box-shadow:
		inset 0 1px rgba(255,255,255,0.12),
		0 2px 8px rgba(0,0,0,0.35);
}

.loginForm input {
	width: 100%;
	height: 30px;

	border: 1px solid #72562e !important;

	color: #ffffff;

	font-size: 1em;

	background: rgba(2, 12, 18, 0.82) !important;

	box-sizing: border-box;

	padding-left: 10px;
}

.loginForm input:focus {
	border-color: #d8a04a !important;

	outline: none;

	box-shadow:
		0 0 8px rgba(216, 160, 74, 0.35);
}


/* =========================================================
   MAIN
   ========================================================= */

.main {
	width: 1220px;

	margin: 2rem auto;

	position: relative;

	z-index: 1;
}


/* =========================================================
   ELLIPSIS
   ========================================================= */

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* =========================================================
   ALERT BOXES
   ========================================================= */

.alert-box {
	max-width: 500px;

	font-size: 14px;

	border-radius: 3px;

	border: 1px solid var(--third);

	margin: 0 auto;
	margin-bottom: 15px;

	text-align: center;
}

.alert-default {
	background: var(--bg-default);
	color: var(--color-default);
	border-color: var(--border-default);
}

.alert-info {
	background: var(--bg-info);
	color: var(--color-info);
	border-color: var(--border-info);
}

.alert-success {
	background: var(--bg-success);
	color: var(--color-success);
	border-color: var(--border-success);
}

.alert-warning {
	background: var(--bg-warning);
	color: var(--color-warning);
	border-color: var(--border-warning);
}

.alert-danger {
	background: var(--bg-danger);
	color: var(--color-danger);
	border-color: var(--border-danger);
}

.alert-collapse {
	display: inline-block;
}

.alert-size1 {
	font-size: 12px;
}

.alert-size2 {
	font-size: 15px;
}

.alert-size3 {
	font-size: 18px;
}

.alert-size4 {
	font-size: 20px;
}


/* =========================================================
   PANELS
   ========================================================= */

nav .container > div > ul > li > ul > li > a:hover,
.searchForm input,
#countDownTimer,
.loginForm input,
nav,
footer,
table,
.header,
.feedContainer {
	background: var(--primary);
}

.loginForm .well {
	width: 100%;
}


/*
 * PÓŁPRZEZROCZYSTE TŁO
 * dzięki temu widać grafikę strony pod spodem
 */

body,
nav .container,
nav .container > div > ul > li > ul,
.leftPane,
.rightPane,
.topPane,
tr:nth-child(2n+1) {
	background-color: transparent;
}


/* główny panel strony */

.feedContainer {
	background: rgba(4, 15, 22, 0.62) !important;

	border: 1px solid rgba(176, 125, 49, 0.55);

	box-shadow:
		0 0 0 1px rgba(255, 193, 79, 0.08),
		0 10px 35px rgba(0,0,0,0.45);

	backdrop-filter: blur(2px);
}


/* lewe i prawe kolumny */

.leftPane,
.rightPane {
	background: rgba(4, 15, 22, 0.28) !important;
}


/* =========================================================
   BORDERS
   ========================================================= */

footer,
.feedContainer,
nav .container,
.topPane {
	border-bottom: 1px solid #825b29;
}


/* =========================================================
   HEADERS
   ========================================================= */

.header {
	background: rgba(4, 15, 22, 0.68) !important;

	border: 1px solid rgba(177, 128, 52, 0.65);

	color: #e4ad45;

	text-align: center;

	box-shadow:
		inset 0 1px rgba(255,255,255,0.04);
}


/*
 * wszystkie nagłówki na œrodku
 */

.postHolder h1,
.postHolder h2,
.postHolder h3,
.postHolder h4,
.postHolder .header {
	text-align: center !important;
}


/* =========================================================
   PADDING
   ========================================================= */

table,
.header,
.well,
.smedia a {
	padding: 10px;
}

.searchForm input,
.loginForm input,
.alert-box {
	padding: 5px;
}


/* =========================================================
   ZNOTE AAC
   ========================================================= */

.leftPane img {
	max-width: 100%;
}


/* =========================================================
   SELECT / INPUT
   ========================================================= */

select {
	background: rgba(3, 13, 20, 0.88) !important;

	color: var(--font-color);

	height: 40px;

	border: 1px solid #76562c;

	font-size: 1em;
}

input {
	background: rgba(3, 13, 20, 0.88) !important;

	color: var(--font-color);

	height: 40px;

	border: 1px solid #76562c;

	font-size: 1em;
}

input:focus,
select:focus {
	border-color: #d7a04c;

	outline: none;

	box-shadow:
		0 0 8px rgba(215,160,76,0.3);
}

#loginContainer li {
	text-align: right;
}


/* =========================================================
   LINK BUTTONS
   ========================================================= */

ul.linkbuttons {
	margin-top: 8px;
	padding: 0 8px;
}

ul.linkbuttons li {
	display: inline-block;

	border: 1px solid #b27d35;

	width: calc(50% - 10px);

	float: left;

	margin-bottom: 16px;

	text-align: center;

	background: rgba(5, 18, 27, 0.55);
}

ul.linkbuttons li:hover {
	background: rgba(39, 86, 116, 0.55);

	box-shadow:
		0 0 10px rgba(56,145,203,0.25);
}

ul.linkbuttons li:nth-child(odd) {
	margin-right: 16px;
}

ul.linkbuttons li a {
	padding: 5px 0;

	display: inline-block;

	width: 100%;

	text-align: center;
}

ul.linkbuttons:after {
	content: '';

	display: block;

	clear: both;
}


/* =========================================================
   WIDGETS
   ========================================================= */

.widget,
.widget .body,
.search_widget,
.search_widget .body {
	padding-bottom: 0;
}

.widget center {
	margin: auto;
}

.widget h3 {
	margin-bottom: 0;
}

.search_widget form {
	margin: auto;
}

.search_widget input {
	width: 50%;
	float: left;
}

.search_widget label {
	padding: 9px;
	float: left;
}

.search_widget form:after {
	display: block;

	content: '';

	clear: both;
}

div.relative {
	position: relative;
}

.search_widget #name_suggestion {
	position: absolute;

	width: 280px;

	left: -290px;

	display: none;
}

.search_widget #name_suggestion.show {
	display: block;
}

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

.search_widget .sname a {
	display: inline-block;

	background-color: rgba(0,0,0,0.85);

	padding: 10px 20px;

	border-bottom: 1px solid rgb(30,33,40);
}


/* =========================================================
   CHARACTER PROFILE
   ========================================================= */

.page_credits .feedContainer .pull-left.leftPane {
	box-sizing: border-box;

	padding-left: 8px;

	padding-right: 8px;
}

.page_characterprofile #characterProfileTable thead th:first-of-type {
	position: relative;

	width: 28%;
}

.page_characterprofile #characterProfileTable thead th:last-of-type {
	text-align: left;

	padding-left: 16px;
}

.page_characterprofile .outfit {
	position: absolute;

	top: 0;

	left: 0;
}

.page_characterprofile .flag {
	position: absolute;

	top: 16px;

	right: 16px;
}


/* =========================================================
   POSTS
   ========================================================= */

.postHolder iframe {
	display: block;

	margin: auto;
}


/* =========================================================
   UPDATE / NEWS TEXT
   ========================================================= */

.postHolder .well .body {
	font-family: Arial, sans-serif;

	font-size: 16px;

	line-height: 1.65;
}

.postHolder .well .body p {
	text-align: center;

	font-size: 16px;

	line-height: 1.7;

	margin: 12px auto;
}

.postHolder .well .body h2 {
	text-align: center !important;

	font-size: 25px;

	font-weight: 700;

	color: #e5ad43;

	margin: 25px 0 10px;
}

.postHolder .well .body h2 + p {
	text-align: center !important;

	font-size: 17px;
}

.postHolder .well .body strong {
	font-weight: 700;

	color: #e7b34f;
}

.postHolder .well .body hr {
	border: 0;

	border-top: 1px solid rgba(185,135,56,0.45);

	margin: 28px auto;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 1250px) {

	.main {
		width: 94%;
	}

	.banner {
		width: 100%;
	}

}


@media (max-width: 800px) {

	.leftPane,
	.rightPane {
		width: 100%;
		float: none;
	}

	.banner {
		height: 180px;

		background-size: cover !important;
	}

	.main {
		width: 94%;
	}

	nav .container > div > ul > li > a {
		padding: 12px 8px;
	}

}


@media (max-width: 500px) {

	.banner {
		height: 130px;
	}

	nav .container > div > ul > li > a {
		padding: 10px 5px;
		font-size: 12px;
	}

}

/* =========================================================
   FINALNE DOPASOWANIE DO WIDOKU REFERENCYJNEGO
   Te reguły muszš zostać na samym końcu pliku.
   ========================================================= */

.main {
	width: min(1160px, 94%);
	margin: 46px auto 28px;
}

nav {
	border: 1px solid #b8863f;
	border-radius: 3px;
	background:
		linear-gradient(180deg, rgba(14, 31, 43, .92), rgba(3, 13, 20, .92)) !important;
	box-shadow: 0 0 0 2px rgba(245, 194, 87, .12), 0 10px 28px rgba(0, 0, 0, .6);
}

nav .container > div > ul > li > a {
	padding: 21px 20px;
	font-size: 16px;
	text-shadow: 0 1px 2px #000;
}

.banner {
	height: 270px;
	margin-top: 28px;
	border: 1px solid #bd914e !important;
	border-radius: 4px;
	box-shadow: 0 0 0 2px rgba(255, 209, 112, .11), 0 12px 34px rgba(0, 0, 0, .6);
}

.feedContainer {
	margin-top: 28px;
	padding: 10px;
	background: rgba(4, 15, 22, .72) !important;
	border: 1px solid rgba(192, 147, 69, .78);
	border-radius: 4px;
}

.leftPane {
	width: 68.5%;
}

.rightPane {
	width: 30%;
}

.postHolder .well,
.rightPane > .well {
	margin-bottom: 14px;
	background: rgba(3, 14, 22, .48);
	border: 1px solid rgba(157, 117, 49, .45);
}

.header {
	padding: 12px 14px;
	border: 1px solid rgba(203, 156, 71, .78);
	border-radius: 3px;
	background: linear-gradient(90deg, rgba(14, 34, 44, .93), rgba(5, 18, 25, .74)) !important;
	color: #edb852;
	font-size: 17px;
	font-weight: 700;
}

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

.loginForm input {
	height: 43px;
	margin: 5px 0;
	padding: 0 12px;
	border: 1px solid #38515d !important;
	border-radius: 3px;
	background: rgba(3, 15, 23, .85) !important;
}

.loginForm button {
	height: 45px;
	margin-top: 12px;
	border: 1px solid #e0ae54 !important;
	border-radius: 4px;
	background: linear-gradient(#287bb8, #103e67) !important;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.loginForm button:hover {
	background: linear-gradient(#3b94d4, #15527f) !important;
	box-shadow: 0 0 13px rgba(63, 163, 231, .52);
}

table {
	border-collapse: collapse;
	background: rgba(3, 14, 22, .3);
}

tr:nth-child(2n+1) {
	background: rgba(24, 54, 70, .18);
}

@media (max-width: 800px) {
	.main { margin-top: 18px; }
	.leftPane, .rightPane { width: 100%; }
	.rightPane { margin-top: 14px; }
	.banner { height: 190px; }
}

/* =========================================================
   TIBORA - LOGIN PANEL
   ========================================================= */

#loginContainer {
    background: rgba(5, 15, 22, 0.92);
    border: 1px solid #8c6728;
    box-shadow:
        0 0 0 1px rgba(212, 164, 65, 0.12),
        0 5px 20px rgba(0, 0, 0, 0.45);
}

/* Nagłówek */

#loginContainer .tibora-login-header {
    background: rgba(8, 22, 31, 0.95);
    border: 1px solid #9b722c;
    color: #e8b64d;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding: 11px 12px;
    box-shadow: inset 0 0 15px rgba(0, 80, 130, 0.08);
}

#loginContainer .tibora-login-header i {
    margin-right: 7px;
    color: #e8b64d;
}

/* Pola */

#loginContainer .tibora-login-field {
    background: transparent;
    border: 0;
    padding: 4px 0;
    margin: 0 0 10px 0;
}

#loginContainer .tibora-login-field label {
    display: block;
    color: #e0e0e0;
    font-size: 13px;
    margin-bottom: 6px;
}

#loginContainer .tibora-login-field label i {
    width: 18px;
    color: #dca83f;
    text-align: center;
}

/* Input */

#loginContainer .tibora-login-field input[type="text"],
#loginContainer .tibora-login-field input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    height: 38px;
    padding: 8px 10px;
    background: rgba(2, 12, 19, 0.95);
    border: 1px solid #345266;
    border-radius: 2px;
    color: #ffffff;
    outline: none;
    transition: 0.2s ease;
}

#loginContainer .tibora-login-field input[type="text"]:focus,
#loginContainer .tibora-login-field input[type="password"]:focus {
    border-color: #3e9fe8;
    box-shadow:
        0 0 5px rgba(35, 150, 230, 0.35),
        inset 0 0 8px rgba(35, 150, 230, 0.05);
}

/* Przycisk */

#loginContainer .tibora-login-button-wrap {
    background: transparent;
    border: 0;
    padding: 5px 0 8px 0;
    margin: 0;
}

#loginContainer .tibora-login-button {
    width: 100%;
    height: 42px;

    background: linear-gradient(
        to bottom,
        #168de0 0%,
        #0867a8 50%,
        #075184 100%
    );

    border: 1px solid #62c4ff;
    border-radius: 2px;

    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;

    cursor: pointer;

    box-shadow:
        0 0 8px rgba(20, 145, 225, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.20);

    transition: all 0.2s ease;
}

#loginContainer .tibora-login-button:hover {
    background: linear-gradient(
        to bottom,
        #32a9f5 0%,
        #087cc5 50%,
        #08629c 100%
    );

    border-color: #9bddff;

    box-shadow:
        0 0 14px rgba(30, 160, 240, 0.55),
        inset 0 1px 0 rgba(255,255,255,0.25);
}

/* Linki */

#loginContainer .tibora-login-links {
    text-align: center;
    padding-top: 4px;
}

#loginContainer .tibora-login-links h3 {
    margin: 7px 0 8px;
}

#loginContainer .tibora-login-links h3 a {
    color: #e8b64d;
    text-decoration: none;
    transition: 0.2s ease;
}

#loginContainer .tibora-login-links h3 a:hover {
    color: #ffffff;
}

#loginContainer .tibora-login-links h3 i {
    margin-right: 5px;
}

#loginContainer .tibora-login-links p {
    color: #aaa;
    font-size: 12px;
    margin: 0 0 5px;
}

#loginContainer .tibora-login-links p a {
    color: #d9a33b;
    text-decoration: none;
}

#loginContainer .tibora-login-links p a:hover {
    color: #ffffff;
}

/* =========================================================
   TIBORA - LOGIN BUTTON FINAL
   ========================================================= */

#loginContainer .tibora-login-button {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    margin: 5px 0 0 0 !important;
    padding: 0 !important;

    background: linear-gradient(
        to bottom,
        #168de0 0%,
        #0872b9 50%,
        #075184 100%
    ) !important;

    border: 1px solid #62c4ff !important;
    border-radius: 3px !important;

    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;

    text-align: center !important;
    cursor: pointer !important;

    box-shadow:
        0 0 10px rgba(0, 150, 255, 0.35),
        inset 0 1px 0 rgba(255,255,255,0.25) !important;

    transition: all 0.2s ease !important;
}

#loginContainer .tibora-login-button:hover {
    background: linear-gradient(
        to bottom,
        #32aaf5 0%,
        #087fc9 50%,
        #08639d 100%
    ) !important;

    border-color: #9bddff !important;

    box-shadow:
        0 0 16px rgba(30, 160, 240, 0.65),
        inset 0 1px 0 rgba(255,255,255,0.3) !important;
}

/* =========================================================
   TIBORA - RIGHT SIDEBAR
   Download Client + Discord
   ========================================================= */

/* Download Client */
.tibora-download-widget,
.tibora-discord-widget {
    margin-bottom: 10px;
}

.tibora-download-body,
.tibora-discord-body {
    text-align: center;
    padding: 14px 10px;
}

.tibora-download-body p,
.tibora-discord-body p {
    margin: 0 0 14px 0;
    line-height: 1.5;
}

/* BLUE DOWNLOAD BUTTON */
.tibora-download-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 8px;

    background: linear-gradient(
        to bottom,
        #159bea 0%,
        #0876bd 50%,
        #075a91 100%
    );

    border: 1px solid #36b7ff;
    border-radius: 2px;

    color: #ffffff !important;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none !important;

    box-shadow:
        0 0 8px rgba(0, 153, 255, 0.45),
        inset 0 1px 0 rgba(255,255,255,0.25);

    transition: all 0.2s ease;
}

.tibora-download-button:hover {
    background: linear-gradient(
        to bottom,
        #32adf4 0%,
        #0b8bd4 50%,
        #076ca8 100%
    );

    box-shadow:
        0 0 14px rgba(0, 174, 255, 0.75),
        inset 0 1px 0 rgba(255,255,255,0.3);

    transform: translateY(-1px);
}

.tibora-download-button i {
    margin-right: 6px;
}


/* DISCORD BUTTON */
.tibora-discord-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 8px;

    background: linear-gradient(
        to bottom,
        #7289da 0%,
        #5865f2 50%,
        #4752c4 100%
    );

    border: 1px solid #8ea0ff;
    border-radius: 2px;

    color: #ffffff !important;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none !important;

    box-shadow:
        0 0 8px rgba(88, 101, 242, 0.45),
        inset 0 1px 0 rgba(255,255,255,0.25);

    transition: all 0.2s ease;
}

.tibora-discord-button:hover {
    background: linear-gradient(
        to bottom,
        #8498ec 0%,
        #6975ff 50%,
        #5865d8 100%
    );

    box-shadow:
        0 0 14px rgba(114, 137, 218, 0.8),
        inset 0 1px 0 rgba(255,255,255,0.3);

    transform: translateY(-1px);
}

.tibora-discord-button i {
    margin-right: 6px;
}


/* SERVER INFORMATION */
.rightPane .widget .header i {
    margin-right: 5px;
}

.rightPane .widget .body {
    line-height: 1.5;
}

.rightPane .widget .body ul {
    margin: 0;
    padding-left: 18px;
}


/* ONLINE STATUS */
.rightPane .widget .body span[style*="color:green"] {
    color: #69e36d !important;
    text-shadow: 0 0 5px rgba(80, 255, 100, 0.4);
}


/* MOBILE */
@media screen and (max-width: 700px) {

    .tibora-download-button,
    .tibora-discord-button {
        padding: 11px 6px;
        font-size: 13px;
    }

}

/* =========================================================
   TIBORA - SERVER INFORMATION
   ========================================================= */

.tibora-server-widget {
    margin-bottom: 10px;
}

.tibora-server-header {
    text-transform: uppercase;
}

.tibora-server-body {
    padding: 10px 12px !important;
}

.tibora-server-status {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tibora-server-status.online {
    color: #65e878;
    text-shadow: 0 0 6px rgba(80, 255, 100, 0.45);
}

.tibora-server-status.offline {
    color: #ff5555;
    text-shadow: 0 0 6px rgba(255, 50, 50, 0.35);
}

.status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

.online .status-dot {
    background: #65e878;
    box-shadow: 0 0 7px #65e878;
}

.offline .status-dot {
    background: #ff5555;
    box-shadow: 0 0 7px #ff5555;
}

.tibora-server-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 13px;
}

.tibora-server-row:last-child {
    border-bottom: none;
}

.tibora-server-row span {
    color: #d0d0d0;
}

.tibora-server-row span i {
    width: 18px;
    color: #e5a52f;
    text-align: center;
    margin-right: 4px;
}

.tibora-server-row strong {
    color: #f0b63c;
    font-weight: bold;
}
/* =========================================================
   TIBORA - MY ACCOUNT REDESIGN
   ========================================================= */

/* Main account content */
.main .content {
    color: #ddd;
}

/* Main headings */
.main .content h1 {
    text-align: center !important;
    color: #f2b632 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(242,182,50,.35);
    margin: 5px 0 25px !important;
}

/* Secondary headings */
.main .content h2 {
    color: #f2b632 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: bold !important;
    border-bottom: 1px solid rgba(155,112,32,.65);
    padding-bottom: 9px;
    margin-top: 25px;
}

/* Account content panels */
.main .content .well {
    background: rgba(4,14,21,.82) !important;
    border: 1px solid rgba(155,112,32,.85) !important;
    box-shadow:
        inset 0 0 30px rgba(0,0,0,.25),
        0 3px 12px rgba(0,0,0,.25);
}

/* Welcome text */
.main .content p {
    color: #d7d7d7;
    font-size: 14px;
    line-height: 1.65;
}

/* Links */
.main .content a {
    color: #f2b632;
    text-decoration: none;
    transition: .2s ease;
}

.main .content a:hover {
    color: #ffd66b;
    text-decoration: underline;
}

/* =========================================================
   ACCOUNT SIDEBAR
   ========================================================= */

#loginContainer,
.widget {
    background: rgba(4,14,21,.84) !important;
    border: 1px solid #8f681f !important;
    box-shadow:
        inset 0 0 25px rgba(0,0,0,.25),
        0 3px 12px rgba(0,0,0,.25);
}

/* Widget headers */
.widget .header,
#loginContainer .header {
    background: rgba(7,22,31,.92) !important;
    border: 1px solid #73531c !important;
    color: #f2b632 !important;
    font-weight: bold !important;
    text-align: left;
    text-shadow: 0 0 5px rgba(242,182,50,.25);
}

/* =========================================================
   ACCOUNT BUTTONS
   ========================================================= */

.main .content input[type="submit"],
.main .content input[type="button"],
.main .content button {
    background: linear-gradient(
        to bottom,
        #1599e8 0%,
        #0876bd 100%
    ) !important;

    border: 1px solid #48b9ff !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    cursor: pointer;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 0 9px rgba(0,150,255,.25);

    transition: .2s ease;
}

.main .content input[type="submit"]:hover,
.main .content input[type="button"]:hover,
.main .content button:hover {
    background: linear-gradient(
        to bottom,
        #27a8f5 0%,
        #0988d3 100%
    ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 0 14px rgba(0,170,255,.45);

    transform: translateY(-1px);
}

/* =========================================================
   ACCOUNT MENU BUTTONS
   ========================================================= */

#loginContainer a,
.widget a {
    transition: .2s ease;
}

/* =========================================================
   CHARACTER LIST
   ========================================================= */

.main .content table {
    width: 100%;
    border-collapse: collapse;
    background: rgba(3,12,18,.55);
}

.main .content table th {
    background: rgba(9,29,41,.95);
    color: #f2b632;
    border: 1px solid #76551d;
    padding: 10px;
    font-weight: bold;
}

.main .content table td {
    background: rgba(4,16,24,.65);
    color: #ddd;
    border: 1px solid rgba(100,100,100,.25);
    padding: 9px 10px;
}

.main .content table tr:hover td {
    background: rgba(18,49,65,.75);
}

/* =========================================================
   RIGHT SIDEBAR BUTTONS
   ========================================================= */

aside .widget a,
aside .widget input[type="submit"],
aside .widget input[type="button"] {
    transition: .2s ease;
}

/* =========================================================
   TOP 5 PLAYERS
   ========================================================= */

.topplayers {
    background: rgba(4,14,21,.85);
}

.topplayers .header {
    color: #f2b632 !important;
}

/* =========================================================
   ACCOUNT INFORMATION
   ========================================================= */

.account-info {
    background: rgba(4,14,21,.82);
    border: 1px solid #8f681f;
    padding: 18px;
    margin-bottom: 18px;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px) {

    .main .content h1 {
        font-size: 24px !important;
    }

    .main .content h2 {
        font-size: 18px !important;
    }

    .main .content table {
        font-size: 12px;
    }

    .main .content table th,
    .main .content table td {
        padding: 7px 5px;
    }
}


/* =========================================================
   TIBORA MY ACCOUNT - FINAL DESIGN
   ========================================================= */

#myaccount {
    background: rgba(3, 13, 20, .78);
    border: 1px solid #9b7020;
    padding: 24px;
    box-sizing: border-box;
    box-shadow:
        0 0 20px rgba(0,0,0,.35),
        inset 0 0 35px rgba(0,0,0,.25);
}

/* MAIN TITLE */

#myaccount > h1 {
    text-align: center !important;
    color: #f2b632 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px !important;
    padding: 12px;
    background: rgba(5, 19, 28, .92);
    border: 1px solid #8d671f;
    text-shadow: 0 0 10px rgba(242,182,50,.35);
}

/* ACCOUNT WELCOME */

#myaccount > p {
    text-align: center;
    color: #ddd;
    font-size: 15px;
    line-height: 1.7;
    margin: 15px 10px 25px;
}

#myaccount > p strong {
    color: #f2b632;
}

/* CHARACTER TITLE */

#myaccount > h2 {
    color: #f2b632 !important;
    text-align: left !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 21px !important;
    margin: 20px 0 12px !important;
    padding: 11px 14px;
    background: rgba(5, 19, 28, .9);
    border: 1px solid #76551d;
    text-shadow: 0 0 6px rgba(242,182,50,.25);
}

/* CHARACTER TABLE */

#myaccountTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(3, 12, 18, .75) !important;
    border: 1px solid #76551d !important;
    margin: 0 0 15px !important;
}

#myaccountTable tr:first-child {
    background: rgba(8, 28, 40, .98) !important;
}

#myaccountTable th {
    color: #f2b632 !important;
    background: rgba(8, 28, 40, .98) !important;
    border: 1px solid #76551d !important;
    padding: 11px 8px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center !important;
}

#myaccountTable td {
    background: rgba(4, 17, 25, .72) !important;
    border: 1px solid rgba(110, 110, 110, .18) !important;
    color: #ddd !important;
    padding: 10px 8px !important;
    text-align: center !important;
    font-size: 13px !important;
}

#myaccountTable tr:nth-child(even) td {
    background: rgba(8, 28, 40, .58) !important;
}

#myaccountTable tr:hover td {
    background: rgba(20, 55, 72, .85) !important;
}

#myaccountTable td:first-child {
    text-align: left !important;
}

#myaccountTable td a {
    color: #f2b632 !important;
    font-weight: bold;
    text-decoration: none !important;
}

#myaccountTable td a:hover {
    color: #ffd66b !important;
    text-decoration: underline !important;
}

/* CHARACTER MANAGEMENT FORM */

#myaccount form {
    margin: 15px 0 5px;
}

#myaccount form table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 8px !important;
    background: rgba(3, 12, 18, .55) !important;
    border: 1px solid #76551d !important;
    padding: 5px !important;
}

#myaccount form td {
    padding: 7px !important;
    background: transparent !important;
    border: 0 !important;
}

/* SELECT BOXES */

#myaccount select,
#myaccount .form-control {
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    background: #071822 !important;
    border: 1px solid #80601f !important;
    color: #ddd !important;
    padding: 8px 10px !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    outline: none;
}

#myaccount select:focus,
#myaccount .form-control:focus {
    border-color: #f2b632 !important;
    box-shadow: 0 0 7px rgba(242,182,50,.25) !important;
}

/* SUBMIT BUTTON */

#myaccount #submit_button {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    background: linear-gradient(to bottom, #1599e8 0%, #0876bd 100%) !important;
    border: 1px solid #48b9ff !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow:
        0 0 10px rgba(0,150,255,.30),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
    transition: .2s ease;
}

#myaccount #submit_button:hover {
    background: linear-gradient(to bottom, #27a8f5 0%, #0988d3 100%) !important;
    box-shadow:
        0 0 15px rgba(0,170,255,.45),
        inset 0 1px 0 rgba(255,255,255,.25) !important;
    transform: translateY(-1px);
}

/* EMPTY CHARACTER MESSAGE */

#myaccount > div,
#myaccount .alert {
    color: #ddd;
}

/* =========================================================
   RIGHT ACCOUNT PANEL
   ========================================================= */

.rightPane .well {
    background: rgba(3, 14, 21, .86) !important;
    border: 1px solid #8f681f !important;
    box-shadow:
        inset 0 0 25px rgba(0,0,0,.25),
        0 3px 12px rgba(0,0,0,.25);
}

.rightPane .header {
    color: #f2b632 !important;
    background: rgba(7, 23, 32, .94) !important;
    border: 1px solid #76551d !important;
    font-weight: bold !important;
}

/* ACCOUNT SIDEBAR LINKS */

.rightPane a {
    color: #f2b632 !important;
}

.rightPane a:hover {
    color: #ffd66b !important;
}

/* ACCOUNT SIDEBAR BUTTONS */

.rightPane input[type="submit"],
.rightPane input[type="button"],
.rightPane button {
    background: linear-gradient(to bottom, #1599e8 0%, #0876bd 100%) !important;
    border: 1px solid #48b9ff !important;
    color: #fff !important;
    font-weight: bold !important;
}

/* TOP 5 */

.rightPane .topplayers {
    background: rgba(3,14,21,.88) !important;
}

.rightPane .topplayers .header {
    color: #f2b632 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px) {

    #myaccount {
        padding: 12px;
    }

    #myaccount > h1 {
        font-size: 24px !important;
    }

    #myaccountTable {
        font-size: 11px !important;
    }

    #myaccountTable th,
    #myaccountTable td {
        padding: 7px 4px !important;
    }

    #myaccount form table {
        display: block;
        overflow-x: auto;
    }
}


/* =========================================================
   TIBORA — CHARACTER PROFILE
   ========================================================= */

#characterProfileTable {
    width: 100%;
    margin: 12px 0 22px;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(9, 13, 16, 0.92);
    border: 1px solid #8b692b;
    box-shadow: 0 0 20px rgba(0,0,0,.45);
}

/* Górny nagłówek z nazwą postaci */
#characterProfileTable > thead > tr.yellow {
    background: linear-gradient(to bottom, #272722 0%, #141617 100%);
}

#characterProfileTable > thead > tr.yellow > th {
    padding: 16px 18px;
    border-bottom: 1px solid #9c772e;
    vertical-align: middle;
}

#characterProfileTable > thead > tr.yellow > th:first-child {
    width: 100px;
    text-align: center;
}

#characterProfileTable > thead h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #e9c45b !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-align: left !important;
    text-shadow:
        0 2px 2px #000,
        0 0 8px rgba(222,177,62,.22);
}

/* Dane postaci */
#characterProfileTable > tbody > tr > td {
    padding: 10px 14px;
    color: #d2d2d2;
    border-bottom: 1px solid rgba(151,113,42,.22);
    background: rgba(12,16,18,.72);
}

#characterProfileTable > tbody > tr:nth-child(even) > td {
    background: rgba(20,24,25,.72);
}

#characterProfileTable > tbody > tr > td:first-child {
    width: 180px;
    color: #d6ae4a;
    font-weight: 700;
}

#characterProfileTable > tbody > tr:hover > td {
    background: rgba(54,57,53,.55);
}

#characterProfileTable a {
    color: #59b9ee;
    text-decoration: none;
}

#characterProfileTable a:hover {
    color: #a4ddff;
    text-decoration: underline;
}

/* ONLINE */
#characterProfileTable tr.status_online > td:last-child {
    color: #62dc79 !important;
    font-weight: 700;
    text-transform: uppercase;
}

#characterProfileTable tr.status_online > td:last-child:before {
    content: "● ";
    color: #4be56b;
    text-shadow: 0 0 7px rgba(75,229,107,.7);
}

/* OFFLINE */
#characterProfileTable tr.status_offline > td:last-child {
    color: #e46c6c !important;
    font-weight: 700;
    text-transform: uppercase;
}

#characterProfileTable tr.status_offline > td:last-child:before {
    content: "● ";
    color: #dc5555;
}

/* =========================================================
   DEATH LIST
   ========================================================= */

table.deathlist {
    width: 100%;
    margin: 24px 0;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(9,13,16,.92);
    border: 1px solid #8b692b;
    box-shadow: 0 0 18px rgba(0,0,0,.35);
}

table.deathlist thead th {
    padding: 12px 15px;
    color: #e9c45b !important;
    font-size: 15px;
    letter-spacing: .5px;
    text-align: center;
    background: linear-gradient(to bottom, #272722, #141617);
    border-bottom: 1px solid #9c772e;
}

table.deathlist tbody td {
    padding: 10px 13px;
    color: #ccc;
    background: rgba(12,16,18,.72);
    border-bottom: 1px solid rgba(151,113,42,.20);
}

table.deathlist tbody tr:nth-child(even) td {
    background: rgba(20,24,25,.72);
}

table.deathlist tbody tr:hover td {
    background: rgba(54,57,53,.50);
}

table.deathlist tbody td:first-child {
    width: 170px;
    color: #999;
}

/* =========================================================
   COMMENT
   ========================================================= */

table.comment {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
    background: rgba(9,13,16,.92);
    border: 1px solid #8b692b;
}

table.comment thead td {
    padding: 11px 14px;
    color: #e9c45b;
    font-weight: bold;
    background: linear-gradient(to bottom, #272722, #141617);
    border-bottom: 1px solid #8b692b;
}

table.comment tbody td {
    padding: 14px;
    color: #ccc;
}

/* =========================================================
   ACHIEVEMENTS
   ========================================================= */

table.achievements {
    width: 100%;
    border-collapse: collapse;
    background: rgba(9,13,16,.92);
    border: 1px solid #8b692b;
}

table.achievements th {
    padding: 10px 12px;
    color: #e9c45b;
    background: #181a1a;
    border-bottom: 1px solid #8b692b;
}

table.achievements td {
    padding: 9px 12px;
    color: #ccc;
    border-bottom: 1px solid rgba(151,113,42,.20);
}

/* =========================================================
   QUEST PROGRESSION
   ========================================================= */

#characterprofileQuest {
    width: 100%;
    margin: 12px 0 22px;
    border-collapse: collapse;
    background: rgba(9,13,16,.92);
    border: 1px solid #8b692b;
}

#characterprofileQuest th {
    padding: 10px;
    color: #e9c45b;
    background: #181a1a;
    border-bottom: 1px solid #8b692b;
}

#characterprofileQuest td {
    padding: 10px;
    color: #ccc;
    border-bottom: 1px solid rgba(151,113,42,.20);
}

/* =========================================================
   EQUIPMENT / SKILLS
   Zachowujemy oryginalne pozycjonowanie elementĂłw
   ========================================================= */

#characterProfileTable #piv {
    padding: 20px !important;
    background-color: rgba(5,8,10,.82);
}

#characterProfileTable #piv_flex {
    gap: 18px;
    align-items: flex-start;
}

/* Link profilu */
p.address {
    margin: 18px 0 25px;
    padding: 10px 12px;
    text-align: center;
    color: #888;
    font-size: 11px;
    background: rgba(8,12,14,.80);
    border: 1px solid rgba(139,105,43,.45);
}

p.address a {
    color: #59b9ee;
}

/* MOBILE */
@media screen and (max-width: 700px) {
    #characterProfileTable > tbody > tr > td:first-child {
        width: 125px;
    }

    #characterProfileTable > thead h1 {
        font-size: 21px !important;
    }

    table.deathlist tbody td:first-child {
        width: auto;
    }
}


/* =========================================
   TIBORA - MY ACCOUNT PANEL
   ========================================= */

#myaccount .tibora-account-title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

/* Główny panel statystyk */
#myaccount .tibora-account-panel {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin: 15px 0 18px 0;
}

/* Pojedynczy kafelek */
#myaccount .tibora-account-stat {
    background: rgba(8, 12, 18, 0.88);
    border: 1px solid #8f6b28;
    border-radius: 5px;
    padding: 15px 8px;
    text-align: center;
    box-shadow:
        inset 0 0 12px rgba(0, 0, 0, 0.7),
        0 2px 5px rgba(0, 0, 0, 0.4);
}

/* Nazwa statystyki */
#myaccount .tibora-stat-label {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #b9a477;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

/* Wartość */
#myaccount .tibora-account-stat strong {
    display: block;
    font-size: 17px;
    color: #eeeeee;
}

/* Tibia Coins */
#myaccount .tibora-account-stat .tibora-coins {
    color: #e6b94f;
    text-shadow: 0 0 6px rgba(230, 185, 79, 0.25);
}

/* Premium */
#myaccount .tibora-account-stat .tibora-premium {
    color: #66d17a;
    text-shadow: 0 0 6px rgba(102, 209, 122, 0.25);
}

/* Przyciski */
#myaccount .tibora-account-buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0 0 25px 0;
}

#myaccount .tibora-account-btn {
    display: block;
    padding: 10px 6px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .5px;

    color: #ead9a8 !important;
    background: linear-gradient(
        to bottom,
        rgba(42, 55, 68, 0.95),
        rgba(17, 25, 34, 0.95)
    );

    border: 1px solid #92702d;
    border-radius: 4px;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.06),
        0 2px 4px rgba(0, 0, 0, 0.45);

    transition: all .15s ease;
}

#myaccount .tibora-account-btn:hover {
    color: #ffffff !important;
    border-color: #d0a84b;
    transform: translateY(-1px);
    background: linear-gradient(
        to bottom,
        rgba(57, 75, 91, 0.98),
        rgba(23, 34, 45, 0.98)
    );
}

/* Character List */
#myaccount > h2 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 12px;
}

/* Responsywność */
@media (max-width: 900px) {
    #myaccount .tibora-account-panel {
        grid-template-columns: repeat(2, 1fr);
    }

    #myaccount .tibora-account-buttons {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    #myaccount .tibora-account-panel,
    #myaccount .tibora-account-buttons {
        grid-template-columns: 1fr;
    }
}


/* Verified Email status */
#myaccount .tibora-email-verified {
    color: #55d66b !important;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(85, 214, 107, 0.35);
}

#myaccount .tibora-email-not-verified {
    color: #e05252 !important;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(224, 82, 82, 0.35);
}


/* TIBORA - Character Delete button */
#myaccount .tibora-delete-char {
    background: linear-gradient(to bottom, rgba(45,38,25,.95), rgba(20,17,12,.95));
    border: 1px solid #9b772f;
    border-radius: 4px;
    color: #e4c06a;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .7px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: inset 0 1px rgba(255,255,255,.05), 0 2px 4px rgba(0,0,0,.45);
    transition: all .15s ease;
}

#myaccount .tibora-delete-char:hover {
    color: #fff0b5;
    border-color: #d4aa4d;
    background: linear-gradient(to bottom, rgba(70,56,30,.98), rgba(31,25,16,.98));
    box-shadow: 0 0 8px rgba(212,170,77,.25);
    transform: translateY(-1px);
}

/* TIBORA - Pending character deletion */
.tibora-delete-warning {
    margin: 0 0 20px 0;
    padding: 15px 18px;
    text-align: center;
    background: rgba(18, 15, 10, .94);
    border: 1px solid #9b772f;
    border-radius: 5px;
    box-shadow: inset 0 0 15px rgba(0,0,0,.65), 0 2px 6px rgba(0,0,0,.45);
}

.tibora-delete-warning-title {
    color: #e4c06a;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.tibora-delete-warning-text {
    color: #d7d7d7;
    font-size: 13px;
    margin-bottom: 12px;
}

.tibora-delete-warning-text strong {
    color: #f0d58b;
}

.tibora-delete-date {
    color: #e06b55;
    font-weight: bold;
}

.tibora-cancel-delete {
    display: inline-block;
    padding: 7px 15px;
    color: #ead9a8 !important;
    background: linear-gradient(to bottom, #45371f, #211a10);
    border: 1px solid #a98338;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none !important;
}

.tibora-cancel-delete:hover {
    color: #fff !important;
    border-color: #d4aa4d;
    box-shadow: 0 0 8px rgba(212,170,77,.3);
}

/* TIBORA - improved DELETE character button */
#myaccount .tibora-delete-char {
    min-width: 85px;
    padding: 7px 14px !important;

    background: linear-gradient(
        to bottom,
        rgba(52, 43, 27, .98),
        rgba(20, 17, 12, .98)
    ) !important;

    border: 1px solid #b18a3d !important;
    border-radius: 3px;

    color: #e8c66f !important;
    font-family: inherit;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.2px;
    text-transform: uppercase;

    cursor: pointer;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 8px rgba(177,138,61,.08),
        0 2px 4px rgba(0,0,0,.55);

    transition: all .15s ease;
}

#myaccount .tibora-delete-char:hover {
    color: #fff0b5 !important;
    border-color: #e0b858 !important;

    background: linear-gradient(
        to bottom,
        rgba(78, 62, 32, .98),
        rgba(32, 25, 15, .98)
    ) !important;

    box-shadow:
        inset 0 0 10px rgba(224,184,88,.12),
        0 0 8px rgba(224,184,88,.30);

    transform: translateY(-1px);
}

#myaccount .tibora-delete-form {
    margin: 0;
    padding: 0;
    text-align: center;
}

/* =========================================================
   TIBORA - SUPPORT / HELPDESK
   ========================================================= */

.tibora-support {
    max-width: 850px;
    margin: 0 auto;
}

.tibora-support-title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #e4c06a;
    margin-bottom: 5px;
}

.tibora-support-subtitle {
    text-align: center;
    color: #aaa;
    font-size: 12px;
    margin-bottom: 25px;
}

/* Support panels */
.tibora-support-panel {
    background: rgba(8, 12, 18, .88);
    border: 1px solid #8f6b28;
    border-radius: 5px;
    margin-bottom: 22px;
    overflow: hidden;

    box-shadow:
        inset 0 0 15px rgba(0,0,0,.65),
        0 2px 6px rgba(0,0,0,.45);
}

.tibora-support-panel-title {
    padding: 11px 15px;

    background: linear-gradient(
        to bottom,
        rgba(55,45,25,.95),
        rgba(25,20,13,.95)
    );

    border-bottom: 1px solid #8f6b28;

    color: #e4c06a;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.tibora-support-content {
    padding: 18px;
}

/* Ticket table */
.tibora-ticket-table {
    width: 100%;
    border-collapse: collapse;
}

.tibora-ticket-table th {
    padding: 9px;
    background: rgba(35,30,20,.8);
    color: #d7b766;
    border: 1px solid #665126;
    font-size: 11px;
    text-transform: uppercase;
}

.tibora-ticket-table td {
    padding: 9px;
    border: 1px solid #403820;
    text-align: center;
    color: #ccc;
}

.tibora-ticket-table a {
    color: #e4c06a !important;
    text-decoration: none;
}

.tibora-ticket-table a:hover {
    color: #fff0b5 !important;
}

/* Form */
.tibora-support-field {
    margin-bottom: 15px;
}

.tibora-support-field label {
    display: block;
    color: #c8ad70;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-bottom: 6px;
}

.tibora-support-field input,
.tibora-support-field textarea {
    width: 100%;
    box-sizing: border-box;

    background: rgba(4,7,10,.85);
    border: 1px solid #665126;
    border-radius: 3px;

    color: #ddd;
    padding: 9px;

    outline: none;
}

.tibora-support-field input:focus,
.tibora-support-field textarea:focus {
    border-color: #b18a3d;
    box-shadow: 0 0 5px rgba(177,138,61,.25);
}

.tibora-support-field input[readonly] {
    color: #999;
    background: rgba(10,10,10,.65);
}

.tibora-support-field textarea {
    min-height: 140px;
    resize: vertical;
}

/* Submit */
.tibora-support-submit {
    display: block;
    min-width: 170px;
    margin: 18px auto 0 auto;
    padding: 9px 18px;

    background: linear-gradient(
        to bottom,
        rgba(52,43,27,.98),
        rgba(20,17,12,.98)
    );

    border: 1px solid #b18a3d;
    border-radius: 4px;

    color: #e8c66f;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;

    cursor: pointer;
}

.tibora-support-submit:hover {
    color: #fff0b5;
    border-color: #e0b858;
    box-shadow: 0 0 8px rgba(224,184,88,.30);
}

/* Ticket statuses */
.tibora-status-open {
    color: #63d37a;
    font-weight: bold;
}

.tibora-status-reply {
    color: #e4b957;
    font-weight: bold;
}

.tibora-status-closed {
    color: #d45b5b;
    font-weight: bold;
}


/* =========================================================
   TIBORA SHOP
   ========================================================= */

.tibora-shop-balance {
    margin: 15px 0 18px;
    padding: 16px 20px;
    background: rgba(5, 16, 23, 0.92);
    border: 1px solid #9b6a16;
    box-shadow: inset 0 0 18px rgba(0,0,0,.55);
    color: #ddd;
    font-size: 15px;
}

.tibora-shop-balance strong {
    color: #f0b82f;
    font-size: 20px;
}

.tibora-shop-balance a {
    float: right;
    padding: 6px 14px;
    border: 1px solid #a97418;
    background: rgba(9, 24, 31, .95);
    color: #f0b82f !important;
    text-decoration: none !important;
    transition: .2s;
}

.tibora-shop-balance a:hover {
    background: #a97418;
    color: #fff !important;
}

/* Kategorie */
#categoryNavigator {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 18px;
    padding: 10px;
    background: rgba(4, 15, 21, .82);
    border: 1px solid rgba(164, 111, 20, .65);
}

#categoryNavigator .nav_link {
    display: inline-block;
    padding: 8px 15px;
    min-width: 70px;
    text-align: center;
    color: #e5ae2d !important;
    background: rgba(8, 23, 30, .95);
    border: 1px solid #805914;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .5px;
    transition: .2s;
}

#categoryNavigator .nav_link:hover {
    background: #9b6917;
    border-color: #d7a52c;
    color: #fff !important;
}

/* Tabele ofert */
#cat_itemids,
#cat_premium,
#cat_outfits,
#cat_mounts,
#cat_misc {
    width: 100%;
    margin: 0 0 18px;
    border-collapse: separate;
    border-spacing: 0 5px;
    background: transparent;
}

#cat_itemids tr,
#cat_premium tr,
#cat_outfits tr,
#cat_mounts tr,
#cat_misc tr {
    background: rgba(5, 18, 25, .88);
}

#cat_itemids td,
#cat_premium td,
#cat_outfits td,
#cat_mounts td,
#cat_misc td {
    padding: 11px 10px;
    border-top: 1px solid rgba(122, 86, 22, .28);
    border-bottom: 1px solid rgba(122, 86, 22, .28);
    vertical-align: middle;
    color: #ddd;
}

/* Nagłówki tabel */
#cat_itemids tr.yellow,
#cat_premium tr.yellow,
#cat_outfits tr.yellow,
#cat_mounts tr.yellow,
#cat_misc tr.yellow {
    background: rgba(10, 29, 38, .97);
}

#cat_itemids tr.yellow td,
#cat_premium tr.yellow td,
#cat_outfits tr.yellow td,
#cat_mounts tr.yellow td,
#cat_misc tr.yellow td {
    color: #eab22c;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #805914;
    border-bottom: 1px solid #805914;
}

/* Obrazki itemĂłw */
#cat_itemids img,
#cat_premium img,
#cat_outfits img,
#cat_mounts img,
#cat_misc img {
    image-rendering: auto;
    vertical-align: middle;
}

/* Purchase */
#cat_itemids input[type="submit"],
#cat_premium input[type="submit"],
#cat_outfits input[type="submit"],
#cat_mounts input[type="submit"],
#cat_misc input[type="submit"] {
    padding: 8px 17px !important;
    min-width: 105px;
    cursor: pointer;
    color: #efb82e !important;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    background: linear-gradient(to bottom, #102832, #07171e) !important;
    border: 1px solid #9d6c17 !important;
    box-shadow: inset 0 0 8px rgba(0,0,0,.6);
    transition: .2s;
}

#cat_itemids input[type="submit"]:hover,
#cat_premium input[type="submit"]:hover,
#cat_outfits input[type="submit"]:hover,
#cat_mounts input[type="submit"]:hover,
#cat_misc input[type="submit"]:hover {
    color: #fff !important;
    border-color: #e0aa29 !important;
    background: linear-gradient(to bottom, #9b6917, #65440e) !important;
}

/* Nazwy ofert */
#cat_itemids td:first-child,
#cat_premium td:first-child,
#cat_outfits td:first-child,
#cat_mounts td:first-child,
#cat_misc td:first-child {
    font-weight: 500;
}

/* Show/hide kategorii */
#categoryNavigator + script + .show,
table.show {
    animation: tiboraShopFade .18s ease-out;
}

@keyframes tiboraShopFade {
    from { opacity: 0; transform: translateY(3px); }
    to   { opacity: 1; transform: translateY(0); }
}


/* =========================================================
   TIBORA - CENTRAL ACCOUNT LOGIN
   ========================================================= */

.tibora-center-login {
    width: 520px;
    max-width: calc(100% - 60px);
    margin: 38px auto 60px;
    padding: 0 0 22px;
    background: rgba(3, 16, 24, 0.94);
    border: 1px solid #956617;
    box-shadow:
        0 0 20px rgba(0, 0, 0, 0.65),
        inset 0 0 30px rgba(0, 0, 0, 0.45);
}

/* Nagłówek */
.tibora-center-login-title {
    padding: 15px 20px;
    text-align: center;
    color: #eeb52c;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(6, 24, 33, 0.98);
    border-bottom: 1px solid #956617;
}

.tibora-center-login-title i {
    margin-right: 8px;
    color: #eeb52c;
}

.tibora-center-login-subtitle {
    margin: 18px 0 22px;
    text-align: center;
    color: #b8c0c4;
    font-size: 13px;
}

/* Formularz */
.tibora-center-login form {
    padding: 0 30px;
}

.tibora-center-field {
    margin-bottom: 17px;
}

.tibora-center-field label {
    display: block;
    margin-bottom: 7px;
    color: #e0a92b;
    font-size: 12px;
    font-weight: bold;
}

.tibora-center-field label i {
    width: 18px;
    text-align: center;
}

/* Pola */
.tibora-center-field input {
    box-sizing: border-box;
    width: 100%;
    height: 43px;
    padding: 0 13px;
    color: #e8e8e8;
    background: rgba(1, 12, 18, 0.95);
    border: 1px solid #745016;
    outline: none;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .65);
    transition: border-color .2s, box-shadow .2s;
}

.tibora-center-field input:focus {
    border-color: #d39a20;
    box-shadow:
        inset 0 0 10px rgba(0,0,0,.65),
        0 0 7px rgba(211,154,32,.20);
}

.tibora-center-field input::placeholder {
    color: #65727a;
}

/* LOG IN - taki klimat jak niebieski przycisk z prawego panelu */
.tibora-center-login-button {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 43px;
    margin-top: 7px;
    cursor: pointer;

    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;

    background: linear-gradient(to bottom, #169fe4 0%, #0879bd 55%, #05639d 100%);
    border: 1px solid #57c3fa;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 0 8px rgba(0,0,0,.65);

    transition: .2s;
}

.tibora-center-login-button:hover {
    background: linear-gradient(to bottom, #28b3f4 0%, #0b8ed0 55%, #0872ad 100%);
    border-color: #8bd8ff;
}

.tibora-center-login-button i {
    margin-right: 7px;
}

/* Odzyskiwanie konta */
.tibora-center-login-recovery {
    margin: 14px 30px 0;
    text-align: center;
    font-size: 11px;
}

.tibora-center-login-recovery a {
    color: #d8a128 !important;
    text-decoration: none !important;
}

.tibora-center-login-recovery a:hover {
    color: #ffd365 !important;
    text-decoration: underline !important;
}

.tibora-center-login-recovery span {
    margin: 0 8px;
    color: #59636a;
}

/* OR */
.tibora-center-login-separator {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 19px 30px;
    color: #727b80;
    font-size: 10px;
    font-weight: bold;
}

.tibora-center-login-separator::before,
.tibora-center-login-separator::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(
        to right,
        transparent,
        rgba(151, 103, 22, .75),
        transparent
    );
}

/* Create account */
.tibora-center-register {
    box-sizing: border-box;
    display: block;
    margin: 0 30px;
    padding: 11px 15px;

    text-align: center;
    color: #e9b02b !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;

    background: rgba(7, 22, 29, .95);
    border: 1px solid #8c6018;

    transition: .2s;
}

.tibora-center-register:hover {
    color: #fff !important;
    background: rgba(137, 91, 15, .85);
    border-color: #d7a128;
}

.tibora-center-register i {
    margin-right: 7px;
}

/* Telefon / mniejszy ekran */
@media (max-width: 700px) {
    .tibora-center-login {
        width: auto;
        max-width: none;
        margin: 20px 12px 40px;
    }

    .tibora-center-login form {
        padding-left: 18px;
        padding-right: 18px;
    }

    .tibora-center-login-recovery,
    .tibora-center-login-separator {
        margin-left: 18px;
        margin-right: 18px;
    }

    .tibora-center-register {
        margin-left: 18px;
        margin-right: 18px;
    }
}


/* =========================================================
   TIBORA ADVENTURE - FIX
   ========================================================= */

.tibora-adventure {
    display: block !important;
    box-sizing: border-box !important;
    width: 94% !important;
    max-width: 760px !important;
    margin: 35px auto 60px !important;
    padding: 30px 28px 28px !important;

    background: rgba(3, 16, 23, 0.94) !important;
    border: 1px solid #916318 !important;

    box-shadow:
        0 0 20px rgba(0,0,0,.65),
        inset 0 0 35px rgba(0,0,0,.45) !important;
}


/* NAGŁÓWEK */

.tibora-adventure .tibora-adventure-heading {
    display: block !important;
    text-align: center !important;
    margin: 0 0 30px !important;
}

.tibora-adventure .tibora-adventure-icon {
    display: block !important;
    margin: 0 0 8px !important;
    color: #e8ad28 !important;
    font-size: 28px !important;
}

.tibora-adventure .tibora-adventure-heading h1 {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #efb52d !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-align: center !important;
}

.tibora-adventure .tibora-adventure-line {
    display: block !important;
    width: 200px !important;
    height: 1px !important;
    margin: 0 auto 14px !important;

    background: linear-gradient(
        to right,
        transparent,
        #b27a1c,
        transparent
    ) !important;
}

.tibora-adventure .tibora-adventure-heading p {
    display: block !important;
    max-width: 600px !important;
    margin: 0 auto !important;

    color: #aeb7bc !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}


/* 3 KAFELKI */

.tibora-adventure .tibora-adventure-steps {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;

    width: 100% !important;
    margin: 35px auto 0 !important;
}

.tibora-adventure .tibora-adventure-step {
    position: relative !important;

    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 170px !important;

    margin: 0 !important;
    padding: 27px 12px 18px !important;

    text-align: center !important;
    text-decoration: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(8,30,39,.98),
            rgba(3,16,22,.98)
        ) !important;

    border: 1px solid #765116 !important;

    box-shadow:
        inset 0 0 20px rgba(0,0,0,.50) !important;
}

.tibora-adventure a.tibora-adventure-step:hover {
    background:
        linear-gradient(
            180deg,
            rgba(13,43,54,.98),
            rgba(5,23,30,.98)
        ) !important;

    border-color: #d29a25 !important;
}


/* NUMERY 1 2 3 */

.tibora-adventure .tibora-step-number {
    position: absolute !important;
    top: -15px !important;
    left: 50% !important;

    display: block !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 0 0 -14px !important;
    padding: 0 !important;

    line-height: 28px !important;
    text-align: center !important;

    color: #07131a !important;
    font-size: 13px !important;
    font-weight: bold !important;

    background: #d8a229 !important;

    border: 1px solid #f3c65d !important;
    border-radius: 50% !important;

    box-shadow: 0 2px 7px rgba(0,0,0,.75) !important;
}


/* IKONY */

.tibora-adventure .tibora-step-icon {
    display: block !important;

    margin: 4px 0 13px !important;

    color: #e8ae29 !important;
    font-size: 27px !important;
    line-height: 30px !important;
}

.tibora-adventure .tibora-adventure-step strong {
    display: block !important;

    margin: 0 0 8px !important;

    color: #e9ae28 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    font-weight: bold !important;

    text-align: center !important;
}

.tibora-adventure .tibora-adventure-step span {
    display: block !important;

    max-width: 150px !important;
    margin: 0 auto !important;

    color: #87949a !important;
    font-size: 10px !important;
    line-height: 15px !important;

    text-align: center !important;
}


/* STRZAŁKI MIĘDZY KAFELKAMI */

.tibora-adventure .tibora-step-arrow {
    display: flex !important;
    flex: 0 0 35px !important;

    width: 35px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    color: #c18a24 !important;
    font-size: 14px !important;
}


/* DÓŁ */

.tibora-adventure .tibora-adventure-bottom {
    display: block !important;

    width: 430px !important;
    max-width: 100% !important;

    margin: 27px auto 0 !important;

    text-align: center !important;
}


/* CREATE ACCOUNT */

.tibora-adventure .tibora-adventure-main-button {
    box-sizing: border-box !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 12px 18px !important;

    color: #fff !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: bold !important;

    text-align: center !important;
    text-decoration: none !important;

    background:
        linear-gradient(
            to bottom,
            #179fe3,
            #087bbe 55%,
            #05639d
        ) !important;

    border: 1px solid #58c5fa !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 2px 8px rgba(0,0,0,.65) !important;
}

.tibora-adventure .tibora-adventure-main-button:hover {
    background:
        linear-gradient(
            to bottom,
            #2ab5f4,
            #0b8ed1 55%,
            #0872ad
        ) !important;
}


/* RECOVERY */

.tibora-adventure .tibora-adventure-recovery {
    display: block !important;

    margin: 14px 0 0 !important;

    color: #78858b !important;
    font-size: 10px !important;
    line-height: 16px !important;

    text-align: center !important;
}

.tibora-adventure .tibora-adventure-recovery a {
    color: #d8a129 !important;
    text-decoration: none !important;
}

.tibora-adventure .tibora-adventure-recovery a:hover {
    color: #ffd363 !important;
}


/* MOBILE */

@media (max-width: 750px) {

    .tibora-adventure {
        width: 94% !important;
        padding: 25px 15px !important;
    }

    .tibora-adventure .tibora-adventure-steps {
        display: block !important;
    }

    .tibora-adventure .tibora-adventure-step {
        display: flex !important;
        width: 100% !important;

        margin: 20px 0 !important;
    }

    .tibora-adventure .tibora-step-arrow {
        display: block !important;

        width: 100% !important;
        height: 18px !important;

        text-align: center !important;

        transform: rotate(90deg);
    }
}


/* ===== TIBORA FOOTER V2 ===== */

footer.tibora-footer,
footer.well.preventCollapse {
    text-align: center !important;
}

.tibora-footer-content {
    width: 100%;
    padding: 10px 0 8px;
    text-align: center;
}

.tibora-footer-name {
    color: #e6aa29;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.tibora-footer-copy {
    color: #8e999e;
    font-size: 11px;
    margin-bottom: 5px;
}

.tibora-footer-links {
    font-size: 11px;
}

.tibora-footer-links a {
    color: #dca62b;
    text-decoration: none;
    margin: 0 8px;
}

.tibora-footer-links a:hover {
    color: #ffd76a;
}

.tibora-footer-links span {
    color: #59666c;
}


/* =========================================================
   TIBORA - PROTECTED PAGE
   ========================================================= */

.tibora-protected {
    box-sizing: border-box;
    width: 92%;
    max-width: 650px;
    margin: 35px auto 55px;
    padding: 32px 40px;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            rgba(4, 20, 28, .96),
            rgba(2, 13, 19, .96)
        );

    border: 1px solid #8b6019;

    box-shadow:
        inset 0 0 35px rgba(0,0,0,.45),
        0 5px 20px rgba(0,0,0,.45);
}

.tibora-protected-icon {
    color: #e8ac27;
    font-size: 32px;
    margin-bottom: 10px;
}

.tibora-protected h1 {
    margin: 0;

    color: #efb42b;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
}

.tibora-protected-line {
    width: 180px;
    height: 1px;

    margin: 13px auto 18px;

    background: linear-gradient(
        to right,
        transparent,
        #b57b1d,
        transparent
    );
}

.tibora-protected-description {
    color: #aab4b9;
    font-size: 13px;
    margin-bottom: 25px;
}


/* INFO BOX */

.tibora-protected-info {
    display: flex;
    align-items: center;

    max-width: 460px;
    margin: 0 auto 28px;
    padding: 15px 18px;

    text-align: left;

    background: rgba(7, 29, 39, .75);
    border: 1px solid #604716;
}

.tibora-protected-info > i {
    color: #e5a827;
    font-size: 23px;
    margin-right: 15px;
}

.tibora-protected-info strong {
    display: block;
    color: #e2a72a;
    font-size: 12px;
    margin-bottom: 3px;
}

.tibora-protected-info span {
    display: block;
    color: #8d999f;
    font-size: 11px;
}


/* DIVIDER */

.tibora-protected-divider {
    display: flex;
    align-items: center;

    margin: 25px 0;
    color: #69767c;
    font-size: 10px;
    font-weight: bold;
}

.tibora-protected-divider:before,
.tibora-protected-divider:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #493817;
}

.tibora-protected-divider span {
    padding: 0 15px;
}


/* STEPS */

.tibora-protected-steps {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 0 28px;
}

.tibora-protected-steps > div {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 120px;
}

.tibora-protected-steps > div strong {
    display: block;

    width: 22px;
    height: 22px;
    line-height: 22px;

    margin-bottom: 8px;

    color: #07151c;
    background: #dba42a;

    border-radius: 50%;
    font-size: 10px;
}

.tibora-protected-steps > div i {
    color: #e6aa28;
    font-size: 21px;
    margin-bottom: 7px;
}

.tibora-protected-steps > div span {
    color: #c1c8cb;
    font-size: 10px;
    text-transform: uppercase;
}

.tibora-protected-arrow {
    color: #9d711e;
    font-size: 11px;
}


/* BUTTON */

.tibora-protected-button {
    box-sizing: border-box;

    display: block;
    width: 390px;
    max-width: 100%;

    margin: 0 auto;
    padding: 12px 15px;

    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;

    background: linear-gradient(
        to bottom,
        #18a1e5,
        #087dc0 55%,
        #05649e
    );

    border: 1px solid #55c5fa;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 2px 8px rgba(0,0,0,.55);
}

.tibora-protected-button:hover {
    background: linear-gradient(
        to bottom,
        #2bb6f5,
        #0b8ed2,
        #0871ad
    );
}


/* SECOND LINK */

.tibora-protected-secondary {
    display: inline-block;

    margin-top: 15px;

    color: #d7a029 !important;
    font-size: 10px;
    text-decoration: none !important;
}

.tibora-protected-secondary:hover {
    color: #ffd568 !important;
}


@media (max-width: 650px) {

    .tibora-protected {
        width: 94%;
        padding: 25px 15px;
    }

    .tibora-protected-steps > div {
        width: 90px;
    }

    .tibora-protected-steps > div span {
        font-size: 8px;
    }
}