* {
	padding: 0px;
	margin: 0px;
}
body {
	background-color: #151515; /* should check shades of this in different colors (blue/green/red) */
	color: #ddd;
	font-family: "Montserrat", Arial, serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	width: 100%;
	
}
a {

	text-decoration: none;
	/*color: #594173;*/
	color: #4a904fd9;
}
a:visited,
a:hover,
a:active,
a:link {
	/*color: #594173;*/
	color: #4a904fd9;
}
a:first-letter {
	text-transform: capitalize !important;
}
.footer a {
	color: #ddd;
}
.footer a:visited,
.footer a:hover,
.footer a:active,
.footer a:link {
	color: #ddd;
}
ul li {
	list-style-type: none;
}
.no-pad { padding: 0px !important; }
.no-pad-left { padding-left: 0px; }
.no-pad-right { padding-right: 0px; }
.no-margin { margin: 0px !important; }
.comment {
	margin: 5px 0px;
}
.text-center {
	text-align: center;
}
.super {
	font-size: 10px;
	vertical-align: super;
}
.inactive {
	opacity: 0.3;
	cursor: default;
}
.title {
	font-weight: 700;
}
.invalid,
.error {
	color: #FF3030;
}
.warning {
	color: #ef991f;
}
.inactive-price {
	background-color: #ffd8a0 !important;
	background: 
	  repeating-linear-gradient(
	    135deg,
	    transparent,
	    transparent 2px,
	    #ffd8a0 4px,
	    #f7bc67 8px
	  )
}
.profit,
.success {
	color: #019601;
}
.ccs-profit {
	color: #2b5d2f;
}
.brand-green {
	color: #4a904f;
}
.profit-2 {
	color: #20b320;
}
.loss-2 {
	color: #dd3232;
}
.profit-bg {
	background-color: #4a904f;
	border-color: #111 !important;
}
.loss {
	color: #b54c4c;
}
.loss-bg {
	background-color: #b54c4c;
	border-color: #111 !important;
}
.float-left {
	float: left;
}
.float-right {
	float: right !important;
}
.recommended {
	background-color: #e5ffe5 !important;
}
.clearboth,
.clearfix {
	clear: both !important;
}
.completed {
	background-color: #b3ffb3 !important;
}
.pointer:hover {
	cursor: pointer;
}
.fix-input-width {
	width:100%;
}
.notice {
	color: #C9302C;
}
.cursor {
	cursor: pointer;
}
.font-size-12 {
	font-size: 12px;
}
input[readonly], .form-control[readonly] {
    background-color: #fff;
}
.padding-15 {
	padding: 15px;
}
.padding-10 {
	padding: 10px;
}
#tracker-plugin-banner > div > span {
	vertical-align: middle !important;
}
.player-rank {
	vertical-align: sub;
	padding-right: 3px;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.show-bullets {
	padding-left: 40px;
}
.show-bullets > li {
	list-style-type: disc;
}
.div-indent-little {
	padding-left: 25px;
}
.underline:hover {
	text-decoration: underline !important;
}
.inline {
	display: inline !important;
}
.inline-block {
	display: inline-block !important;
}
.size-8 {
	font-size: 8px;
}
.size-10 {
	font-size: 10px;
}
.tooltip > .tooltip-inner {
	background-color: #171717;
}
code {
	padding: 2px 4px;
    font-size: 90%;
    color: #ddd !important;
    background-color: #151515 !important;
    border-radius: 4px;
}
#tracker-navbar-item::after {
	font-size: 8px;
	color: #ddd;
	position: absolute;
	content: "alpha";
	left: 65px;
	top: 6px;
}
.div-indent-more {
	padding-left: 35px;
}
.title-pad {
	padding-top: 30px;
}
.row-pad-top-small {
	padding-top: 10px;
}
.row-pad-top-medium {
	padding-top: 20px;
}
.row-pad-top-large {
	padding-top: 30px;
}
.row-pad-top-larger {
	padding-top: 40px;
}
.row-pad-top-largest {
	padding-top: 50px;
}
.v-align-mid {
	vertical-align: middle !important;
}
.v-align-baseline {
	vertical-align: baseline !important;
}
.checkbox-pad {
	padding-left: 5px;
}
.news-sub-title {
	padding-top: 10px;
}
.ccs-logo-med {
	max-width: 90px;
}

.twitter-button {
	background-color: #1da1f2;
	border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
    padding: 8px 14px;
    color: #fff !important;
    width: fit-content;
    display: inline-block;
}

.twitter-button img {
	width: 18px;
}

.patreon-button {
	background-color: #f96855;
	border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
    padding: 8px 14px;
    color: #fff !important;
    width: fit-content;
    display: inline-block;
}
.patreon-button:hover,
.twitter-button:hover {
	text-decoration: none;
}
.patreon-button img {
	width: 18px;
}
.ul-no-margin {
	margin: 0;
}
.obtained,
.not-obtained {
	cursor: pointer;
}
.img-icon-pad-right {
	padding-right: 5px;
}
.middle {
	vertical-align: middle !important;
}
.hover-nodec:hover {
	text-decoration: none !important;
}
.no-border-radius {
	border-radius: 0px;
}
.no-border {
	border: none !important;
}
.no-bold {
	font-weight: 300 !important;
}
.cursor-default {
	cursor: default !important;
}
.tooltip.in {
	opacity: 1;
}
#favorited-users {
	padding-top: 30px;
}
.no-decoration:hover {
	text-decoration: none;
}
.favorited-users-remove-user {
}
.favorited-users-user {
	padding-left: 10px;
}
.favorited-users-row {
	padding: 2px 0px;
}
.favorited-users-row:nth-child(even) {
	background-color: #171717;
	border-bottom: 1px solid #111;
}
.favorited-users-row:nth-child(odd) {
	background-color: #1a1a1a;
	border-bottom: 1px solid #111;
} 
.favorites-users-table {
}

/*================= end helpers =================*/
#favorites-header {
	border-bottom: 1px solid #4a904f;
}
.tooltip-inner {
	width: 1000px !important;
}
@media (max-width: 765px) {
	.current-top-player-xp-gained .tooltip-inner, 
	.current-top-bosses-player-kill-count-gained .tooltip-inner {
		display: none !important;
	}
}
@media (min-width: 768px) {
	.main-container {
		width: 100%;
		margin: 0px auto;
	}
	body {
		/*background-color: #4a904f;  should check shades of this in different colors (blue/green/red) */
		/*color: #292929;*/
		/*font-family: "Open Sans", Arial, serif;*/
		font-size: 1.5em;
		/*letter-spacing: 0.5px;*/
		/*width: 100%;*/
	}
	.mobile-padding-0 {
		padding: 0 !important;
	}
}
/* md */
@media (min-width: 992px) {
	.main-container {
		width: 100%;
		margin: 0px auto;
	}
	body {
		/*background-color: #4a904f;  should check shades of this in different colors (blue/green/red) */
		/*color: #292929;*/
		/*font-family: "Open Sans", Arial, serif;*/
		font-size: 2em;
		/*letter-spacing: 0.5px;*/
		/*width: 100%;*/
	}
	.mobile-padding-0 {
		padding: 0 !important;
	}
}
/* lg */
@media (min-width: 1200px) {
	.main-container {
		width: 80%;
		margin: 0px auto;
	}
	body {
		font-size: 14px;
	}
}

/* Navbar text color */
.navbar-default .navbar-nav > li > a {
	color: #4a904f;
}
.navbar-default {
	background-color: #1f1f1f;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
	border: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #4a904f;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #4a904f;
	background-color: transparent;
}
.navbar {
	border-radius: 0px;
	border-bottom: 1px solid #111;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}
.navbar-brand {
	font-size: 20px;
	line-height: 18px;
}
.dropdown-menu > li > a {
	color: #4a904f;
	padding: 5px 20px;

}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #f8f8f8;
	text-decoration: none;
	background-color: #4a904f;

}
.custom-panel {
	background-color: #1f1f1f;
	padding-bottom: 20px;
	border-radius: 4px;
	padding: 0px;
}
.custom-panel-heading {
	color: #ddd;
	background-color: #171717;
	border-color: #111;
	border-bottom: 1px solid #111;
}
.panel-default > .panel-heading {
	color: #ddd;
	background-color: #171717;
	border-color: #111;
}
.panel-title {
	font-weight: 700;
	font-size: 1.3em;
}
.panel {
	background-color: #1f1f1f;
	border-color: #111;
}
.input-group-img {
	display: table-cell;
}
.input-group-addon {
	background-color: #171717;	
	border-color: #111;
	border-left: none !important;
}
.skill-img {
	border: 1px solid #111;
	/*box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);*/
	padding: 4px;
	border-radius: 3px;
	/*border-top-right-radius: 0px;*/
	/*border-bottom-right-radius: 0px;*/
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
	font-size: 0;
	width: auto;
}
.max-skill-img {
	border: 1px solid #ccc;
	padding: 4px;
	border-radius: 3px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
	font-size: 0;
	width: auto;
	border-right: none;
}
.form-control {
	height: 35px;
}
.btn {
	font-size: 15px;
}
.radio-pad {
	padding: 0px 10px 0px 5px;
	vertical-align: sub;
}
.image-radio-pad {
	padding: 0px 5px 0px 10px;
}
.radio-sub {
	vertical-align: sub !important;
}
.v-align-sub {
	vertical-align: sub !important;
}
/* =================================== gpxp.css ====================================*/
.entered-username-container-favorite {
	border-left: none;
	background-color: #171717;
	border-color: #111;
}
.skill-column > :first-child {
	margin-top: 10px;
}

/*.skill-column div:first-of-type img {
	border-top-left-radius: 3px;
}   
.skill-column div:last-of-type img {
	border-bottom-left-radius: 3px;
}
.skill-column div:first-of-type input {
	border-top-right-radius: 3px;
}
.skill-column div:last-of-type input {
	border-bottom-right-radius: 3px;
}*/
.skill-column > .input-group {
	margin-top: 10px;   
}

