:root {
	--text-color: #ff9ed0;
	--accent-color: #ff9ed0;
	--health-color: #FFFFFF;
	--ammo-color: #FFFFFF;
	--premium-color: #cfbfff;
	--verified-color: #cfbfff;
	--menu-bg-color: rgba(15, 15, 15, .2);
	--menu-bg-color-secondary: rgba(0, 0, 0, .5);
	--ingame-bg-color: rgba(15, 15, 15, .2);
	--text-transform: none;
}

@font-face {
	font-family: gamefont;
	src: url(https://raw.githubusercontent.com/South-Paw/typeface-vag-rounded/master/files/vag-rounded-400.woff2);
}

@font-face {
	font-family: hpammo;
	src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2);
}

* {
	color: var(--accent-color);
}

[style*="color:#eb5656"] {
	color: var(--accent-color) !important;
}

[style*="color:rgba(0,0,0,0.3)"] {
	color: rgba(255, 255, 255, 1) !important;
}

[style*="color:#9eeb56"] {
	color: rgba(255, 255, 255, 1) !important;
}

[style*="font-size:20px;color:#fff;display:inline-block;"] {
	color: var(--accent-color) !important;
}

[style*="margin-top:10px;font-size:20px;color:rgba(255,255,255,1)"] {
	display: none !important;
}

a {
	color: var(--accent-color);
}

a:active {
	color: var(--accent-color);
}

a:visited {
	color: var(--accent-color);
}

a:hover {
	color: #fff;
	text-decoration: none;
}

.material-icons {
	font-family: 'Material Icons';
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
}

#aHolder,
.endAHolder,
#mainLogo,
#streamContainer,
#newsHolder,
#merchImg {
	display: none !important;
}


#uiBase.onMenu #claimHolder {
	left: 20px;
	transform: none;
}

#claimImg {
	height: 70px;
}

#claimTimer {
	text-transform: var(--text-transform);
}

#braveWarning {
	display: none !important;
}

.button {
	background-color: transparent !important;
	color: var(--accent-color) !important;
	text-shadow: none !important;
	box-shadow: none !important;
	text-transform: var(--text-transform);
}

.button:hover {
	background-color: transparent !important;
	color: #fff !important;
	-webkit-transform: none;
	transform: none;
}

.button.small {
	font-size: 18px !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

.button.small:hover {
	background-color: transparent !important;
}

.buttonPI {
	box-shadow: none !important;
}

.buttonPI:hover {
	box-shadow: none !important;
}

.buttonR {
	box-shadow: none !important;
}

.buttonR:hover {
	box-shadow: none !important;
}

.buttonP {
	box-shadow: none !important;
}

.buttonP:hover {
	box-shadow: none !important;
}

.buttonG {
	box-shadow: none !important;
}

.buttonG:hover {
	box-shadow: none !important;
}

.button.lgn {
	position: absolute;
	left: 0;
	width: max-content !important;
	padding-left: 22px !important;
	margin-left: 8px !important;
	font-size: 18px !important;
}

.button.lgn .material-icons {
	display: none;
}

#subLogoButtons {
	bottom: 80px;
	transform: translateX(-50%);
}

#menuBtnHost {
	visibility: hidden;
	font-size: 0 !important;
}

#menuBtnHost:after {
	visibility: visible;
	font-size: 18px !important;
	content: 'Host';
	text-transform: var(--text-transform);
}

#teamSelector {
	bottom: 150px;
}

.centSwitch {
	margin-top: 0;
}

.sliderCent {

	background-color: var(--menu-bg-color-secondary);
}

.sliderCent:before {

	background-color: #fff;
}

.settText {
	color: #fff;
}

.settText:hover {
	color: #e6e6e6 !important;
	text-decoration: none;
}

.settLabel {
	font-size: 18px;
}

.settLabel[style*="color:#2196F3"] {
	color: var(--accent-color) !important;
}

.wepLink {
	font-size: 18px;
}

.wepLink:hover {
	color: #e6e6e6 !important;
	text-decoration: none;
}

.floatR {
	font-size: 18px;
}

.settName,
.settNameSmall {
	color: var(--accent-color);
	font-size: 18px;
	margin-top: 20px !important;
}

.settNameSmall {
	margin-top: 0 !important;
}

.b {
	color: #fff !important;
}

