/* Daily Login Calendar */
.dl-reward-container {
	background: #a00101;
	border-radius: 3px;
	color: var(--white);
	padding: 8px 6px 8px 6px;
	margin: 0 5px 0 5px;
}
.dl-reward-amount {
	background: #b33333;
	border-radius: 3px;
	font-weight: 700;
	padding: 3px;
}
.calendar {
	float: left;
	padding-left: 10px;
}
.loginStats {
	float: right;
	padding-right: 10px;
	width: 300px;
	text-align: left;
}
.calendarHeader {
	background-color: #D10101;
    background: linear-gradient(#D10101,#900101);
    color: var(--white);
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    text-shadow: 0 0 1px #0F0F0F,0 0 3px #1A1A1A;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;
    border: 1px solid rgba(0,0,0,0.1);
}
.none {
    display: none;
}
.dropdown {
	font-size: 11px;
    border: 1px solid #919191;
    border-radius: 5px;
    height: 22px;
}
#calender_section {
    width: 350px;
}
#calender_section h2 {
	background-color: #D10101;
	background: linear-gradient(#D10101,#900101);
    color: var(--white);
	border-radius: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
	text-shadow: 0 0 1px #0F0F0F,0 0 3px #1A1A1A;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;
    border: 1px solid rgba(0,0,0,0.1);
}
#calender_section h2 a {
    color: var(--white);
    float: none;
}
#calender_section_top {
    width: 351px;
    float: left;
}
#calender_section_top ul {
    padding: 0;
    list-style-type: none;
}
#calender_section_top ul li {
    float: left;
    display: block;
    width: 50px;
    text-align: center;
    font-size: 14px;
    min-height: 0;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
#calender_section_bot {
    width: 352px;
    float: left;
    border-left: 1px solid #37383A;
}
#calender_section_bot ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#calender_section_bot ul li {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
	border-bottom: 1px solid #37383A;
    border-right: 1px solid #37383A;
    min-height: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#calender_section_bot ul li span {
    margin-top: 7px;
    float: left;
    margin-left: 7px;
    text-align: center;
}
.grey {
    background-color: #555659 !important;
	color: #fff !important;
}
.todayLoggedin,
.loggedIn {
	background: #555659;
	background-image: url("https://static.pokemon-vortex.com/v6/images/misc/unown_x.png");
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 20px;
}
.todayLoggedin {
	color: var(--white);
}
.loggedIn,
.date_cell {
	background-color: var(--white);
}
.date_window {
    margin-top: 20px;
    margin-bottom: 2px;
    padding: 5px;
    font-size: 16px;
    margin-left: 9px;
    margin-right: 14px
}
.avatarPrize {
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 30px;
}
/* Side Tabs */
#sidebar {
    position: fixed;
	top: 0;
    width: 700px;
	height: 100%;
    left: -670px;
    z-index: 100;
	transition: left 0.5s;
}
.sidetabOpen {
	transition-timing-function: ease;
	left: 0px !important;
}
.sidetabClose {
	transition-timing-function: ease;
}
#sidebarContainer {
    float: left;
    width: 670px;
	height: 100%;
    background-color: #E1E1E1;
    z-index: 150;
}
#sidebarContent {
    overflow-y: scroll;
	overflow-x: hidden;
    padding: 10px 5px 30px 5px;
	height: 100%;
}
#sidebarLoading, #messageLoading, #messageListLoading {
    position: absolute;
    background-image: url('https://static.pokemon-vortex.com/v6/layout/images/grayout.gif');
    visibility: hidden;
    z-index: 200;
}
.tabContent {
    background-color: #E1E1E1;
    display: none;
    z-index: 200;
}
ul#sidebarTabs {
    float: left;
    width: 30px;
	height: 100%;
    list-style: none;
    padding-top: 70px;
    margin: 0;
	border-left: 2px solid var(--maroon);
}
ul#sidebarTabs li {
    margin: 10px 0px 10px 0px;
    font-family: 'Orbitron';
    color: var(--white);
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}
ul#sidebarTabs li a {
    display: block;
    width: 30px;
    height: 102px;
}
ul#sidebarTabs li a em {
    display: none;
}
ul#sidebarTabs li a.selected {
	text-shadow: 0px 0px 10px #ffffff !important;
}
ul#sidebarTabs li a#optionsTab,
ul#sidebarTabs li a#pokedexTab,
ul#sidebarTabs li a#membersTab {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	line-height: 1;
	text-shadow: 1px 1px 3px #0f0f0f, 0 0 3px #1a1a1a;
	background: var(--maroon);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: var(--white);
}