/*.input-xp-h {
	padding: 0px;
}
.xp-h-text {
	margin-top: 7px;
}
.in-depth-max-breakdown-row {
	padding: 10px 0px;
}*/
.back-to-top {
	color: #4a904f !important;
}
.skill-row {
	margin: 2px 0px;
}
.quick-jump-to-skill {
	padding-bottom: 10px;
}
.in-depth-max-breakdown-row > div:nth-child(2) {
	padding-top: 5px;
}
.gpxp-skill-img:hover {
	cursor: pointer;
}
.method-heading {
	border-bottom: 2px solid #aaa;
}
.method-row:nth-child(even),
.alchable-row:nth-child(even) {
	background-color: #171717;
}
.method-row,
.alchable-row {
	border-bottom: 1px solid #111;
	padding: 6px 0px;
	line-height: 35px;
}
.get-stats-button,
.get-stats-button:visited,
.get-stats-button:active,
.get-stats-button:focus,
.send-btn {
	padding: 6px 12px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border: 1px solid #111;
	color: #ddd !important;
	background-color: #171717;
}
.send-btn {
	border-radius: 4px;
}
.send-btn:hover,
.send-btn:active,
.send-btn:visited {
	padding: 6px 12px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border: 1px solid #111;
	color: #ddd !important;
	background-color: #1f1f1f;
}
.get-stats-button:hover {
	border-radius: 2px;
	border: 1px solid #111;
	color: #ddd;
	background-color: #1f1f1f;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.entered-username-container {
	color: #ddd;
	background-color: #171717;
	border-color: #111;
	border-left: none !important;
}
.username-field {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #ddd;
	background-color: #171717;
	border-color: #111;
}
.gpxp-xp-level-row,
.max-xp-level-row {
	padding: 3px 0px;
}
.gpxp-xp-level-row,
.max-xp-level-row > div {
	line-height: 26px;
}
#gpxp-current-xp, 
#gpxp-target-xp,
#max-current-xp,
#max-target-xp {
	background: #111 url("/assets/img/xp_bg.png") no-repeat right bottom;
	border: 1px solid #111;
    padding: 2px 4px;
}
#gpxp-current-level,
#gpxp-target-level,
#max-current-level,
#max-target-level {
	background: #111 url("/assets/img/level_bg.png") no-repeat right bottom;
	border: 1px solid #111;
    padding: 2px 4px;
}
#gpxp-get-stats { 
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
#error-player-data,
#diaries-error-player-data,
#quests-error-player-data,
#max-error-player-data {
	display: none;
}
.viewing {
	border: 1px solid #4a904f;
}
.caret-up {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	-webkit-transform: rotate(180deg);     /* Chrome */
	-moz-transform: rotate(180deg);        /* FF */
	-o-transform: rotate(180deg);          /* Opera */
	-ms-transform: rotate(180deg);         /* IE9 */
	transform: rotate(180deg); 
}
.skill-level-level {
	width: 15% !important;
}
.skill-level-time {
	width: 35% !important;
	border-left: none;
}
.skill-level-gp {
	width: 40% !important;
	border-left: none;
}
#gpxp-include-supplies-checkbox, 
#gpxp-use-wilderness-altar-checkbox,
#gpxp-use-ectofuntus-checkbox,
#gpxp-use-gilded-altar-checkbox,
#gpxp-use-sinister-offering-checkbox,
#gpxp-include-pouch-sm, 
#gpxp-include-pouch-md, 
#gpxp-include-pouch-lg, 
#gpxp-include-pouch-gt,
#gpxp-use-osb-prices-checkbox,
#max-use-osb-prices-checkbox,
#bestalchs-use-osb-prices-checkbox,
#gpxp-gamemode,
#diaries-gamemode,
#quests-gamemode,
input[type=radio] {
	vertical-align: middle;
}
.panel-container {
	background-color: #1f1f1f !important;
	border-radius: 4px;
	border: 1px solid #111;
	padding-bottom: 20px;
}
input[type=text],
input[type=password],
select {
	display: inline-block;
    width: auto;
    height: 35px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #ddd !important;
    background-color: #171717 !important;
    background-image: none;
    border: 1px solid #111 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea {
	display: inline-block;
    width: auto;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #ddd !important;
    background-color: #171717 !important;
    background-image: none;
    border: 1px solid #111 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.gpxp-include-supplies-text,
.gpxp-use-gilded-altar-text,
.gpxp-use-wilderness-altar-text,
.gpxp-use-ectofuntus-text,
.gpxp-use-sinister-offering-text,
#gpxp-include-pouch-sm-text,
#gpxp-include-pouch-md-text,
#gpxp-include-pouch-lg-text,
#gpxp-include-pouch-gt-text,
#gpxp-use-osb-prices-text,
#max-use-osb-prices-text,
#bestalchs-use-osb-prices-text,
#gpxp-gamemode-text,
#quests-gamemode-text,
#diaries-gamemode-text {
	vertical-align: sub;
}
#gpxp-sort-level-ascend,
#gpxp-sort-level-descend,
#gpxp-sort-xp-ascend,
#gpxp-sort-xp-descend,
#gpxp-sort-gp-ascend,
#gpxp-sort-gp-descend,
#gpxp-sort-gpxp-ascend,
#gpxp-sort-gpxp-descend,
#gpxp-sort-number-ascend,
#gpxp-sort-number-descend,
#gpxp-sort-outcome-ascend,
#gpxp-sort-outcome-descend {
	cursor: pointer;
}
.gpxp-data-displayed {
	line-height: 36px;
}
#panel-heading-btn-guide,
#panel-heading-btn-guide:active,
#panel-heading-btn-guide:visited,
#panel-heading-btn-guide:focus {
	line-height: 10px;
	background-color: #1f1f1f;
	border-color: #111;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
:focus {
	outline: 5px auto #4a904f !important;
}
#panel-more-info {
	position: absolute;
	float: right;
	background-color: #1f1f1f;
	border: 1px solid #111;
	border-radius: 3px;
	color: #ddd;
	right: 31px;
	top: 39px;
	font-weight: 300;
	font-size: 14px;
	z-index: 3;
}
#panel-more-info-body-title {
	border-bottom: 1px solid #111;
	background-color: #171717 !important;
	color: #ddd;
	line-height: 35px;
	font-weight: 600;
}
#panel-header-notice-body-title {
	color: #ddd;
	background-color: #1f1f1f;
	border-bottom: 1px solid #111;
	padding: 5px;
	font-weight: 600;
}
#panel-header-notice-body {
	padding-top: 15px;
}
.guide-not-showing,
.notice-not-showing {
	display: none;
}
.guide-showing,
.notice-showing {
	display: inline-block;
}
.panel-more-info-body-row {
	padding: 15px 0px;
}
#panel-header-notice {
	position: absolute;
	float: right;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	top: 37px;
	font-weight: 300;
	font-size: 14px;
	z-index: 3;
}
#gpxp-gamemode-row,
#quests-gamemode-row,
#diaries-gamemode-row {
	line-height: 30px;
}
#quests-gamemode-row,
#diaries-gamemode-row {
	margin-bottom: 20px;
}
/*  ================= max.css ================ */
.max-skill-table {
	width: 100%;
	margin: 0px auto;
}
.max-skill-table-cols,
.max-time-gp-totals {
	overflow: hidden;
	width: 100%;
}
.max-skill-table-cols {
	padding-bottom: 10px;
}
.max-time-gp-totals {
	padding: 15px;
	padding-top:20px;
}
.max-time-gp-container-time,
.max-time-gp-container-gp {
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 5px;
	padding: 15px 0px;
}
#max-time-total,
#max-gp-total {
	font-size: 35px;
	vertical-align: middle;
}
#simple-max-breakdown {
	padding-top: 20px;
	padding-bottom: 20px;
}
#simple-max-breakdown > div > div {
	font-weight: 600;
	padding: 5px 0px;
}
.max-skill-img:hover {
	cursor: pointer;
}
.max-modal-dialog {
	width: 1100px;
}
.max-modal-time-gp-row {
	padding: 15px;
}
.max-modal-method-chosen {
	padding: 0px;
	margin-right: 5px;
}
.max-method-chosen-radio {
	margin-top: 8px !important;
}
.max-modal-itemsperh-input:hover {
	cursor: pointer;
}
.max-modal-itemsperh-input {
	background-color: transparent;
	border: none;
}
.max-modal-itemsperh-input:active,
.max-modal-itemsperh-input:focus {
	border: none;
	outline-color: #4a904f;
	outline-style: auto;
	outline-width: 5px;
}

/*  ================= index.css ================ */
#index-head-message {
	padding-bottom: 30px;
	border-bottom: 1px solid #333;
}
#index-logo-text {
	line-height: 47px;
	padding-left: 30px;
	font-size: 16px;
	margin-bottom: 40px;
}
#home-donators-table > tbody > tr > td {
	border: none;
}
.donator-name {
	padding-left: 2px;
}
.donator-icon {
	max-height: 17px;
	max-width: 17px;
	vertical-align: sub;
}
.news-and-updates-title {
	font-size: 1.1em;
	font-weight: 600;
	color: #333;
}
#news-and-updates-meta {
	border-bottom: 1px solid #aaa;
}
.news-and-updates-row {
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
}
.feature-panel {
	display: inline-block;
	width: 306px;
	height: 306px;
	padding: 0px;
	margin: 25px;
}
.feature-panel-text {
	padding: 25px 0px;
	height: 306px;
	display: inline-block;
	padding-top: 135px;
	text-align: center;
}
/*  ================= diaries.css ================ */
.diaries-row-d > a {
	color: #4a904f;
}
.diaries-skills-panel-can-complete > span {
	color: #4a904f  !important;
}
.diaries-skills-panel-can-boost > span {
	color: #bda83f !important;
}
.diaries-skills-panel-cannot-complete > span {
	color: #b54c4c !important;
}
.quests-panel-row {
	padding-left: 8px;
	padding-right: 8px;
}
.diaries-city-panel,
.quests-quest-selector-panel {
	background-color: #171717;
	border: 1px solid #111;
	border-radius: 4px;
	color: #ddd;
}
#diaries-skills-panel {
	background-color: #171717;
	border: 1px solid #111;
	border-radius: 4px;
	padding: 15px;
}
#diaries-skills-panel .img-icon-pad-right {
	padding-right: 10px;
}
.diaries-data-quests,
.diaries-data-items {
	margin-bottom: 0px;
}
.diaries-items-data {
	padding: 0;
}
.diary-level {
	border-top: 1px solid #111;
	padding: 8px 15px;
	color: #ddd;
}
.diaries-city-panel > .diary-level-selected {
	border: 1px solid #45ca4f !important;
}
.diaries-city-panel > .diary-level-selected:last-child {
	border: 1px solid #4a904f;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
}

.diaries-data-panel,
.quests-data-panel {
	margin-bottom: 5px;
}
.diaries-panel-nodec,
.diaries-panel-nodec:hover
.diaries-panel-nodec:visited
.diaries-panel-nodec:active
.diaries-panel-nodec:link {
	color: #333 !important;
	text-decoration: none !important;	
}
.diaries-data-panel > .panel-heading {
	border: none;
}
.quests-panel-heading,
.diaries-panel-heading {
	background-color: #171717;
	color: #ddd;
}
.table > tbody > tr > td {
	border-top: 1px solid #333;
}
.diaries-quest-table-row:nth-child(odd),
.quests-quest-table-row:nth-child(odd) {
	background-color: #171717;
	border: none;
}
.diaries-quest-table-row:nth-child(even),
.quests-quest-table-row:nth-child(even) {
	background-color: #1f1f1f;
	border: none;
}
.diaries-quick-jump-city-img {
	vertical-align: middle;
}
.diaries-quick-jump-link-single {
	line-height: 40px !important;
}
.diaries-quick-jump-link-multi {
	line-height: 20px !important;
}
.diaries-quick-jump-link {
	cursor: pointer;
	color: #4a904f;
}
#diaries-username-entered,
#quests-username-entered,
#gpxp-username-entered,
#combatlevel-username-entered,
#max-username-entered,
#storedxp-username-entered {
	border-left: none;
}
.table-bordered > tbody > tr > td {
	border: 1px solid #111 !important;
}
.table-bordered {
	border: 1px solid #111 !important;
}


#diaries-quick-jump-table .diary-city-selected {
	border: double #4a904f 1px !important;
}

hr {
	border-color: #111 !important;
}














.diaries-stats {
	padding: 30px 15px;
}
.diaries-stat-container,
.diaries-stat-required-container {
	padding: 3px 5px;
	width: 62px;
	background: url("/assets/img/stats_bg.png") no-repeat;
	color: #FFFF00;
	text-shadow: 1px 1px #000000;
}
.diaries-stats-column,
.diaries-levels-required-column {
	padding: 0px;
	width: 62px;
}
.diaries-stat-container,
.diaries-stat-required-container > span {
	padding-left: 2px;
}
.diaries-cities:hover,
.diaries-levels:hover {
	cursor: pointer;
}
#diaries-can-complete-diary-img {
	padding-right: 5px;
}
.diaries-item-required-row,
.diaries-items-required-heading-row {
	padding: 2px 0px;
}
.diaries-item-required-name {
	padding-left: 3px;
	line-height: 30px !important;
	vertical-align: middle !important;
}
.diaries-data-quests {
	border-right: none !important;
}
.diaries-item-required-img {
	line-height: 30px;
	vertical-align: middle !important;
}
.diaries-items-required-heading-row {
	border-bottom: 2px solid #ccc;
}
#diaries-items-required-col > div:nth-child(even) {
	background-color: #171717;
}
.diaries-items-required-heading-row {
	line-height: 30px;
}
.diaries-item-required-obtained {
	line-height: 30px;
}
#diaries-stats-tab-img {
	position: absolute;
	left: 3px;
	top: -9px;
}
/*  ================= quest.css ================ */
.letter-caret {
    float: right;
    margin: 15px 0;
}
#quests-select-letter {
	font-size: 24px;
}
.quests-button-letters-container {
	padding: 5px 10px;
	background-color: #171717;
	border-color: #111 !important;
}
.quests-button-letters-row {
	padding-bottom: 8px;
}
#quests-select-letter-dropdown {
	background-color: #171717;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 1px solid #111;
	color: #ddd;
}
.quests-quest-row {
	padding: 4px;
	border-top: 1px solid #111;
}
.quests-quest-row:nth-child(even) {
	background-color: #171717;
}
.quests-quest-row:nth-child(odd) {
	background-color: #1f1f1f;
}
.dropdown-menu {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	margin-top: 0px;
	border: 1px solid #ddd;
}
.quests-quest-selector-table {
	margin-bottom: 0px;
}
#quests-select-letter-comp-cont {
	padding: 12px 8px;
}
#quests-select-letter-completeable {
	font-size: 10px;
	vertical-align: middle;
}
.quests-panel-nodec,
.quests-panel-nodec:hover
.quests-panel-nodec:visited
.quests-panel-nodec:active
.quests-panel-nodec:link {
	color: #333 !important;
	text-decoration: none !important;	
}
.quests-data-quests,
.quests-data-items {
	margin-bottom: 0px;
}
#quests-username-entered {
	border-left: none;
}
#quests-skills-panel,
#quests-quest-title-panel {
	background-color: #171717;
	border: 1px solid #111;
	border-radius: 4px;
	padding: 15px;
	color: #ddd;
}
#quests-quest-title-panel {
	margin-bottom: 5px;
	padding: 10px;
}
#quests-skills-panel .img-icon-pad-right {
	padding-right: 10px;
}
.quests-items-data {
	padding: 0;
}
.quests-inadequate-subquest-skill-container {
	text-align: center;
	width: 40px;
	display: inline-block;
	border-left: 1px solid #111;
	vertical-align: middle;
}
.quests-inadequate-subquest-skill-container:first-child {
	border-left: none;
}
.quests-inadequate-subquest-skill-text {
	display: block;
	line-height: 15px;
}
.quests-quest-inadequate-row {
	padding: 0px 8px !important;
}
.quests-quest-inadequate-row-text {
	padding: 10px 0px;
}
.quests-quest-inadequate-row-text > a {
	color: #4a904f;
}
.quests-quest-inadequate-row-skills {
	padding: 5px 0px;
}
.quests-quest-items-required-row {
}
.quests-quest-inadequate-row a {
	color: #4a904f;	
}










