:root {
	--accent-color: #ff7575;
	--health-color: #FFFFFF;
	--ammo-color: #FFFFFF;
	--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://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2);
}

@font-face {
	font-family: hpammo;
	src: url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gnD_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 #spectButton {
	left: 20px;
	transform: none;
	text-transform: var(--text-transform);
}

#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: #fff !important;
	visibility: visible;
}

#pingText {
	color: #fff !important;
}

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

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

#leaderDisplay,
#leaderContainer,
.leaderItem,
.leaderCounter,
.leaderName,.leaderNameM,.leaderNameF,
.leaderNameF,
.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: hpammo;
	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: hpammo;
	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;
}

#reloadMsg {
	background: transparent !important;
    font-size: 20px;
}

#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;
}

#weapDisplay {
	display: flex !important;
	flex-direction: row !important;
	bottom: 0px;
	right: 0%;
	transform: translateX(0%);
}

.weapItem {
	margin-top: 0;
}

.weapKey {
	display: none;
}

.weapIcon {
	width: 1px;
	height: 1px
}

#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;
}