.footer {
	font-family: 'Segoe UI', 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', 'Arial', 'sans-serif';
	width: 940px;
	font-size: 12px;
	color: #666666;
	padding: 40px;
	overflow: auto;
	margin: 0px auto 100px auto;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
}
	.footer > .footer-container {
		width: 100%;
		margin: 0px auto;
	}
		.footer > .footer-container a:hover {
			text-decoration: underline !important;
		}
	.footer hr {
		border-top: 1px solid #cacaca;
	}
	.footer .footer-social-link {
		filter: grayscale(100%);
		transition: all .3s ease;
	}
	.footer .footer-social-link:hover {
		filter: grayscale(0%);
	}

	.col-xs-4 {
    width: 33.33333333%;
    position: relative;
    min-height: 1px;
    display: flex;
}

/* RANKINGS MODULE */
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: auto;
}

.rankings-class-image {
	width: 22px;
	height: auto;
	border: 1px solid #000;
	box-shadow: none;
	border-radius: 0;
}
.rankings-table tr td {
	border: 1px solid #000;
	padding: 4px 3px;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	vertical-align: middle !important;
	text-align: center;
	background: url("../img/back.gif");
	color: #fff;
}
.rankings-table-place {
	color: #ff3214;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 22px;
}
.rankings-table tr:first-child td {
	color: #c9c9c9;
	font-size: 11px;
	font-weight: bold;
	background: url("../img/1.gif");
	border: 1px solid #000;
	padding: 5px 3px;
}
.rankings-update-time {
	text-align: right;
	font-size: 10px;
	color: #ccc;
	padding: 8px 0 0;
}
.rankings_menu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	margin: 0 0 10px;
	overflow: visible;
	text-align: center;
}
.rankings_menu span {
	width: 100%;
	display: block;
	padding: 4px 0;
	color: #e19a00;
	font-size: 12px;
}
.rankings_menu a {
	display: block;
	flex: 1 1 30%;
	min-width: 90px;
	max-width: none;
	width: auto;
	border: 1px solid #000;
	text-align: center;
	padding: 5px 4px;
	margin: 0;
	background: url("../img/1.gif");
	border-radius: 0;
	color: #e4e6eb;
	font-size: 11px;
	font-weight: bold;
	box-sizing: border-box;
}

.rankings_menu a:hover {
	color: #e1fa00;
	background: url("../img/6.gif");
}

.rankings_menu a.active {
	color: #ffffff;
	border-color: #8b0000;
	background: url("../img/6.gif");
}

.rankings-class-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	list-style: none;
	margin: 6px 0 12px;
	padding: 6px 0;
	gap: 4px;
}

.rankings-class-filter li {
	display: inline-block;
	margin: 0;
}

.rankings-class-filter-selection {
	display: block;
	width: 62px;
	text-align: center;
	color: #e19a00;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	padding: 4px 2px;
	border: 1px solid #000;
	background: url("../img/1.gif");
}

.rankings-class-filter-selection:hover {
	color: #e1fa00 !important;
}

.rankings-class-filter-selection:hover img {
	filter: brightness(120%);
}

.rankings-class-filter-selection img {
	width: 28px;
	height: auto;
	border: 1px solid #000;
	border-radius: 0;
	margin: 0 auto 3px;
	display: block;
}

.rankings-class-filter-grayscale {
	filter: grayscale(100%);
	opacity: 0.75;
}

.rankings-class-filter-selection.rankings-class-filter-active {
	filter: none;
	opacity: 1;
	color: #fff;
	border-color: #8b0000;
	background: url("../img/6.gif");
}
.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* MY ACCOUNT MODULE */
.myaccount-table {
	width: 100%;
	border: 1px solid #e3e3e3;
    margin-bottom: 20px;
}
.myaccount-table tr td:first-child {
	color: #666;
	font-weight: bold;
}
.myaccount-table tr td {
	border-bottom: 1px solid #e3e3e3;
	padding: 15px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}