.quest-stats {
	padding: 30px 15px;
}
.quest-header {
	border-bottom: 1px solid #ccc;
}
.quest-stat-container,
.quest-stat-required-container {
	padding: 3px 5px;
	width: 62px;
	background: url("/assets/img/stats_bg.png") no-repeat;
	color: #FFFF00;
	text-shadow: 1px 1px #000000;
}
.quest-all-stat-container,
.quest-all-stat-required-container {
	padding: 3px 5px;
	width: 62px;
	background: url("/assets/img/stats_bg.png") no-repeat;
	color: #FFFF00;
	text-shadow: 1px 1px #000000;
}
.quest-stat-container,
.quest-stat-required-container > span {
	padding-left: 2px;
}
#quest-stats-tab-img {
	position: absolute;
	left: 3px;
	top: -9px;
	padding-top: 40px;
}
.quest-stats-columns {
	padding-top: 40px;
	width: 216px;
	max-width: 216px;
	min-width: 216px;
}
.quest-all-stats-columns {
	padding-top: 40px;
	width: 216px;
	max-width: 216px;
	min-width: 216px;
}
.quest-stats-column,
.quest-levels-required-column,
.quest-all-stats-column,
.quest-all-levels-required-column {
	padding: 0px;
	width: 62px;
}
.quest-extra-required-skills-row span {
	padding: 0px 5px;
}
.quest-extra-required-skills-row span img {
	padding: 0px 2px;
}
.quests-button-letter {
	padding: 3px 8px;
	background-color: #B0A187;
	border-color: #9A8E77;
}
.quest-button-letter-container {
	padding: 20px 15px;
}
.quest-show-quest-types-container {
	padding: 0px 15px 10px 15px;
}
.quest-quests-skills-container {
	padding: 30px 15px;
}
.quest-extra-required-skill {
	width: 55px;
}
.quest-extra-required-skill img {
	padding-right: 3px;
}
#quest-row {
	padding-bottom: 50px;
}
#quests-items-required-col {
	padding-top: 70px;
}
#quest-levels-items-container {
	padding-top: 20px;
	min-width: 924px;
}
#quest-selected-quest {
	margin: 0px;
	color: #333;
}
#quest-items-required-col > div:nth-child(even) {
	background-color: #171717;
}
#quest-all-items-required-container > div:nth-child(even) {
	background-color: #171717;
}
#quest-items-required-col > div:nth-child(odd) {
	background-color: #1f1f1f;
}
#quest-all-items-required-container > div:nth-child(odd) {
	background-color: #1f1f1f;
}
.quest-item-required-row,
.quest-items-required-heading-row {
	padding: 2px 0px;
}
.quest-item-required-name,
.quest-all-item-required-name {
	padding-left: 3px;
	line-height: 30px;
}
.quest-item-required-img,
.quest-all-item-required-img { 
	line-height: 30px;
}
.quest-item-required-row,
.quest-all-item-required-row {
	border-bottom: 1px solid #ccc;
}
.quest-items-required-heading-row {
	border-bottom: 2px solid #ccc;
}
#quest-items-required-col > div:nth-child(even) {
	background-color: #171717;
}
#quest-items-required-col > div:nth-child(odd) {
	background-color: #1f1f1f;
}
.quest-items-required-heading-row {
	line-height: 30px;
}
.quest-item-required-obtained {
	line-height: 30px;
}
#quest-quest-title-container {
	padding-bottom: 20px
}
.quest-right-border {
	border-right: 1px solid #ddd;
}
.quest-left-border {
	border-left: 1px solid #ddd;
}
#quest-username-container {
	border-left: 1px solid #ddd;
}
#quest-single-quest-view,
#quest-all-quest-view {
	width: 100%;
}
.quest-single-all-viewing,
.quest-single-all-viewing:hover,
.quest-single-all-viewing:active,
.quest-single-all-viewing:focus {
	border-color: #4a904f;
	background-color: #fff;
}
#quest-single-quest-view,
#quest-all-quest-view {
	outline: none;
}
#quest-single-quest-view:hover,
#quest-all-quest-view:hover {
	border-color: #4a904f;
	background-color: #fff;
}
/*  ================= kingdom.css ================ */
.kingdom-panel {
	border: 1px solid #111;
}
.kingdom-panel-img {
}
.kingdom-panel-text-color {
	color: #ddd;
	font-size: 16px;
}
.kingdom-panel-subject-line {
	font-size: 12px;
}
/*  ================= chinning.css ================ */

/*  ================= insight.css ================ */
.insight-sidebar-section {
	padding-left: 10px;	
}
#insight-content {
	min-width: 1289px;
}
#gpxp-prayer-insight:target,
#max-shared-training-insight:target,
#quest-additional-quests-insight:target,
#quest-required-items-insight:target {
  border-radius: 3px;
  animation: highlight 2500ms ease-out;
}
#gpxp-supplies-sep-row {
	padding: 15px;
}
/* SO-like transition */
@keyframes highlight {
	0% {
		background-color: #ff9933;
	}
	100% {
		background-color: #fff;
	}
}
.calculator-username-input {
	background-color: #171717;
	color: #ddd;
	border-color: #111;
}
/*  ================= cluescrolls.css ================ */
.ui-menu-item {
	background: #fff;
	font-family: "Montserrat", Arial, serif;
	font-size: 14px;
	letter-spacing: 0.5px;
	border-left: none !important;
	border-right: none !important;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus {
	background: #4a904f !important;
	color: #ddd !important;
	font-family: "Montserrat", Arial, serif !important;
	font-size: 14px !important;
	letter-spacing: 0.5px !important;
	border-top: 1px solid #fff !important;
	border-left: none !important;
	border-right: none !important;
}
#clue-game-img {
	max-width: 100%;
}
#clue-world-map-img,
#clue-game-img {
	border-radius: 5px;
}
.hess-green {
	color: #4a904f;
}
.table-striped tbody tr:nth-child(even) {
	background-color: #171717 !important;
	color: #ddd !important;
}
.table-striped tbody tr:nth-child(odd) {
	background-color: #1f1f1f !important;
	color: #ddd !important;
}
.skillingitems-table-cell {
	min-width: 110px !important;
	width: 110px !important;
	max-width: 110px !important;
	min-height: 170px !important;
	height: 170px !important;
	max-height: 170px !important;
}
.skillingitems-bg-prayer {
	background-color: rgba(236, 232, 232, 0.67);
}
.skillingitems-bg-runecrafting {
	background-color: rgba(164, 120, 20, 0.67)
}
.skillingitems-bg-construction {
	background-color: rgba(128,118,102,0.67);
}
.skillingitems-bg-herblore {
	background-color: rgba(13, 119, 17, 0.67)
}
.skillingitems-bg-thieving {
	background-color: rgba(119, 80, 105, 0.67)
}
.skillingitems-bg-crafting {
	background-color: rgba(106, 82, 60, 0.67);
}
.skillingitems-bg-fletching {
	background-color: rgba(46, 102, 104, 0.67);
}
.skillingitems-bg-hunter {
	background-color: rgba(127, 120, 85, 0.67);
}
.skillingitems-bg-mining {
	background-color: rgba(105, 104, 83, 0.67);
}
.skillingitems-bg-smithing {
	background-color: rgba(88, 87, 69, 0.67)
}
.skillingitems-bg-fishing {
	background-color: rgba(133, 166, 198, 0.67);
}
.skillingitems-bg-cooking {
	background-color: rgba(94, 48, 107, 0.67);
}
.skillingitems-bg-firemaking {
	background-color: rgba(212, 128, 25, 0.67);
}
.skillingitems-bg-farming {
	background-color: rgba(34, 76, 36, 0.67);
}

/*  ================= donate.css ================ */
#donate-send-donation-btn {
	width: 70px;
}
#donate-benefits-ul {
	padding-left: 30px;
}
#donate-benefits-ul > li {
	list-style-type: disc
}

/*  ================= bestherb.css ================ */
.bestherb-better-profit {
	background-color: rgba(16, 255, 0, 0.15);
}
#bestherb-use-osb-prices-checkbox,
#bestherb-use-magic-secateurs-checkbox,
#bestherb-use-farming-skillcape-checkbox,
#bestherb-use-ultracompost-checkbox {
	vertical-align: text-top;
}
.bestherb-img-container {
	padding-right: 10px;
}
#bestherb-sort-grimy-profit-ascend,
#bestherb-sort-grimy-profit-descend,
#bestherb-sort-clean-profit-ascend,
#bestherb-sort-clean-profit-descend {
	cursor: pointer;
}
.table > thead > tr > th {
	border-color: #111 !important;
}
/*  ================= jmodcomments.css ================ */


/*Reddit*/
.rembeddit-content {
	padding: 0px !important;
}
.rembeddit-content > div {
	margin: 0px !important;
}
.reddit-link.even,
.reddit-link.odd {
	padding: 5px 10px;
	border-bottom: 1px solid rgb(230, 230, 230);
	overflow: auto;
}
.reddit-link > small:nth-child(1) > a {
	font-size: medium !important;
	color: blue;
}
.reddit-link > small:nth-child(1) > a:visited {
	font-size: medium !important;
	color: #551a8b;
}
/* time color */
.reddit-link > small:nth-child(3) {
	color: #888 !important;
}
/* username color */
.reddit-link > small:nth-child(3) > a:nth-child(1) {
	color: #369 !important;
}
/* permalink color */
.reddit-link > small:nth-child(3) > a:nth-child(3) {
	color: #888 !important;
	font-weight: bold;
}
.reddit-link > small:nth-child(3) {
	font-size: x-small !important;
}
.reddit-link > small:nth-child(3) > span {
	font-weight: bold;
	color: #333;
}

/* Contact */
.contact-subject-radiobutton {
	vertical-align: middle;
}
.contact-subject-label {
	vertical-align: sub;
	padding-right: 10px;
}
#contact-confirm-message-sent {
	padding: 0px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.contact-message-container {
	margin-top: 10px;
	border-top: 1px solid #ccc;
	padding: 10px;
	padding-top: 20px;
}
.contact-message-meta-data {
	color: #888;
	font-size: 12px;
	padding: 0px 5px;
}
.contact-error {
	padding-left: 15px;
}
.contact-message-content {
	padding: 0px 5px;
	padding-top: 20px;
}
.contact-message-rsn {
	color: #4a904fd9 !important;
}
.contact-message-error {
	padding: 5px;
}
.contact-comment {
	color: #00a1ff;
}
.contact-bug {
	color: #ff1111;
}
.contact-suggestion {
	color: #019601;
}
.contact-question {
	color: #b663e0;
}