.rotate {
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE8 */
	-moz-transform: rotate(90.0deg);  /* FF3.5+ */
	-o-transform: rotate(90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(90.0deg);  /* Saf3.1+, Chrome */
	-ms-transform: rotate(90.0deg); /* IE9 */
	transform: rotate(90.0deg); /* Everything else */
}
a.sidebar-option {
    font-size: 11px;
    font-weight: 800;
    color: var(--white);
    text-shadow: 0 0 1px #0f0f0f,0 0 3px #1a1a1a;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 8px 12px 8px 12px;
    background: linear-gradient(#d10101,#900101);
}
a.sidebar-option-selected, a.sidebar-option:hover {
    font-size: 11px;
    font-weight: 800;
    color: var(--white);
    text-shadow: 0 0 1px #0f0f0f,0 0 3px #1a1a1a;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 8px 12px 8px 12px;
	background: var(--maroon-gradient-light);
}
.sideBarSearch {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.membersTabList {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.membersTabList a {
	padding: 10px 10px 10px 10px;
}
.userSearchResults {
	padding: 10px 10px 10px 10px;
	background-color: var(--grey);
}
.userSearchTop {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-evenly;
	align-items: flex-start;
}
.profileMenuIcons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#changePass,
#changeEmail {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#changeEmail input {
	margin-bottom: 10px;
}
#changePass input,
#changeEmail input {
	width: 300px;
	text-align: center;
	max-width: 100%;
}

.clanInfo {
	background-color: #d7d7d7;
	width: 49%;
	height: 300px;
	text-align: center;
	padding: 10px 10px 10px 10px;
	font-weight: 800;
	border: 1px solid #b3b2b2;
	background-repeat: no-repeat;
	background-position: center;
}
.firebg {
	background-color: #dc8e4c;
}
.waterbg {
	background-color: #83add7;
}
.grassbg {
	background-color: #77ac98;
}
.listedAvatar {
	width: 35px;
	height: 35px;
	border: 2px solid #00000059;
	border-radius: 20px;
}
.releasePokemon,
.changeAttacks,
.caughtPokemon,
.pokehubSprite,
.rotmSprite {
    background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/gym_bg.png');
    background-repeat: no-repeat;
	background-position: center;
}
.menuTitle {
	padding-right: 10px;
	color: #EB0000;
	font-weight: 600;
}
.notDone {
	filter: blur(1px) grayscale(100%);
}

/* Account Types */

.botAccount {
	color: #F44336;
	font-style: italic;
}
.adminAccount {
	background: url('https://static.pokemon-vortex.com/v6/images/misc/admin_flare.gif');
	color: red;
	text-shadow: 0 0 .9em #DF0101;
}
.bannedAccount {
	opacity: 0.5;
}
.donorAccount {
	color: #2E64FE;
	text-shadow: 0 0 0.7em #2E64FE;
}
.premiumAccount {
	color: #6D52D3;
	text-shadow: 0 0 0.7em #6D52D3;
}
.smallSeparator {
	margin: 10px;
	padding: 20px 10px 10px 10px;
	width: 450px;
	border-top: 2px solid #a80101;
}
.largeSeparator {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 0px 10px;
	width: 100%;
	border-top: 2px solid #a80101;
}
.seasonRecord {
	width: 100%;
	height: 60px;
	box-shadow: 0 4px 2px -2px rgb(0 0 0 / 40%);
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
}
.seasonTrophy {
	height: 60px;
	width: 65px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.seasonDate,
.seasonStats {
	width: 135px;
}
.seasonPlace {
	width: 120px;
	text-align: right;
	font-size: 42px;
	opacity: 0.3;
}

.first { background: linear-gradient(to right, #fffac8 10%, #f1da36 50%); }
.second { background: linear-gradient(to right, #eeeeee 10%, #cccccc 50%); }
.third { background: linear-gradient(to right, #f6e6b4 10%, #ed9017 50%); }
.placed { background: linear-gradient(to right, #f9f9f9 10%, #eeeeee 50%); }
.trophy1 { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/first.png'); }
.trophy2 { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/second.png'); }
.trophy3 { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/third.png'); }

#achievementsContainer {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 10px;
}
.achievement {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 10px;
	align-items: center;
	border-radius: 5px;
	background-color: var(--grey);
	padding: 5px 45px 5px 10px;
	box-shadow: 1px 1px 3px var(--black-absolute);
}
.achievementImg {
	pointer-events: none;
}
.achievementInfo {
	text-align: left;
}
.achievementEarned {
	position: absolute;
	font-size: 30px;
	right: 10px;
}

.noBadge, .noEBadge {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	display: inline-block;
	pointer-events: none;
}
.noBadge {
	width: 16px;
	height: 16px;
}
.noEBadge {
	width: 19px;
	height: 19px;
}
.badgeDone {
	font-size: 16px;
	color: green;
}
.badgeContainer {
	vertical-align: top;
	width: 200px;
	margin: 5px;
	text-align: center;
}
.badgeContainer img {
	vertical-align: baseline;
}
.badgesContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#galarCircle {
	width: 64px;
	height: 64px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.2);
	text-align: left;
}
.galarBadge {
	position: absolute;
}
#profileTeamContainer {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}
.tabTeamSlot {
	width: 48%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	border: 1px solid #a801015c;
	border-radius: 10px;
	max-height: 105px;
	height: 105px;
	padding-left: 5px;
	box-shadow: 1px 1px 5px 0px #a801015c;
}
.promoCode {
	font-family: 'Allerta Stencil', sans-serif;
	font-size: 15px;
	position: relative;
}
.copyCode:hover {
	color: #A00101;
	cursor: copy;
}
.copyToast,
.genericToast {
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--black);
	background: var(--grey-gradient-light);
    color: var(--white);
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
	border: 2px solid var(--maroon-darker);
    font-size: 14px;
    display: none;
    z-index: 9999;
	text-align: center;
}
.hover {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.hover:hover,
.hover:focus,
.hover:active {
	transform: translateY(-8px);
}
.tabTeamImg {
	width: 100px;
	min-width: 100px;
	height: 100px;
}
.tabTeamData {
	padding: 0px 5px 0px 5px;
	text-align: left;
}
.listAvatar,
.listedClanPic {
	width: 35px;
	height: 35px;
	border-radius: 20px;
}
.boardClanPic {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	float: right;
}
.settingOn {
	color: green;
}
.settingOff {
	color: red;
}
.heading-option {
	color: var(--white);
	text-align: center;
	text-shadow: 0 0 1px #0f0f0f,0 0 3px #1a1a1a;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.15) inset;
	background-color: #a80101;
	padding: 5px 0 5px 0;
}
.nicknameContent {
	position: absolute;
	left: 220px;
	width: 580px;
}
.leaderboardFlag {
	border-radius: 5px;
	height: 25px;
	pointer-events: none;
}

/* Discord Widget */

.discord-user {
	display: inline;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom: 5px;
}
.discord-user span {
    font-size: .8em;
    opacity: .5;
}
.discord-user-status {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: pink;
    border-radius: 50%;
    border: solid thin #3a3a3a;
    top: 14px;
    left: 14px;
}
.discord-avatar,
.discord-member {
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: inline;
    margin-right: 5px!important;
    vertical-align: middle;
}
.discord-member {
	border: 2px solid #3a3a3a;
}
.discord-online {
	background-color: #43b581;
}
.discord-idle {
	background-color: #faa61a;
}
.discord-dnd {
	background-color: #f04747;
}
.codeInput {
	text-transform: uppercase;
}
::-webkit-input-placeholder {
	text-transform: none;
}
:-moz-placeholder {
	text-transform: none;
}
::-moz-placeholder {
	text-transform: none;
}
:-ms-input-placeholder {
	text-transform: none;
}

/* Battle Selection */

.gymBattle {
	vertical-align: middle;
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	backface-visibility: hidden;
	position: relative;
	transition-property: color;
	transition-duration: 0.3s;
}
.gymBattle:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2d2e30;
	background: var(--grey-gradient);
	transform: scaleX(0);
	transform-origin: 50%;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
.gymBattle:active,
.gymBattle:focus,
.gymBattle:hover {
	color: var(--white);
}
.gymBattle:active:before,
.gymBattle:focus:before,
.gymBattle:hover:before {
	transform: scaleX(1);
}
.gymSelection {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.gymContainer {
	width: 390px;
	max-width: 100%;
	margin: 5px 5px 0px 5px;
}
.gymContainer h4 {
	background-color: #c2c0c0;
	padding: 5px;
	margin: 0;
}
.gymContainer h3 {
	margin-bottom: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.gymOpponent {
	background-color: #d7d7d7;
	border-radius: 0 0 10px 10px;
	height: 64px;
}
.gymOpponent img {
	height: 64px;
	pointer-events: none;
}
.battleTowerOpponent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-evenly;
	align-items: center;
	margin: 10px 0px 10px 0px;
}
.battleTowerSlot {
	width: 145px;
	margin: 0px 0px 10px 0px;
}
#battleSearchContainer,
#sqContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: stretch;
}
.battleSearchBlock,
.sqBlock {
	width: 50%;
	margin: 0px 0px 5px 0px;
}
.battleSearch {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.trainingAccAvCol {
	width: 60px;
	max-width: 60px;
}
.sqProgress {
	width: 250px;
	max-width: 100%;
	height: 15px;
	background-color: var(--grey);
	border: 2px solid #00000033;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin: 10px auto 10px auto;
}
.sqProgressFill {
	height: 100%;
	background: var(--maroon-gradient);
}

/* Teams & View Pokemon */

#yourTeam {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 20px;
	margin: 20px 0px 20px 0px;
}
.card-container {
	perspective: 1000px;
	width: 250px;
	height: 220px;
	position: relative;
	background: var(--grey);
	border-radius: 20px / 60px;
	border-style: solid;
	border-width: 5px 0px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	padding: 10px;
}
.card {
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.card .face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	text-align: center;
	box-sizing: border-box;
}
.card .front {
	z-index: 2;
}
.card .back {
	transform: rotateY(180deg);
}
#flip-toggle-1:checked ~ .card,
#flip-toggle-2:checked ~ .card,
#flip-toggle-3:checked ~ .card,
#flip-toggle-4:checked ~ .card,
#flip-toggle-5:checked ~ .card,
#flip-toggle-6:checked ~ .card {
	transform: rotateY(180deg);
}
.cardFlip {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: var(--maroon-darker);
	cursor: pointer;
	user-select: none;
}
.teamOptions,
.viewPkmnOptions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.teamOptions a:hover,
.viewPkmnOptions a:hover,
.cardFlip:hover {
	color: var(--black-darker);
}
.savedTeam {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 10px 0px 10px 0px;
}
.savedTeamSlot {
	width: 140px;
}
.nameTeam {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.changeTeamSeparator {
	width: 2px;
	height: 150px;
	background: var(--maroon-darker);
	margin: 0 auto;
}
#changeTeamOptions,
#viewAllPkmnOptions,
#pokebayOptions,
#clansOptions {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	margin: 5px 5px 5px 5px;
	align-items: center;
	gap: 5px;
}
#pokemonSearch,
#auctionSearch,
#clanSearch {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}
#pokemonSearch input {
	max-width: 100%;
}
#changeTeamContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0px 0px 20px 0px;
}
#changeTeamMiddle {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#currentTeam,
#boxPokemon {
	height: 450px;
}
#switch-v {
	display: none;
}
#suggestResults {
	color: var(--white);
	display: none;
	padding: 0;
	position: absolute;
	background-color: rgba(0,0,0,0.9);
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: var(--maroon-darker);
	font-weight: normal;
	text-align: center;
	z-index: 10;
}
#changeTeamOptions #suggestResults {
	top: 107px;
}
#viewAllPkmnOptions #suggestResults {
	top: 68px;
}
li.suggestion:not(:last-child) {
	border-bottom: 1px solid #00000096;
}
li.suggestion,
li.suggestionHighlighted {
	list-style: none;
	line-height: 30px;
	margin: 1px;
	display: block;
	color: var(--white);
}
li:hover.suggestion,
li:active.suggestion,
li:hover.suggestionHighlighted,
li:active.suggestionHighlighted {
	cursor: pointer;
	text-decoration: none;
	color: var(--white);
	background: linear-gradient(#37383a, #2d2e30);
}
.suggestionHighlighted {
	background: linear-gradient(#37383a, #2d2e30);
}
.suggestList {
	width: 220px;
	max-height: 250px;
	overflow: auto;
}
.allPkmnGridContainer,
.allPkmnListContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	
}
.allPkmnGridContainer {
	flex-direction: row;
	flex-wrap: wrap;
	margin: 10px 0px 10px 10px;
}
.allPkmnListContainer {
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 0px 0px 10px 0px;
}
.pkmnGridItem,
.pkmnListItem,
.fossilLabItem {
	background-color: var(--grey);
	border-style: solid;
	border-radius: 20px / 40px;
}
.pkmnGridItem {
	padding: 10px 10px 10px 10px;
	border-width: 5px 0px 5px 0px;
	height: 220px;
	width: 190px;
}
.pkmnListItem {
	padding: 5px 5px 5px 5px;
	border-width: 3px 0px 3px 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 99%;
}
.pkmnListItem .pokeball-small {
	width: 100px;
}
.pkmnListInfo,
.pkmnListAttacks,
.pkmnListOptions {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.pkmnListInfo {
	width: 33%;
}
.pkmnListAttacks {
	width: 140px;
}
.pkmnListOptions {
	width: 100px;
}
.pkmnGridItem h4,
.pkmnGridItem img,
.pkmnListItem img,
.restores h3,
.restores img {
	cursor: pointer;
}

/* Fossil Lab */

#fossilLabContainer {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 5px;
	margin: 0px 0px 10px 0px;
}
.fossilLabItem {
	border-width: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}
.fossilImg {
	width: 100px;
	height: 100px;
	position: relative;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: flex-start;
}
.birdDrake,
.birdDino,
.fishDrake,
.fishDino {
	background-size: 50px, 50px;
	background-position: left, right;
}

.helixFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Helix Fossil.png'); }
.domeFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Dome Fossil.png'); }
.oldAmber { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Old Amber.png'); }
.rootFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Root Fossil.png'); }
.clawFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Claw Fossil.png'); }
.skullFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Skull Fossil.png'); }
.armorFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Armor Fossil.png'); }
.coverFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Cover Fossil.png'); }
.plumeFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Plume Fossil.png'); }
.jawFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Jaw Fossil.png'); }
.sailFossil { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Sail Fossil.png'); }
.birdDrake { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Bird.png'), url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Drake.png'); }
.birdDino { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Bird.png'), url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Dino.png'); }
.fishDrake { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Fish.png'), url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Drake.png'); }
.fishDino { background-image: url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Fish.png'), url('https://static.pokemon-vortex.com/v6/images/largeitems/Fossilized Dino.png'); }

.fossil,
.restores,
.fossilLabOptions {
	width: 100px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
}

/* Profiles */

#avatar {
	border: 2px solid #00000059;
	border-radius: 5px;
	pointer-events: none;
}
#profileTopContainer,
#profileMiddleContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 5px;
	margin: 0px 0px 5px 0px;
}
#profileBottomContainer {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 5px;
	margin: 0px 0px 10px 0px;
}
.profileTopBlock {
	width: 245px;
	max-width: 100%;
}
.profileMiddleBlock {
	width: 495px;
	max-width: 100%;
}
#bioTextEntry {
	width: 95%;
	margin: 5px 0px 5px 0px;
}
#ribbonCase {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
}
.ribbonContainer {
	width: 90px;
}
.ribbon {
	width: 75px;
	image-rendering: pixelated;
	pointer-events: none;
}
.largeBadge {
	width: 30px;
	height: 30px;
	image-rendering: pixelated;
}

