html, body, #root {
	height: 100%;
	width: 100%;
}

i {
	font-style: normal;
}

body.fullScreen .toolbar {
	display: none;
}

body.fullScreen .sidebar {
	display: none !important;
}

.toolbar {
	margin: 0 !important;
	position: relative !important;
}

.subnav {
	margin: 0 !important;
}

.subnav>.menu {
	overflow: auto;
	background-image: linear-gradient(to right, #192d4d, #192d4d), linear-gradient(to right, #192d4d, #192d4d), linear-gradient(to right, rgba(0, 0, 20, .50), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 20, .50), rgba(255, 255, 255, 0));
	background-position: left center, right center, left center, right center;
	background-repeat: no-repeat;
	background-color: #192d4d;
	background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
	background-attachment: local, local, scroll, scroll;
}

.menu.hideScroll::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	background: transparent;
}

.menu.hideScroll:after {
    content: "";
    top: 0;
    left: 0;
    height: 0;
    right: 10px;
    background: linear-gradient(to right, rgba(251, 251, 251, 1) 0%, rgba(251, 251, 251, 0) 100%);
    position: fixed;
}

.noBottomLeftRadius {
	border-bottom-left-radius: 0 !important;
}

.noBottomRightRadius {
	border-bottom-right-radius: 0 !important;
}

.noTopLeftRadius {
	border-top-left-radius: 0 !important;
}

.noTopRightRadius {
	border-top-right-radius: 0 !important;
}

.noUi-handle {
	width: 20px !important;
	height: 20px !important;
	right: -20px !important;
	top: -3px !important;
}

.noUi-handle:before {
	left: 10px !important;
	top: 3px !important;
}

.noUi-handle:after {
	left: 7px !important;
	top: 3px !important;
}

.noUi-handle-upper {
	right: -1px !important;
}

.noUi-horizontal .noUi-handle .noUi-tooltip {
	top: -200%;
	bottom: auto;
}

.noUi-tooltip {
	display: none !important;
}

.noUi-active .noUi-tooltip {
	display: block !important;
}

.noUi-connect {
	background-color: #2185d0 !important;
}

.noUi-target[disabled="true"] .noUi-connect {
	background-color: rgba(0,0,0,.05) !important;
}

.ui.toggle.buttons .ui.active.button {
	background-color: #2185d0 !important;
}

.ui.toggle.buttons .ui.active.button:hover {
	background-color: #2185d0 !important;
}

.ui.active.toggle.button.small {
	background-color: #2185d0 !important;
}

.ui.active.toggle.button.small:hover {
	background-color: #2185d0 !important;
}

.ui.toggle.two.buttons .ui.disabled.button.opacity-override {
	opacity: 1 !important;
}

.ui.mini.two.statistics .ui.statistic .value.override-fontsize {
	font-size: 1.2rem !important;
}

.ui.buttons .ui.disabled.button.opacity-override {
	opacity: 1 !important;
}

.ui.menu .item:before {
	width: 0
}

.primaryHover:hover {
	cursor: pointer;
	background-color: #11213c;
}

.iconHover:hover {
	cursor: pointer;
	opacity: 0.6;
}

.tacticIcon.active {
	background-color: #21ba45 !important;
}

.labelHover:hover {
	background-color: #cacbcd !important;
	cursor: pointer;
}

.ui.modal.visible .header.headerFixPadding {
	padding-right: 1em !important;
}

.hideScrollbar::-webkit-scrollbar {
    -webkit-appearance: auto !important;
    width: 0px !important;
    height: 0px !important;
}

.forceInline {
	display: inline;
}

.ui.progress.stat {
	background-color: #db2828;
}

.ui.progress.stat .bar {
	background-color: #2185d0;
	transition: width 400ms ease-in;
}

.ui.fluid.pointing.secondary.top.attached.two.item.menu { /* transferofferinterface */
	margin: 0 !important;
}

.transferBid input {
	padding-left: 7px !important;
}

/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	height: 100%;
  }
  