/*Twitter*/

/* Completionist */
.completionist-img-200x200 {
	border-radius: 10px;
	width: 400;
	height: 400px;
}
.completionist-fairy-ring-code {
	font-size: 18px;
}
.completionist-section-title {
	vertical-align: middle !important;
}
.completionist-section-title > a > img {
	padding-right: 8px;
}
/* Timers */
#timers-new-timer-modal-dialog {
	width: 50%;
	min-width: 600px;
}
.timers-skill-timer-container {
	border: 1px solid #ccc;
	border-radius: 3px;
}
.timers-skill-timer-container:hover {
	background-color: #ddd;
}
.timers-skill-timer {
	padding-top: 10px;
	padding-bottom: 10px;
}
.timers-skill-timer img {
	height: 50px;
	max-height: 50px;
}
#timers-available-timers-container {
	padding: 20px 10px;
}
.timers-new-timer-img-container {
	padding-right: 0px;
}
.timers-new-timer-img-container,
.timers-new-timer-text {
	padding-top: 5px;
	padding-bottom: 5px;	
}
#timers-new-timer-text {
	line-height: 62px;
}

.timers-active-timer .timers-active-timer-img-container img {
	height: 50px;
	max-height: 50px;
} 
.timers-active-timer-container {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0px;
}
.timers-active-timer {
	padding: 0px;
}
.timers-active-timer-img-container {
	border-right: 1px solid #ccc;
}
.timers-active-timer-obj-text {
	border-right: 1px solid #ccc;
	line-height: 50px;
}
.timers-active-timer-time {
	font-size: 20px;
	line-height: 50px;
}
.timers-timer-play-button {
	border: 1px solid #ccc;
	border-left: none;
	border-bottom: none;
	border-right: none;
	line-height: 35px;
}
.timers-timer-reset-button {
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
	line-height: 35px;
}
.timers-active-timer-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* Stored xp */
.storedxp-number-items-input {
	text-align: center;
	line-height: 26px;
	width: 100px;
	padding: 2px 5px;
	border-radius: 2px;
	border: 1px solid #ccc;
	color: #333;
	height: 30px;
}
.xdebug-error tbody tr {
	color: #000 !important;
}
.current-top-player-xp-gained .tooltip.show,
.current-top-bosses-player-kill-count-gained .tooltip.show {
    opacity: 1;
}
/* for tracker current top tooltips */
.current-top-player-xp-gained .tooltip-inner,
.current-top-bosses-player-kill-count-gained .tooltip-inner {
	display: inline-block;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border: 1px solid #111;
}
#tooltip-overlay-container {
	width: 100%;
}
#tooltip-overlay-container table {
	margin: 0 auto;
}
.current-top-player-xp-gained .tooltip-inner,
.current-top-bosses-player-kill-count-gained .tooltip-inner {
	min-width: 320px !important;
}
.current-top-player-xp-gained .tooltip-inner td,
.current-top-bosses-player-kill-count-gained .tooltip-inner td {
	min-width: 100px !important;
}
.storedxp-product-li,
.storedxp-item-li {
	margin: 8px 0px 0px 0px;
}
.storedxp-product-li:first-child,
.storedxp-item-li:first-child {
	margin: 0px 0px 0px 0px;
}
#storedxp-use-farming-cape-checkbox,
#storedxp-use-magic-secateurs-checkbox,
#storedxp-use-ultracompost-checkbox {
	vertical-align: middle;
}
.storedxp-farming-checkboxes {
	padding-right: 15px;	
}
/* Combat Level */
.combatlevel-table-data {
	border: none !important;
}
.combatlevel-level-input {
	display: inline-block;
	float: right;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.combatlevel-skill-text {
	vertical-align: middle;
	line-height: 34px;
	padding: 8px;
}

#combatlevel-panel-attack,
#combatlevel-panel-strength,
#combatlevel-panel-defence,
#combatlevel-panel-hitpoints,
#combatlevel-panel-ranged,
#combatlevel-panel-magic,
#combatlevel-panel-prayer {
	display: inline-block;
	width: 14.192978723404255%;
}
.combatlevel-level-needed-panel {
	padding: 10px;
	border-right: 1px solid #111;
	border-left: 1px solid #111;
}
#combatlevel-panel-attack {
	border-left: none !important;
}
#combatlevel-panel-prayer {
	border-right: none !important;
}
#combatlevel-combat-level {
	margin-top: 10px;
}
#combatlevel-next-level {
	margin-bottom: 20px;
}
.combatlevel-level-needed-text {
	font-size: 18px;
}

/* Tracker */
.tracker-player-table-stat-row {
	margin: 10px !important;
	padding: 30px !important;
	border-top: 1px solid #111;
	padding: 0px !important;
}
.tracker-player-table-stat-row:nth-child(even) {
	background-color: #171717;
}
.tracker-player-table-stat-row:nth-child(odd) {
	background-color: #1f1f1f;
}
.tracker-main-container {
	width: 100%;
	margin: 0px auto;
}
.tracker-nav {
	margin: 0px;
}
#tracker-panel-heading-btn-guide {
	background-color: #1f1f1f;
	line-height: 10px;
	border-color: #111;
}
.competition-skill-select-table {
	table-layout: fixed;
}
.competition-skill-select-table > tbody > tr {
	display: flex;
}
.competition-skill-select-table > tbody > tr > td {
	width: 40px !important;
	height: auto;
	padding: 5px;
	border: none;
}
.competition-skill-select-table > tbody > tr > td:first-child {
	/* Empty rule for future styling */
}
#tracker-heading, 
.tracker-body {
	background-color: #151515;
	color: #ddd;
	border-color: #111;
}
#tracker-heading {
	padding: 0;
	border-radius: 0px;
}
#tracker-player-page-sidebar,
#tracker-group-sidebar,
.tracker-generic-sidebar {
	border: none;
	border-radius: 0px;
}
.tracker-player-table-stat-row > td {
	border-top: none !important;
}
#tracker-player-sidebar,
.tracker-generic-sidebar {
	margin-bottom: 0px ;
	margin-top: 20px;
}
.tracker-player-sidebar-row,
.tracker-generic-sidebar-row {
	width: 100%;
}
.tracker-player-sidebar-section:not(:first-child),
.tracker-generic-sidebar-section:not(:first-child) {
	border-top: 1px solid #333 !important;
}
.tracker-player-sidebar-section:nth-child(1),
.tracker-generic-sidebar-section:nth-child(1) {
	border-top: none !important;
}
.tracker-player-sidebar-data-1,
.tracker-generic-sidebar-data-1 {
	width: 100%;
}
.tracker-player-sidebar-data-2,
.tracker-player-sidebar-data-2-virtual,
.tracker-generic-sidebar-data-2 {
	width: 50%;
}
.tracker-player-sidebar-data-3,
.tracker-generic-sidebar-data-3 {
	width: 33%;
}
.tracker-player-sidebar-data-4,
.tracker-generic-sidebar-data-4 {
	width: 25% !important;
	/*width: 20px !important;*/
}
.tracker-player-sidebar-clue-achivement {
	vertical-align: middle;
}
.tracker-player-sidebar-data-2:nth-child(2),
.tracker-player-sidebar-data-2-virtual:nth-child(2),
.tracker-generic-sidebar-data-2:nth-child(2) {
	border-left: 1px solid #111 !important;
}
.tracker-player-sidebar-data-1,
.tracker-player-sidebar-data-2,
.tracker-player-sidebar-data-2-virtual,
.tracker-player-sidebar-data-3,
.tracker-player-sidebar-data-4,
.tracker-generic-sidebar-data-1,
.tracker-generic-sidebar-data-2,
.tracker-generic-sidebar-data-2-virtual,
.tracker-generic-sidebar-data-3,
.tracker-generic-sidebar-data-4,
.tracker-group-sidebar-data-2 {
	border: none !important;
}
.tracker-player-page-record-link {
	color: #ddd !important;
}
.tracker-player-sidebar-curent-page {
	background-color: #2b5d2f;
}
.current-top-player-xp-gained,
.current-top-player-kill-count-gained,
.current-top-bosses-player-kill-count-gained,
.frontpagetime-player-time,
.records-player-xp-gained,
.records-player-kill-count-gained {
	text-align: right;
	float: right;
	color: #ddd;
}
.current-top-player,
.current-top-player-link {
	color: #ddd;
}
.current-top-rank {
	color: #888;
}
#tracker-nav {
	padding: 0px;
}
#tracker-nav ul li {
	display: inline-block;
	float: left;
	position: relative;
}
#tracker-nav ul li a {
	display: inline-block;
	padding: 0px 20px;
	color: #ddd;
	font-weight: 300;
	line-height: 35px;
	border-right: 1px solid #111;
	font-size: 14px;
}
#tracker-nav ul li:hover,
#tracker-nav ul li a:hover {
	display: inline-block;
	color: #ddd;
	text-decoration: none;
	background-color: #4a904f;
}
#tracker-nav-ul {
	margin: 0px;
	padding: 0px;
}
#tracker-lookup-player-form {
	display: inline-table !important;
	float: right !important;
}
#tracker-lookup-player-text-input {
	background-color: #171717;
	border-radius: 4px;
	border-color: #315f34;
	border-bottom: none;
	border-top: none;
	border-right: none;
	font-weight: 300;
	color: #999;
}
#tracker-lookup-player-text-input:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(126, 104, 173, .6)
}

#tracker-lookup-player-button {
	border-bottom-right-radius: 0px;
	background-color: #171717;
	border-radius: 0px;
	/*color: #8071a0;*/
	color: #999;
	border: none;
	border-left: 1px solid #333;
	height: 35px;
	padding: 0px 25px;
}
#tracker-lookup-player-button:hover {
	background-color: #2b5d2f;
}
.twohundredmcount-td-img {
	width: 32px !important;
}
.tracker-player-table-pet-td,
.tracker-200mcount-table-skill-td {
	border: none !important;
	vertical-align: middle !important;
	width: 120px !important;
	padding: 8px;
	text-align: center;
	border-right: 1px solid #333 !important;
	border-bottom: 1px solid #333 !important;
}
.tracker-player-sidebar-time-period-selected {
	background-color: #2b5d2f;
}
.tracker-player-sidebar-data-2 a,
.tracker-player-sidebar-data-2-virtual a,
.tracker-generic-sidebar-data-2 > a {
	color: #ddd;
	display: block; 
	width: 100%;
	height: 100%;
}
.tracker-group-sidebar-data-2 {
	color: #ddd;
	width: 100%;
	border: none;
}
.tracker-generic-sidebar-data-2 ul li a:hover {
	text-decoration: underline;
}
.tracker-player-sidebar-data-2-virtual, 
.tracker-group-sidebar-data-2  {
	height: 36px;
	padding: 8px 8px 0px 8px !important;
}
.tracker-player-sidebar-data-2 a:hover,
.tracker-player-sidebar-data-2-virtual a:hover,
.tracker-generic-sidebar-data-2 a:hover,
.tracker-group-sidebar-data-2 a:hover  {
	text-decoration: none;
}
.tracker-player-table-pet-td-custom-border {
	border-top: 1px solid #333 !important;
}
.tracker-player-table-pet-td:nth-child(1) {
	border-left: 1px solid #333 !important;
}
.tracker-pets-empty-td-pad,
.tracker-200mcount-empty-td-pad {
	width: 32px !important;
}

/* Change log */
.changelog-body li {
	padding-left: 40px;
}