.saved { color: green; }
.notSaved { color: yellow; }

#galarBadges {
	width: 64px;
	height: 64px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
.trainerShowcase {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.statsChartsContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
}
.statsChartSmall {
	width: 495px;
	max-width: 100%;
}
.statsChartLarge {
	width: 100%;
	max-width: 100%;
}

.requestSeparator {
	border-top: 1px solid #a80101;
	width: 90%;
	margin-left: 20px;
	margin-bottom: 10px;
	opacity: 0.5;
}
.cartHead {
	padding: 5px 0 7px 0;
	margin-bottom: 5px;
	border-radius: 0;
}
.obtainedBall, .evoItem {
	position: absolute;
	background-color: #6B6B6B;
	border-radius: 50%;
}
.originalAttack:hover {
	cursor: move;
}

.pokebay-e { color: #e43137; }
.pokebay-b { color: #0063d1; }
.pokebay-a { color: #f4ae01; }
.pokebay-y { color: #85b716; }

.pokebayBid, .moneyPrize {
	font-family: 'Allerta Stencil', sans-serif;
}
.pkmnFont {
	font-family: 'Pokemon DP', sans-serif;
}
.promoCode {
	transition: filter 0.5s ease;
}
.blur {
	filter: blur(5px);
	pointer-events: none;
}
#viewPromo,
#rotmInfo {
	position: absolute;
	left: 24px;
	cursor: pointer;
	font-size: 15px;
}
.dash-content-left, .dash-content-right {
	text-align: center;
}
.dash-content-left {
	width: 665px;
	float: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}
.dash-content-right {
	width: 325px;
	float: right;
}
#dashboardNewsContainer,
#promoListContainer,
#pokemonFeedContainer,
#rotmContainer {
	width: 100%;
}
#dailyChallengeContainer,
#discordQuizContainer {
	width: 49%;
}
.news-img {
	border: 1px solid #c2c0c0;
	border-radius: 15%;
}
.discord-coin {
	margin: 0 auto;
	margin-top: 10px;
	background-image: url(https://static.pokemon-vortex.com/v6/images/misc/discord_coin.png);
	height: 117px;
	width: 117px;
}
.coin-count {
	line-height: 5.5em;
}
.battle-count {
	line-height: 1.5em;
}
.coin-count,
.battle-count,
.fossil-count {
	margin: 0 auto;
	font-size: 2em;
	color: var(--white);
	text-shadow: 0 0 9px #0f0f0f, 0 0 9px #1a1a1a;
	background: #00000080;
	border-radius: 6px;
	box-shadow: 0px 0px 3px 1px #000;
	padding: 5px;
}
.difficulty, .quiz {
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 1.7em;
	color: #a80101;
	width: 80px;
}
.chal-complete {
	position: absolute;
	left: 82px;
	opacity: 0.8;
	height: 180px;
}
.rc {
	position: absolute;
	left: 24px;
	font-size: 16px;
}
.corner-banner {
	position: absolute;
	left: 0;
	margin-left: 5px;
	margin-top: 15px;
	transform: rotate(-35deg);
	color: var(--white);
	padding: 3px 15px 3px 15px;
	z-index: 1;
	box-shadow: 2px 2px 3px 0px #333436;
	text-shadow: 1px 1px 1px #000;
}
.news-ended {
	background-color: #a80101;
}
.news-active {
	background-color: #008917;
}
.news-ended::after {
	content: 'Ended';
}
.news-active::after {
	content: 'Active';
}
.dash-news-container {
	width: 99%;
	height: fit-content;
	min-height: 140px;
	display: inline-block;
}
.dash-news-container:not(:last-of-type) {
	border-bottom: 1px solid #cacaca;
}
.dash-news-details {
	padding-left: 215px;
}
.popup-news-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.firstPosRow {
	background: linear-gradient(to right, #fefcea 10%,#f1da36 50%);
}
.secondPosRow {
	background: linear-gradient(to right, #eeeeee 10%,#cccccc 50%);
}
.thirdPosRow {
	background: linear-gradient(to right, #f6e6b4 10%,#ed9017 50%);
}
.infoBarMembers,
.infoBarDex {
	position: sticky;
	top: -10px;
	height: 25px;
	z-index: 1;
}
.expCol, .wlCol {
	display: none;
}
.sideBarSelect {
	max-width: 80%;
	height: 25px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
}

#seasonRemaining {
	color: var(--maroon-darker);
	font-family: 'Segoe UI';
	font-size: 15px;
	text-align: center;
	margin: 10px auto;
	width: fit-content;
	display: flex;
	gap: 5px;
	justify-content: center;
	flex-wrap: wrap;
}
.countdown-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 50px;
	animation: fadeIn 0.5s ease-in-out;
}
.countdown-value {
	font-size: 20px;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.countdown-label {
	font-size: 12px;
	color: var(--black-darker);
}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}

.discord-userlist {
	display: flex;
	width: 100%;
	max-width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#profileStats,
#profileSocial {
	max-width: 100%;
	min-width: 50%;
	width: 50%;
}
.profileTopBlocks {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
}
#profileOptions {
	display: none;
	flex-direction: column;
	margin-bottom: 5px;
}
.profileOptionsList {
	list-style: none;
	width: 100%;
	margin-bottom: 0;
}
.profileOptionsList li {
	height: 25px;
	align-content: center;
}
.profileOptionsList li:not(:last-child) {
	border-bottom: 1px solid #00000026;
}
.profileOptionsList li:hover {
	cursor: pointer;
	background-color: #1d1f21;
	color: var(--white);
}
.bioQuoteBlock {
	border: 1px solid #990000;
	background-color: #e1848491;
	padding: 2px;
	text-align: center;
	overflow: hidden;
}
#badgesButton,
#achievementsButton,
#seasonsButton {
	width: 150px !important;
	margin: 5px 5px 0px 0px;
}
.options {
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	text-align: left;
	width: 100%;
}
.options-btn {
	background: var(--grey);
	border: 1px solid #dfe0e4;
	border-radius: 5px;
	color: var(--maroon-darker);
	cursor: pointer;
	font-size: 24px;
	padding: 3px;
	text-align: center;
	transition: all 0.3s ease-in-out;
	vertical-align: middle;
}
button#yourBadges,
button#yourAchievements {
	margin: 5px 5px 5px 5px;
}
.options-btn:hover {
	background: #c2c2c2;
}