.setHed {
	color: #fff;
	font-size: 18px;
}

.plusOrMinus {
	font-size: 36px !important;
	margin-right: -8px !important;
}

.floatR [style*="color:rgba(0,0,0,0.5)"] {
	color: var(--accent-color) !important;
}

.terms {
	color: var(--accent-color);
	text-transform: var(--text-transform);
}

.terms:hover {
	text-decoration: none;
	color: #fff;
}

.standout {
	font-size: 0;
	pointer-events: none;
	visibility: hidden;
}

.standout::after {
	content: 'Advertise';
	font-size: 18px;
	pointer-events: all;
	visibility: visible;
}

.headerBarLeft {

	background-color: transparent;
}

.headerBarRight {

	background-color: transparent;
}

.verticalSeparator {
	background-color: transparent;
}

.headerBarRight .verticalSeparator {
	display: none;
}

#menuMiniProfilePic {
	display: none;
}

#menuAccountUsername {
	font-size: 16px;
	margin-left: 10px;
}

#menuKRCount {
	font-size: 16px;
}

#menuLevelIcon {
	display: none;
}

#menuLevelText {
	font-size: 16px;
	text-transform: var(--text-transform);
}

.progressBar {
	background: var(--menu-bg-color-secondary);

}

.progressBarInner {
	background: var(--accent-color);

}

#mailIcon:hover {
	opacity: 1;
	transform: none
}

#mLevelCont {
	background-color: transparent;
	text-shadow: none;
	border-bottom-right-radius: 0;
}

.menuClassPlayerPremium {
	color: var(--premium-color) !important;
}

.menuClassPlayerVerified {
	color: var(--verified-color) !important;
}

.menuClassPlayerVirus {
	display: none;
}

#menuClassSubtext {
	text-shadow: none;
	text-transform: var(--text-transform);
}

#menuClassName {
	text-shadow: none;
	text-transform: var(--text-transform);
}

#customizeButton .material-icons {
	display: none;
}

.krSocial {
	display: none;
}

.imageButton {
	display: none !important;
}

#menuRegionLabel {
	text-transform: var(--text-transform);
}

#menuFPSDisplay {
	text-transform: var(--text-transform);
}

#menuFPS {
	color: var(--accent-color) !important;
}

#menuPingIcon {
	color: var(--accent-color) !important;
}

.mailObj {
	background-color: var(--menu-bg-color-secondary);

}

.mailFrom {
	color: var(--accent-color);
}

#menuItemContainer {
	width: fit-content;
	height: min-content;
	top: unset;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	flex-direction: row;
}

.menuItem {
	align-items: center;
	background: transparent;
	padding-bottom: 5px;
	padding-left: 22px;
	padding-right: 22px;
	pointer-events: none;
}

.menuItem:hover {
	background: transparent;
	color: #fff;
	border-left: none;
}

.menuItem:active {
	background: transparent;
	color: #fff;
}

.menuItem .menuItemTitle {
	margin-top: 0;
	color: var(--accent-color) !important;
	font-size: 18px !important;
	text-transform: var(--text-transform);
	pointer-events: all;
	transition: all .2s;
}

.menuItemTitle:hover {
	color: #fff !important;
}

.menuItemTitle:active {
	color: #fff !important;
}

.menuItem .menuItemIcon {
	position: relative;
	width: 100%;
	height: 45%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: none;
}

#menuWindow {
	max-height: calc(100% - 360px) !important;
	background-color: var(--menu-bg-color);
	box-shadow: none;

}

.menuTabsNew {

	background-color: transparent;
}

.menuTabNew {
	color: var(--accent-color);
}

.menuTabNew:hover {
	color: #fff;
	border-bottom: none !important;
}

.tabANew {
	color: #fff !important;
	border-bottom: none !important;
}

.tabANew:hover {
	border-bottom: none !important;
}

#settingsTabLayout {
	background-color: transparent !important;
	font-size: 18px;
}

.settingsBtn {
	background-color: transparent;
	color: var(--accent-color);
	font-size: 14px;
}

.settingTab:hover {
	color: #fff;
	border-bottom: none !important;
}

.menuLink {
	font-size: 18px;
}

.menuLink:hover {
	color: #fff;
	text-decoration: none;
}

#profilePicM {

}

.xpBar {
	height: 20px;
	background-color: var(--menu-bg-color-secondary);

}

