@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
/* Global */
html{
	scrollbar-color: #686869 #0a0a0e;
}
html::-webkit-scrollbar {
    width:17px;
}
html::-webkit-scrollbar-track {
	background:#0a0a0e;
}
html::-webkit-scrollbar-thumb {
	background-color:#686869;
	border:1px solid #000000;
}
body{
	font-family:'Roboto',sans-serif;
	background:#000 url(../img/bg.jpg) no-repeat fixed center top;
	color: #fff;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
a{
	color:#b18ee7;
	outline:0;
}
a:hover{color: #b18ee7;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat',sans-serif;
	font-weight: 700;
	line-height: 1;
}
.card{background-color:rgba(0,0,0,0.75)}
.text-primary{color:#b18ee7 !important}
.text-secondary{color:#f8b758 !important}
.text-info{color:#0058ff !important}
.text-muted{color:#777 !important}
.alert-dark{
	background-color:transparent;
    color: rgba(255,255,255,.5);
	border-color: #333;
}
.nav-pills .nav-link {
    color: #fff;
	border:1px solid #333;
}
.btn-primary, .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle,.custom-control-input:checked ~ .custom-control-label::before,.page-item.active .page-link {
    background-color: #6f5499;
    border-color: #6f5499;
}
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #563d7c;
    border-color: #563d7c;
}
.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus,.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(111,84,153,.5);
    background-color: #6f5499;
    border-color: #6f5499;
}
.btn-outline-primary {
    color: #6f5499;
    border-color: #6f5499;
}
.btn-secondary,.btn-outline-secondary:hover,.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    background-color: #ddaa5f;
    border-color: #ddaa5f;
}
.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #c28939;
    border-color: #c28939;
}
.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(221,170,95,.5);
    background-color: #ddaa5f;
    border-color: #ddaa5f;
}
.btn-outline-secondary {
    color: #ddaa5f;
    border-color: #ddaa5f;
}
.btn-outline-dark {
    color: rgba(255,255,255,.5);
	border-color: #333;
}
a:hover .btn-outline-dark, .btn-outline-dark:hover,.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show > .btn-outline-dark.dropdown-toggle {
    color: #FFF;
	background-color: #333;
}
.btn-group-lg > .btn, .btn-lg{
	font-family:'Montserrat',sans-serif;
	text-transform:uppercase;
	font-size:1.125rem;
	white-space:normal !important;
}
.bg-light{background-color: rgba(255, 255, 255, 0.05) !important;}
.input-group > .form-control.order-2{
	border-radius:0 .25rem .25rem 0;
	border-left:none;
	padding:0;
}
.input-group > .input-group-prepend.order-1 > span{
	border-radius:.25rem 0 0 .25rem!important;
	border-right:none;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-group > .form-control.is-valid.order-2 ~ .input-group-prepend.order-1 > span,.was-validated .form-control.order-2:valid ~ .input-group-prepend.order-1 > span{
	border-color: #28a745;
}
.input-group > .form-control.is-invalid.order-2 ~ .input-group-prepend.order-1 > span,.was-validated .form-control.order-2:invalid ~ .input-group-prepend.order-1 > span{
	border-color: #dc3545;
}
.input-group-text {background-color:#fff}
.form-control:focus {
	border-color: #ced4da;
	box-shadow: none!important;
}
.form-control-plaintext {
	outline:none;
	cursor:auto;
}
label:hover{cursor:pointer}

.table,.table a{
	color: rgba(255, 255, 255, 0.85);
}
.table thead{background-color: rgba(0, 0, 0, 0.65)}
.table-hover tbody tr:hover {
	color: inherit;
	background-color: rgba(255,255,255,.075);
}
.table td, .table th {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	vertical-align: middle;
}
.table thead th {
    border-bottom: 2px solid rgba(255, 255, 255, 0.25);
	border-top:none;
}
.sortable {color: rgba(255, 255, 255, 0.85)}
.sortable:hover {text-decoration: none}
tr.bg-danger{background-color:rgba(220,53,69,.25)!important}
tr.bg-warning{background-color:rgba(255,193,7,.25)!important}
tr.top-ranked {
	font-weight: 700;
	background-color:rgba(111,84,153,.25);
}
.page-link{
	color: rgba(255,255,255,.5);
	border-color: #333;
	background-color: transparent;
}
.page-link:hover {
    color: #FFF;
    background-color: #333;
    border-color: #333;
}
.page-link:focus {box-shadow: 0 0 0 .2rem rgba(51,51,51,.5)}
.page-item.disabled .page-link {
	color: #333;
	background-color: transparent;
	border-color: #333;
}

/* Header */
#community-nav {
	height: 45px;
	background-color: #000;
	font-size: 0.875rem;
	z-index:3;
}
#community-nav a {
	transition: .15s color, .15s background-color;
}
#community-nav .navbar-brand {
	font-size: inherit;
	height: 35px;
	width: 67px;
	margin: 0 .5rem;
	background-image: url("../img/sprites.png");
	background-position-x:-382px;
}
#community-nav li.status::after{
	color: #333;
	content: "|";
	margin-right:1rem;
}
#gamesDropdown ~ div.dropdown-menu {
	width:100%;
	background-color: #000;
	border:none;
	border-radius:0;
}
#gamesDropdown ~ div.dropdown-menu .container {
	line-height:0;
}
#gamesDropdown ~ div.dropdown-menu .dropdown-item {
	height: 100px;
	width: 200px;
	display: inline-block;
	background-image: url("../img/sprites.png");
	background-repeat:no-repeat;
	background-position-x:-182px
}
#gamesDropdown ~ div.dropdown-menu .dropdown-item:first-child {
	background-position-x:18px
}
#main-nav {
	min-height:100px;
	background-color: rgba(0, 0, 0, 0.5);
	font-family: 'Montserrat',sans-serif;
	font-size: 1.125rem;
	z-index:2;
}
#main-nav a{
	color: #FFF;
	transition: .15s color;
}
#main-nav a:hover{
	color: #c86cff;
}
#main-nav a.navbar-brand img {
	max-height:100px;
}
#main-nav a.navbar-brand img {
	max-height:100px;
}
.dropdown-menu {
	background-color: #000;
	border:none;
	display: block;
	padding: 0;
	margin: 0;
	opacity: 0;
	height: 0;
	pointer-events: none;
	transition: .15s;
	overflow: hidden;
}
.dropdown-menu a {
	color: #FFF;
	transition: .15s color;
}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
}
.show > .dropdown-menu {
	pointer-events: auto;
	opacity: 1;
	height: auto;
	padding: .5rem 0;
	margin: .125rem 0 0;
}
main {
	flex:1;
}