/* Release Pokemon */

#releaseForm {
	display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 20px 5px 20px 5px;
}
#releaseCounter {
	color: var(--maroon-darker);
	margin: 5px 0px 5px 0px;
}
#releaseInfo {
	padding: 10px 10px 10px 10px;
}
#releaseAttacks,
#releaseStats {
	width: 200px;
}
#releaseOptions,
#releaseSubOptions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}
.releasePokemon {
	width: 135px;
	height: 100px;
}

/* Change Attacks */

.changeAttacks,
.pokehubSprite,
.rotmSprite {
	height: 100px;
}
#changeAttacksTop {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	margin: 0px 0px 10px 0px;
}
#changeAttacksBottom {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	margin: 0px 0px 20px 0px;
	justify-content: center;
}
#changeAttacksOptions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0px 0px 10px 50px;
	gap: 3px;
}
#yourAttacks {
	width: 300px;
	max-width: 100%;
	list-style: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	height: 115px;
	position: relative
}
.attacku {
	height: 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px 5px 10px;
}
.buyAttack {
	height: 110px;
	width: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* PokeHub */

#pokehubTopContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
}
.pokehubSmallBox,
.pokehubMidBox,
.pokehubLargeBox {
	max-width: 100%;
}
.pokehubSmallBox {
	width: 324px;
}
.pokehubMidBox {
	width: 489px;
}
.pokehubLargeBox {
	width: 100%;
}
.pokehubLargeBox .divider:last-of-type {
	display: none;
}
.pokehubSmallBox p {
	margin: 0px 0px 5px 0px;
}
#changeBallForm {
	display: flex;
    flex-direction: column;
    align-items: center;
	margin: 0px 0px 10px 0px;
}