.xpBarB {
	background-color: var(--accent-color);
}

.xpBarV {
	top: 7px;
}

.settingsHeader {
	background-color: transparent;
	position: relative;
}

#requiresRestart {
	display: none;
}

.serverHeader {
	background-color: transparent;
	position: relative;
}

.menuSelectorHeader {
	font-size: 18px;
}

.menuSelector {
	font-size: 18px;
}

#serverSearch,
#settSearch {
	background-color: var(--menu-bg-color-secondary);
	font-size: 18px;

}

#serverSearch::placeholder,
#settSearch::placeholder {
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
}

.quickJoin {
	background-color: var(--accent-color);

}

.partyAvatar {

}

.jQR {
	background-color: transparent !important;
	color: var(--accent-color) !important;
	box-shadow: none !important;
}

.jQR:hover {
	color: #fff !important;
	box-shadow: none !important;
}

.jQR:active {
	color: #fff !important;
	box-shadow: none !important;
}

.joinQueue {
	background-color: transparent;
	color: var(--accent-color);
	box-shadow: none;
	text-shadow: none;
}

.joinQueue:hover {
	height: 60px;
	margin-top: 10px;
	color: #fff;
	box-shadow: none;
}

.joinQueue:active {
	height: 60px;
	margin-top: 10px;
	color: #fff;
	box-shadow: none;
}

#modDropper {
	background-color: var(--menu-bg-color-secondary);
	border: 4px solid transparent;
}

#loadoutSelect {
	background-color: var(--menu-bg-color-secondary) !important;

}

.loadoutBtn {
	background-color: transparent;
	color: var(--accent-color);
	font-size: 18px;
}

.classCard {
	background-color: transparent;
	text-shadow: none;
}

.classImgC {

}

.classXPBar {
	background-color: var(--menu-bg-color-secondary);

}

.clsXPBarC {
	background-color: var(--accent-color);
}

.skinColorItem {
	border: none;
}

.switch {
	margin-bottom: 0;
}

.slidecontainer {
	margin-top: 3px;
}

.slider {

	background-color: var(--menu-bg-color-secondary);
}

.slider::before {

}

input:checked+.slider {
	background-color: var(--accent-color);
}

input:focus+.slider {
	box-shadow: none;
}

.slider2 {

	background-color: var(--menu-bg-color-secondary);
}

.slider2::before {

}

input:checked+.slider2 {
	background-color: var(--accent-color);
}

input:focus+.slider2 {
	box-shadow: none;
}

.sliderM {

	background-color: var(--menu-bg-color-secondary) !important;
}

.sliderM::-webkit-slider-thumb {

	background: var(--accent-color);
}

.sliderM::-moz-range-thumb {

	background: var(--accent-color);
}

.sliderSml {
	background-color: var(--menu-bg-color-secondary);

}

.sliderSml:before {
	background-color: #fff;

}

input {
	background: var(--menu-bg-color-secondary) !important;
	color: var(--accent-color) !important;

}

input::placeholder {
	color: rgba(255, 255, 255, 1) !important;
}

input[type=color] {
	border: 4px solid #fff;

}

input:checked+.sliderSml {
	background-color: var(--accent-color)
}

input:focus+.sliderSml {
	box-shadow: 0 0 1px #2196f3
}

.switchsml {
	margin-bottom: 0;
}

.sliderVal {
	height: 16px;
	font-size: 16px;

	background: var(--accent-color);
}

.inputGrey {
	background: var(--menu-bg-color-secondary);

}

.inputGrey2 {
	background: var(--menu-bg-color-secondary);

}

.smlInput {
	background-color: var(--menu-bg-color-secondary);

}

.smlInput::placeholder {
	color: rgba(255, 255, 255, 1);
}

.accountInput {
	background-color: var(--menu-bg-color-secondary);
	font-size: 18px;

}

.accountInput::placeholder {
	color: rgba(255, 255, 255, .5);
	font-size: 18px;
}

.searchBtn {
	background-color: transparent;
	color: var(--accent-color);
}

.accountButton {
	background-color: transparent;
	color: var(--accent-color);
	font-size: 18px;
}

.searchBtn:hover {
	color: #fff;
	filter: grayscale(.3);
	-webkit-filter: grayscale(.3)
}

.subPassChg {
	background-color: transparent;
	color: var(--accent-color);
}