.myaccount-table a {
	color: #e19a00;
}
.myaccount-table a:hover {
	color: #ffffff !important;
	background-color: #161616 !important;
}


/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block {
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
	.myaccount-character-block img {
		width: 100px;
		height: auto;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
.myaccount-character-block img:hover {
			-webkit-filter: brightness(120%);
			filter: brightness(120%);
		}
.myaccount-character-block-location {
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 2px;
	line-height: 1.2;
}
.myaccount-character-block-level {
	position: relative;
	top: -77px;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: 0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}

.col-xs-3 {
	width: 130px;
    float: left;
}
.text-center {
    text-align: center;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.page-title{
    background-repeat: no-repeat;
    padding-left: 5px;
    color: #ff6600;
    border: 1px solid #050505;
    height: 21px;
    background: url(../img/1.gif);
    margin-bottom: 10px;
}
.form-horizontal{
	padding-left: 16px;
}
.form-horizontal .form-group{
	padding-bottom: 10px;
}
.admincp-button {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #000000 !important;
	border: 2px solid #ffffff !important;
	color: #ffffff !important;
	font-weight: bold !important;
	padding: 12px;
}
.admincp-button:hover {
	border: 2px solid #000000 !important;
	color: #ffffff !important;
	font-weight: bold !important;
}
.usercp-mod{
	display: flex;
	padding-bottom: 3px;
}
.usercp-mod a{
	padding: 3px 3px;
}
.tmp_left_menu{
	padding: 5px;
}
.btn-xs{
    padding: 5px;
	border: 1px solid #ff0000 !important;
	border-radius: 2px !important;
}

/* DOWNLOADS MODULE */
.downloads-section {
	margin: 0 0 12px;
	border: 1px solid #000;
}
.downloads-section-title {
	background: url("../img/1.gif");
	border-bottom: 1px solid #000;
	color: #e19a00;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 6px;
	text-align: left;
}
.downloads-section-title span {
	display: inline-block;
	min-width: 18px;
	margin-right: 6px;
	padding: 1px 4px;
	border: 1px solid #000;
	background: url("../img/6.gif");
	color: #fff;
	font-size: 10px;
	text-align: center;
}
.downloads-list {
	background: url("../img/back.gif");
}
.downloads-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 6px;
	border-bottom: 1px solid #000;
}
.downloads-item:last-child {
	border-bottom: none;
}
.downloads-item-info {
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
}
.downloads-item-name {
	color: #e19a00;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
}
.downloads-item-desc {
	color: #c9c9c9;
	font-size: 10px;
	font-weight: normal;
	margin-top: 2px;
	line-height: 1.3;
}
.downloads-item-size {
	flex: 0 0 62px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
}
.downloads-item-btn {
	flex: 0 0 auto;
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #000;
	background: url("../img/1.gif");
	color: #e19a00 !important;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
}
.downloads-item-btn:hover {
	background: url("../img/6.gif");
	color: #e1fa00 !important;
}
.downloads-empty {
	color: #999;
	font-size: 11px;
	padding: 12px 8px;
	text-align: center;
}

/* INFO MODULE */
.info-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 8px;
	border-bottom: 1px solid #000;
	font-size: 11px;
	text-align: left;
}
.info-row:last-child {
	border-bottom: none;
}
.info-row-label {
	flex: 0 0 42%;
	color: #c9c9c9;
}
.info-row-value {
	flex: 1 1 auto;
	color: #8cff2f;
	font-weight: bold;
	text-align: right;
}
.info-row-cmd {
	flex: 0 0 42%;
	color: #e19a00;
	font-weight: bold;
	white-space: nowrap;
}
.info-row-desc {
	flex: 1 1 auto;
	color: #fff;
	text-align: right;
}

.sidebar-social {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 6px 6px 8px;
	box-sizing: border-box;
	width: 100%;
}
.sidebar-social-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 8px;
	border: 1px solid rgba(0, 0, 0, 0.55);
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.18);
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	color: #fff !important;
	text-shadow: 1px 1px 0 #000, 0 1px 2px rgba(0, 0, 0, 0.75);
}
.sidebar-social-btn svg {
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
	filter: drop-shadow(1px 1px 0 #000);
}
.sidebar-social-wpp {
	background: #22e65a;
}
.sidebar-social-wpp:hover {
	background: #18d14c;
	color: #fff !important;
}
.sidebar-social-discord {
	background: #3d78ff;
}
.sidebar-social-discord:hover {
	background: #2f66eb;
	color: #fff !important;
}
.sidebar-social-ig {
	background: linear-gradient(90deg, #ff9a32 0%, #ff6b4a 48%, #ff4d96 100%);
}
.sidebar-social-ig:hover {
	filter: brightness(1.08);
	color: #fff !important;
}
.sidebar-social-ig:hover svg {
	filter: drop-shadow(1px 1px 0 #000);
}
.sidebar-social-fb {
	background: #3ca6ff;
}
.sidebar-social-fb:hover {
	background: #2b96ef;
	color: #fff !important;
}

/* NEWS */
.home-news-block {
	width: 100%;
	margin: 0;
	padding: 0 4px 6px;
	box-sizing: border-box;
	text-align: left;
}
.home-news-block-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 6px;
	padding: 4px 8px;
	border: 1px solid #000;
	background: url("../img/4.gif");
}
.home-news-block-header h2 {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #cccc00;
	line-height: 1.3;
}
.home-news-block-header a {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #e19a00 !important;
	padding: 0 !important;
	text-decoration: none !important;
}
.home-news-block-header a:hover {
	color: #e1fa00 !important;
}
.home-news-block-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.home-news-block-article-thumb {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	object-fit: cover;
	border: 1px solid #000;
	background: #111;
	display: block;
}
.home-news-block-article {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 5px 6px;
	border: 1px solid #000;
	background: url("../img/back.gif");
	text-decoration: none !important;
	box-sizing: border-box;
}
.home-news-block-article:hover {
	background: url("../img/1.gif");
}
.home-news-block-article-type {
	flex: 0 0 48px;
	display: inline-block;
	padding: 2px 0;
	border: 1px solid #000;
	background: url("../img/1.gif");
	color: #e19a00;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.home-news-block-article-title {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3;
}
.home-news-block-article:hover .home-news-block-article-title {
	color: #e1fa00;
}
.home-news-block-article-date {
	flex: 0 0 auto;
	color: #e19a00;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	line-height: 1.3;
}
.home-news-empty {
	padding: 8px;
	border: 1px solid #000;
	background: url("../img/back.gif");
	color: #c9c9c9;
	font-size: 11px;
}

.panel-news {
	margin: 0 0 10px;
	border: 1px solid #000;
	border-radius: 0;
	box-shadow: none;
	background: url("../img/back.gif");
	color: #ddd;
	overflow: hidden;
}
.panel-news .panel-heading {
	padding: 5px 8px;
	border-bottom: 1px solid #000;
	background: url("../img/4.gif");
}
.panel-news .panel-title,
.panel-news .panel-title a {
	margin: 0;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cccc00;
	text-decoration: none !important;
}
.panel-news .panel-title a:hover {
	color: #e1fa00;
}
.panel-news .panel-body {
	padding: 10px 8px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color: #ddd;
	text-align: left;
}
.panel-news .panel-body p,
.panel-news .panel-body span {
	font-size: 11px !important;
	color: #ddd !important;
	line-height: 1.5;
}
.panel-news .panel-footer {
	height: auto;
	overflow: hidden;
	padding: 4px 8px;
	border-top: 1px solid #000;
	background: url("../img/1.gif");
	color: #e19a00;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	font-style: normal;
}
.panel-news .panel-footer .col-xs-6 {
	width: 50%;
	float: left;
	padding: 0;
}
.news-readmore {
	display: inline-block;
	margin-top: 8px;
	color: #e19a00 !important;
	font-weight: bold;
}