/* Season Shop */

#seasonShopOptions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0px 10px 0px 10px;
	height: 25px;
}
.vc {
	padding: 0px 1px 0px 0px;
	pointer-events: none;
}
.vcwh {
	filter: drop-shadow(1px 1px 1px var(--black-absolute));
	pointer-events: none;
}
.seasonShopItemContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 10px 0px 10px 0px;
}
.seasonShopItemContainer p {
	margin: 10px 0px 10px 0px;
}

/* Inventory */

#inventoryAvatarContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
	margin: 0px 0px 10px 0px;
}
.inventoryAvatarBlock {
	position: relative;
	width: 100px;
}
.inventoryAvatar {
	border: 2px solid #00000059;
	border-radius: 50%;
	cursor: pointer;
	margin: 0px 0px 3px 0px;
}
.avatarCount {
	font-weight: 900;
	position: absolute;
	left: 10px;
	background-color: #00000091;
	border-radius: 3px;
	padding: 0px 2px 1px 2px;
	min-width: 30px;
	color: var(--white);
}
.itemPicCol {
	width: 100px;
}
.itemNameCol {
	text-align: left;
}
.premiumAvatar { box-shadow: 0 0 1.7em #b10000; }
.shinyAvatar { box-shadow: 0 0 1.7em #ffeb3b; }
.shadowAvatar { box-shadow: 0 0 1.7em #351a9c; }
.tooltip {
	position: relative;
	cursor: help;
}
.tooltipText {
	visibility: hidden;
	width: 170px;
	background-color: var(--black);
	color: var(--white);
	text-align: center;
	border-radius: 6px;
	border: 1px solid var(--maroon-darker);
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 160%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
}
.tooltipText::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: var(--maroon-darker) transparent transparent transparent;
}
.tooltip:hover .tooltipText {
	visibility: visible;
	opacity: 1;
}

/* Pokemart */

#pokemartCart {
	width: 300px;
	margin: 0px 0px 10px 0px;
	float: left;
	text-align: center;
}
#martStock {
	width: 690px;
	margin: 0px 0px 10px 0px;
	float: right;
	text-align: center;
}
.emptyCart {
	height: 35px;
}
#items-header-cart,
#tab-cart {
	display: none;
}
#totalPrice,
#yourCash {
	padding: 10px 10px 10px 10px;
}
#tab-cart-totalPrice,
#tab-cart-yourCash {
	display: none;
	padding: 10px 10px 10px 10px;
}