.tracker-verify-pets-image-card img {
	width: 300px;
}
.tracker-verify-pets-row {
	padding-bottom: 40px;
}
.deny {
	color: #f54e4e;
}
.approve {
	color: #6dea6d;
}
.tracker-records-skill a {
	display: block; 
	width: 100%;
	height: 100%;
}
.alert-heading {
	border: 1px solid #333;
}
/*#tracker-group-pets-table > tbody > tr > td > span > img {
	max-width: 10px !important;
}
#tracker-group-pets-table > tbody > tr > td > span  {
	padding: 0px !important;
}*/
.tracker-skill-underline-row,
.tracker-boss-underline-row,
.tracker-records-skill-underline-row,
.tracker-frontpagetime-skill-underline-row {
	margin-bottom: 30px;
}
.tracker-skill-selected,
.tracker-records-skill-boss-selected,
.tracker-frontpagetime-skill-selected,
.tracker-records-skill:hover,
.tracker-records-boss:hover {
	border-radius: 3px;
	background-color: #7b6d58;
}
.tracker-currenttop-row td,
.tracker-records-row td,
.tracker-frontpagetime-row td,
.tracker-current-top-bosses-row td {
	border: none !important;
	padding: 2px !important;
}
.tracker-player-table-stat-row-selected,
.tracker-utility-sidebar-filter-selected {
	background-color: #2b5d2f;
	color: #ddd;
}
.tracker-utility-sidebar-filter-selected > a {
	color: #ddd;
}
.tracker-show-current-gains {
	font-size: 12px;
	color: #6d5a96 !important;
}
.tracker-show-current-gains:hover {
	text-decoration: underline !important;
}
.group-table-header-title,
.hiscores-table-header-title {
	border-bottom: 1px solid #2e2c33;
	margin-bottom: 20px;
}
.tracker-group-row {
	padding: 2px 5px;
}
.tracker-group-row td,
.tracker-group-row th  {
	padding: inherit;
}
#tracker-group-page-table {
	margin-top: 40px;
}
#tracker-warning {
	padding: 20px;	
}
.highestrankminigames-rank {
	padding: 3px 8px !important;
	height: 42px;
}
#tracker-beta:after {
	position: absolute;
	content: "alpha";
	left: 107px;
	font-size: 8px;
}
.tracker-chart-card {
	margin-bottom: 20px;
}
/*.ct-slice-pie {
	stroke: red;
	stroke-width: 20px;
}*/
.brand-green {
	color: #4a904fd9;
}

#tracker-login a {
	border-right: none !important;
	border-left: 1px solid #315f34;
}
.player-rank-dark {
	background-color: #333;
}
.donate-perk-row:hover {
	background-color: #ccc;
}
.currenttop-table {
	display: inline-block;
}
.tracker-updatetable-row td,
.tracker-updatetable-row th,
.tracker-updatetablekc-row td,
.tracker-updatetablekc-row th {
	border: none !important;
	border-top: 1px solid #111 !important;
	text-align: center;
}
.tracker-updatetablekc-row td,
.tracker-updatetablekc-row > th {
	padding: 1px !important;
}
.tracker-player-sidebar-highlight-link-box:hover,
.tracker-player-sidebar-highlight-box:hover,
.tracker-generic-sidebar-highlight-box:hover {
	background-color: #2b5d2f !important;
}
.tracker-player-sidebar-highlight-box,
.tracker-generic-sidebar-highlight-box {
	padding: 0px !important;	
}
.tracker-generic-sidebar-highlight-box > a {
	/*padding: 8px !important;*/
}
#competition-show-other-skill-select {
	border-radius: 0px;
	border: none;
	color: #ddd;
	background-color: #171717;
}
#competition-show-other-skill-select:hover {
	background-color: #2b5d2f !important;
}
#competition-show-other-skill-select:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(126, 104, 173, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(126, 104, 173, .6)
}
.api-multi-row td,
.api-row td,
.api-head th {
	border: none !important;
}
.api-head {
	border-bottom: 2px solid #403c52;
}
.api-row {
	border-top: 1px solid #315f34;
}
.nt { color: #2f6f9f; }
.na { color: #4f9fcf; }
.s { color: #d44950; }
.api-head-col-width {
	width: 200px;
}
.efficientdiaries-body-row:hover {
	background-color: #74ca2d !important;
}
.efficientdiaries-item-required {
	padding: 0px 2px;
}
.tracker-player-table-pet-td-has-pet {
	background-color: #5ecc5e52;
}
.tracker-player-table-pet-td-does-not-have-pet {
	background-color: #b94b4b66;
}
.tracker-site-boss-totals-row > td {
	border-top: none;
}
.twohundredmcounts-td,
.site-boss-totals-td,
.site-xp-totals-td,
.skilling-pets-meta-td {
	padding: 15px 35px !important;
	border: 1px solid #111 !important;
}

.activityleaders-td {
	padding: 15px 15px !important;
	border: 1px solid #111 !important;
	min-width: 200px;
}
@media (max-width: 1200px) {
	.activityleaders-td {
		padding: 15px 15px !important;
		border: 1px solid #111 !important;
		min-width: 10px;
	}
}
@media (max-width: 765px) {
	.activityleaders-td {
		padding: 15px 15px !important;
		border: 1px solid #111 !important;
		min-width: 10px;
	}
}
.skilling-pets-meta-th {
	padding: 15px 35px !important;
	border: 1px solid #111 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}
.tracker-player-table-stat-row > td {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
.tracker-player-sidebar-row > td,
.tracker-generic-sidebar-row > td {
	padding-top: 6px !important;
	padding-bottom: 6px !important;	
}
.tracker-player-sidebar-highlight-box {
	padding: 0px !important;
}
#tracker-fetchdata {
	padding: 50px 50px 20px 50px;
}
#tracker-fetchdata-output {
	padding: 50px;
}

#tracker-fetchdata-output-loader {
	border: 8px solid #444;
	border-top: 8px solid #c1a77f;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1.5s linear infinite;
	display: none;
	padding-top: 20px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#tracker-skilling-pet-meta-table {
	margin-top: 30px;
}
.rates-table td {
	border: none !important;
}
.rates-table td,
.rates-table th {
	border-top: 1px solid #111 !important;
}
.rates-table tr:nth-child(odd),
.hiscores-table tr:nth-child(odd) {
	background-color: #1f1f1f;
}
.rates-table tr:nth-child(even),
.hiscores-table tr:nth-child(even) {
	background-color: #171717;
}
.hr-underline {
	padding-bottom: 30px;
	border-bottom: 2px solid #474747;
}
.group-navbar-nav {
	padding: 10px;
	border: 1px solid #315f34;
}
#tracker-hiscores-container {
	padding-top: 40px !important;
}
.tracker-homepage-underline {
	padding-bottom: 30px;
}
#tracker-update-error {
	padding: 40px 0px !important;
}
.tracker-groups-dropdown-content {
	display: none;
	position: absolute;
	background-color: #315f34; 
	white-space: nowrap;
}

.tracker-groups-dropdown:hover > .tracker-groups-dropdown-content {
	display: block;
	z-index: 9999;
}
.tracker-groups-dropdown:hover a:hover {
	display: block;
}
.tracker-groups-dropdown:hover a:hover ~ .tracker-groups-dropdown-content, .tracker-groups-dropdown-content:hover {
	display: block;
    z-index: 9999;
}
.tracker-groups-dropdown-content a {
	border: none !important;
	width: 100%;
	padding: 0px 10px !important;
	display: block !important;
}

.tracker-site-dropdown-content {
	display: none;
	position: absolute;
	background-color: #315f34; 
	white-space: nowrap;
}

.tracker-site-dropdown:hover > .tracker-site-dropdown-content {
	display: block;
	z-index: 9999;
}
.tracker-site-dropdown:hover a:hover {
	display: block;
}
.tracker-site-dropdown:hover a:hover ~ .tracker-site-dropdown-content, .tracker-site-dropdown-content:hover {
	display: block;
    z-index: 9999;
}
.tracker-site-dropdown-content a {
	border: none !important;
	width: 100%;
	padding: 0px 10px !important;
	display: block !important;
}


.tracker-current-top-dropdown-content {
	display: none;
	position: absolute;
	background-color: #315f34; 
	white-space: nowrap;
}
.tracker-current-top-dropdown:hover > .tracker-current-top-dropdown-content {
	display: block;
	z-index: 9999;
}
.tracker-current-top-dropdown:hover a:hover {
	display: block;
}
.tracker-current-top-dropdown:hover a:hover ~ .tracker-current-top-dropdown-content, .tracker-current-top-dropdown-content:hover {
	display: block;
    z-index: 9999;
}
.tracker-current-top-dropdown-content a {
	border: none !important;
	width: 100%;
	padding: 0px 10px !important;
	display: block !important;
}


.tracker-pets-dropdown-content {
	display: none;
	position: absolute;
	background-color: #315f34; 
	white-space: nowrap;
}
.tracker-pets-dropdown:hover > .tracker-pets-dropdown-content {
	display: block;
	z-index: 9999;
}
.tracker-pets-dropdown:hover a:hover {
	display: block;
}
.tracker-pets-dropdown:hover a:hover ~ .tracker-pets-dropdown-content, .tracker-pets-dropdown-content:hover {
	display: block;
    z-index: 9999;
}
.tracker-pets-dropdown-content a {
	border: none !important;
	width: 100%;
	padding: 0px 10px !important;
	display: block !important;
}

.tracker-homepage-feature-header {
	background-color: #171717;
}
.tracker-homepage-recent-generic-row {
	min-height: 30px !important;
	max-height: 30px !important;
}

/* navbar submenu shit */
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu .caret {
	-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
}
.dropdown-submenu > .dropdown-menu {
	top:0; left: 100%; margin-top:-6px; margin-left:-1px;
}
.dropdown-submenu.open > a:after {
	border-left-color: #111;
}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {
	display: block;
}
.dropdown-submenu .dropdown-menu { 
	margin-bottom: 8px;
}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
	background-color: #171717;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
	background-color: #333;
}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
	padding-left: 30px;
}
.dropdown-submenu .dropdown-menu {
	margin-bottom: 2px;
}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
	padding-left: 25px;
}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
	background-color: #171717;
	border-color: #111;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
	background-color: #171717;
	border-color: #111;
}
.dropdown-menu {
	background-color: #171717;
	border-color: #111;
}
.dropdown .open {
	background-color: #1f1f1f;
}
.dropdown-toggle {
	background-color: #1f1f1f;	
}
.navbar-default .navbar-nav > .open > a {
	color: #4a904f !important;
	background-color: #171717 !important;
}
.kph-form {
	padding-top: 20px;
}
.donator-capitalization {
	text-transform: none !important;
}
.chinning-item-slot {
	text-align: center;
}
.generic-table {
	border: 1px solid #333;
	border-radius: 3px;
	border-collapse: separate;
	padding: 0px;
	margin-bottom: 20px;
	/*max-width: 1110px;*/
}
.generic-table th {
	border-bottom: 1px solid #333;
}
.generic-table tr th,
.generic-table tr td {
	padding-left: 10px;
	padding-right: 10px;
	height: 50px;
}
.tracker-progress-bar-container {
	position: relative;
	float: left;
	background-color: #111;
	margin-top: 5px;
}
.tracker-progress-bar {
	height: 2px;
}
.tracker-group-stats-quick-look-panel {
	padding: 10px;
	font-size: 24px;
}
.tracker-group-stats-sub-link-panel {
	padding: 10px;
	font-size: 14px;
}
.tracker-group-stats-sub-link-panel-sub-text {

}
#tracker-group-stats-sub-link-panel-row > td {
	border-left: 1px solid #333;
}
#tracker-group-stats-sub-link-panel-row > td:first-child {
	border-left: none;
}
#tracker-group-stats-sub-link-panel-row:last-child {

}
#tracker-group-page-table-group-stats-sub-links {
	border: 1px solid #333;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-collapse: separate;
	margin-bottom: 30px;
	border-top: none;
}
.tracker-group-stats-quick-look-panel > div {
	line-height: 30px;
}
.tracker-group-stats-quick-look-panel-sub-text {
	font-size: 18px;
}
#tracker-group-page-table-group-stats {
	border: 1px solid #333;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-collapse: separate;
	margin-top: 50px;
	padding: 10px 0px;
}