.subPassChg:hover {
	background-color: transparent;
	color: #fff;
	transform: none;
}

.lnkTw {
	background-color: transparent;
	color: var(--accent-color);
}

.lnkTw:hover {
	background-color: transparent;
	color: #fff;
	transform: none;
}

.hostMap {

	border: none;
}

.hostMapName {
	text-shadow: none;
}

.hostMapYear {
	text-shadow: none;
}

.hostMapVersion {
	text-shadow: none;
}

.hostOpt {
	background-color: transparent;

	border: none;
}

.optName {
	text-shadow: none;
}

.optCheck {
	background-color: var(--menu-bg-color-secondary);

}

input:checked+.optCheck {
	background-color: var(--accent-color);
}

.hostToggle {
	background-color: transparent;
	color: var(--accent-color);
	font-size: 18px;
}

.hostToggle:hover {
	color: #fff;
}

.hostPresetBtn {
	background-color: transparent;
	color: var(--accent-color);
	font-size: 18px;
}

#presetSelect {
	background-color: var(--menu-bg-color-secondary) !important;

}

.shopCard {

	text-shadow: none;
}

.loadMoreD {
	background-color: transparent;
	font-size: 18px;
	color: var(--accent-color);

}

.loadMoreD:hover {
	background-color: transparent;
	color: #fff;
}

.loadMoreW {
	background-color: transparent;
	font-size: 18px;
	color: var(--accent-color);

}

#modVote {
	font-size: 18px;
}

.voteHint {
	background-color: transparent !important;
	color: var(--accent-color);
	text-shadow: none;
}

.voteHint:hover {
	color: #fff;
	filter: none;
	-webkit-filter: none;
}

.material-icons.vote {
	font-size: 32px;
}

#mapInfo {
	font-size: 18px;
	text-transform: var(--text-transform);
}

#instructions {
	position: absolute;
	z-index: 9;
	color: var(--accent-color);
	font-size: 24px;
	text-transform: var(--text-transform);
	animation: none;
	-webkit-animation: none;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	box-shadow: none;

	background-color: transparent !important;
}

::-webkit-scrollbar {
	width: 4px !important;
}

::-webkit-scrollbar-thumb {

	background-color: var(--accent-color);
	-webkit-box-shadow: none;
	box-shadow: none;
}

#killCardHolder {
	bottom: 100px;
}


#curGameInfo {
       text-align: center;
    position: fixed;
    transform: translateX(-50%);
    top: 0;
    left: 50%;
	width: 221px;
	height: 89px;
        padding: 0;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    font-size: 20px;
	background-color: transparent;
	will-change: unset;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}
#timerIcon {
	display: none;
}
#timerVal {
	font-size: 48px;
	padding-left: 0;
	will-change: unset;
	text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}
#teamScore {
    background: var(--ingame-bg-color)
}

#fpsDisplay {
	color: var(--accent-color) !important;
    font-size: 20px;
    text-transform: var(--text-transform) !important;
}

#ingameFPS {
	color: #ff9ed0 !important;
	visibility: visible;
}

#pingText {
	color: #ff9ed0 !important;
}

#pingIcon {
	color: var(--accent-color) !important;
}

#pingDisplay .material-icons {
	font-size: 20px;
}

#leaderDisplay,
#leaderContainer,
.leaderItem,
.leaderCounter,
.leaderName,.leaderNameM,
.leaderNameM,
.leaderScore {
    background: transparent !important;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}
.teamTotals {
	background-color: var(--menu-bg-color-secondary);

}

.teamTotalN0 {
	color: #fff;
}

.teamTotalN1 {
	color: var(--accent-color);
}

#endTimer {
	color: #fff;
	text-shadow: none;
	font-style: normal;
}

#endTable {
	background-color: transparent;

}

.endTableN {
	color: var(--accent-color);
}

.endCard {
	left: 50% !important;
	background-color: var(--menu-bg-color-secondary);

}

#tabHolder {

	background-color: transparent;
}

.tabHeader {
	color: var(--accent-color);
}

.tabHeader:hover {
	color: #fff;
	border-bottom: none;
}

.tabHeader.selected {
	color: #fff;
	border-bottom: none;
}

.endSection {
	background-color: transparent;
}

.gfSection {
	background-color: transparent;
}