/* Evolution */

.evoRow,
.fuseEvoRow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}
.evoOptionsRow {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	margin: 10px 0px 10px 0px;
}
.evoArrowsRight,
.evoPlus {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.evoArrowsDown {
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
	margin: 10px 0px 10px 0px;
}

/* Trade */

#userSearch,
#pokeSearch {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 100%;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 10px;
	margin: 0px 0px 10px 0px;
}
.pkmnSmall {
	display: none;
}
.pkmnPicCol {
	width: 110px;
}
.tradeTableContainer {
	margin: 10px 0px 10px 0px;
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #B3B2B2;
}
.tradeTableHeader {
	position: sticky;
	top: 0px;
	z-index: 1;
}
.checkboxCol {
	justify-items: center;
}
#listedForTradeContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin: 10px 0px 10px 0px;
}
.listedForTrade {
	padding: 10px 10px 10px 10px;
	border-width: 5px 0px 5px 0px;
	height: 185px;
	width: 190px;
	background-color: var(--grey);
	border-style: solid;
	border-radius: 20px / 40px;
}
#tradeOptions {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0px 5px 5px 5px;
}
#tradeSearch {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}
#recentListingsContainer {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	gap: 5px;
	margin: 10px 5px 10px 5px;
}
.recentListing {
	padding: 10px 10px 10px 10px;
	border-width: 5px 0px 5px 0px;
	height: 225px;
	width: 190px;
	background-color: var(--grey);
	border-style: solid;
	border-radius: 20px / 40px;
}

/* Social Hub */

#friendRequestsContainer,
#clanRequestsContainer {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	margin: 10px 5px 10px 5px;
}
.friendRequest,
.clanRequest {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
	width: 120px;
	padding: 10px 10px 10px 10px;
	background-color: var(--grey);
	border-radius: 10px;
	box-shadow: 2px 2px 5px var(--black-absolute);
}
#pendingGiftsContainer {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	padding: 5px 5px 10px 5px;
}
.pendingGift {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: 225px;
	min-height: 200px;
	padding: 10px 10px 10px 10px;
	background-color: var(--grey);
	border-radius: 10px;
	box-shadow: 2px 2px 5px var(--black-absolute);
}
.giftOptions {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
}
.giftSender {
	width: 100%;
}
.giftText {
	font-size: 13px;
	margin: 5px 0px 5px 0px;
	font-weight: 600;
}
.giftNoteIcon {
	position: absolute;
	right: 10px;
	top: 45px;
	cursor: pointer;
	font-size: 18px;
	color: var(--maroon-darker);
}
.giftNoteIcon:hover {
	color: var(--black);
}
.giftNote {
	display: none;
	position: relative;
	border: 2px solid var(--maroon);
	background-color: #F6C2C1;
	padding: 10px 5px 10px 5px;
	margin: 15px 5px 5px 5px;
	border-radius: 5px;
	font-style: italic;
	min-height: 30px;
	width: 100%;
	overflow-wrap: anywhere;
	word-break: break-all;
}
#sendGiftContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 5px;
}
#sendGiftLeft,
#sendGiftRight {
	margin: 0px 0px 10px 0px;
	width: 50%;
}
#currentPokedollars {
	width: 100%;
	padding: 10px 10px 10px 10px;
}