#tracker-group-page-table-group-stats img {
	line-height: 32px !important;
}
#tracker-group-page-table-group-stats > tbody > tr > td {
	padding-bottom: 20px;
}
#tracker-group-edit-link,
#tracker-new-group-link,
#tracker-competition-new-link {
	font-size: 12px;
	vertical-align: super;
}
#tracker-last-check-via-rl {
	font-size: 10px;
	color: #ddd;
	vertical-align: top !important;
}
.via-runelite-logo {
	width: 16px !important;
}
#tracker-last-check-via-rl > a{
	display: inline;
	color: #4a904f !important;
}
#tracker-group-edit-link:hover,
#tracker-new-group-link:hover,
#tracker-competition-new-link:hover {
	text-decoration: underline;
}
.tracker-group-sidebar-link {
	text-align: center;
}
.tracker-group-sidebar-link-row > td:nth-child(even) {
	border-left: 1px solid #333;
}
.tracker-group-sidebar-link-row {
	border-top: 1px solid #333 !important;
}
.tracker-striped-row > .tracker-generic-td > span {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.tracker-striped-row > .tracker-generic-td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tracker-pets-td-count {
	min-width: 130px;
}
.tracker-pet-totals-td {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px
}
#tracker-competitions-finder-container {
	margin-bottom: 20px;
}
.tracker-generic-current-row-player-link-td {
	min-width: 100px;
}

/* Buyable XP Card Styles - Dark Theme */
.buyablexp-player-card {
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px 15px 8px 15px;
	margin: 2px;
	background-color: #222;
	transition: all 0.3s ease;
}

.buyablexp-player-card:hover {
	border-color: #4a904fd9;
	background-color: #262626;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.buyablexp-card-header {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
}

.buyablexp-card-header strong {
	font-size: 16px;
	color: #ddd;
}

.buyablexp-total {
	text-align: center;
	margin-bottom: 0;
	padding: 8px;
	background-color: #2d4a3a;
	border-radius: 4px;
	border: 1px solid #4a904fd9;
}

.buyablexp-total strong {
	font-size: 14px;
	color: #4a904fd9;
}

.buyablexp-skills-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	margin-top: 8px;
}

.buyablexp-skill-item {
	font-size: 11px;
	margin: 2px;
	padding: 2px 4px;
	background-color: #1a1a1a;
	border-radius: 3px;
	border: 1px solid #333;
	width: 100px;
	text-align: center;
	color: #ccc;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.buyablexp-skill-item:hover {
	background-color: #2a2a2a;
	border-color: #444;
}

.buyablexp-skill-item img {
	width: 14px;
	height: 14px;
}

.buyablexp-player-card-container,
.combatxp-player-card-container,
.gatheringxp-player-card-container,
.meleexp-player-card-container {
	padding: 5px 5px 0 5px;
}

/* Custom column class for 5 cards per row */
.col-lg-2-5 {
	width: 20% !important;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 8px;
	padding-right: 8px;
	box-sizing: border-box;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1400px) {
	.col-lg-2-5 {
		width: 25% !important; /* 4 cards per row on medium-large screens */
	}
}

@media (max-width: 1199px) {
	.col-lg-2-5 {
		width: 33.33333333% !important; /* 3 cards per row on medium screens */
	}
}

@media (max-width: 991px) {
	.col-lg-2-5 {
		width: 50% !important; /* 2 cards per row on tablets */
	}
}

@media (max-width: 767px) {
	.col-lg-2-5 {
		width: 50% !important; /* 2 cards per row on small tablets */
	}
}

@media (max-width: 480px) {
	.col-lg-2-5 {
		width: 100% !important; /* 1 card per row on mobile */
	}
}

/* Ensure container uses full width */
#tracker-virtual-hiscore-container {
	width: 100% !important;
	display: block !important;
}

/* Combat XP Card Styles - Dark Theme */
.combatxp-player-card {
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px 15px 8px 15px;
	margin: 2px;
	background-color: #222;
	transition: all 0.3s ease;
}

.combatxp-player-card:hover {
	border-color: #4a904fd9;
	background-color: #262626;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.combatxp-card-header {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
}

.combatxp-card-header strong {
	font-size: 16px;
	color: #ddd;
}

.combatxp-total {
	text-align: center;
	margin-bottom: 0;
	padding: 8px;
	background-color: #2d4a3a;
	border-radius: 4px;
	border: 1px solid #4a904fd9;
}

.combatxp-total strong {
	font-size: 14px;
	color: #4a904fd9;
}

.combatxp-skills-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	margin-top: 8px;
}

.combatxp-skill-item {
	font-size: 11px;
	margin: 2px;
	padding: 2px 4px;
	background-color: #1a1a1a;
	border-radius: 3px;
	border: 1px solid #333;
	width: 100px;
	text-align: center;
	color: #ccc;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.combatxp-skill-item:hover {
	background-color: #2a2a2a;
	border-color: #444;
}

.combatxp-skill-item img {
	width: 14px;
	height: 14px;
}





.combatxp-player-link {
	font-weight: normal !important;
}

/* Gathering XP Card Styles - Dark Theme */
.gatheringxp-player-card {
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px 15px 8px 15px;
	margin: 2px;
	background-color: #222;
	transition: all 0.3s ease;
}

.gatheringxp-player-card:hover {
	border-color: #4a904fd9;
	background-color: #262626;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.gatheringxp-card-header {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
}

.gatheringxp-card-header strong {
	font-size: 16px;
	color: #ddd;
}

.gatheringxp-total {
	text-align: center;
	margin-bottom: 0;
	padding: 8px;
	background-color: #2d4a3a;
	border-radius: 4px;
	border: 1px solid #4a904fd9;
}

.gatheringxp-total strong {
	font-size: 14px;
	color: #4a904fd9;
}

.gatheringxp-skills-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	margin-top: 8px;
}

.gatheringxp-skill-item {
	font-size: 10px;
	margin: 0;
	padding: 3px 4px;
	background-color: #1a1a1a;
	border-radius: 3px;
	border: 1px solid #333;
	width: 90px;
	text-align: center;
	color: #ccc;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

/* Responsive for small screens */
@media (max-width: 480px) {
	.gatheringxp-skill-item {
		width: 90px;
	}
}

.gatheringxp-skill-item:hover {
	background-color: #2a2a2a;
	border-color: #444;
}

.gatheringxp-skill-item img {
	width: 14px;
	height: 14px;
}

.gatheringxp-player-link {
	font-weight: normal !important;
}

/* Melee XP Card Styles - Dark Theme */
.meleexp-player-card {
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px 15px 8px 15px;
	margin: 2px;
	background-color: #222;
	transition: all 0.3s ease;
}

.meleexp-player-card:hover {
	border-color: #4a904fd9;
	background-color: #262626;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.meleexp-card-header {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
}

.meleexp-card-header strong {
	font-size: 16px;
	color: #ddd;
}

.meleexp-total {
	text-align: center;
	margin-bottom: 0;
	padding: 8px;
	background-color: #2d4a3a;
	border-radius: 4px;
	border: 1px solid #4a904fd9;
}

.meleexp-total strong {
	font-size: 14px;
	color: #4a904fd9;
}

.meleexp-skills-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	margin-top: 8px;
}

.meleexp-skill-item {
	font-size: 10px;
	margin: 0;
	padding: 3px 4px;
	background-color: #1a1a1a;
	border-radius: 3px;
	border: 1px solid #333;
	width: 90px;
	text-align: center;
	color: #ccc;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

/* Responsive for small screens */
@media (max-width: 480px) {
	.meleexp-skill-item {
		width: 90px;
	}
}

.meleexp-skill-item:hover {
	background-color: #2a2a2a;
	border-color: #444;
}

.meleexp-skill-item img {
	width: 14px;
	height: 14px;
}

.meleexp-player-link {
	font-weight: normal !important;
}

/* Rank Count Card Styles - Dark Theme */
.rankcount-player-card {
	border: 1px solid #333;
	border-radius: 6px;
	padding: 12px;
	margin: 3px;
	background-color: #222;
	min-height: 120px;
	transition: all 0.3s ease;
}

.rankcount-player-card:hover {
	border-color: #4a904fd9;
	background-color: #262626;
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.rankcount-card-header {
	text-align: center;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #333;
}

.rankcount-card-header strong {
	font-size: 14px;
	color: #ddd;
}

.rankcount-total {
	text-align: center;
	padding: 6px;
	background-color: #2d4a3a;
	border-radius: 4px;
	border: 1px solid #4a904fd9;
}

.rankcount-total strong {
	font-size: 13px;
	color: #4a904fd9;
}

.rankcount-player-card-container {
	padding: 8px;
}

/* DD Rank Count Row Styles - Enhanced Dark Theme */
#tracker-virtual-hiscore-table {
	width: 100%;
	margin: 0;
}

#tracker-virtual-hiscore-table tbody {
	width: 100%;
}

/* Force the table to ignore Bootstrap column constraints but keep centering */
#tracker-virtual-hiscore-table.col-lg-11,
#tracker-virtual-hiscore-table.col-md-11, 
#tracker-virtual-hiscore-table.col-sm-11 {
	width: 91.66666667% !important;
	float: none !important;
	margin: 0 auto !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}


/* Make sure skill icons section expands to fill remaining space */
.ddrankcount-skill-icons {
	flex: 1 !important;
	justify-content: flex-end !important;
	display: flex !important;
}

/* TD Rank Count Styles - Same as DD but for Triple Digit */

.tdrankcount-player-row:hover {
	background-color: #252525;
	border-color: #4a904fd9;
}

.tdrankcount-player-name {
	color: #ddd;
	padding-right: 15px;
}

.tdrankcount-player-link {
	font-weight: normal !important;
}

.tdrankcount-skill-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: center;
	flex: 1 !important;
	justify-content: flex-end !important;
}

.tdrankcount-skill-icon {
	width: 20px;
	height: 20px;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.tdrankcount-skill-icon:hover {
	opacity: 1;
}

.tdrankcount-skill-gap {
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 3px;
	opacity: 0.3;
	transition: opacity 0.2s ease;
}

.tdrankcount-skill-gap:hover {
	opacity: 0.5;
	border-color: #555;
}

.tdrankcount-rank-badge {
	background-color: #2d4a3a;
	color: #4a904fd9;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #4a904fd9;
}

.ddrankcount-player-row:hover {
	background-color: #252525;
	border-color: #4a904fd9;
}

.ddrankcount-player-name {
	min-width: 150px;
	color: #ddd;
	padding-right: 15px;
}

.ddrankcount-player-link {
	font-weight: normal !important;
}

.ddrankcount-skill-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: center;
}

.ddrankcount-skill-icon {
	width: 20px;
	height: 20px;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.ddrankcount-skill-icon:hover {
	opacity: 1;
}

.ddrankcount-skill-gap {
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 3px;
	opacity: 0.3;
	transition: opacity 0.2s ease;
}

.ddrankcount-skill-gap:hover {
	opacity: 0.5;
	border-color: #555;
}

.ddrankcount-rank-badge {
	background-color: #2d4a3a;
	color: #4a904fd9;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	border: 1px solid #4a904fd9;
}

/* Disabled skill icon styles for DDRankCount */
.ddrankcount-skill-disabled {
	opacity: 0.25 !important;
	filter: grayscale(80%) brightness(0.7);
	transition: opacity 0.2s ease, filter 0.2s ease;
}

.ddrankcount-skill-disabled:hover {
	opacity: 0.5 !important;
	filter: grayscale(60%) brightness(0.8);
}

/* TDRankCount styles mirroring DDRankCount */
.tdrankcount-player-card {
	background: white;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 15px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}



.tdrankcount-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.tdrankcount-total {
	background: #28a745;
	color: white;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: bold;
}

.tdrankcount-player-card-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.tdrankcount-skill-icons {
	flex: 1 !important;
	justify-content: flex-end !important;
	display: flex !important;
	gap: 3px;
	align-items: center;
}

.tdrankcount-skill-icon {
	width: 20px;
	height: 20px;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.tdrankcount-skill-icon:hover {
	opacity: 1;
}

.tdrankcount-skill-gap {
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 3px;
	opacity: 0.3;
	transition: opacity 0.2s ease;
}

.tdrankcount-skill-gap:hover {
	opacity: 0.5;
	border-color: #555;
}

/* Disabled skill icon styles for TDRankCount */
.tdrankcount-skill-disabled {
	opacity: 0.25 !important;
	filter: grayscale(80%) brightness(0.7);
	transition: opacity 0.2s ease, filter 0.2s ease;
}

.tdrankcount-skill-disabled:hover {
	opacity: 0.5 !important;
	filter: grayscale(60%) brightness(0.8);
}

/* 200m Count Styles - Same as DD/TD but for 200m XP */
.twohundredmcount-player-row:hover {
	background-color: #252525;
	border-color: #4a904fd9;
}

.twohundredmcount-player-name {
	min-width: 150px;
	color: #ddd;
	padding-right: 15px;
}

/* Make sure skill icons section expands to fill remaining space */
.twohundredmcount-skill-icons {
	flex: 1 !important;
	justify-content: flex-end !important;
	display: flex !important;
}

.twohundredmcount-skill-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: center;
}

.twohundredmcount-skill-icon {
	width: 20px;
	height: 20px;
	opacity: 0.8;
}

.twohundredmcount-skill-icon:hover {
	opacity: 1;
}



.twohundredmcount-skill-disabled {
	opacity: 0.25 !important;
	filter: grayscale(80%) brightness(0.7);
	transition: opacity 0.2s ease, filter 0.2s ease;
}

.twohundredmcount-skill-disabled:hover {
	opacity: 0.5 !important;
	filter: grayscale(60%) brightness(0.8);
}

.tdrankcount-player-link {
	font-weight: normal !important;
}

/* Pet Hiscores Styles - Same as 200mcount but for pets */
.pets-player-row {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	border: 1px solid #333;
	border-radius: 5px;
	margin-bottom: 8px;
	background-color: #1a1a1a;
	transition: all 0.2s ease;
	width: 100%;
	max-width: 100%;
}

.pets-player-row:hover {
	background-color: #252525;
	border-color: #4a904fd9;
}

.pets-player-name {
	min-width: 150px;
	color: #ddd;
	padding-right: 15px;
}

.pets-player-link {
	font-weight: normal !important;
}

/* Make sure pet icons section expands to fill remaining space */
.pets-pet-icons {
	flex: 1 !important;
	justify-content: center !important;
	display: flex !important;
}

.pets-pet-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: center;
}