/* Section */

.icon, #quicklinks .icon{
	background-image: url("../img/sprites.png");
	height: 100px;
	width: 75px;
	position: absolute;
}
.icon{margin: -35px 0 0 -15px;}
section h1{
	font-size: 1.75rem;
	margin-left:60px;
}

/* Footer */
#backtotop{
	position:fixed;
	height:50px;
	width:50px;
	right:2rem;
	bottom:2rem;
	z-index:1000;
	transition:visibility .5s,opacity .5s;
	opacity:0;
	visibility:hidden;
}
footer {
	background-color:rgba(0,0,0,0.75);
	font-size:.875rem;
}
footer a {
	color:rgba(255,255,255,.65);
	font-weight:700;
}
footer a:hover {
	color:#fff;
}
footer nav a {
	margin-right:1rem;
}
footer .container {
	padding:15px;
}
#social_footer a{font-weight:400}
#social_footer .fa-discord{margin-top:.2rem;}

/* Main */
#carousel-header{
	max-height:450px;
	margin-top: -148px;
}
#carousel-header img {
	max-width: 1500px;
	max-height: 450px;
}
.carousel-caption {
	right:0;
	left:0;
    padding: 20px 45px;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, .75);
}
.carousel-indicators{margin:0}
.carousel-indicators li{
	width:15px;
	height:15px;
	border-radius:50%;
}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition: opacity .6s ease-in-out}
div.news-container a, div.news-container a:hover{
	color: #FFF;
	text-decoration:none;
	display: block;
	margin: 0 -15px;
	padding: 0 15px;
	transition: .15s background-color;
}
div.news-container a:hover{
	background-color: rgba(255, 255, 255, 0.05);
	box-shadow: 0 4px 10px 0 rgba(1, 1, 1, 0.5);
}
article.news-post h2{font-size: 1.5rem}
div.news-img-empty{background:#000 url(../img/logo.png) center/contain no-repeat}
#sidebar p{
	margin:0;
}
#sidebar a{
	color:#fff;
}
#sidebar a:hover{
	color:#fff;
	text-decoration:none;
}
#newplayer{
	background:url(../img/quicklinks1.png) right no-repeat,
			linear-gradient(45deg, rgba(252, 196, 99, 0.75) 40%, rgba(233, 162, 67, 0.75) 0%) center center/105% 105% no-repeat;
	height:120px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