/* Battle */

#pokeChoose,
#opponentPoke {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	max-width: 100%;
	width: 800px;
	margin: 10px auto;
}
.battle-poke-select,
.battle-poke-selected {
	width: 220px;
	height: 180px;
	max-width: 100%;
}
.battle-poke-select,
.item-select,
.attack-select,
.team-select,
.box-select {
	color: var(--black-absolute);
	box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,0.1) inset;
	background: #d7d7d7;
	background: linear-gradient(#d7d7d7, #c9c8c8);
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 4px;
}
.battle-poke-select:hover,
.item-select:hover,
.attack-select:hover,
.team-select:hover,
.box-select:hover {
	background: #c9c8c8;
	background: linear-gradient(#c9c8c8, #bcbbbb);
}
.battle-poke-selected,
.item-selected,
.attack-selected,
.team-selected,
.box-selected {
	color: var(--white);
	box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,0.1) inset;
	background: #a00101;
	background: linear-gradient(#d10101, #900101);
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 4px;
}
.battle-poke-selected > strong > a,
.battle-poke-selected > label > p > strong > a,
.battle-poke-selected > label > strong > a,
.box-selected > label > b > a,
.box-selected > label > b,
.team-selected > label > b > a,
.team-selected > label > b,
.item-selected > label > b {
	color: var(--white);
}
#itemForm {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
	margin: 5px 0px 10px 0px;
}
#battleView {
	width: 65%;
	float: left;
}
#itemView {
	width: 35%;
	float: right;
}
#battleScene {
	width: 80%;
	margin: 0 auto;
}
#battleTop,
#battleBottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#battleTopStats {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 5px;
	margin: 5px 5px 0px 5px;
}
#battleBottomStats {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 5px;
	margin: 0px 5px 5px 5px;
}
#battleTopPkmn,
#battleBottomPkmn {
	width: 50%;
}
.itemLabel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 10px 0px 10px;
}
#itemForm > .item-select,
#itemForm > .item-selected,
#attackSelection > .attack-select,
#attackSelection > .attack-selected {
	width: 300px;
	max-width: 100%;
}
.attack {
	height: 25px;
}
#attackSelection {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
	margin: 5px 0px 5px 0px;
}
.attackLabel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px 5px 10px;
	height: 100%;
}
.attackOutput {
	color: #A00101;
	border: 1px solid #A00101;
	background: var(--grey);
	max-width: 100%;
	height: auto;
	padding: 10px 10px 0px 10px;
	line-height: 1.34;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
	text-align: center;
	margin: 10px 5px 10px 5px;
	border-radius: 4px;
}
.attackOutputSeparator {
	border-top: 1px solid;
	margin: 0px 0px 10px 0px;
}
.battleParticipant {
	width: 145px;
	height: 135px;
	border-style: solid;
	border-width: 4px 0px 4px 0px;
	display: inline-block;
	margin: 5px 5px 5px 5px;
	border-radius: 10px / 30px;
	background: var(--grey);
}
.battleParticipant h4 {
	cursor: pointer;
	padding: 5px 5px 0px 5px;
}

.trainerOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/gym_bg.png'); }
.grassOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/grass_bg.png'); }
.iceOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/ice_bg.png'); }
.indoorOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/indoor_bg.png'); }
.mudOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/mud_bg.png'); }
.pathOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/path_bg.png'); }
.rockOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/rock_bg.png'); }
.sandOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/sand_bg.png'); }
.snowOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/snow_bg.png'); }
.underwaterOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/underwater_bg.png'); }
.volcanoOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/volcano_bg.png'); }
.waterOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/water_bg.png'); }
.wetpathOpponent { background-image: url('https://static.pokemon-vortex.com/v6/images/misc/battle_backgrounds/wetpath_bg.png'); }

.trainerOpponent,
.grassOpponent,
.iceOpponent,
.indoorOpponent,
.mudOpponent,
.pathOpponent,
.rockOpponent,
.sandOpponent,
.snowOpponent,
.underwaterOpponent,
.volcanoOpponent,
.waterOpponent,
.wetpathOpponent {
	background-repeat: no-repeat;
	background-position: center;
	height: 100px;
	min-width: 130px;
}

/* Messages */

#inboxContainer {
	width: 100%;
	min-height: 400px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
}
#messageList {
	height: 400px;
	width: 450px;
	overflow-y: scroll;
	overflow-x: hidden;
	border-right: 2px solid var(--maroon);
}
#messageContainer {
	width: 100%;
	overflow: hidden;
	margin: 0px 10px 15px 0px;
}
#messageTop {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px 10px 15px;
	font-size: 15px;
}
.msgHighlight {
	background-color: #F6C2C1;
}
#messageList ul {
	text-align: left;
}
#messageList ul li {
	display: block;
	margin: 0;
	padding: 5px 5px;
	clear: left;
}
#messageList ul li:hover,
.msgOpen {
	background: #2d2e30;
    background: linear-gradient(#37383a, #2d2e30);
	color: var(--white);
	cursor: pointer;
}
#messageList ul li:hover > a,
.msgOpen > a {
	color: var(--white);
}
#messageList ul li:not(:last-child) {
    border-bottom: 1px solid #b3b2b2;
}
#msgOptions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 10px 5px 10px 5px;
}
#newMessage {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 10px;
	margin: 10px 10px 10px 10px;
}
.msgQuote,
.clanQuote {
	position: relative;
	border: 2px solid var(--maroon);
	background-color: #F6C2C1;
	padding: 10px 5px 10px 5px;
	margin: 15px 0px 5px 15px;
	border-radius: 5px;
	font-style: italic;
	min-height: 30px;
	overflow-wrap: anywhere;
	word-break: break-all;
}
.quoteLeft {
	left: 5px;
	top: -10px;
}
.quoteRight {
	right: 5px;
	top: -10px;
}
.quoteLeft,
.quoteRight {
	position: absolute;
	font-size: 10px;
	color: var(--maroon-darker);
	background-color: #f6c2c1;
	padding: 3px;
	border: 2px solid var(--maroon);
	border-radius: 5px;
}

