@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.spinner {
	display: inline-block;
	width: 4rem;
	height: 4rem;
	vertical-align: text-bottom;
	border: .35em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner .75s linear infinite;
	animation: spinner .75s linear infinite;
	color: #003da5;
}

.app-loader {
	position: fixed;
	top: 50%;
	left: 50%;
}

.app-loader .spinner {
	width: 5rem;
	height: 5rem;
}

.align-center {
	margin: auto;
	padding: 10px;
}

/* dead center alignment of an element */
.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gameLogoThumbnail{
	max-width:64px;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px #000000;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

.ck-editor__editable {
	max-height: 500px;
}

.mud-tab.mud-tab-active{
	color: white !important;
	background-color: var(--mud-palette-primary) !important;
}

.mud-tab{
	color: var(--mud-palette-grey-dark) !important;
	background-color: var(--mud-palette-grey-lighter) !important;
}

ul.infoList{
	list-style-type: disc;
	display: flex;
	flex-direction: column;
	padding-left: 30px;
}

ul.list-item {
	z-index: 9;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	display: block; }

ul.list-item li {
	padding: 13px 20px;
	z-index: 2;
	color: #222;
	font-size: 13px; }

ul.list-item li:not(.init) {
	display: none;
	background: #fff;
	color: #222;
	padding: 5px 20px; }

ul.list-item li:not(.init):hover, ul.list-item li.selected:not(.init) {
	background: #fa5e5b;
	color: #fff; }

li.init {
	cursor: pointer;
	position: relative; }
li.init:after {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 10px;
	color: #222;
	font-family: 'themify';
	content: '\e64b'; }
/*
::deep .mud-button-label{
	color:white !important;
}*/

/*::deep .mud-button-filled.mud-button-filled-primary:hover {
	color: var(--mud-palette-secondary) !important;
}*/