.modeStatus {
	color: var(--accent-color) !important;
}

.fundsVal {
	color: #fff;
}

#kdLayout {
	background-color: transparent;
	border: none;
}

.crStat {
	background-color: transparent;
	border: none;
}

.crLabel {
	color: #fff;
}

.crVal {
	color: var(--accent-color);
}

.xpRnk {
	width: 0;
}

.xpLvl {
	color: #fff;
}

.xpEndBar {

	background-color: rgba(0, 0, 0, .5);
}

.xpEndBarB {
	background-color: var(--accent-color);
}

.xpEndBarV {
	text-shadow: none;
	top: 10px;
}

#medalTable {
	background-color: transparent;
}

#matchVoteHolder {
	background-color: transparent;
}

.matchVote {
	margin-right: 0;

	text-shadow: none;
}

.countIcon {
	background-color: var(--ingame-bg-color);

	padding: 7px;
}

#deathsVal,
#killsVal,
#livesDisp,
#streakVal,
#myScoreVal {
	bottom: 7px;
	position: relative;
}

.kfItem {
	background-color: var(--ingame-bg-color);
}

#hudClassIcon {
	display: none;
}

#healthValueHolder {
	background-color: transparent;
	width: 100px;
	height: 65px;
	border-radius: 0;
	position: fixed;
	left: 35%;
	bottom: 13%;
	padding: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	align-items: center;
}
#healthValue:after {
    content: 'Health' !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    font-size: 32px !important;
}

#healthValue {
	color: var(--health-color);
	font-family: gamefont;
	font-size: 96px;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
	will-change: unset;
}

#maxHP {
	display: none;
}

#challIcon {
	display: none !important;
}

#healthBar {
	display: none;
}

#ammoDisplay {
    width: 50px;
    height: 5px;
    top: calc(50% + 35px);
    left: calc(50% - 25px);
    background-color: transparent;
    letter-spacing: 2px;
    border-radius: 0;
    position: fixed;
    right: 31%;
    bottom: 25%;
    padding: 0;
    padding-top: 0;
    padding-left: 0;
    transform: none;
}

#ammoVal {
	color: var(--ammo-color);
	font-family: gamefont;
	font-size: 96px;
	background-color: transparent;
	width: 100px;
	height: 65px;
	border-radius: 0;
	position: fixed;
	right: 35%;
	bottom: 13%;
	padding: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	align-items: center;
	text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}
#ammoVal:after {
    content: 'Ammo' !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    font-size: 32px !important;
}
#ammoMax {
	display: none;
}

#ammoIcon {
	display: none;
}

#chatInput {
	background-color: var(--ingame-bg-color) !important;
	font-size: 16px;
}

#chatInput::placeholder {
	color: rgba(255, 255, 255, 1) !important;
	text-transform: var(--text-transform);
}

#chatHolder {
	bottom: 20px !important;
	left: 20px !important;
	background-color: var(--ingame-bg-color);
}
#killFeed {
    position: fixed;
    bottom: 20px !important;
	right: 20px !important;
	background: transparent
}
.kfItem {
    background-color: var(--ingame-bg-color);
}
.chatItem {
	background-color: transparent !important;
}

#voiceDisplay {
	display: none;
}

#gameMessage {
	top: 80px;
	font-size: 20px;
    color: white;
}

#timerDisplay {
        text-align: center;
    position: fixed;
    transform: translateX(-50%);
    left: 50%;
    top: 20px;
	width: 221px;
	height: 89px;
        padding: 0;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
	background-color: transparent;
	will-change: unset;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}

#curGameInfo [style="color:rgba(255,255,255,0.6)"] {
    display: none;
}

.readAll {
	background-color: transparent;
	color: var(--accent-color);
}

.readAll:hover {
	background-color: transparent;
	color: #fff;
}
.countIcon {
    background-color: transparent;
    border-radius: 0;
    margin-left: 20px;
    margin-bottom: 0;
    padding: 7px;
}
#kdVal,
#deathsVal,
#killsVal,
#livesDisp,
#streakVal,
#myScoreVal {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    color: #fff !important;
    bottom: 7px;
    font-size: 36px;
    display: flex;
    justify-content: center;
}
#kdVal:after {
    content: 'K/D';
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    display: block;
    position: fixed;
    margin-top: 45px;
    font-size: 14px;
}
#deathsVal::after {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    display: block;
    position: fixed;
    margin-top: 45px;
    font-size: 14px;
    content: 'Deaths';
}