.pets-pet-icon {
	width: 24px;
	height: 24px;
	object-fit: contain;
	opacity: 1.0; /* Increased opacity for obtained pets to be brighter */
	transition: opacity 0.2s ease;
}

.pets-pet-icon:hover {
	opacity: 1.0;
	filter: brightness(1.4);
}

.pets-count-column {
	min-width: 80px;
	text-align: center;
	margin-left: 10px;
}

.pets-rank-badge {
	background-color: #2d4a3a;
	color: #4a904fd9;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #4a904fd9;
	display: inline-block;
}

.pets-progress-bar-container {
	float: none;
	width: 100%;
	margin-top: 4px;
}

.pets-pet-disabled {
	opacity: 0.35 !important; /* Reduced dimming for better visibility */
	filter: grayscale(100%) brightness(0.6); /* Reduced dimming for better visibility */
	transition: opacity 0.2s ease, filter 0.2s ease;
}

.pets-pet-disabled:hover {
	opacity: 0.6 !important; /* Reduced dimming for better visibility */
	filter: grayscale(80%) brightness(0.8); /* Reduced dimming for better visibility */
}

/* Activity Leaders Page Styles */
.activityleaders-card {
	background-color: #222 !important;
	border: 1px solid #333 !important;
	border-radius: 8px !important;
	padding: 10px !important;
	text-align: center !important;
	transition: transform 0.2s, box-shadow 0.2s !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.activityleaders-card:hover {
	transform: scale(1.01) !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
	border-color: #4a904fd9 !important;
}

.activityleaders-player-link {
	color: #4CAF50 !important;
	text-decoration: none !important;
	font-weight: bold !important;
	transition: color 0.2s ease !important;
}

.activityleaders-player-link:hover {
	color: #66BB6A !important;
	text-decoration: underline !important;
}

.activityleaders-xp-score {
	color: #dbdbdb !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

.activityleaders-icon {
	margin-bottom: 0 !important;
	max-height: 32px !important;
	width: auto !important;
	object-fit: contain !important;
}

.activityleaders-icon-container {
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 8px !important;
}

/* Responsive grid adjustments */
@media (max-width: 1200px) {
	.activityleaders-card {
		margin-bottom: 15px !important;
	}
}

@media (max-width: 768px) {
	.activityleaders-card {
		margin-bottom: 20px !important;
	}
}

.activityleaders-activity-name {
	color: #ddd !important;
	font-weight: bold !important;
	font-size: 12px !important;
	white-space: nowrap !important;
	overflow: visible !important;
	max-width: 100% !important;
}

.activityleaders-gains {
	margin-top: 8px !important;
	padding-top: 8px !important;
}

/* Responsive grid adjustments */
@media (max-width: 768px) {
	.tracker-generic-sidebar .grid-2-col {
		grid-template-columns: 1fr;
	}
}

/* Add top margin to tracker-generic-sidebar */
.tracker-generic-sidebar {
	margin-top: 20px;
}

/* Sidebar Button Hover Effects */
.tracker-generic-sidebar a {
	transition: all 0.3s ease !important;
}

.tracker-generic-sidebar a:hover {
	transform: scale(1.02) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

/* Sidebar Container Styles */
.sidebar-section {
	background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.sidebar-section-account-types {
	margin-bottom: 25px;
}

.sidebar-section-header {
	color: #4CAF50;
	text-align: center;
	margin-bottom: 20px;
	border-bottom: 2px solid #4a904fd9;
	padding-bottom: 10px;
	font-size: 16px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.sidebar-section-header img {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: middle;
}

/* Grid Layouts */
.sidebar-grid-1col {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

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

/* Sidebar Button Styles */
.sidebar-button {
	display: block;
	padding: 12px 16px;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	transition: all 0.3s ease;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.sidebar-button-selected {
	background: linear-gradient(135deg, #4a904fd9 0%, #5a9f5fd9 100%);
	color: white;
	border: 2px solid #6aaf6fd9;
	box-shadow: 0 2px 8px rgba(74, 144, 79, 0.4);
}

.sidebar-button-unselected {
	background: linear-gradient(135deg, #333 0%, #444 100%);
	color: #ddd;
	border: 2px solid #555;
}

/* Special styling for "All Time" button to span both columns */
.sidebar-timeframe-button-all {
	grid-column: 1 / -1;
}

/* Loading Animation for Progress Bars */
.loading .ranksum-progress-fill,
.loading .virtualtotallevel-bar-fill {
	animation: loading 1.5s infinite;
}

/* ===== NEW VIRTUALHISCORES PAGE STYLES ===== */

/* Front Page Time - Timeline Layout */
.frontpagetime-timeline {
	position: relative;
	padding: 20px 0;
}

.frontpagetime-timeline::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(to bottom, #4a904fd9, #333, #4a904fd9);
	transform: translateX(-50%);
}

.frontpagetime-entry {
	position: relative;
	margin: 30px 0;
	display: flex;
	align-items: center;
}

.frontpagetime-entry:nth-child(odd) {
	flex-direction: row;
}

.frontpagetime-entry:nth-child(even) {
	flex-direction: row-reverse;
}

.frontpagetime-content {
	background: linear-gradient(135deg, #222 0%, #2a2a2a 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 20px;
	width: 45%;
	position: relative;
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	transition: all 0.3s ease;
}

.frontpagetime-content:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.frontpagetime-entry:nth-child(odd) .frontpagetime-content {
	margin-right: 5%;
}

.frontpagetime-entry:nth-child(even) .frontpagetime-content {
	margin-left: 5%;
}

.frontpagetime-marker {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	background: #4a904fd9;
	border: 3px solid #222;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	box-shadow: 0 0 10px rgba(74, 144, 79, 0.5);
}

.frontpagetime-marker::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	background: rgba(74, 144, 79, 0.2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }
}

/* First Tracked - Achievement Badge Layout */
.firsttracked-badge {
	background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
	border: 2px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	width: 280px;
	display: inline-block;
	vertical-align: top;
}

.firsttracked-badge::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(45deg, transparent, rgba(74, 144, 79, 0.1), transparent);
	transform: rotate(45deg);
	transition: all 0.6s ease;
}

.firsttracked-badge:hover::before {
	transform: rotate(45deg) translate(50%, 50%);
}

.firsttracked-badge:hover {
	border-color: #4a904fd9;
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0,0,0,0.4);
}

.firsttracked-rank {
	font-size: 24px;
	font-weight: bold;
	color: #4a904fd9;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
	margin-bottom: 8px;
}

.firsttracked-player {
	font-size: 16px;
	color: #ddd;
	margin-bottom: 10px;
}

.firsttracked-date {
	font-size: 14px;
	color: #888;
	font-style: italic;
}

/* Rank Sum - Simple Card Layout (like pets page) */
.ranksum-card {
	background: linear-gradient(135deg, #222 0%, #252525 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	width: 200px;
	height: 140px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.ranksum-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.ranksum-rank {
	font-size: 18px;
	font-weight: bold;
	color: #4a904fd9;
	margin-bottom: 8px;
}

.ranksum-player {
	font-size: 14px;
	color: #ddd;
	margin-bottom: 10px;
}

.ranksum-total {
	font-size: 20px;
	color: #4CAF50;
	font-weight: bold;
}

.ranksum-progress-container:hover {
	border-color: #4a904fd9;
	background: #222;
}

.ranksum-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.ranksum-rank {
	font-size: 18px;
	font-weight: bold;
	color: #4a904fd9;
}

.ranksum-player {
	font-size: 16px;
	color: #ddd;
}

.ranksum-total {
	font-size: 14px;
	color: #888;
}

.ranksum-progress-bar {
	width: 80%;
	height: 8px;
	background: #333;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.ranksum-progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #4a904fd9, #5a9f5fd9);
	border-radius: 4px;
	transition: width 0.8s ease;
	position: relative;
}

.ranksum-progress-fill::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
	animation: shimmer 2s infinite;
}

@keyframes shimmer {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(100%); }
}

/* Skill Cape Counts - 3 Column Layout (same as 200mcounts) */
.skillcapecounts-card {
	background: #222;
	border: 2px solid #333;
	border-radius: 8px;
	padding: 8px;
	text-align: center;
	transition: all 0.3s ease;
	min-width: 100px;
	cursor: pointer;
}

.skillcapecounts-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.skillcapecounts-icon {
	width: 32px;
	height: 32px;
	margin: 0 auto 8px;
	border-radius: 50%;
	background: #1a1a1a;
	padding: 6px;
	border: 2px solid #333;
}

.skillcapecounts-count {
	font-size: 14px;
	font-weight: bold;
	color: #ddd;
	margin-bottom: 4px;
}

.skillcapecounts-skill {
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* ===== COMPACT CARD LAYOUTS FOR UPDATED PAGES ===== */

/* Front Page Count Cards */
.frontpagecount-card {
	background: linear-gradient(135deg, #222 0%, #252525 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	width: 200px;
	height: 160px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.frontpagecount-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.frontpagecount-rank {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	margin-bottom: 8px;
}

.frontpagecount-player {
	font-size: 14px;
	color: #ddd;
	margin-bottom: 8px;
}

.frontpagecount-count {
	font-size: 13px;
	color: #888;
	margin-bottom: 10px;
}

/* Front page count skill icons */
.frontpagecount-skill-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
	justify-content: center;
	align-items: center;
	margin-top: 6px;
	padding: 3px;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 3px;
}

.frontpagecount-skill-icon {
	width: 16px;
	height: 16px;
	opacity: 0.85;
	transition: all 0.2s ease;
	border-radius: 2px;
}

.frontpagecount-skill-icon:hover {
	opacity: 1;
	filter: brightness(1.3);
	transform: scale(1.1);
}

/* Highest Rank Cards */
.highestrank-card {
	background: linear-gradient(135deg, #222 0%, #252525 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	width: 220px;
	height: 140px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.highestrank-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.highestrank-rank {
	font-size: 18px;
	font-weight: bold;
	color: #4a904fd9;
	margin-bottom: 8px;
}

.highestrank-player {
	font-size: 14px;
	color: #ddd;
	margin-bottom: 8px;
}

.highestrank-skill {
	font-size: 12px;
	color: #888;
}

/* Highest Rank Minigames Cards */
.highestrankminigames-card {
	background: linear-gradient(135deg, #222 0%, #252525 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	width: 220px;
	height: 140px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.highestrankminigames-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.highestrankminigames-rank {
	font-size: 18px;
	font-weight: bold;
	color: #4a904fd9;
	margin-bottom: 8px;
}

.highestrankminigames-player {
	font-size: 14px;
	color: #ddd;
	margin-bottom: 8px;
}

.highestrankminigames-activity {
	font-size: 12px;
	color: #888;
}

/* Lowest Skill Cards */
.lowestskill-card {
	background: linear-gradient(135deg, #222 0%, #2a2a2a 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	width: 220px;
	height: 140px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.lowestskill-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.lowestskill-rank {
	font-size: 18px;
	font-weight: bold;
	color: #4a904fd9;
	margin-bottom: 8px;
}

.lowestskill-player {
	font-size: 14px;
	color: #ddd;
	margin-bottom: 8px;
}

.lowestskill-skill {
	font-size: 12px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

/* Total XP Rank Cards */
.totalxprank-card {
	background: linear-gradient(135deg, #222 0%, #2a2a2a 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	width: 240px;
	display: inline-block;
	vertical-align: top;
}

.totalxprank-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.totalxprank-rank {
	font-size: 18px;
	font-weight: bold;
	color: #4a904fd9;
	margin-bottom: 8px;
}

.totalxprank-player {
	font-size: 14px;
	color: #ddd;
	margin-bottom: 8px;
}

.totalxprank-xp {
	font-size: 16px;
	color: #4a904fd9;
	font-weight: bold;
	margin-bottom: 5px;
}

.totalxprank-level {
	font-size: 12px;
	color: #888;
}

/* Virtual Total Level Cards */
.virtualtotallevel-card {
	background: linear-gradient(135deg, #222 0%, #2a2a2a 100%);
	border: 1px solid #333;
	border-radius: 8px;
	padding: 15px;
	margin: 8px;
	text-align: center;
	transition: all 0.3s ease;
	width: 200px;
	display: inline-block;
	vertical-align: top;
}

.virtualtotallevel-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.virtualtotallevel-rank {
	font-size: 18px;
	font-weight: bold;
	color: #4a904fd9;
}

.virtualtotallevel-player {
	font-size: 14px;
	color: #ddd;
	margin-bottom: 8px;
}

.virtualtotallevel-level {
	font-size: 16px;
	color: #888;
}

/* Responsive adjustments for compact cards */
@media (max-width: 1200px) {
	.frontpagecount-card,
	.highestrank-card,
	.highestrankminigames-card,
	.lowestskill-card,
	.totalxprank-card,
	.virtualtotallevel-card {
		width: calc(50% - 16px);
	}
}

@media (max-width: 768px) {
	.frontpagecount-card,
	.highestrank-card,
	.highestrankminigames-card,
	.lowestskill-card,
	.totalxprank-card,
	.virtualtotallevel-card {
		width: 100%;
		margin: 8px 0;
	}
}

/* 200m Count - Fun Redesigned Layout */
.twohundredmcount-player-card {
	background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
	border: 2px solid #333;
	border-radius: 15px;
	padding: 25px;
	margin: 20px 0;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.twohundredmcount-player-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #4a904fd9, #5a9f5fd9, #4a904fd9);
}

.twohundredmcount-player-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(74, 144, 79, 0.3);
}

.twohundredmcount-header {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 25px;
}



.twohundredmcount-player-info {
	flex: 1;
}



.twohundredmcount-skill-count {
	font-size: 16px;
	color: #4a904fd9;
	font-weight: bold;
}

.twohundredmcount-skills-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
	gap: 15px;
	padding: 20px;
	background: rgba(0,0,0,0.2);
	border-radius: 10px;
}

.twohundredmcount-skill-item {
	text-align: center;
	padding: 15px 10px;
	border-radius: 10px;
	transition: all 0.3s ease;
	position: relative;
}

.twohundredmcount-skill-item:hover {
	transform: translateY(-3px);
}

.twohundredmcount-skill-item img {
	width: 48px;
	height: 48px;
	margin-bottom: 8px;
	transition: all 0.3s ease;
}

.twohundredmcount-skill-name {
	font-size: 12px;
	color: #888;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Achieved skills - bright and glowing */
.twohundredmcount-skill-achieved {
	background: linear-gradient(135deg, rgba(74, 144, 79, 0.1), rgba(90, 159, 95, 0.1));
	border: 1px solid rgba(74, 144, 79, 0.3);
}

.twohundredmcount-skill-achieved:hover {
	background: linear-gradient(135deg, rgba(74, 144, 79, 0.2), rgba(90, 159, 95, 0.2));
	border-color: rgba(74, 144, 79, 0.6);
	box-shadow: 0 5px 20px rgba(74, 144, 79, 0.3);
}

.twohundredmcount-skill-achieved img {
	filter: drop-shadow(0 0 8px rgba(74, 144, 79, 0.6));
}

.twohundredmcount-skill-achieved .twohundredmcount-skill-name {
	color: #4a904fd9;
}

/* Missing skills - dimmed and subtle */
.twohundredmcount-skill-missing {
	background: rgba(0,0,0,0.1);
	border: 1px solid rgba(255,255,255,0.05);
	opacity: 0.6;
}

.twohundredmcount-skill-missing:hover {
	opacity: 0.8;
	background: rgba(0,0,0,0.2);
}

.twohundredmcount-skill-missing img {
	filter: grayscale(0.8) brightness(0.6);
}

/* Virtual Total Level - Super Clean Rows */
.virtualtotallevel-row {
	display: flex;
	align-items: center;
	background: #222;
	border: 1px solid #333;
	border-radius: 4px;
	padding: 8px 12px;
	margin: 2px 0;
	transition: background-color 0.2s ease;
	height: 40px; /* Fixed height for consistent grid */
	box-sizing: border-box;
}

/* Grid layout with proper spacing */
.virtualtotallevel-row.col-lg-3 {
	margin-right: 8px;
	margin-bottom: 8px;
	width: calc(25% - 6px); /* Ensure exact 4-column layout */
}

.virtualtotallevel-row.col-lg-3:nth-child(4n) {
	margin-right: 0;
}

/* Ensure proper grid container */
#tracker-virtual-hiscore-container {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.virtualtotallevel-row:hover {
	background: #2a2a2a;
}

.virtualtotallevel-rank {
	color: #4a904fd9;
	font-size: 14px;
	font-weight: bold;
	min-width: 30px;
	text-align: left;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 100%;
}

.virtualtotallevel-player {
	flex: 1;
	margin: 0 15px;
}

.virtualtotallevel-player a {
	font-size: 16px;
	color: #ddd;
	text-decoration: none;
}

.virtualtotallevel-level {
	font-size: 16px;
	font-weight: normal;
	color: #bdbdbd;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}

.virtualtotallevel-level-icon {
	width: 16px;
	height: 16px;
	opacity: 0.7;
}

/* 200m Counts - Individual Skill Cards */
.skill-count-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8px;
	border: 2px solid #333;
	border-radius: 6px;
	background: #222;
	min-width: 120px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.skill-count-card:hover {
	border-color: #4a904fd9;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(74, 144, 79, 0.2);
}

.skill-count-card.total-card {
	border-color: #4a904fd9;
	background: #222;
}

.skill-count-card.total-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(74, 144, 79, 0.3);
}

.skill-count-card img {
	width: 24px;
	height: 24px;
	margin-bottom: 6px;
	transition: all 0.3s ease;
}

.skill-count-card:hover img {
	transform: scale(1.1);
}

.skill-count-card .skill-name {
	color: #888;
	font-size: 14px;
	text-align: center;
	margin-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	white-space: nowrap;
}

.skill-count-card .skill-count {
	color: #ddd;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

.skill-count-card.total-card .skill-name {
	color: #4a904fd9;
	font-weight: bold;
}

.skill-count-card.total-card .skill-count {
	color: #4a904fd9;
	font-size: 18px;
}

/* XP Milestone Timeline - Total XP Rank */
.xptimeline-container {
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-width: 100%;
}

.xptimeline-milestone {
	position: relative;
	background: #1a1a1a;
	border: 1px solid #333;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.xptimeline-milestone:hover {
	border-color: #4a904fd9;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.xptimeline-progress-inline {
	width: 100%;
	height: 1px;
	background: #222;
	margin-top: 8px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	order: 6;
}

.xptimeline-progress-fill-inline {
	height: 100%;
	transition: width 0.6s ease;
}

.xptimeline-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 12px;
	min-height: 40px;
}

.xptimeline-rank {
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 8px;
	text-align: center;
	min-width: 24px;
	background: #4a904fd9;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.xptimeline-player {
	grid-column: 2;
	grid-row: 1;
}

.xptimeline-player-link {
	color: #ddd;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

.xptimeline-player-link:hover {
	color: #4a904fd9;
}

.xptimeline-xp {
	grid-column: 3;
	grid-row: 1;
	text-align: right;
}

.xptimeline-xp-number {
	color: #ddd;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;
}

.xptimeline-xp-tier {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #888;
}

.xptimeline-levels {
	grid-column: 4;
	grid-row: 1;
	text-align: right;
}

.xptimeline-real-level {
	color: #ddd;
	font-size: 12px;
	font-weight: bold;
	margin-right: 3px;
}

.xptimeline-virtual-level {
	color: #888;
	font-size: 10px;
}

.xptimeline-overall-icon {
	grid-column: 5;
	grid-row: 1;
	text-align: center;
}

.xptimeline-overall-icon img {
	width: 16px;
	height: 16px;
	opacity: 0.6;
}

.xptimeline-level-group {
	display: flex;
	align-items: center;
	gap: 6px;
}

.xptimeline-overall-icon {
	display: flex;
	align-items: center;
}

.xptimeline-levels {
	display: flex;
	align-items: center;
	gap: 3px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.xptimeline-content {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 10px 12px;
	}
	
	.xptimeline-rank {
		order: 1;
	}
	
	.xptimeline-player {
		order: 2;
	}
	
	.xptimeline-xp {
		order: 3;
		text-align: center;
	}
	
	.xptimeline-levels {
		order: 4;
		text-align: center;
	}
	
	.xptimeline-level-group {
		order: 5;
	}
	
	.xptimeline-progress-inline {
		order: 6;
	}
}

/* Extra small screen adjustments */
@media (max-width: 480px) {
	.xptimeline-content {
		flex-direction: column;
		align-items: center;
		gap: 4px;
		padding: 6px 8px;
	}
	
	.xptimeline-rank {
		order: 1;
		margin-bottom: 2px;
	}
	
	.xptimeline-player {
		order: 2;
		text-align: center;
	}
	
	.xptimeline-xp {
		order: 3;
		text-align: center;
	}
	
	.xptimeline-level-group {
		order: 4;
		text-align: center;
	}
	
	.xptimeline-progress-inline {
		order: 5;
		margin-top: 4px;
	}
}

/* ===== 200M COUNT PAGE STYLES (matching pets page) ===== */

.twohundredmcount-player-row {
	display: flex;
	align-items: center;
	padding: 8px;
	margin-bottom: 5px;
	border: 1px solid #333;
	border-radius: 4px;
	background-color: #222;
	gap: 20px;
}

.twohundredmcount-player-name {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-shrink: 0;
	min-width: 200px;
}

.twohundredmcount-rank-badge {
	background-color: #2d4a3a;
	color: #4a904fd9;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	margin-left: auto;
	border: 1px solid #4a904fd9;
	width: 80px;
	text-align: center;
}

.twohundredmcount-rank {
	color: #4a904fd9;
	font-weight: bold;
	font-size: 12px;
}

.twohundredmcount-player-link {
	color: #ddd;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	transition: color 0.2s ease;
	white-space: nowrap;
}

.twohundredmcount-player-link:hover {
	color: #4a904fd9;
	text-decoration: underline;
}

.twohundredmcount-rank-badge {
	background-color: #2d4a3a;
	color: #4a904fd9;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	border: 1px solid #4a904fd9;
}

.twohundredmcount-skill-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	align-items: center;
}

.twohundredmcount-skill-icon {
	width: 24px;
	height: 24px;
	opacity: 1.0;
	transition: opacity 0.2s ease, filter 0.2s ease;
}

.twohundredmcount-skill-icon:hover {
	opacity: 1.0;
	filter: brightness(1.6);
}

.twohundredmcount-skill-disabled {
	opacity: 0.35;
	filter: grayscale(100%) brightness(0.6);
}

.twohundredmcount-skill-disabled:hover {
	opacity: 0.6;
	filter: grayscale(80%) brightness(0.8);
}