/* PokeBay */

.listingImg,
.bidderAvatar {
	width: 45px;
}
#quickListContainer {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
	gap: 10px;
}
#listPkmn,
#listItem,
#listAvatar,
#listPromo {
	width: 110px;
}
#listStats,
#listOptions {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
}
#listStats {
	min-width: 220px;
}
#listOptions {
	width: 300px;
}
#startAuctionContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 5px;
}
#startAuctionLeft,
#startAuctionRight {
	margin: 0px 0px 10px 0px;
}
#startAuctionSelect,
#sendGiftSelect {
	height: 510px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.auctionItemSelect,
.auctionAvatarSelect,
.auctionPromoSelect,
.giftItemSelect,
.giftAvatarSelect,
.rewardItemSelect,
.rewardAvatarSelect {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 0px 10px 0px 10px;
	height: 100%;
}
#viewAuctionTop {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 5px;
}
#viewAuctionLeft,
#viewAuctionRight {
	width: 50%;
	height: 300px;
}
.refreshAuction {
	position: absolute;
	right: 15px;
}
.refreshAuction,
.delistAuction {
	font-size: 18px;
	cursor: pointer;
}

/* Clans */

.clanPicCol {
	width: 45px;
}
.clanPic {
	border: 2px solid #00000059;
	border-radius: 20px;
}
.cbShort {
	display: none;
}
#viewClanTop {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 5px;
	margin: 0px 0px 5px 0px;
}
#viewClanInfo,
#viewClanSettings {
	position: relative;
	width: 50%;
}
.clanSettingsTitle {
	line-height: 17px;
}
#clanSettingsForm {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}
.settingsFormBlock {
	position: relative;
	width: 100%;
	margin: 0px 5px 0px 5px;
}
.settingsFormTitle {
	color: var(--maroon-darker);
	text-align: left;
	font-weight: 600;
	padding: 2px 0px 0px 5px;
}
#leave {
	margin: 0px 20px 0px 10px;
}
#clanInfo {
	text-align: left;
	margin: 10px 10px 5px 10px;
	line-height: 13px;
}
#viewClanOptions {
	text-align: left;
	margin: 0px 0px 5px 10px;
}
.manageUserOptions {
	text-align: right;
}
#requestButton {
	display: flex;
	margin: 10px 0px 0px 0px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}
#leaveClanWarning {
	display: none;
}
#clanNoticeForm {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	margin: 10px 5px 10px 5px;
}
#clanNoticeForm input,
#clanNoticeForm textarea {
	width: 50%;
}
#clanNoticesContainer,
#clanChallengesContainer {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 15px;
	margin: 10px 5px 10px 5px;
}
.clanNotice,
.clanChallenge {
	width: 100%;
	min-height: 115px;
	background-color: #0000001f;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #000;
	position: relative;
}
.clanNoticeHeader,
.clanChallengeHeader {
	padding: 10px 10px 10px 10px;
}
.clanNoticeFooter {
	position: absolute;
	bottom: 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 10px 5px 10px;
	width: 100%;
}
.clanNoticeAvatar {
	width: 20px;
	border-radius: 10px;
	border: 1px solid #00000061;
	pointer-events: none;
}
.clanNoticeContents {
	text-align: left;
	padding: 0px 10px 40px 10px;
	overflow-wrap: anywhere;
	word-break: break-all;
}
.clanNoticeDate {
	font-weight: 600;
	opacity: 0.5;
}
/*.clanNoticeBg001 {
	background-color: #b8d382;
	background-image: url(https://puu.sh/KADnl/287310dd96.png);
	background-repeat: no-repeat;
	background-position: bottom 25px right 10px;
	background-size: 100px;
}*/
#createClanForm,
#createChallengeForm {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	margin: 5px 5px 10px 5px;
}
#battle_count,
#catch_pkmn, #pkmn_variant {
	display: none;
}
.clanChallengeFooter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 10px 10px 10px;
	width: 100%;
	gap: 5px;
}
/*.challengeParticipantCount, .challengeReward, .challengeStatus {
	width: 30%;
}*/
.challengeOptions {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 0px 5px 0px 5px;
    justify-content: center;
}
.clanChallengeDesc {
	padding: 0px 5px 10px 5px;
}
.challengeParticipants {
	display: none;
	padding: 0px 5px 10px 10px;
	text-align: left;
}
.challengeReward {
	padding: 10px 5px 10px 5px;
}
.sparkle-text {
	position: relative;
    display: inline-block;
    font-weight: bold;
    color: var(--white);
    background: linear-gradient(90deg, var(--maroon), var(--black-absolute), var(--maroon));
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 4.5s linear infinite;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.6), 0 0 12px rgba(255, 255, 255, 0.4);
}
@keyframes shimmer {
	0% { background-position: 0% center; }
	100% { background-position: 200% center; }
}
#selectItemReward,
#selectAvatarReward {
	max-height: 320px;
	width: 320px;
	max-width: 100%;
	overflow-y: scroll;
	margin: 0 auto;
}