/* The actual timeline (the vertical ruler) */
.timeline::after {
content: '';
position: absolute;
width: 6px;
background-color: #d4d4d5;
top: 0;
bottom: 0;
right: 0;
margin-right: 7px;
border-radius: 10px;
}

.timeline .entry {
	width: 100%;
	height: 100%;
	position: relative;
	margin-bottom: 20px;
}

.timeline .entry::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	background-color: #d4d4d5;
	border: 4px solid #5e5e5e;
	top: calc(30% - 10px);
	border-radius: 50%;
	z-index: 1;
}

.timeline .entry.green::after {
	border: 4px solid #21ba45;
}

.timeline .entry.red::after {
	border: 4px solid #DB3B30;
}

.timeline .entry.true::after {
	border: 4px solid #c0c0c0;
}

.timeline .entry .card {
	width: 86%;
	/* height: 100%; */
}

.timeline .entry .card::before {
	position: absolute;
	content: '';
	z-index: 2;
	width: .6666em;
	height: .6666em;
	border-width: 1px 1px 0 0;
	transform: translateX(50%) translateY(-50%) rotate(45deg);
	top: 30%;
	right: -1px;
	bottom: auto;
	left: auto;
	background-color: inherit;
    border-color: #d4d4d5;
    border-style: solid;
    margin-left: 15px;
}

.timeline .entry .card .dimmer {
	background-color: rgba(255,255,255,.65);
}

@media only screen and (max-width: 767px) {
	.ui.stackable.grid>.column:not(.row):not(.test) {
		padding: 0 !important;
		margin-bottom: 2rem !important;
	}
}

@media only screen and (max-width: 767px) {
	.ui.grid.gridResetInherit.playerTrainingBoosts>.row>.column:first-child {
		margin-bottom: 1em !important;
	}
}

@media only screen and (min-width: 768px) {
	.ui.grid.gridResetInherit.playerTrainingBoosts>.row>.column:first-child {
		margin-right: 1em !important;
	}
}

.ui.grid.gridResetInherit.playerTrainingBoosts>.row:nth-child(2) {
	margin-top: 1em !important;
}

.flexContainer {
	display: flex
}

.playerName {
	min-width: 0;
}