#newplayer p{
	position:absolute;
}
#newplayer .h2{
	text-transform:uppercase !important;
	right:15px;
	top:12px;
}
#newplayer .h3{
	bottom: 12px;
	left: 15px;
}
#quicklinks a .card-body {transition: .15s background-color;}
#quicklinks a:hover .card-body{background-color: rgba(255, 255, 255, 0.05);}
#quicklinks .card{height:85px;}
#quicklinks .icon{margin:.5rem 0 0;}
#quicklinks p{margin-left:6rem;}
#sociallinks .fa-discord{margin-top:.31rem}

/* Sections */
body.account_login {background-image:url(../img/bg_login.jpg)}
.news_index .icon,.news.icon{background-position-x:-449px;}
.account_create .icon{background-position-x:-524px;}
.account_login .icon,.account_logout .icon,.account_view .icon{background-position-x:-599px;}
.account_resetpass .icon,.account_changepass .icon{background-position-x:-674px;}
.account_resend .icon,.account_changemail .icon{background-position-x:-749px;}
.info .icon{background-position-x:-824px;}
.downloads .icon{background-position-x:-899px;}
.rules .icon{background-position-x:-974px;}
.newplayer .icon{background-position-x:-1049px;}
.woe_index .icon{background-position-x:-1124px;}
.server_status .icon{background-position-x:-1199px;}
.character_online .icon{background-position-x:-1274px;}
.ranking_character .icon{background-position-x:-1349px;}
.ranking_mvp .icon{background-position-x:-1424px;}
.ranking_homunculus .icon{background-position-x:-1499px;}
.ranking_mercenary .icon{background-position-x:-1574px;}
.ranking_zeny .icon{background-position-x:-1649px;}
.ranking_death .icon{background-position-x:-1724px;}
.ranking_fame .icon{background-position-x:-1799px;}
.ranking_guild .icon{background-position-x:-1874px;}
.ranking_battlegrounds .icon{background-position-x:-1949px;}
.vending_index .icon,.vending_viewshop .icon{background-position-x:-2024px;}
.buyingstore_index .icon,.buyingstore_viewshop .icon{background-position-x:-2099px;}
.donate_index .icon,.donate_complete .icon,.donate_history .icon,.donate_trusted .icon{background-position-x:-2174px;}
.icon.euro{background-position-x:-2249px}
.icon.ticket{background-position-x:-2324px}
.vote_index .icon{background-position-x:-2474px}
.privacy .icon{background-position-x:-2549px}
.changelog .icon,.changelog.icon{background-position-x:-2624px}
div.kaf_reg{background:url(../img/kaf_reg.png) center top/contain no-repeat}
img.error_404{
	margin-top:-48px;
	margin-bottom:-5rem;
}
h1.error_404{margin-left:0}
h1.error_404 span:first-of-type{font-size:10rem}
.homun-icon{
	height: 3rem;
	width: 3rem;
	background: center/contain no-repeat;
}
.homun-6001 {background-image:url(/data/homun/6001.gif)}
.homun-6002 {background-image:url(/data/homun/6002.gif)}
.homun-6003 {background-image:url(/data/homun/6003.gif)}
.homun-6004 {background-image:url(/data/homun/6004.gif)}
.homun-6005 {background-image:url(/data/homun/6005.gif)}
.homun-6006 {background-image:url(/data/homun/6006.gif)}
.homun-6007 {background-image:url(/data/homun/6007.gif)}
.homun-6008 {background-image:url(/data/homun/6008.gif)}
.homun-6009 {background-image:url(/data/homun/6009.gif)}
.homun-6010 {background-image:url(/data/homun/6010.gif)}
.homun-6011 {background-image:url(/data/homun/6011.gif)}
.homun-6012 {background-image:url(/data/homun/6012.gif)}
.homun-6013 {background-image:url(/data/homun/6013.gif)}
.homun-6014 {background-image:url(/data/homun/6014.gif)}
.homun-6015 {background-image:url(/data/homun/6015.gif)}
.homun-6016 {background-image:url(/data/homun/6016.gif)}
.homun-6048 {background-image:url(/data/homun/6048.gif)}
.homun-6049 {background-image:url(/data/homun/6049.gif)}
.homun-6050 {background-image:url(/data/homun/6050.gif)}
.homun-6051 {background-image:url(/data/homun/6051.gif)}
.homun-6052 {background-image:url(/data/homun/6052.gif)}
.price-1{color: #00c3c3}
.price-10{color: #9f53fd}
.price-100{color: #45a8ff}
.price-1000{color: #ff9643}
.price-10000{color: #ff9be6}
.price-100000{color: #3f60ff}
.price-1000000{color: #2cb95e}
.price-10000000{color: #f97f80}
.price-100000000{color: #a2a256}
.price-1000000000{color: #f95079}
.donation{line-height:2}
.donation span{
	width: 60px;
    margin-left: 15px;
    display: inline-flex;
    height: 1em;
}
.donation .icon{margin-top:-35px!important}
body.updater_index nav#main-nav{
	background-color: #0C0C0C;
	position: fixed;
	width: 100%;
	z-index: 1000;
}
body.updater_index nav#main-nav > div.container{max-width: 100%}
body.updater_index div#carousel-header{margin-top:50px}
body.updater_index ul#sociallinks{
	width:250px;
	top:-75px;
	right:5px;
	z-index:1;
}
body.updater_index ul#sociallinks a{color:#FFFFFF}
body.updater_index ul#sociallinks .fa-4x{
	filter:drop-shadow(5px 5px 5px #000);
}
#news-bar div.news-img-empty{background:#000 url(../img/logo.png) center/contain no-repeat !important}
#news-bar .title{bottom:0;background-image:linear-gradient(rgba(0,0,0,0),#000)}
#news-bar h2{bottom:0;font-size:1rem;line-height:1.25}
#news-bar a{color:#FFFFFF}
/* Viewport */
@media (max-width: 575.98px) {
	.h1,h1{font-size:2rem}
	 h1.error_404 span:first-of-type{font-size:7rem}
	#community-nav li.status::after{margin-right:.5rem}
	.icon{margin-top:-20px}
}
@media (max-width: 767.98px) {
	div.news-img{height:150px}
	div.news-img img{
		min-height:100%;
		height:auto !important;
	}
}
@media (max-width: 1199.98px) {
	#carousel-header .h1{font-size:1.75rem}
	#carousel-header .h2{font-size:1.125rem}
	.carousel-caption {padding:0 75px}
}
@media (min-width: 576px) {
	img.error_404{margin-bottom:-125px}
	#navbarsubmenu{margin:0 -.25em}
}
@media (min-width: 768px) {
	div.news-img{border-radius:50%}
	div.news-img img{width:auto !important}
	div.news-img-empty{background-image:url(../img/icon.png)}
}
@media (min-width: 992px) {
	#main-nav {
		height:100px;
		margin-bottom:50px !important
	}
	#main-nav .navbar-brand {margin-top:45px}
	#main-nav a.navbar-brand img {
		max-height:100%;
		max-width:300px;
	}
}
@media (min-width: 1200px) {
	#main-nav {margin-bottom:120px !important}
	#main-nav .navbar-brand {margin-top:100px}
	#main-nav a.navbar-brand img {max-width:100%}
	#carousel-header {margin-top:-220px}
	img.error_404{margin-top:-120px}
	#quicklinks p.h2 {font-size: 2rem;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	#quicklinks p.h2 {
		font-size: 1.75rem;
		margin-left: 5.5rem;
	}
}

/*original*/
.state-pending {
	color: orange;
}
.state-banned {
	color: red;
}
.state-permanently-banned {
	font-weight: bold;
	color: red;
}
.raw-txn-log {
	padding: 10px;
	font-family: "Monaco", "Lucida Console", "Courier New", monospace;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 96%;
	overflow: scroll;
}
.online {
	color: #000;
}
.offline {
	color: #aaa;
}
#info p {
	margin-top: 5px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 8pt;
	color: #aaa;
	text-align: right;
}
.character-stats {
	border-spacing: 0;
	border-collapse: collapse;
	color: #ccc;
}
.character-stats td {
	padding: 0px 10px 5px 0;
	border: 0;
	text-align: center;
}
.character-stats .stat-name {
	color: #666;
}
.character-stats .stat-value {
	color: #000;
}
.emblem-server {
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	font-size: 120%;
	border-bottom: 1px solid #ddd;
}
.emblem-server label {
	display: block;
}
.emblem-server label:hover {
	cursor: pointer;
}
.script-line {
	font-family: Monaco, "Lucida Console", monospace;
}
.script-line-num {
	display: inline-block;
	margin: 0;
	padding: 5px;
	background-color: #eee;
	border-right: 1px solid #ddd;
}
.script-line-code {
	display: inline-block;
	margin: 0;
	padding: 5px;
}
.shop-table {
	width: 100%;
	color: #000;
	border-spacing: 0 10px;
	border-collapse: separate;
}
.shop-table td {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.shop-item-image {
	width: 75px;
	height: 100px;
	text-align: center;
}
.shop-item-name {
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	font-size: 140%;
	color: #222;
	border-bottom: 1px solid #eee;
}
.shop-item-cost-qty {
	width: 150px;
	color: #aaa;
	text-align: center;
}
.cost {
	color: #000;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}
.qty {
	color: #000;
}
.shop-item-action {
	color: #ddd;
}
.shop-item-action a {
	color: #80a2c8;
	border-bottom: 1px solid #eee;
}
.shop-item-action a:hover {
	border-bottom: 1px solid #80a2c8;
}
.short {
	width: 40px;
}
.shop-server-name {
	color: #333;
}
.shop-item-info {
	text-align: justify;
}
.cart-items-text {
	margin: 0 0 5px 0;
	padding: 5px;
	color: #ddd;
	background-color: #888;
	border: 5px solid #777;
}
.cart-info-text {
	margin: 0 0 5px 0;
	padding: 0;
}
.cart-total-text {
	margin: 0;
	padding: 0;
}
.cart-item-name {
	color: #fff;
	border-bottom: 1px dotted #aaa;
}
.cart-item-count {
	font-size: 120%;
	font-weight: bold;
	color: #000;
}
.cart-sub-total {
	color: #000;
}
.cart {
	width: 100%;
}
.cart label {
	display: block;
}
.cart h4 {
	margin: 10px 0 2px 0;
	font-size: 140%;
}
.remove-from-cart {
	width: 100%;
	text-align: right;
}
.checkout-text {
	font-size: 120%;
	font-weight: bold;
}
.checkout-text a {
	border-bottom: 1px dotted #ccc;
}
.checkout-text a:hover {
	color: #000;
	border-bottom: 1px solid #aaa;
}
.checkout-info-text {
	margin: 0 0 5px 0;
	padding: 0;
}
.remaining-balance {
	color: #000;
}
.action {
	color: #ddd;
}
.action a, .action span.anchor {
	color: #80a2c8;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.button-action {
	padding: 5px 0;
	text-align: left;
}

.script {
	width: 98%;
}

.multi-select {
	width: 100%;
}

.jump-to-page {
	margin-top: 8px;
	font-size: 8pt;
	text-align: center;
}

.jump-to-page input {
	padding: 2px;
	font-size: 8pt;
}



.empty-row {
	visibility: hidden;
}

.item-drop-mvp td {
	color: #000;
	background-color: #F8F8FF;
}

.item-drop-card td {
	color: #000;
	background-color: #F0FFFF;
}

.mvp {
	font-size: xx-small;
	font-weight: bold;
	color: #ff0000;
	vertical-align: top;
}

.monster-mode {
	margin: 0;
	padding: 0;
	list-style: square inside;
}

.monster-mode li {
	padding: 1px;
	border-bottom: 1px dotted #eee;
}

.equipped td {
	background-color: #f1ffff;
}

.job-classes {
	border-spacing: 0;
}

.job-classes td {
	padding-right: 10px;
	border-right: 1px solid #eee;
}

.current-shop-category {
	font-weight: bold;
}

.normalslotted .equipped {
	color: #25292b;
}

.overslotted1 {
	color: #32cd32;
}

.overslotted2 {
	color: #00bfff;
}

.overslotted3 {
	color: #ffa500;
}

.overslotted4 {
	color: #9932cc;
}

.hold-hours {
	color: #ffba00;
	font-style: italic;
}