#killsVal::after {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    display: block;
    position: fixed;
    margin-top: 45px;
    font-size: 14px;
    content: 'Kills';
}

#streakVal::after {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    display: block;
    position: fixed;
    margin-top: 45px;
    font-size: 14px;
    content: 'Streak';
}

#myScoreVal::after {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    display: block;
    position: fixed;
    margin-top: 45px;
    font-size: 14px;
    content: 'Score';
}

#livesDisp::after {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    display: block;
    position: fixed;
    margin-top: 45px;
    font-size: 14px;
    content: 'Lives';
}
#kdIcon,
#killsIcon,
#deathsIcon,
#streakIcon {
    display: none;
}

#livesCount .material-icons {
    display: none;
}

#scoreCount .material-icons {
    display: none;
}

#seasonLabel {
    display: none;
}
#onetrust-consent-sdk {
    display: none!important
}
#bubbleContainer {
    display: none !important;
}
#accManagerBtn {
    display:none !important;
}
#menuFPSDisplay {
    display:none;
}
#menuPingIcon {
    display:none;
}
#menuPingText {
    display:none;
}
#pingText:before {
    content:'you have '
}
#pingText:after {
    content:' ping'
}
#ingameFPS:before {
    content:'you have  '
}
#ingameFPS:after {
    content:' fps'
}
#pingIcon {
    display:none;
}
#ingameFPS {
    visibility: visible!important;
}
#fpsDisplay {
    visibility: hidden!important;
}
#editorBtnM {
    visibility: hidden!important;
}
#termsInfo {
    display:none;
}
#menuRegionLabel {
    display:none;
}
#mapInfo {
    display:none;
}
.onMenu #instructions {
    display: none;
}

#instructionsUpdate {
    background-color: rgba(0,0,0,0.4);
    box-shadow: 0 0 8px 2px var(--accent);
}
#uiBase.onMenu #spectButton {
    z-index: 1;
    width: 96px;
    top: 50%;
}

#spectButton span[style="font-size:15px;color:rgba(255,255,255,0.6)"] {
    color: transparent !important;
}

#spectButton .switchsml {
    margin: 0;
    position: absolute;
    width: 100%;
}

.sliderSml {
    opacity: 1;
}

.sliderSml::before {
    content: "Spectate";
    font-size: 20px;
    color: white;
    width: max-content;
    height: auto;
    background-color: transparent;
    text-align: center;
    transition-duration: 0.25s;
}

input:checked+.sliderSml::before {
    content: "Spectating";
    transform: translateX(-12px);
    color: var(--accent);
}
input:checked+.sliderSml {
    background-color: transparent !important;
}

.sliderSml {
    opacity: 1;
    background-color: transparent;
}
#reloadMsg {
    background: none;
    color: var(--text-color);
}
#menuWindow {
	background-color: rgba(255, 158, 208, 0.5);
	backdrop-filter: blur(3px);
}

#menuClassContainer {
    transform: unset;
}

#menuClassNameTag {
    display: none;
}

#bubbleContainer {
    display: none;
}

#menuClassName, #menuClassSubtext {
    text-shadow: none;
}

#menuClassName {
    font-size: 28px;
}

#menuClassSubtext {
    color: var(--accent);
}

#policeButton {
    display: none;
}
#itemSearchH {
    display: none;
}
#weapDisplay {
    bottom: 30px;
}

.weapItem {
    position: absolute;
    bottom: 0;
    right: 0;
}

.weapIcon {
    filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
    opacity: 0 !important;
    transition-duration: 0.25s;
    height: 0;
}

.weapIcon[style*="1"] {
    opacity: 1 !important;
    height: 70px;
}

#weapIconMel {
    margin: 0 !important;
}

.weapKey {
    display: none;
}
.weaponChatIcon {
    filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
}
#tlInfHold {
    display: none;
}
#menuFPSDisplay {
    opacity: 0 !important;
}
#fpsDisplay {
	color: var(--Text-color) !important;
}
/*Mod and Map List*/

#mpCat, .searchBtn {
    background-color: rgba(255,255,255,0.15);
    border-radius: 16px;
    border: none;
}

.mapByTxt {
    color: #fff;
}

/*Map Host*/