.playerName a {
	display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infoLabel {
	width: 34px;
	vertical-align: text-top;
	text-align: center;
	float: right;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.infoLabels {
	white-space: nowrap;
}

.infoLabels div {
	display: inline-block;
	/*width: 32px;*/
	margin-left: .35714286em !important;
}

.ui.circular.label.fix:not(.big) { 
	padding: .4em 0 !important;
}

.ui.circular.label.fix.large { 
	padding: .2em 0 !important;
}

.ui.circular.label.fix2 { 
	padding: .5em 0 !important;
}

.ui.circular.label.fix3 { 
	padding: 0.6em 0 0 0 !important;
}

.ui.circular.label.fix4 { 
	padding: 0 !important;
}

.attrTable tr td {
	vertical-align: middle;
	border: 0 !important;
	padding: 0.2em 0 !important;
}

/*

	On Android there is an issue where opening the keyboard
	resizes the viewport.

	This isn't an issue for 99% of things except the background
	is scaled according to the viewport

	Options to resolve:

	1. change behaviour of keyboard so it does not resize
		con: covers content, keyboard must be closed to regain access
		for example register page is almomst impossible to use
		(checkboxes are inaccessible)
	
	2. set min-height of the element below to device height (using JS)
		this could have some unintended consequences so should be tested,
		particularly at desktop
		so ideally make this mobile only?

*/

.mainContent {
	background-image: url("./test3.png") !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #1b1c1d;
}

.ui.buttons .ui.inverted.button.disabled.forceBasicButtonStyles {
	box-shadow: 0 0 0 2px #fff inset !important;
}

@media all and (max-width: 599px) {
	.nationFlag-tablet {
		display:none !important;
	}
}

@media all and (max-width: 374px) {
	.nationFlag-mobile {
		display:none !important;
	}
}

.nationFlag {
	box-shadow: inset 0 0 1px #3d3d3d;
}

.ui.segment.titledSegment {
	border-left: 4px solid rgb(27 29 30) !important;
	border-right: 4px solid rgb(27 29 30) !important;
	border-bottom: 4px solid rgb(27 29 30) !important;
	margin: 0 !important;
	padding-left: calc(1rem - 4px) !important;
	padding-right: calc(1rem - 4px) !important;
	padding-top: 1rem;
	padding-bottom: 1rem;
	width: 100% !important;
	max-width: 100% !important;
}

.ui.segment.titledSegment.noPadding {
	padding: 0 !important;
}

.ui.segment.attachedInvertedSegment {
	padding: 4px 0 !important;
	border-left: 4px solid rgb(27 29 30) !important;
	border-right: 4px solid rgb(27 29 30) !important;
	border-bottom: 4px solid rgb(27 29 30) !important;
}

.ui.segment.profileSegmentFix {
	margin: 0;
	padding: 1em 0 !important;
}

.ui.segment.profileSegmentFix2 {
	margin: 0;
	padding-left: 1em !important;
	padding-right: 1em !important;
}

.ui.segment.profileSegmentFix3 {
	margin: 0;
	padding: 1em !important;
}

.ui.segment.noPaddingFix {
	padding: 0 !important;
}

.dropdownNoMaxHeight .menu {
	max-height: unset !important;
}

.dropdownNoMinWidth > .ui.selection.dropdown {
	min-width: unset !important;
}

.dropdownNoMaxWidth .selection.dropdown .visible.menu {
	min-width: max-content !important;
	border-top-right-radius: .28571429rem !important;
	/* border-top-width:thin !important; */
}

.ui.menu.inverted.pointing.marginFix {
	margin: 0 !important;
}

body.noSelect {
	-webkit-touch-callout: none; /* Safari */
	-webkit-user-select: none; /* Chrome */     
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; 
}

.noTextwrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

/* toolbar menu */
.right.menu .ui.item.dropdown {
	margin: 0
}

/* toolbar menu */
.ui.item.dropdown .ellipsis.icon {
	margin: 0
}

.ui.inverted.form .inline.unstackable.fields .field:last-child {
	padding: 0
}

.ui.item.menu .item.menuItemPaddingFix {
	padding-left: 0.6em !important;
	padding-right: 0.6em !important;
}

.ui.label.averageRatingLabel .detail {
	margin: -.5833em -.833em -.5833em .5em;
	padding: .5833em .833em;
	border-radius: 0 .28571429rem .28571429rem 0;
}

.positionStyles {
	/*padding: 0 0.78571429em !important;*/
	/*padding: 0 !important;*/
	padding: 0 4px !important;
}

.positionStyles > div {
	font-weight: 700;
	font-size: 12px;
	max-width: 44px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.positionStylesGK > div {
	background-color: #5E37C1;
}

.positionStylesDEF > div {
	background-color: #51B2AC;
}

.positionStylesMID > div {
	background-color: #2e90a3;
}

.positionStylesATK > div {
	background-color: #4283CA;
}

.ui.card .content .description.cardDescriptionFix {
	padding-bottom: 0 !important;
}

@media all and (max-width: 440px) {
	.three.wide.column {
		padding: 0 !important;
	}
}

.tTest-enter {
	transform: translateY(100%);
}

.tTest-enter-active {
	transform: translateY(0);
	transition: transform 300ms ease-in;
}

.tTest-exit-done {
	display: none;
}

.tTest-exit-active {
	transform: translateY(100%);
	transition: transform 300ms ease-in;
}
/* 
.tutorialWidget {
	transition: transform 300ms ease-in;
}

.tutorialWidget.open {
	transform: translateY(0);
}

.tutorialWidget.closed {
	transform: translateY(100%);
} */

.tutorialSummary {
	transition: transform 300ms ease-in;
}

.tutorialSummary.open:hover {
	background-color: #E0E1E2 !important;
}

.tutorialSummary.open {
	transform: translateY(0);
}

.tutorialSummary.closed {
	transform: translateY(-200%);
}

.tutorialProgress {
	transition: transform 300ms ease-in;
}

.tutorialProgress.open {
	transform: translate(-100%, -100%);
}

.tutorialProgress.closed {
	transform: translate(0, -100%);
}

.tutorialDimmer {
	z-index: 99999 !important;
}

.transferSearchFilterOverlay-enter-active .transferSearchFilterOverlayTarget {
	animation: slideInUp;
	animation-duration: 300ms;
	animation-fill-mode: forwards;
}

.transferSearchFilterOverlay-exit-active .transferSearchFilterOverlayTarget {
	animation: slideOutDown;
	animation-duration: 300ms;
	animation-fill-mode: forwards;
}

.modalOverlay-enter-active div {
	animation: zoomIn;
	animation-duration: 300ms;
	animation-fill-mode: forwards;
}

.modalOverlay-exit-active div {
	animation: zoomOut;
	animation-duration: 300ms;
	animation-fill-mode: forwards;
}

.mainPage-enter-active {
	animation: fadeInRight;
	animation-duration: 150ms;
	animation-fill-mode: forwards;
}

.mainPage-exit-active {
	animation: fadeOutLeft;
	animation-duration: 150ms;
	animation-fill-mode: forwards;
}

/* .ui.blue:not(.progress) {
	background-color: #192D4D !important;
}

.ui.blue.progress .bar {
	background-color: #192D4D !important;
}

.ui.primary {
	background-color: #223656 !important;
}

.ui.blue.subnav {
	background-color: #223656 !important;
}

.ui.inverted.blue.menu a.active.item {
	background-color: #192D4D !important;
} */

.loadingLogo {
	animation: wiggle 1s linear infinite;
}

.ui.vertical.menu>.item:first-child {
	border-radius: 0 !important;
}

.ui.vertical.inverted.menu .item:nth-child(2):before {
	top: -1px;
}

.ui.vertical.menu>.active.item:last-child {
	border-radius: 0 !important;
}

.ui.black.icon.inverted.button {
	opacity: 1 !important;
	background-color: rgba(15, 16, 17) !important;
}

.ui.black.icon.inverted.button.disabled {
	opacity: 1 !important;
	background-color: rgba(15, 16, 17) !important;
}

.ui.black.inverted.button.disabled {
	opacity: 1 !important;
	background-color: rgba(15, 16, 17) !important;
}

.ui.secondary.three.item.menu.expanderMenu .item.active {
	background-color: #f2f2f2;
}

.ui.secondary.three.item.menu.expanderMenu .item {
	align-self: unset;
	border-radius: 0;
}

.squareRatingRoundall {
	width: 38px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: black;
	font-weight: 700;
}

.ui.vertical.menu .item>i.icon.sidebar {
	margin: 0;
}

.ui.vertical.menu .item>i.icon.sidebar::before {
	float: right;
}

.inlineIcon {
	margin: 0 .35714286em 0 0;
}

.inlineIconBoth {
	margin: 0 .35714286em;
}

.inlineIconMirror {
	margin: 0 0 0 .35714286em;
}

.buttonIconFix {
	top: 50%;
	transform: translateY(-50%);
	display: block;
	position: absolute;
	width: 100%
}

.buttonIconFix2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ui.placeholder .ui.header::before {
	background-color: unset !important;
}

.ui.label .delete.icon::before {
	display: inline-block;
	content: "\00d7";
	font-size: 14px;
}

.mainContentContainer {
	width: 100%;
	height: 100%; /* testing but think it causes issues somewhere */
	padding: 1em;
	/* overflow: auto; testing fix for clipped dropdowns */
}

body.fullScreen .mainContentContainer {
	padding: 0 !important;
}

body.noMainContainerPadding .mainContentContainer {
	padding: 0;
}

body.mainContainerFullHeight .mainContentContainer {
	height: 100%;
}

.swiper {
	display: flex;
	flex-direction: column;
}

.sliderContainer {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.sliderContainer::-webkit-scrollbar {
	display: none !important;
}

.swiper-pagination {
	order: -1;
	position: unset !important;
}

.swiper-slide {
	width: 90% !important;
	max-width: 400px;
}

.swiper-slide:first-child > div {
	margin-left: 1em !important;
}

.swiper-slide:last-child > div {
	margin-right: 1em !important;
}

.compareWidget {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.compareWidget .label {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.attachedHeader {
	background-color: rgb(27 29 30) !important;
	margin-top: 1em !important;
}

.titledSegmentHeader {
	background-color: rgb(27 29 30) !important;
	margin: 1em 0 0 0 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.titledSegmentHeader {
	background-color: rgb(27 29 30) !important;
	margin: 1em 0 0 0 !important;
	padding: 0 14px !important;
	height: 37px;
	display: flex;
}

.titledSegmentHeader > .titledSegmentHeaderTitle {
	padding: 11px 0;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	flex: 1 0 auto;
}

.titledSegmentHeader > .titledSegmentHeaderLabel {
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0;
	align-self: center;
}

.titledSegmentHeader > .titledSegmentHeaderLabel > svg {
	float: right;
	font-size: 18px;
}

.titledSegmentHeader > .titledSegmentHeaderLabel > .button {
	float: right;
	padding: 0.5em 1em;
}

.clubBadge {
	filter: drop-shadow(1px 1px 3px #000);
	display: inline-block;
    height: 2em;
}

.segmentTable {
	width: 100%;
	margin: 0 !important;
}

.segmentTableRow {
	padding: 0 !important;
}

.segmentTableRow>div:first-child {
	border-right: 1px solid #2224261a;
}

.segmentTableContextRow {
	padding-bottom: 0 !important;
	text-align: center;
}

.segmentTable .attrTable {
	width: 100%;
}

.bidHistory>div {
	border-bottom: 1px solid #2224261a;
	padding: 0.5em 0;
}

.bidHistory>div:first-child {
	padding-top: 0 !important;
}

.bidHistory>div:last-child {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.gridReset {
	margin: 0 !important;
}

.ui.grid.gridResetInherit {
	margin: 0 !important;
}

.ui.grid.gridResetInherit>.row {
	padding: 0 !important;
}

.ui.grid.gridResetInherit>.row>.column {
	padding: 0 !important;
}

.transferAuctionBidStatus {
	text-align: center;
}

.transferAuctionBid {
	text-align: center;
}

.currencyInputControl {
	touch-action: none;
}

.playerTransferOrOfferContainer {
	display: flex;
	justify-content: center;
}

.transferTypeDropdown .item>.label {
	float: right !important;
}

.titledSegment .rdt_Table {
	margin: 0;
	border-radius: 0
}

.header.fullWidth .line::after {
	width: unset !important;
}

.canvasContainer {
	width: 100%;
	height: 300px;
}

.activeDropdown {
	background-color: #21ba45 !important;
}

.ui.modal .content>div.description {
	padding: 0 !important;
}

.tutorialControls.ui.inverted.menu .item.disabled {
	color: rgba(225,225,225,.3) !important;
}

.traitGrid {
	padding: 0 0.5em !important;
}

.traitGrid .column {
	padding: 0 0.5em !important;
}

.traitGrid .trait {
	display: block;
	position: relative;
	background-color:  #E0E1E2;
	border-radius: 8px;
	width: 100%;
	aspect-ratio: 1;
	padding: 1em;
	overflow: hidden;
}

.traitGrid .trait svg {
	color: #888;
}

.traitGrid .trait.active {
	background-color:  #192d4d !important;
}

.traitGrid .trait.active svg {
	color: #fff;
}

.traitGrid .trait:hover {
	opacity: 0.8;
	cursor: pointer;
}

.traitGrid .trait:before {
	content: "";
	position: absolute;
	border-radius: inherit;
	border: 1px solid #fff;
	inset: 2px;
}

.trait2:before {
	content: "";
	position: absolute;
	border-radius: inherit;
	border: 1px solid #fff;
	inset: 2px;
}

@keyframes wiggle {
	0%, 14% {
	  transform: rotateZ(0);
	}
	30% {
	  transform: rotateZ(-15deg);
	}
	40% {
	  transform: rotateZ(10deg);
	}
	50% {
	  transform: rotateZ(-10deg);
	}
	60% {
	  transform: rotateZ(6deg);
	}
	70% {
	  transform: rotateZ(-4deg);
	}
	75%, 100% {
	  transform: rotateZ(0);
	}
  }

@keyframes opa {
	0% {
		opacity: 0.8
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0.8
	}
}

@keyframes grow {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes dimmer {
	from {
		opacity: 0
	}

	to {
		opacity: 0.8
	}
}

@keyframes dimmerOut {
	from {
		opacity: 0.8
	}

	to {
		opacity: 0
	}
}

@keyframes glow { 
    0% { background-color:#FBBD08; }
    50% { background-color:#f2711c; }
    100% { background-color:#FBBD08; } 
}

.glow {
	animation: glow linear 1500ms infinite !important;
	animation-delay: 300ms !important;
}

.sim2d {
	position: absolute !important;
	top: 0 !important;
	overflow: hidden;
}

.simOverlaySegment {
	z-index: 100;
	max-width: 400px;
	width: 100%;
	position: absolute !important;
	left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
}

.simOverlay-enter-active .simOverlaySegment {
	animation: slideInDown;
	animation-duration: 300ms;
	animation-fill-mode: forwards;
}

.simOverlay-exit-active .simOverlaySegment {
	animation: slideOutUp;
	animation-duration: 300ms;
	animation-fill-mode: forwards;
}

.fixtureKeyEventContainer {
	display: flex;
	margin: 0;
}

.fixtureKeyEventContainer a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

.fixtureKeyEventContainer span {
	white-space: nowrap;
}

@keyframes celebrate-background {
	0%   { background-color: #8B0000; } /* Dark Red */
	25%  { background-color: #FFD700; } /* Gold */
	50%  { background-color: #4B0082; } /* Indigo */
	75%  { background-color: #00008B; } /* Dark Blue */
	100% { background-color: #8B0000; } /* Dark Red */
  }
  
/* Define the keyframes for the bold and faster text pulsing effect */
@keyframes celebrate-text {
	0%, 100% { 
		transform: scale(1); 
		/* color: #FFFFFF;  */
		text-shadow: 0 0 5px #FFFFFF;
	}
	50% { 
		transform: scale(1.5); 
		/* color: #FFD700; Gold */
		text-shadow: 0 0 30px #FFD700;
	}
}

/* Apply the animations to the commentary bar when the 'celebrate' class is added */
.commentary-bar.celebrate {
	animation: celebrate-background 1s linear infinite;
}

.commentary-bar.celebrate h3 {
	animation: celebrate-text 0.5s ease-in-out infinite;
}

.ratingBar {
	width: 100%;
	display: flex;
	overflow: hidden;
	border-radius: 4px;
	/* border: 1px solid #888; */
	/* background-color: #E0E1E2; */
	height: 10px;
	gap: 2px;
	position: relative
}

.ratingBar .segment {
	width: 10%;
	background-color: #E0E1E2;
	position: relative;
}

.ratingBar .segment .progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

label, .boldLabel {
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.boldLabel.large {
	font-size: 12px !important;
}

.boldLabel.small {
	font-size: 8px !important;
}

.ui.buttons.contrast > .ui.active.button {
	background-color: #192d4d;
	color: #fff;
}

.ui.statistic.newStatistic {
	display: block;
	width: 100%;
}

.ui.statistic.newStatistic > .value {
	line-height: initial;
	font-size: 20px !important;
}

.ui.statistic.newStatistic.small > .value {
	font-size: 16px !important;
}

.ui.statistic.newStatistic.large > .value {
	font-size: 24px !important;
}

.ui.statistic.newStatistic > .label {
	font-size: 12px !important;
}

.ui.statistic.newStatistic.small:not(.labelNormal) > .label {
	font-size: 10px !important;
}

.ui.statistic.newStatistic.large:not(.labelNormal) > .label {
	font-size: 14px !important;
}

.button:not(.icon) {
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1.5 !important;
}