.hostMap {
    border: none;
    height: 94px;
    width: 230px;
}

.hostMapBy, .hostMapYear, .hostMapVersion {
    display: none;
}

.hostMapName {
    top: 50%;
    left: 50%;
    font-size: 24px;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.hostMapImg {
    filter: grayscale(100%) brightness(0.75);
    border-radius: 8px;
    width: 230px;
}

.hostMap .blackShad {
    text-shadow: none;
}

.hostOpt {
    border: none;
    border-radius: 24px;
    background-color: transparent;
    width: 210px;
}

.optName {
    text-shadow: none;
    font-size: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.optCheck {
    background-color: transparent;
    border-radius: 24px;
}

input:hover+.optCheck {
    background-color: var(--accent);
    opacity: 0.25;
}

input:checked+.optCheck {
    background: transparent;
    box-shadow: inset 0 0 16px 2px var(--accent);
}

#customSnameTeam1, #customSnameTeam2, #passCode, #rawMapData, #presetName, #presetSelect {
    border-radius: 16px !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}
#clientExitPop {
	background-color: rgba(155, 155, 155, 0.5);
}
#confirmBtn {
	background-color: rgba(255, 0, 0, 0.0);
}
#declineBtn {
	background-color: rgba(255, 0, 0, 0.0);
}
.skinList {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 10px;
  position: relative;
}

.skinList .classCard {
  width: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: var(--mainFont);
  text-shadow: unset;
  height: 100px;
  -webkit-transition: color 280ms 200ms;
  transition: color 280ms 200ms;
}

.skinList .classCard .classWeap {
  font-family: var(--mainFont);
  text-shadow: unset;
  -webkit-transition: opacity 280ms 200ms;
  transition: opacity 280ms 200ms;
}

.skinList .classCard .classImgC {
  position: absolute;
  margin-top: unset;
  width: 100px;
  margin: unset;
  right: 0;
  border-radius: 0;
  z-index: 12222 !important;
  -webkit-transition: -webkit-transform 500ms 200ms ease-in-out;
  transition: -webkit-transform 500ms 200ms ease-in-out;
  transition: transform 500ms 200ms ease-in-out;
  transition: transform 500ms 200ms ease-in-out, -webkit-transform 500ms 200ms ease-in-out;
}

.skinList .classCard .classXPBar {
  BOX-SHADOW: unset;
  position: absolute;
  top: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 0;
  background-color: var(--primaryBg);
  -webkit-transition: opacity 280ms 200ms;
  transition: opacity 280ms 200ms;
}

.skinList .classCard .classXPBar .clsXPBarC {
  background-color: var(--accentColor);
  margin: unset;
  height: 100%;
}

.skinList .classCard .classLvl {
  font-family: var(--mainFont);
  text-shadow: unset;
  position: absolute;
  top: unset;
  bottom: 10%;
  font-size: 20px;
  -webkit-transition: opacity 280ms 200ms ease;
  transition: opacity 280ms 200ms ease;
  width: 100%;
  text-align: left;
  left: 10px;
}

.skinList .classCard .classHP {
  font-family: var(--mainFont);
  text-shadow: unset;
  color: var(--c_white);
  position: absolute;
  top: unset;
  left: 13px;
  font-size: 20px;
  bottom: 30%;
  right: -25%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: opacity 280ms 200ms;
  transition: opacity 280ms 200ms;
}

.skinList .classCard .classHP span {
  font-family: var(--mainFont);
  text-shadow: unset;
  color: var(--accentColor);
}

.skinList .classCard:hover {
  color: transparent;
}

.skinList .classCard:hover .classWeap {
  opacity: 0%;
}

.skinList .classCard:hover .classImgC {
  -webkit-transform: translateX(-115px) scale(2) translateY(10px);
          transform: translateX(-115px) scale(2) translateY(10px);
}

.skinList .classCard:hover .classXPBar {
  opacity: 0%;
}

.skinList .classCard:hover .classLvl {
  opacity: 0%;
}

.skinList .classCard:hover .classHP {
  opacity: 0%;
}

#skinList {
  margin-top: 8px;
  margin-bottom: -4px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

#skinList .skinCard {
  text-align: unset;
  margin-bottom: unset;
  margin-left: unset;
  margin-right: unset;
  padding: unset;
  padding-top: unset;
  width: auto;
  vertical-align: unset;
  background-color: transparent;
  border-radius: 0px;
  display: block;
  font-size: 20px;
  position: relative;
  z-index: 1;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  padding-bottom: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: var(--mainFont);
  text-shadow: unset !important;
  height: 120px !important;
}

#skinList .skinCard .itemOwn {
  display: none;
}

#skinList .skinCard .itemSea {
  display: none;
}

#skinList .skinCard .skinImg {
  margin-top: unset;
  margin-bottom: unset;
  position: absolute;
  height: 100%;
  width: auto;
  right: 40px;
}

#skinList .skinCard .skinImgC {
  position: absolute;
  z-index: -122;
  left: 25%;
}

#skinList .skinCard .skinImgD {
  position: absolute;
  left: 65px;
  bottom: -20px;
}

#skinList .skinCard .skinRandom {
  display: none;
}

#skinList .skinCard .secImg {
  position: absolute;
  left: 60px;
  top: 10px;
  z-index: -1 !important;
  width: 80px;
  height: 80px;
}

#skinList .skinCard .selctInfoBtn {
  padding: unset;
  padding-bottom: unset;
  padding-top: unser;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--accentColor);
  font-family: var(--mainFont);
  font-size: 20px;
  background: var(--subBgST);
  padding-left: 12px;
  padding-right: 12px;
  -webkit-transition: color 280ms, background 280ms;
  transition: color 280ms, background 280ms;
}

#skinList .skinCard .selctInfoBtn:hover {
  color: var(--subBg);
  background: var(--accentColor);
}

#skinList .skinCard[style="color:#292929;border:5px solid#292929"] {
  -webkit-animation: contraCard 500ms infinite;
          animation: contraCard 500ms infinite;
}

#skinList .noBtnCard {
  height: 120px;
  width: auto;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  margin-left: unset;
  margin-right: unset;
  margin-bottom: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: var(--mainFont);
  text-shadow: unset !important;
  height: 120px !important;
}

#skinList .noBtnCard .sprayImg, #skinList .noBtnCard .noBtnImgC {
  position: absolute;
  left: 60px;
  top: 10px;
  z-index: -1 !important;
  width: 80px;
  height: 80px;
}


#skinList .noBtnCard .noBtnImgR {
  position: absolute;
  left: 95px;
  top: 40px;
  z-index: -1 !important;
  width: 30px;
  height: 30px;
}

#skinList .noBtnCard .customReticle {
  position: absolute;
  top: 40px;
  width: 182px;
}

#skinList .noBtnCard .itemOwn {
  display: none;
}

#skinList .noBtnCard .skinRandom {
  display: none;
}

#skinList .blackShad {
  text-shadow: unset;
}
#loadingBg {
  background-image:url(https://cdn.discordapp.com/attachments/788083074402877470/812314805004271636/501288f32ce07bacb12ad3ff377051f3.gif);
}
#menuClassContainer {
  position: fixed;
  top: -85%;
  right: 25%;
  left:  25%;
}
#menuClassName {
  font-size: 60px;
}
#classInfoContainer,
#classInfoContainer>div,
#classInfoContainer>div>div,
.classInfoLabel,
.classInfoContents,
#menuClassSubtext,
#menuClassNameTag,
.menuClassLevelBox,
.menuClassPlayerName,
.menuClassPlayerClan,
.menuClassPlayerVerified,
.menuClassPlayerPartner,
.menuClassPlayerPremium,
.menuClassPlayerVirus,
#classPreviewCanvas {
    margin-bottom: -100px;
    visibility: hidden;
}
#customizeButton {
    bottom: 75px;
    color: transparent !important;
    box-shadow: none !important;
    left: -2px;
    width: 210px;
    height: 60px;
    background-color: #ffffff00 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
#customizeButton .material-icons {
    display: none;
}

#policeButton {
    display: none;
}
#mainLogo {
    display: none;
}
#matchVoteHolder {
    display:flex !important;
    flex-direction:column;
    position:fixed;
    left:2250px;
    top:500px;
    width:10px;
    height:10000px;
}
::-webkit-scrollbar{
   display: none !important;
}
#instructionsUpdate {
background-color: #ff9ed0 !important;
}
#signedInHeaderBar {
   display: none !important;
}
#instructionHolder {
    display: none; /* Don't Use !important */
}