* {
    border-color: #c0c0c0 !important;
    font-family: "Roboto", sans-serif;
    line-height: 1.4rem;
}
label:hover {
    cursor: pointer !important;
}
.brandingLogoWrap + #GameNavigation {
	margin-left: 8px;
}

.brandingPreview {
    display: flex;
}

.brandingPreview > div:first-child {
    flex: 0;
    min-width: 300px;
    max-height: 60vh;
    padding-right: 32px;
    overflow-y: auto;
}
.brandingPreview > div:last-child {
    flex: 1;
}
	.brandingPreview iframe {
		width: 100%;
		border: 1px solid;
		height: 100%;
		min-height: 500px;
		overflow: scroll;
	}

	h3.socialHead {
		text-align: center;
		margin: 0;
		margin-bottom: 8px;
		font-size: 1rem;
		margin-top: 64px;
	}

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

.cgsSocialLinks a {
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}
.cgsSocialLinks a:last-child {
    margin-right: 0;
}
.cgsSocialLinks a img {
    border-radius: 6px;
    max-height: 100%;
    max-width: 100%;
}

span.logColor {
	display: inline-block;
	border-radius: 6px;
	height: 16px;
	width: 16px;
	position: Relative;
	top: 3px;
    border: 1px solid #333;
}

.warningMessage.twoCol {
    display: flex;
    align-items: center;
}
.warningMessage.twoCol > div:first-child {
    flex: 1;
}
.warningMessage.twoCol > div:last-child {
    flex: 0;
    white-space: nowrap;
}
.warningMessage h3 {
    margin: 0;
}
.paidWrap {
	max-width: 400px;
	border: 1px solid;
	margin: 0 auto;
	padding: 32px;
	border-radius: 6px;
}
.changePlanTypeHeader {
    max-width: 700px;
    margin: 0 auto;
}
.changePlanTypeHeader h1 {
    text-align: center;
}
.paidWrap img {
	margin: 32px auto;
}
	.paidWrap h1 {
		margin: 0;
		text-align: center;
		display: block;
		padding: 0;
	}
	.paidWrap .c {
		margin-top: 48px;
	}
.paidWrap a {
    padding: 16px 32px !important;
}

input[type=color] {
    width: 128px;
    height: 32px;
}


	.changeIntervalQuote {
		max-width: 450px;
		margin: 0 auto;
		margin-top: 32px;
	}
.changeIntervalQuote h2 {
    margin: 0;
    margin-bottom: 8px;
    font-size: 1.2rem;
}
.changeIntervalQuote .totalsWrap + h2 {
		margin-top: 32px;
	}
	.changeIntervalQuote .totalsWrap tr td:first-child {
		font-weight: 500;
		text-align: right;
        width: 50%;
	}
	.changeIntervalQuote .totalsWrap tr td:last-child {
		text-align: left;
        width: 50%;
	}

	.chunkOverlay,
	#Overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 5;
		background: rgba(0, 0, 0, 0.9);
		display: none;
		align-items: center;
		justify-content: center;
		overflow-y: auto;
	}


		.chunkOverlay > div,
		#Overlay > div {
			margin: 16px;
			padding: 32px;
			background: #fff;
			border-radius: 16px;
			box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
		}
.chunkOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
	border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
}
	.chunkOverlay > div {
		background: transparent;
        box-shadow: none;
        color: #fff;
	}
		.chunkOverlay > div img {
            filter: saturate(0) brightness(0) invert(1);
		}

		body,
		html {
			margin: 0;
			padding: 0;
			font-size: 16px;
			height: 100%;
		}
span.ic {
	font-weight: 500;
	font-size: 0.9rem;
	background: #ccc;
	padding: 2px 4px;
	border-radius: 3px;
	font-family: Consolas, monaco, monospace;
}
p span.ic {
	display: inline !important;
	padding: 2px 8px;
	font-size: 1rem;
	max-width:100%;
	word-break:break-word;
}

html,
body,
.top,
.leftMenu {
	background: #fff;
}

img {
    display: block;
}
h1 {
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 2.4rem;
}
.h1P,
h1 + p {
	font-size: 1.1rem;
}

textarea.bigTextArea {
    max-width: 100%;
    height: 300px;
    max-height: 70vh;
}

	.longForm + .longForm,
	h1 + .longForm {
		margin-top: 32px;
	}

.tableWrapper + .longForm {
	margin-top: 64px;
}
.playerWrapper {
	display: flex;
	align-items: Center;
}
	.playerWrapper .playerAvatarWrapper {
		margin-right: 8px;
	}

h2 {
	font-weight: 500;
	font-size: 1.9rem;
	display: flex;
	align-items: center;
}
.bigChartWrap h2 {
    display: block;
}
.bigChartWrap .infoTooltip {
    line-height: 120% !important;
}
h2 img {
	margin-right: 16px;
}

h3 {
	font-weight: 500;
	font-size: 1.2rem;
}
.top {
	position: fixed;
	width: 100%;
	z-index: 2;
}

a.increaseLimit {
    border: 1px solid;
    margin: 0 auto;
    border-color: #dc0d8a !important;
    border-radius: 6px;
    margin-top: 32px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
}
	a.increaseLimit:hover {
        background: #dc0d8a;
        color: #fff;
	}
a.increaseLimit img {
    margin-right: 8px;
}
	a.increaseLimit:hover img {
        filter: saturate(0) brightness(0) invert(1);
	}
div.paidPlanNotice {
	background: #f6f3b5;
	border-radius: 6px;
	font-size: 0.9rem;
	margin-top: 32px;
	padding: 16px;
	line-height: 130%;
	border-left: 4px solid;
    border-color: #ccc874 !important;
}
div.paidPlanNotice a {
	text-align: center;
	display: block;
	margin-top: 8px;
}
a.paidPlanNotice {
	font-size: 0.85rem;
	line-height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
    background: #efefef;
	width: 100%;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	text-align: center;
	border-top: 1px solid;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
a.paidPlanNotice img {
    margin-right: 8px;
}
a.paidPlanNotice:hover {
    text-decoration: underline;
}

.topBar,
.gameBar {
	padding-left: 32px;
	padding-right: 32px;
	box-sizing: border-box;
}
.h1Description {
    color: #666;
    margin-bottom: 0;
    display: block;
    font-weight: 500;
    font-size: 0.8rem;
}
	.h1Description + h1{
		margin-top:8px;
	}

	.topBar {
		height: 64px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid;
		box-sizing: border-box;
	}

.limitReached {
    margin: 32px auto 64px auto;
    max-width: 600px;
    padding: 32px;
    text-align: center;
    background: #fdf2d8;
    border-radius: 3px;
}

.limitReached p, 
	.limitReached h2 {
		display: block;
		text-align: center;
	}

.infoTooltip {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.infoTooltip img {
    margin-left: 8px;
}
	.infoTooltip > div {
		position: absolute;
        right:-48px;
		padding: 16px;
		top: calc(100% + 2px);
		width: 250px;
        max-width: 50vw;
		background: #f8f8f8;
		white-space: normal;
		font-size: 0.85rem;
		line-height: 120%;
		font-weight: normal;
		z-index: 3;
		border-radius: 3px;
		display: none;
		box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	}
		.infoTooltip > div > div {
            line-height: 120%;
		}
		.infoTooltip.lalign > div {
			right: auto;
			left: 0;
		}

	.infoTooltip:hover {
		cursor: pointer;
	}
.infoTooltip:hover > div {
    display: block;
}

	.gameBar {
		border-bottom: 1px solid;
		height: 48px;
		display: flex;
		align-items: center;
	}
.inset{
	padding-left:32px;
	border-left:1px dashed;
	padding-top:1px;
	padding-bottom:32px;
}
.leftMenu {
	min-width: 300px;
	max-width: 300px;
	border-right: 1px solid;
	flex: 0;
	position: fixed;
	overflow-y: auto;
	top: calc(64px + 48px);
	height: calc(100vh - 64px - 48px);
	z-index: 4;
}

.mainContentWrap,
.leftMenu {
	padding: 32px;
	box-sizing: border-box;
}

.mainContentWrap {
	width: calc(100% - 300px);
	left: 300px;
	position: absolute;
	top: calc(64px + 48px);
	padding-bottom: 0;
}
.mainContentInner {
	max-width: 1400px;
}

.mainContentInner>h1 {
	margin-top: 0;
}

p.userEmail {
    display: flex;
    align-items: center;
}
p.userEmail img {
    margin-right: 8px;
}
p.userEmailBlocked {
    margin: 0;
    font-size: 0.85rem;
    color: red;
    line-height: 100%;
    font-weight: 500;
    margin-top: -16px;
}
p.userEmailBlocked a {
    color: red !important;
}
/* FOOTER */
.footer {
	margin-top: 32px;
	padding: 12px;
	border-top: 1px solid;
	box-sizing: border-box;
	margin-left: -32px;
	margin-right: -32px;
	text-align: center;
}

.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer ul li {
	font-size: 0.9rem;
    color: #666;
}

.footer ul li:after {
	content: '|';
	padding: 0 10px;
    color: #c0c0c0;
}

.footer ul li:last-child:after {
	display: none;
}

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}


.mobileMenuLink {
	display: none;
}

.greyOut:hover {
	cursor: pointer;
}

.greyOut {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000;
	background: rgba(0, 0, 0, 0.2);
	content: '';
	top: calc(64px + 48px);
	display: none;
	z-index: 3;
	background: repeating-linear-gradient(45deg, rgba(180, 180, 180, 0.9), rgba(180, 180, 180, 0.9) 4px, rgba(180, 180, 180, 0.95) 4px, rgba(180, 180, 180, 0.95) 8px);
}

#mobileMenuOpener {
	display: none;
}

a {
	color: #dc0d8a;
	font-weight: 500;
}

input[type=button],
input[type=submit],
a.button {
	background: #dc0d8a;
	color: #fff;
	display: inline;
	padding: 0.3rem 1rem;
	border-radius: 3px;
	font-weight: 500;
	text-decoration: none;
	border: 0;
	font-size: 1rem;
}

input[type=button]:hover,
input[type=submit]:hover,
a.button:hover {
	cursor: pointer;
	text-decoration: underline;
}

.tableWrapper {
	max-width:100%;
	overflow-x:auto;
}
table {
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
	font-size: 0.95rem;
    position: relative;
}

	table thead {
		font-weight: 500;
		position: sticky;
		top: 0;
		background: #fff;
		position: relative;
        z-index: 1;
	}

h3 + table {
    margin-top: 16px;
}

	table thead tr,
	table tbody tr {
		border-bottom: 1px solid;
	}
		table thead tr td{
			white-space:nowrap;
		}
        table tfoot tr td,
		table tbody tr td {
			padding: 12px 0;
		}
		table thead tr td a {
			display: flex;
			align-items: center;
		}
		table thead tr td a img {
			margin-left:4px;
		}
		table tbody tr.highlighted {
			background: #f6f3b5;
		}
		table tbody tr td,
        table tfoot tr td,
		table thead tr td {
			padding-left: 16px;
			padding-right: 16px;
		}
table tfoot tr td span {
    display: block;
    font-size: 0.85rem;

}

			table tbody tr td span {
				display: block;
				font-size: 0.85rem;
			}

		.noSelect {
			-webkit-user-select: none;
		}

.chartWrap {
	border: 1px solid;
}
.gameNameWrap {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.gameNameWrap img {
	margin-right:4px;
}
/* Pretty checkbox */
label.checkboxControl {
	display: inline-flex;
	height: 32px;
	min-width: 64px;
	width: 64px;
	-webkit-user-select: none;
	cursor: not-allowed;
}

label.checkboxControl input[type=checkbox] {
	position: absolute;
	left:-10000px;
}

	label.checkboxControl div {
		background: #333;
		border-radius: 16px;
		padding: 3px;
		width: 100%;
		display: flex;
		align-items: center;
		position: relative;
		height: 100%;
		box-sizing: border-box;
	}

label.checkboxControl div span {
	display: block;
	border-radius: 50%;
	height: 100%;
	width: 26px;
	background: #fff;
	transition: all 120ms ease-in-out;
	margin-left: 0;
}


label.checkboxControl input[type=checkbox]:checked+div span {
	margin-left: 32px;
}

label.checkboxControl input[type=checkbox]:checked+div {
	background: #dc0d8a;
}

label.checkboxControl img {
	position: absolute;
	left: 8px;
	max-height: 100%;
}

label.checkboxControl img[data-status='off'] {
	left: auto;
	right: 8px;
}

label.checkboxControl img[data-status='on'],
label.checkboxControl input[type=checkbox]:checked+div img[data-status='off'] {
	display: none;
}

label.checkboxControl input[type=checkbox]:checked+div img[data-status='on'] {
	display: block;
}

.themeToggleWrap {
	margin-left: auto;
}

/* Small checkbox control */
label.checkboxControl.small {
	height: 24px;
	min-width: 48px;
	width: 48px;
}

label.checkboxControl.small div {
	border-radius: 12px;
}

label.checkboxControl.small div span {
	width: 18px;
}

label.checkboxControl.small input[type=checkbox]:checked+div span {
	margin-left: 24px;
}

.longForm {
    max-width: 900px;
    margin: 0 auto;
}
.settingWrap {
    max-width: 900px;
    margin: 0 auto;
}

	.settingWrap {
		border: 1px solid;
		border-radius: 3px;
		padding: 32px;
	}

.settingWrap+.settingWrap {
	margin-top: 32px;
}

.settingWrap h2 {
	margin: 0;
}

.settingWrap *:last-child {
	margin-bottom: 0;
}

.settingWrap .settingHead {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.settingWrap .settingHead>*:first-child {
	flex: 1;
	padding-right: 32px;
}

.settingWrap .settingHead>*:last-child {
	flex: 0;
}

/* Menu */
ul.topMenuTopList {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -32px;
	margin-right: -32px;
	margin-top: -4px;
	margin-bottom: -4px;
}

ul.topMenuTopList>li>a {
	display: flex;
	align-items: center;
	padding: 0 32px;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul.topMenuTopList li a {
	text-decoration: none;
    color: #000;
}

ul.topMenuTopList li a img {
	margin-right: 16px;
}
ul.topMenuTopList li a img.leftImg {
    margin-right: 8px;
}

	ul.topMenuTopList ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin-bottom: 16px;
        height: 0;
        transition: height 300ms ease-in-out;
        overflow: hidden;
	}
	ul.topMenuTopList > li > a.selected + ul {
		height: auto;
		height: calc-size(auto, size);
	}
ul.topMenuTopList > li > a img.close {
    display: none;
}
ul.topMenuTopList > li > a.selected img.close {
    display: block;
}
ul.topMenuTopList > li > a.selected img.expand {
    display: none;
}

ul.topMenuTopList span.expanders {
	margin-left: auto;
}

ul.topMenuTopList ul li a {
	font-size: 0.85rem;
	display: flex;
	align-items: center;
	padding-left: 67px;
}

.leftMenu span.navLabel {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1rem;
	border-radius: 3px;
	margin-left: 8px;
	padding: 0 4px;
	font-size: 0.55rem;
	color: #555;
}

.leftMenu span.navLabel.beta {
	background: #c0e1ff;
}
.leaderboardLabel,
.topPlanTypeWrap,
.gameStatusLabel {
	padding: 4px 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1rem;
	border-radius: 32px !important;
	font-size: 0.85rem;
	white-space: nowrap;
}
	.gameStatusLabel.deleting img {
		margin-left: 4px !important;
		margin-right: 0 !important;
	}
	.gameStatusLabel img {
		margin-left: 0 !important;
		margin-right: 8px !important;
        filter: saturate(0) brightness(0) invert(0);
        opacity: 0.5;
	}
.topPlanTypeWrap {
	margin-left: 8px;
	border: 1px solid;
}
.leaderboardLabel {
    border: 1px solid;
    align-self: center;
    margin-right: 16px;
    font-size: 1.1rem;
    padding: 12px 16px;
}
.leaderboardHeadingWrap {
    display: flex;
    align-items: center;
    margin-bottom: -16px;
}


.gameLinksWrap .gameStatusLabel {
	margin-left: 8px;
}
.gameStatusLabel img{
	margin-left:4px;
}

ul.topMenuTopList ul li a span {
	width: 100%;
	margin-right: 8px;
	border-radius: 6px;
	margin-left: -8px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: flex;
	align-items: center;
}

ul.topMenuTopList ul li a span img {
    margin-right: 4px;
}
#JSVerticalDotMenu ul li a:hover,
.verticalMenuWrap .verticalDotSubMenu ul li a:hover,
.userMenuWrap ul li a:hover,
ul.topMenuTopList > li > a:hover,
ul.topMenuTopList ul li a:hover span {
	background: #e3e3e3;
}

ul.topMenuTopList ul li a.selected span {
	background: #ebf5fe;
}

/* Top menu */
ul.topLinks {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: auto;
}
	ul.topLinks label.profileLink {
		border-radius: 50%;
	}
		ul.topLinks label.profileLink span {
			border-radius: 50%;
			box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 2px;
			max-width: 48px;
			max-height: 48px;
		}
ul.topLinks label.profileLink span img {
    border-radius: 50%;
    max-height: 100%;
    max-width: 100%;
}
#UserMenuSwitch {
    position: absolute;
    top: -10000px;
    left: -10000px;
}
.userMenuWrap {
    border: 1px solid;
    border-top: 0;
	width: 300px;
	background: #fff;
	position: absolute;
	right: 32px;
	top: 63px;
	display: none;
	z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 30px -10px;
    padding: 16px;
}
#UserMenuSwitch:checked + .userMenuWrap {
	display: block;
}
.userMenuWrap ul {
    list-style: none;
    margin: 0 -16px;
    padding: 0;
}
.userMenuWrap ul li a {
    display: block;
    padding: 4px 16px;
    text-decoration: none;
}
.userMenuWrap h3 {
    margin: 0;
    margin-bottom: 8px;
}


ul.contextLinks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
}
ul.contextLinks li {
    font-size: 0.9rem;
    margin-right: 16px;
}


.chunk {
    border: 1px solid;
    padding: 32px;
    border-radius: 3px;
    background: #f8f8f8;
    position: relative;
}
.chunk textarea {
    width: 100%;
    min-width: 100%;
    margin-top: 8px;
    height: 200px;
}
textarea.short {
    height: 64px;
}
.chunk span input[type=number] {
	display:inline-block;
	margin: 2px 0;
}
.chunk.multiCheckChunk > div,
.checkChunk {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.chunk.multiCheckChunk > div {
    align-items: center;
}
	.chunk.multiCheckChunk > div > div,
	.checkChunk > div {
		flex: 1;
	}
.chunk.multiCheckChunk > div > div.miniChartWrap{
    flex: 0;
    min-width: 122px;
    align-self: center;
}
.chunk.multiCheckChunk > div > label,
	.checkChunk > div label {
		font-weight: 500;
	}
	.chunk.multiCheckChunk > div > label.checkboxControl,
	.checkChunk label.checkboxControl {
		margin-left: 16px;
		flex: 0;
	}
.chunk.multiCheckChunk > div + div {
    margin-top: 32px;
}
	.chunk.multiCheckChunk > div > div:nth-child(3),
	.checkChunk > div:nth-child(3) {
		min-width: 100%;
		display: flex;
		justify-content: center;
	}
.chunk.multiCheckChunk.twoCols > div {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.chunk.multiCheckChunk.twoCols > div > div:first-child {
    flex: 1;
    padding-right: 64px;
}
.chunk.multiCheckChunk.twoCols > div  > div:last-child {
    flex: 0;
}

.chunk .checkChunk + .checkChunk {
    margin-top: 16px;
    border-top: 1px dashed;
    padding-top: 16px;
}

.chunk .insetInnerChunk {
    border-left: 1px dashed;
    margin-left: 16px;
    padding-top: 16px;
    padding-left: 32px;
    padding-bottom: 16px;
}
.chunk + .chunk {
	margin-top: 16px;
}

.brandingPreview label span,
.chunk label span {
	font-weight: normal;
}
#TimeFriendlyModeOptions {
    margin-top: 16px;
}
.brandingPreview label,
#TimeFriendlyModeOptions label,
.insetInnerChunk > label,
.chunk label,
.longForm > label,
.settingWrap > label,
.chkLongFormWrap label {
	display: block;
	font-weight: 500;
}
		.longForm > label span,
		.chunk > label + span,
		.chunk > label span,
		.longForm > label + span,
		.chkLongFormWrap label span {
			display: block;
			font-weight: normal;
		}
		.chunk h3 span.authLogo {
			margin-right: 8px;
			margin-left:-16px;
		}
.disabledChunk label.checkboxControl div,
input[type=submit]:disabled {
    background: #c0c0c0;
}
.disabledChunk label.checkboxControl input[type=checkbox]:checked + div {
	background: #939393;
}
	.disabledChunk label + span,
	.disabledChunk label,
	.disabledChunk p,
	.disabledChunk h3,
    .disabledChunk a {
		color: #777;
	}
.chunk .disabledNotice {
    display: none;
}

.disabledChunk span.optional {
    background: #c0c0c0 !important;
    color: #666 !important;
}

.disabledChunk .disabledNotice {
	display: block;
	background: #f6f3b5;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	width: 100%;
	text-align: Center;
	border-top: 1px dashed;
	padding: 2px 0;
	font-size: 0.85rem;
	font-weight: 500;
}
.disabledChunk {
    padding-bottom: 48px;
}
.multiCheckChunk .disabledChunk {
	padding-bottom: 0;
}

.disabledForm input[type=submit] {
	display: none;
}


span.authLogo {
	border-radius: 50%;
	height: 32px;
	width: 32px;
	padding: 2px;
	border: 1px solid;
	background: #fff;
}
span.authLogo img {
    max-height: 100%;
    max-width: 100%;
    border-radius: 50%;
    min-width: 0;
    min-height: 0;
    width: auto;
    height: 100%;
    margin: 0 auto;
}
.disabledChunk span.authLogo,
span.authLogo.disabled {
	background: #efefef;
}
.disabledChunk span.authLogo img,
	span.authLogo.disabled img {
		filter: grayscale(100%);
		opacity: 0.3;
	}

select,
input[type=password],
input[type=text],
textarea,
input[type=datetime-local],
input[type=number] {
	border: 1px solid;
	padding: 6px 12px;
	width: 100%;
	max-width: 300px;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 1rem;
}
input[type=number] {
	max-width: 160px;
}
select,
input[type=password],
input[type=text],
input[type=number],
input[type=datetime-local],
textarea,
.termsWrap {
	background: #fff;
}
input.largerMaxWidth {
    max-width: 500px;
}
select {
	padding: 8px 12px;
}
	select:focus,
	input[type=password]:focus,
	input[type=text]:focus,
	textarea:focus,
	input[type=number]:focus {
		outline: 2px solid #dc0d8a;
	}
.chunk span {
    display: block;
}
.chunk span.ic {
    display: inline;
}

.chunk > label + span + textarea
.chunk > label + span + textarea,
.chunk > label + span + select,
.chunk > label + span + input,
.longForm > label + span + select,
.longForm > label + span + input,
.longForm > label + select,
.longForm > label + input,
label + input,
.termsWrap {
	margin-top: 8px;
}
#TimeFriendlyModeOptions label,
h2 + label,
input + label,
select + label,
textarea + label,
.chkWrapToggle + label,
.chkLongFormWrap + label {
	margin-top: 16px;
}
input[type=submit] {
    display: block;
    margin-top: 16px;
}
.successMessage,
.errorMessage,
.warningMessage,
.enabled,
.disabled,
.restrictedAction {
	background: rgb(255, 182, 182);
	padding: 12px 16px;
	border-radius: 6px;
	margin: 12px 0;
}
.gameStatusLabel.bad,
.gameStatusLabel.suspended {
	background: rgb(255, 182, 182);
}
.copyNotice,
.gameStatusLabel.active,
.successMessage,
.enabled {
	background: #b6ffc1;
}

.gameStatusLabel.draft {
    background: #efefef;
}
.gameStatusLabel.open {
	background: #f6f3b5;
}

	.chkLongFormWrap {
		display: flex;
		align-items: center;
		margin-top: 16px;
	}

.chkLongFormWrap > div:first-child {
		flex: 1;
		padding-right: 32px;
	}
.chkLongFormWrap > div:last-child {
    flex: 0;
}


.gameStatusLabel.pendingDeletion {
	background: orange;
}
.gameStatusLabel.ended,
.gameStatusLabel.deleting {
	background: rgb(255, 182, 182);
}
.gameStatusLabel.unknown {
    background: red;
}
.chunk.danger {
	background: rgb(192, 80, 80);
}
.chunk.danger input[type=submit],
.chunk.danger input[type=text] {
	background: #821919;
	color: #fff;
	border-color: #851414 !important;
}
.chunk.danger input[type=text]::placeholder {
	color: #400a0a;
}
.chunk.danger input[type=text]:focus {
	outline: 2px solid #b93434;
}

.upcomingInvoiceWrap {
    background: #f6f3b5;
    line-height: 100%;
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 32px;
}

.thirdPartyGameOwnedBy {
	background: #f6f3b5;
	display: inline-flex;
	align-items: center;
	position: relative;
	padding-left: 24px;
	padding-right: 8px;
	margin-left: 16px;
	margin-top: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
}
	.thirdPartyGameOwnedBy span.avatar {
		position: absolute;
		left: -16px;
		border-radius: 3px !important;
	}
.thirdPartyGameOwnedBy span.avatar img {
    border-radius: 3px !important;
}

.topAdminWarning {
	background: #f6f3b5;
	margin-top: -32px;
	margin-left: -32px;
	margin-right: -32px;
	margin-bottom: 32px;
	display: flex;
	align-items: center;
	padding: 8px;
	border-bottom: 1px solid;
	font-size: 0.85rem;
	font-weight: 500;
	justify-content: center;
}
	.topAdminWarning.subuser {
		justify-content: flex-start;
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.topAdminWarning img {
		margin-right: 8px;
	}
	.successMessage a,
	.errorMessage a {
		color: #000;
	}


.upgradePlanTypeNotice,
.upgradeBillingNotice {
	background: #f6f3b5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid;
	padding: 3px 0;
	text-decoration: none;
	color: #000;
	font-size: 1rem;
	font-weight: normal;
	display: flex;
	align-items: center;
	justify-content: center;
}
.upgradePlanTypeNotice {
	position: static;
    border-bottom: 0;
    border-radius: 3px;
    margin-bottom: 8px;
    padding: 6px 0;
}
	.upgradePlanTypeNotice img,
	.upgradeBillingNotice img {
		margin-right: 8px;
	}
.upgradePlanTypeNotice:hover img,
	.upgradeBillingNotice:hover img {
		filter: brightness(0) saturate(100%) invert(32%) sepia(89%) saturate(5929%) hue-rotate(309deg) brightness(83%) contrast(109%);
	}

	.upgradePlanTypeNotice:hover,
	.upgradeBillingNotice:hover {
		text-decoration: underline;
		color: #dc0d8a;
	}
.upgradeBillingNoticeSpacer {
    height: 32px;
}

.warningMessage {
	background: #f6f3b5
}
.noTableDataWrap {
    max-width: 600px;
    margin: 0 auto;
    margin: 32px auto;
    padding: 16px;
    background: #fdf2d8;
    white-space: normal !important;
}
input[type=text].large{
	max-width:100%;
	font-size:1.2rem;
	box-sizing:border-box;
	padding:16px;
}

/* Help links */
ul.helpLinks {
	list-style: none;
	margin: 0;
	padding: 0;
	display: Flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
ul.helpLinks li {
    margin-right: 16px;
	margin-bottom:4px;
}
ul.helpLinks li:last-child {
    margin-right: 0;
}
	ul.helpLinks a {
		display: Flex;
		align-items: center;
		border: 1px solid #3483cd !important;
		color: #3483cd;
		border-radius: 6px;
		padding: 0 12px;
		text-decoration: none;
		font-size: 0.85rem;
	}
ul.helpLinks a img {
    margin-right: 6px;
    filter: brightness(0) saturate(100%) invert(49%) sepia(22%) saturate(1487%) hue-rotate(168deg) brightness(91%) contrast(94%);
}
	ul.helpLinks a:hover {
        background: #3483cd;
        color: #fff;
	}
		ul.helpLinks a:hover img {
            filter: saturate(0) brightness(0) invert(1);
		}

.termsWrap {
    font-family: Consolas, monaco, monospace;
    border: 1px solid;
    padding: 0 16px;
    max-height: 300px;
    overflow-y: auto;
    font-size: 0.85rem;
    line-height: 1rem;
}
	.termsWrap h2 {
		font-size: 1rem;
		margin-bottom: 0;
	}
	.termsWrap h2 + p {
		margin-top:0;	}
	.termsWrap + .simpleCheckWrap {
		margin-top: 16px;
	}
	td .termsWrap {
		font-size: 0.75rem;
		max-height: 150px;
		max-width: 450px;
		padding-top: 0;
		padding-bottom: 0;
        white-space: normal;
	}
	td .termsWrap h2 {
		font-size: 1rem !important;
		margin-bottom:4px;
	}
	td .termsWrap ol,
	td .termsWrap ul {
		margin-left: 0;
		padding-left: 32px;
	}
		td .termsWrap p,
		td .termsWrap ul,
		td .termsWrap ol,
        td .termsWrap li {
            line-height: 1rem;
        }

		.simpleCheckWrap {
			display: flex;
			width: 100%;
			align-items: flex-start;
			max-width: 600px;
			margin-top: 8px;
		}
.simpleCheckWrap > label {
    font-weight: normal;
    padding-right: 16px;
}
	.simpleCheckWrap .checkboxControl {
		margin-left: auto;
	}
		.simpleCheckWrap + .simpleCheckWrap {
            border-top: 1px solid;
            padding-top: 8px;
        }
.longForm input[type=submit] {
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 32px;
}
.chunk input[type=submit] {
    margin: 0;
    margin-top: 16px;
}
.gameLinksWrap {
    display: flex;
    align-items: center;
}
.miniChartWrap {
    display: flex;
    align-items: center;
}
.miniChartWrap > span {
    padding-left: 8px;
    font-size: 0.85rem;
}

span.inputFormattedFileSize {
    display: inline-block;
    font-size: 0.85rem;
    margin-left: 8px;
}

/* Pagination */
.paginationWrap {
	display: flex;
	align-items: center;
	margin-top: 8px;
	padding: 0 16px;
	flex-wrap: wrap;
	max-width: 100%;
	overflow: auto;
}
.paginationWrap > div:first-child {
	flex: 0;
	white-space: nowrap;
    padding-right: 16px;
    font-size: 0.85rem;
}
	.paginationWrap > div:nth-child(2) {
		flex: 1;
	}
	.paginationWrap ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: stretch;
		justify-content: flex-end;
	}
.paginationWrap ul li {
    margin-right: 2px;
}
.paginationWrap ul li span {
    color: #666;
    display: block;
    padding: 0 4px;
}
.paginationWrap ul li:last-child {
    margin-right: 0;
}
.paginationWrap ul li a {
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 0.85rem;
    text-decoration: none;
    min-width: 32px;
    box-sizing: border-box;
}
	.paginationWrap ul li a.prevNextControl {
		min-width: 0;
		padding-left: 4px;
		padding-right: 4px;
        height: 100%;
	}


	.paginationWrap ul li a:hover {
		border-color: #dc0d8a !important;
	}
.paginationWrap ul li a.selected {
    background: #dc0d8a;
    color: #fff;
}

/* On page top nav */
.onPageTopSubNav,
.onPageTopNav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	border-bottom: 1px solid;
	margin-bottom: 32px;
	flex-wrap: wrap;
}
	.onPageTopSubNav li {
        display: flex;
        align-items: center;
        font-size: 0.85rem;
	}
	.onPageTopSubNav li,
	.onPageTopNav li {
		margin: 0;
		padding: 0;
	}
	.onPageTopSubNav li a,
	.onPageTopNav li a {
		display: flex;
		align-items: center;
		text-decoration: none;
		padding: 12px 32px;
	}
.onPageTopNav span.count {
    background: #dc0d8a;
    display: inline-flex;
    border-radius: 3px;
    margin-left: 8px;
    line-height: 100%;
    color: #fff;
    font-size: 0.85rem;
    padding: 4px 8px;
}
.onPageTopNav span.count.zero {
    background: rgba(0, 0, 0, 0.1);
    color: #666;
}


	.onPageTopSubNav li a .count {
		display: inline-flex;
		margin-left: 8px;
		background: #c0c0c0;
		justify-content: Center;
		align-items: center;
		border-radius: 3px;
		padding: 4px 8px;
		line-height: 100%;
		font-size: 0.85rem;
		color: #000 !important;
	}

	.onPageTopNav li a img {
		margin-right: 8px;
	}
	.onPageTopNav li a.selected {
		border-bottom:2px solid #000 !important;
        color: #000;
	}
.onPageTopSubNav {
	background: #f8f8f8;
	margin-top: -32px;
	margin-bottom: 32px;
}
	.onPageTopSubNav li a {
		padding: 8px 16px;
		font-size: 0.9rem;
	}
		.onPageTopSubNav li a.selected {
			color: #000;
            border-bottom: 2px solid #000 !important;
		}
		.onPageTopSubNav li a:hover {
		}
		.onPageTopSubNav li:first-child {
			padding-left: 16px;
		}

	.onPageTopSubNav + .onPageTopSubNav {
        background: #fbfbfb;
    }

	.copyNotice {
		font-size: 0.75rem;
		text-align: center;
		border-radius: 3px;
		margin-top: -6px;
		border: 1px solid;
		padding-top: 8px;
		padding-bottom: 2px;
		box-sizing: border-box;
		font-weight: 500;
	}
.verticalMenuWrap{
	position:relative;
}
.verticalDotMenu {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	-webkit-user-select: none;
	margin-top:0 !important;
}
.verticalMenuWrap label {
	border-radius:3px;
	transition: 300ms all;
	height:100%;
}
.verticalMenuWrap input[type="checkbox"] {
	display:none;
}
#JSVerticalDotMenu,
.verticalMenuWrap .verticalDotSubMenu {
	display: none;
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}
#JSVerticalDotMenu ul,
	.verticalMenuWrap .verticalDotSubMenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
#JSVerticalDotMenu ul li a,
	.verticalMenuWrap .verticalDotSubMenu ul li a {
		display: block;
		padding: 8px 16px;
		text-decoration: none;
	}
#JSVerticalDotMenu,
	.verticalMenuWrap input[type=checkbox]:checked + label + div.verticalDotSubMenu {
		display: block;
		width: 200px;
		background: #fff;
		border: 1px solid;
		border-radius: 3px;
		position: absolute;
		top: calc(100% - 2px);
		right: 0;
		z-index: 1;
	}
.verticalMenuWrap input[type=checkbox]:checked + label {
	background: #c0e1ff;
}
select opiton{
	color:#000;
}
.logDetails {
	margin-top:4px;
	border:1px dashed;
	padding:4px 8px;
	font-size:0.85rem;
	max-height:200px;
	overflow-y:auto;
}
	.logDetails.flex ul li {
		display: flex;
		align-items: center;
		margin-left: -16px;
	}
		.logDetails.flex ul li span.authLogo {
			max-height: 16px;
			max-width: 16px;
			margin-right: 8px;
			padding: 1px;
		}
.logDetails ul li {
    white-space: normal !important;
}
	/* Filter bar */
	.chartFilterWrap,
	.filterWrapper {
		align-items: center;
		justify-content: flex-end;
		display: flex;
		background: #efefef;
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 8px 8px 6px 8px;
		margin-bottom: 8px;
		flex-wrap: wrap;
	}
	.filterWrapper input[type=submit] {
		display:none;
	}
	.filterWrapper select {
		font-size: 0.85rem;
		padding: 8px;
		width:auto;
	}
.filterWrapper label {
    font-size: 0.85rem;
    display: inline-block;
    white-space: nowrap;
    margin-right: 8px;
    margin-top: 0 !important;
}
.filterWrapper select + label {
    margin-left: 16px;
}

		.filterWrapper input[type=text],
		.filterWrapper select {
			margin-bottom: 2px;
		}
		.filterWrapper input[type=text] + input[type=text],
		.filterWrapper select + select,
		.filterWrapper select + input[type=text] {
			margin-left: 4px;
		}

		.chartFilterWrap {
			justify-content: flex-start;
		}
	.chartFilterWrap label {
		display: inline-flex;
		align-items: center;
		padding-left:16px;
		padding-right:16px;
		text-decoration:none;
	}
		.chartFilterWrap label span {
			padding: 0;
			line-height: 100%;
			display: block;
		}
		.chartFilterWrap label > span:first-child {
			background: #c0c0c0;
			color: #000;
			font-size: 0.75rem;
			padding: 2px 4px;
			border-radius: 3px;
			margin-right: 8px;
		}
		.chartFilterWrap label > span:last-child {
			font-size: 1rem;
		}
	.chartFilterWrap input[type=checkbox]:checked + label > span:first-child{
		background:transparent;
	}
	.chartFilterWrap .verticalMenuWrap input[type=checkbox]:checked + label + div.verticalDotSubMenu {
		width: auto;
		right:auto;
		left:0;
	}
	.chartFilterWrap .verticalMenuWrap a.selected {
		background: #c0e1ff;
		text-decoration:none;
		color:#000;
	}


ul.playerLoginProviders {
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    margin-top: 4px;
    display: flex;
}
ul.playerLoginProviders li {
    margin: 0;
    padding: 0;
    margin-right: 4px;
}
ul.playerLoginProviders li:last-child {
    margin-right: 0;
}
ul.playerLoginProviders span.authLogo {
    max-width: 24px;
    max-height: 24px;
    display: block;
}
ul.playerLoginProviders span.authLogo.larger {
	max-width: 64px;
	max-height: 64px;
	width: 48px;
	height: 48px;
}


.bigChartWrap {
	display: flex;
	align-items: center;
	margin: 0 16px;
}
.bigChartWrap + .tableWrapper {
    margin-top: 64px;
}

	.bigChartWrap > div:first-child {
		max-width: 128px;
		min-width: 128px;
		flex: 0;
		padding-right: 32px;
	}
		.bigChartWrap > div:first-child a {
			display:block;
			margin-top:16px;
			font-size:0.85rem;
		}
		.bigChartWrap > div:first-child img {
			margin-bottom:8px;
			opacity:0.5;
		}
	.bigChartWrap > div:nth-child(2){
		flex:1;
		height:128px;
	}
	.bigChartWrap + .bigChartWrap{
		margin-top:16px;
		border-top:1px solid;
		padding-top:16px;
	}
	.bigChartWrap h2{
		font-size:0.9rem;
		margin:0;
		font-weight:normal;
		line-height:120%;
		color:#333;
	}
.chartGridWrap > div  span,
.bigChartWrap > div:first-child span {
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 8px;
	display: block;
}
		.bigChartWrap + h2{
			margin-top:64px;
		}

		.errorPageWrap {
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			background: #efefef;
		}
	.errorPageWrap a{
		display:flex;
		justify-content:center;
	}
	.errorPageWrap > div {
		width: 100%;
		max-width: 400px;
		border-radius:6px;
		border: 1px solid;
		padding: 32px;
		margin: 32px;
		background:#fff;
		text-align: center;
	}
	.errorPageWrap h1{
		margin-top:64px;
	}


ul.breadcrumb {
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	margin-bottom: 32px;
	flex-wrap: wrap;
}

	ul.breadcrumb li {
	}
		ul.breadcrumb li a {
			margin-right: 8px;
			margin-left: 8px;
		}
		ul.breadcrumb li:first-child a {
			margin-left: 0;
		}
	ul.breadcrumb li:after {
		content:'>'
	}
		ul.breadcrumb li:last-child:after {
			display: none;
		}
		ul.breadcrumb li:last-child a {
			color: #000;
			margin-right: 0;
		}

ul.chartGrid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-right:-8px;
	margin-bottom:-8px;
}
	ul.chartGrid > li {
		width: calc(50% - 8px);
		margin: 0;
		padding: 0;
		border:1px solid;
		box-sizing:border-box;
		margin-right:8px;
		border-radius:6px;
		margin-bottom:8px;
		padding:16px;
	}
.chartGridWrap > div {
	display: flex;
	align-items: center;
	margin-bottom:8px;
}
	.chartGridWrap > div > div {
		flex:1;
        display: flex;
        flex-direction: column;
	}
	.chartGridWrap > div > span {
		margin-top: 0;
		flex:0;
	}
.chartGridWrap span.disabled {
	display:inline-block;
	padding:4px 8px;
	margin:0;
	font-size:0.85rem;
	margin-left:8px;
	font-weight:normal;
	line-height:100%;	
}

@media screen and (max-width: 1250px) {
	ul.chartGrid > li {
		width: calc(100% - 8px);
	}
}
	@media screen and (max-width: 1000px) {
		.mainContentWrap {
			left: 0;
			width: 100%;
		}

		.leftMenu {
			left: -300px;
			position: fixed;
		}

			.leftMenu img {
				-webkit-user-select: none;
			}


		.mobileMenuLink {
			display: block;
			height: 100%;
			margin-left: -32px;
		}

			.mobileMenuLink label {
				padding-left: 32px;
				height: 100%;
				padding-right: 16px;
				display: flex;
				align-items: center;
			}

		#mobileMenuOpener {
			display: block;
			position: absolute;
			top: -10000px;
			left: -10000px;
		}

			#mobileMenuOpener:checked + .leftMenuWrap .leftMenu {
				left: 0;
				transition: left 150ms ease-in-out;
			}

			#mobileMenuOpener:checked + .leftMenuWrap .greyOut {
				display: block;
			}
	}


	.c3UserWrap {
		display: flex;
		align-items: center;
	}

		.c3UserWrap span.avatar {
			border-radius: 50%;
			box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 2px;
			max-width: 32px;
			max-height: 32px;
            width: 32px;
            height: 32px;
			margin-right: 8px;
		}

			.c3UserWrap span.avatar img {
				border-radius: 50%;
				max-height: 100%;
				max-width: 100%;
			}


	ul.limitList {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: -16px;
	}

		ul.limitList > li {
			border: 1px solid;
			border-radius: 3px;
			width: calc(33% - 16px);
			margin-bottom: 16px;
			box-sizing: border-box;
			padding: 32px;
			margin-right: 16px;
			position:relative;
		}

			ul.limitList > li:last-child {
				margin-right: 0;
			}

			ul.limitList > li h3 {
				margin: 0;
				font-size: 1rem;
				margin-bottom: 32px;
				border-left: 3px solid #dc0d8a !important;
				padding-left: 16px;
			}

			ul.limitList > li span {
				font-size: 2rem;
				font-weight: 500;
			}
			ul.limitList > li span span {
				font-size: 1rem;
			}

				ul.limitList > li span.enabled,
				ul.limitList > li span.disabled {
					font-size: 1.2rem;
					display: inline-block;
					margin-top: 0;
					margin-bottom: 0;
				}

ul.limitList > li span.limitDescription {
    font-size: 1rem;
    font-weight: normal;
    display: block;
    margin-top: 16px;
}
ul.limitList > li span.limitDescription a {
    display: block;
}
	ul.limitList > li span.limitDescription a.inlineLink {
        display: inline;
    }

	ul.limitList ul.helpLinks {
		margin-bottom: 0;
		margin-top: 16px;
	}

			ul.limitList ul.helpLinks > li {
				margin-right: 8px;
			}
		ul.limitList li .supportedOAuthWrap span.authLogo {
			display: inline-flex;
            width: 24px;
            height: 24px;
		}
.supportedOAuthWrap {
    margin-top:8px;
}

.atLimitWarning,
.limitWarning {
	background: #f6f3b5;
	font-weight: 500;
	font-size: 0.85rem;
	text-align: center;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px dashed;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
.atLimitWarning {
	background: rgb(255, 182, 182);
}


ul.helpLinks + nav {
	margin-top: 32px;
}

select:disabled,
input[type=password]:disabled,
input[type=text]:disabled,
input[type=number]:disabled,
textarea:disabled,
.disabledForm label.checkboxControl input[type=checkbox]:checked + div,
.disabledForm label.checkboxControl div,
.disabledChunk select,
.disabledChunk input[type=text],
.disabledChunk input[type=number],
.disabledChunk input[type=password],
.disabledChunk textarea {
	background: #c0c0c0;
	color: #000;
}

ul.playerRestrictedActions {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -4px;
    margin-right: -4px;
}
ul.playerRestrictedActions li {
    margin: 0;
    padding: 0;
    margin-right: 4px;
    margin-bottom: 4px;
}
a.restrictedAction {
    font-size: 0.75rem;
    padding: 0;
    padding: 4px 8px;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}
	a.restrictedAction:hover {
		text-decoration: underline;
        color: #000;
	}

.cloudsavePicSize {
    display: block;
    text-align: Center;

}
.cloudsavePicWrapper,
.playerAvatarWrapper,
.playerAvatarWrapper img {
	border-radius: 3px;
}
.cloudsavePicWrapper,
	.playerAvatarWrapper {
		padding: 2px;
		border: 1px solid;
		width: 48px;
		height: 48px;
		background: #efefef;
		display: flex;
		justify-content: center;
		align-items: center;
	}
.cloudsavePicWrapper {
	width: auto;
	height: auto;
}
td.shrink {
    width: 0.1%;
    white-space: nowrap;
}

.usageBar {
    border: 1px solid;
    padding: 2px;
    height: 6px;
    border-radius: 3px;
}
	.usageBar > div {
		background: #6ccd7b;
		height: 100%;
        min-width: 4px;
        max-width: 100%;
	}
		.usageBar > div.nearlyFull {
            background: #e4ae81;
		}
		.usageBar > div.full {
            background: #d35b5b;
		}

.viewPlayerHeader {
    display: flex;
    align-items: flex-start;
}

.viewPlayerHeader > div:first-child {
    display: flex;
    flex: 1;
}
.viewPlayerHeader > div:first-child > div:first-child {
    flex: 0;
    padding-right: 32px;
}
.viewPlayerHeader > div:first-child > div:last-child {
    flex: 1;
}
.viewPlayerHeader > div:first-child h2 {
    margin: 0;
    margin-bottom: 16px;
}

.viewPlayerHeader > div:first-child > div:last-child span {
    font-style: italic;
    font-size: 0.85rem;
}
.viewPlayerHeader > div:first-child > div:last-child strong {
    font-style: normal;
    font-size: 1.15rem;
    display: block;
}
.viewPlayerHeader > div:last-child {
    flex: 0;
    white-space: nowrap;
    padding-left: 32px;
}
.viewPlayerHeader > div:last-child h3 {
    margin: 0;
    margin-bottom: 8px;
    text-align: center;
}
.viewPlayerHeader .xpSummary .amount {
    font-size: 2rem;
    padding: 16px;
}
.viewPlayerHeader .xpSummary .rank {
    padding: 8px 16px;
}

.viewPlayerHeader.scoreHistoryHeader {
    margin-bottom: 32px;
}
	.viewPlayerHeader.scoreHistoryHeader > div:first-child {
        align-items: center;
	}
.viewPlayerHeader.scoreHistoryHeader > div:last-child {
    padding-left: 0;
}

	@media screen and (max-width: 850px) {
		.viewPlayerHeader {
			flex-direction: column;
		}

			.viewPlayerHeader > div:last-child {
				flex: 1;
				padding-left: 0;
				display: block;
				width: 100%;
				margin-top: 32px;
			}

				.viewPlayerHeader > div:last-child h3 {
					text-align: left;
				}
	}
@media screen and (max-width: 550px) {
    .viewPlayerHeader > div:first-child {
        flex-direction: column;
        width: 100%;
    }
    .viewPlayerHeader > div:first-child > div:first-child {
        padding-right: 0;
        display: block;
        width: 100%;
        margin-bottom: 32px;
    }
    .viewPlayerHeader > div:first-child > div:first-child .avatarWrapper{
        margin: 0 auto;
    }
}


	.viewPlayerBody h3 {
		margin-bottom: 8px;
		margin-top: 32px;
	}

.viewPlayerBody h3 + p {
    margin-top: 4px;
}

.viewPlayerBody ul.playerLoginProviders {
    margin-top: -6px;
}
.viewPlayerBody .chunk {
    margin-top: 32px;
}

span.logCategory {
	color: #666;
	font-style: italic;
	line-height: 100%;
}

.viewPlayerHeader .avatarWrapper + a {
	margin-top: 4px;
	display: block;
	text-align: Center;
	font-size: 0.85rem;
}

	.viewPlayerHeader .avatarWrapper {
		width: 128px;
		height: 128px;
		background: #efefef;
		padding: 4px;
		border-radius: 3px;
		border: 1px solid;
		fleX: 0;
	}
.viewPlayerHeader .avatarWrapper img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 3px;
}
	.viewPlayerHeader .avatarWrapper img.noAvatar {
		margin: 16px;
		opacity: 0.5;
		max-width: calc(100% - 32px);
		max-height: calc(100% - 32px);
	}
.playerAvatarWrapper img.noAvatar {
	opacity: 0.5;
    max-width: 28px;
    margin: 8px;
}


.chunk h3 {
	margin: 0;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}

.longForm span.optional {
    displaY: inline-flex;
    background: orange;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #000;
    border-radius: 3px;
    padding: 0 4px;
    margin-right: 4px;
}

span.excerpt {
	white-space: normal !important;
    line-height: 120%;
    display: block;
    margin: 4px 0;
}

@media screen and (max-width: 1200px) {
	ul.limitList > li {
		width: calc(50% - 16px);
	}
}


.cloudSaveDownloadBtnWrap {
    margin-bottom: 8px;
}

ul.blobRatings {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.blobRatings li {
    margin-bottom: 4px;
}
ul.blobRatings li:last-child {
    margin-bottom: 0;
}
ul.blobRatings li > div {
    line-height: 120%;
}
ul.blobRatings li > div:first-child {
    font-weight: 500;
}
ul.blobRatings li > div:last-child {
    font-size: 0.85rem;
}

a.disabledISO,
a.enabledISO {
	display: inline-flex;
    align-items: center;
	background: rgb(255, 182, 182);
	font-size: 0.85rem;
	font-weight: 500;
	text-decoration: none;
	line-height: 100%;
	padding: 4px 8px;
	margin-right: 8px;
    color: #333;
    border-radius: 3px;
}
a.enabledISO {
    background: rgb(182, 255, 193);
}
	a.disabledISO img,
	a.enabledISO img {
        filter: saturate(0) brightness(0) invert(0);
        opacity: 0.5;
        margin-right: 8px;
	}


.messagePreview {
    border: 1px solid;
    max-width: 800px;
    margin: 0 auto;
    padding: 32px;
}
	.messagePreview h2 {
		margin: 0;
	}
.messagePreview span {
    font-style: italic;
    margin: 8px 0;
    display: block;
}
	.messagePreview .messageBody {
		margin-top: 24px;
		font-family: Consolas, monaco, monospace;
	}
.retrieveAsForm {
    background: #efefef;
    border-top: 1px solid;
    margin-bottom: -32px;
    margin-left: -32px;
    margin-right: -32px;
    margin-top: 32px;
    padding: 8px;
    text-align: right;
}
.retrieveAsForm > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.retrieveAsForm > div + a {
    font-size: 0.85rem;
}
	.retrieveAsForm select {
		font-size: 0.85rem;
		padding: 8px 4px;
		margin-left: 8px;
		margin-right: 8px;
	}
.retrieveAsForm input[type=submit]{
    margin: 0;
}
.showInWrap {
    white-space: normal;
    font-size: 0.85rem;
}
.constructUserWrap {
    display: flex;
    align-items: center;
}
.constructUserWrap > div:nth-child(2){
    padding-left: 16px;
}


/* Expanding form */
.expandingForm .hider,
.expandingForm template {
	display: none;
}
.ipAccessTable table thead tr td:first-child {
    width: 30%;
}
.ipAccessTable table thead tr td:first-child {
    width: 30%;
}
.ipAccessTable table tbody tr td:nth-child(2) input[type=text] {
    max-width: 100%;
    min-width: 100%;
}

ul.topMenuTopList ul li a.disabledNavLink,
a.disabledNavLink {
	color: #c0c0c0;
}

.subUserPermissionHeadWrap {
    display: inline-flex;
    align-items: center;
}
span.highRisk {
    display: inline-flex;
    align-items: center;
    background: #821919;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 500 !important;
    padding: 0 8px;
    margin-right: 8px;
}
span.highRisk img {
    margin-right: 4px;
}
.disabledChunk span.highRisk {
    background: #c0c0c0;
}

#JSVerticalDotMenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

img.fillGreen {
    filter: brightness(0) saturate(100%) invert(57%) sepia(41%) saturate(419%) hue-rotate(77deg) brightness(100%) contrast(99%) !important;
}
img.fillRed {
    filter: brightness(0) saturate(100%) invert(16%) sepia(41%) saturate(3187%) hue-rotate(344deg) brightness(102%) contrast(95%) !important;
}
.tableWrapper.leaderboardLimitsTable tr td:not(:first-child) {
    text-align: center;
}
.tableWrapper.leaderboardLimitsTable tr td:not(:first-child) img {
    margin: 0 auto;
}
	.tableWrapper.leaderboardLimitsTable tr td:not(:first-child) img + span {
		displaY: block;
		max-width: 140px;
		white-space: normal;
		margin: 0 auto;
        margin-top: 8px;
        line-height: 140%;
	}

.chunk .illustration {
    margin-top: 32px;
}
.illustration.threeCol {
	display: flex;
    margin-right: -32px;
}
.illustration.threeCol > div {
    width: 33.333%;
    margin-right: 32px;
}
.illustration .tableWrapper {
    margin-top: 8px;
}
.c {
    display: block;
    text-align: center;
}
.c input {
    margin-left: auto;
    margin-right: auto;
}
span.bestTeamScore {
    margin-top: 4px;
    border-radius: 3px !important;
}

ul.planTypesList {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -16px;
    padding: 0;
    justify-content: center;
}
ul.planTypesList .planTypeWrap {
	width: calc(33.3333% - 32px);
	margin: 16px;
}
.planTypeWrap {
	border: 1px solid;
    box-sizing: border-box;
    padding: 32px;
    border-radius: 16px;
}
.planTypeWrap h3 {
	margin: 0;
    text-align: center;
}
	.planTypeWrap h3 + p {
		margin: 8px 0;
        padding-bottom: 16px;
        text-align: center;
	}
.miniLang {
    background: #efefef;
    border-radius: 3px;
    font-size: 0.75rem;
    padding: 2px 4px;
}
.planTypeWrap tr td {
	white-space: normal !important;
}
.planTypeWrap tr td:nth-child(2) {
    width: 0;
    white-space: nowrap !important;
    text-align: right;
}
.planTypeWrap tr td span *,
.planTypeWrap tr td span {
    line-height: 130%;
    font-size: 0.85rem;
}
	img.inlineimg {
		display: inline-block;
        position: Relative;
        top: -1px;
        margin-right: 4px;
	}
.planTypeWrap tr td strong {
    display: block;
    margin-bottom: 2px;
}
.planTypeWrap table tr:last-child {
    border-bottom: 0 !important;
}
.planTypeWrap table tr td:last-child img {
    margin: 0;
    margin-left: auto;
}
	.planTypeWrap h4 {
		padding: 8px 0;
		margin: 0 -32px;
		font-weight: 500;
		font-size: 1.15rem;
		text-align: center;
		background: #efefef;
		border-top: 1px dashed;
		border-bottom: 1px dashed;
	}
.planTypeWrap span.authLogo {
	display: inline-flex;
    max-width: 22px;
    max-height: 22px;
}
.planTypeWrap .authLogosWrap {
    margin-top: 8px;
}

ul.endPointLabels {
    display: flex;
    align-items: center;
    margin: 0;
    list-style: none;
    padding: 0;
    margin-top: 8px;
}
ul.endPointLabels li {
    margin: 0;
    padding: 0;
    margin-right: 8px;
}
ul.endPointLabels li:last-child {
    margin-right: 0;
}
ul.endPointLabels li span {
    border-radius: 16px;
    line-height: 100%;
    padding: 4px 8px;
    font-size: 0.85rem;
}
ul.endPointLabels li span.noauth {
	background:#333;
	color: #fff !important;
}
	ul.endPointLabels li span.apikey {
		background: #ff0072;
		color: #fff !important;
	}
	ul.endPointLabels li span.player {
		background: #034a2b;
		color: #fff !important;
	}

ul.asterixContent {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 32px;
}

ul.asterixContent li {
    margin: 0;
    padding: 0;
    font-size: 0.85rem;
    font-style: italic;
}

a.inlineLink {
    scroll-margin-top: 120px;
}
.legalWrap {
    max-width: 800px;
}
.legalInset {
    padding-left: 32px;
    border-left: 1px dashed;
}
.legalWrap ul li,
.legalWrap p {
	font-size: 1.1rem;
}

.billFreqHeader {
    display: flex;
    align-items: flex-end;
    margin-bottom: 16px;
}
.billFreqHeader > div {
    flex: 1;
}
.billFreqHeader p {
    margin: 0;
}
    .billFreqHeader > div:last-child {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        flex-direction: column;
        border-bottom: 1px solid;
    }
.billFreqHeader > div:last-child span {
    font-size: 0.85rem;
    font-style: italic;
}
.billFrequencyOptions {
	display: flex;
	align-items: center;
    justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}
	.billFrequencyOptions li {
		margin: 0;
		padding: 0;
	}
		.billFrequencyOptions li a {
			border: 1px solid;
            border-bottom: 0;
			padding: 8px 48px;
			margin-right: 4px;
            -webkit-border-top-left-radius: 8px;
            -webkit-border-top-right-radius: 8px;
            -moz-border-radius-topleft: 8px;
            -moz-border-radius-topright: 8px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
			text-decoration: none;
			display: block;
			text-align: center;
		}
	.billFrequencyOptions li a.selected {
        background: #dc0d8a;
        color: #fff;
	}
.billFrequencyOptions li:last-child a {
    margin-right: 0;
}

.innerPlanType {
    max-height: 50vh;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
}
	.innerPlanType h4 {
        position: sticky;
        top: 0;
        z-index: 1;
	}

.priceWrapper {
	text-align: Center;
	font-weight: 500;
	font-size: 1.2rem;
	padding: 16px 0;
	background: #e9ffec;
    -webkit-border-bottom-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-bottomright: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
	line-height: 100%;
	margin: -32px;
    margin-top: 32px;
	border-top: 1px dashed;
}
	.priceWrapper span {
		display: block;
		font-size: 0.85rem;
		line-height: 100%;
        font-style: italic;
	}
.priceWrapper > a {
    background: #dc0d8a;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    margin-top: 16px;
    text-align: center;
    padding: 8px 24px;
    line-height: 100%;
    displaY: inline-block;
}

.supVAT {
    font-size: 0.75rem;
    font-style: italic;
    opacity: 0.75;
}

.activeUser {
	animation: blinker 1.5s linear infinite;
	width: 8px;
	height: 8px;
	display: inline-block;
	border: 1px solid;
	border-color: #48ac57 !important;
	background: #48ac57;
	border-radius: 100%;
	margin-right: 2px;
}
h2 .activeUser {
	margin: 0 8px 0 0 !important;
	padding: 0 !important;
}
.playerWrapper .activeUser {
    margin-right: 4px;
}
.priceDiscountWrap {
	font-size: 0.85rem;
	margin-top: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
    background: #9df7aa;
    border-radius: 8px;
    line-height: 100%;
    padding: 8px 16px;
}
.priceDiscountWrap a {
    line-height: 100%;
    text-decoration: none;
}
.priceDiscountWrap a:hover {
    text-decoration: underline;
}
	.priceDiscountWrap img {
		display: block;
		align-self: center;
        margin-right: 8px;
        margin-left: -8px;
	}
a.iconAnchor,
td.invoiceTd a {
	display: inline-flex;
	align-items: center;
}
	a.iconAnchor img,
	td.invoiceTd a img {
		margin-right: 2px;
		filter: brightness(0) saturate(100%) invert(18%) sepia(91%) saturate(6559%) hue-rotate(315deg) brightness(91%) contrast(95%);
	}
	a.iconAnchor.rightIcon img {
		margin-right: 0;
        margin-left: 2px;
	}
		td.invoiceTd a + a {
			margin-left: 8px;
		}


.viewPlanHead {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
.viewPlanHead .gameStatusLabel {
    margin-right: 16px;
}

.gameStatusLabel.emailVerifiedPlayer {
    font-size: 0.85rem;
    margin: 2px 0;
}

.viewPlanHead h1 {
	margin: 0;
}
.planHeadH1P {
	margin-bottom: 32px;
}

	.paymentMethodIcon {
		display: inline-block;
		background: #efefef;
		border-radius: 3px;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	}
	.paymentMethodIcon > div:first-child {
		display: inline-flex;
		align-items: center;
		margin: 8px 16px;
	}
.paymentMethodIcon > div:first-child > div:first-child {
    padding-right: 16px;
}
	.paymentMethodIcon .methodWarning {
		font-size: 0.75rem;
		text-align: center;
		line-height: 100%;
		background: #f6f3b5;
		border-top: 1px solid #c0c0c0;
		font-weight: 500;
		padding: 4px;
		-webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
	}
	.paymentMethodIcon .methodWarning.expired {
        background: rgb(255, 182, 182);
	}
.paymentMethodIcon img {
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
	.paymentMethodIcon img.expired {
        filter: grayscale(100%);
	}

input[type='range'] {
    transition: all 500ms;
}
input[type="range"]:focus {
    outline: none;
}
	input[type='range'].reduced {
		accent-color: #f0cb45;
	}
input[type='range'].neutral {
    accent-color: rgb(69, 151, 240);
}
	input[type='range'].increased {
        accent-color: rgb(69, 240, 127);
	}

.upgradeRangeOutputWrap {
    displaY: flex;
    align-items: flex-start;
    margin-top: 8px;
}
.upgradeRangeOutputWrap > div:first-child {
    flex: 1;
}
	.upgradeRangeOutputWrap > div:last-child {
        flex: 0;
        text-align: right;

    }

.quoteWrap {
    border: 1px solid;
    padding: 32px;
    border-radius: 6px;
}
.quoteWrap table {
}
.quoteWrap table thead tr td:last-child,
	.quoteWrap table tbody tr td:last-child {
    text-align: right;
	}
.quoteWrap table.lineItems thead td {
    font-weight: 500;
}
.quoteWrap table.lineItems tbody tr td:first-child {
    white-space: normal;
    max-width: 200px;
}
	.quoteWrap .totalsWrap {
        display: flex;
        justify-content: flex-end;
	}
.quoteWrap table.totals {
    max-width: 350px;
    margin-top: 16px;
}
.quoteWrap table.totals tr td:first-child {
    font-weight: 500;
}
.quoteWrap table.totals tr {
    border: 0 !important;
}

.quoteWrap table.totals tr td {
    padding: 4px 0;
}

.brandingLogoWrap {
	display: inline-flex;
	border-radius: 50%;
	padding: 2px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.brandingLogoWrap > div {
    border-radius: 50%;
    flex: 0;
}
.brandingLogoWrap > div img {
    display: block;
    border-radius: 50%;
}


.previewContentChunk {
    display: flex;
    align-items: center;
}
.previewContentChunk > div:first-child {
    flex: 0;
}
.previewContentChunk > div:last-child {
    flex: 1;
}
.previewContentChunk .previewContentWrapper {
    padding-right: 32px;
}
.previewContentChunk .previewContentWrapper a {
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 0.85rem;
    margin-top: 8px;
}



	@keyframes blinker {
		50% {
			opacity: 0.2;
		}
	}


	@media screen and (max-width: 650px) {

		.billFreqHeader {
			display: block;
			margin-bottom: 0;
		}

			.billFreqHeader > div:last-child {
				margin-top: 16px;
				border-bottom: 0;
				align-items: center;
			}

		.billFrequencyOptions {
			width: calc(100% - 24px);
		}

			.billFrequencyOptions li {
				flex: 1;
			}
	}


	@media screen and (max-width: 1400px) {

		ul.planTypesList .planTypeWrap {
			width: calc(50% - 32px);
		}
	}
@media screen and (max-width: 800px) {

    ul.planTypesList .planTypeWrap {
        width: calc(100% - 32px);
    }
}









@media screen and (max-width: 550px) {
	ul.limitList > li {
		width: calc(100% - 16px);
	}
}

	@media screen and (max-width: 500px) {
		.leftMenu {
			min-width: calc(100% - 32px);
			max-width: calc(100% - 32px);
			left: -100%;
		}

		.settingWrap {
			padding: 16px;
		}

		.mainContentWrap {
			padding-left: 16px;
			padding-right: 16px;
			padding-bottom: 0;
		}

		.mobileMenuLink {
			margin-left: -16px;
		}

			.mobileMenuLink label {
				padding-left: 16px;
			}

		.gameBar,
		.topBar {
			padding-left: 16px;
			padding-right: 16px;
		}

		.footer {
			margin-left: -16px;
			margin-right: -16px;
		}

		.userMenuWrap {
			right: 16px;
		}

		.topAdminWarning {
			margin-left: -16px;
			margin-right: -16px;
		}
	}

@media screen and (max-width: 400px) {
    .onPageTopSubNav li,
	.onPageTopNav li {
		text-align: center;
		width: 100%;
	}
		.onPageTopSubNav li a,
		.onPageTopNav li a {
			justify-content: center;
		}
}

@keyframes glow {
	0% {
        box-shadow: 0 0 10px -10px rgba(220, 13, 138, 1);
	}

	50% {
        box-shadow: 0 0 15px 5px rgba(220, 13, 138, 0.25);
	}

	100% {
        box-shadow: 0 0 10px -10px rgba(220, 13, 138, 1);
	}
}

table.customDomainVerificationTable .dnsRecords {
    background: #f6f3b5;
    border-radius: 3px;
    padding: 16px;
    font-size: 0.85rem !important;
    margin-top: 16px;
    margin-left: 16px;
}
table.customDomainVerificationTable .dnsRecords h4 {
    margin: 0;
    padding: 0;
}
table.customDomainVerificationTable .dnsRecords div {
    padding: 8px 32px;
}
table.customDomainVerificationTable .dnsRecords label {
    display: block;
    font-weight: 500;
}
table.customDomainVerificationTable .dnsRecords input[type=text] {
    margin-top: 2px;
    font-family: consolas;
    max-width: 100%;
}
	table.customDomainVerificationTable .dnsRecords input[type=submit] {
        margin: 0;
        margin-top: 16px;
    }

.xpSummary {
	border-radius: 3px;
	padding: 4px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

	.xpSummary .amount,
    .xpSummary .rank {
		background: #fff;
		font-weight: 500;
		line-height: 100%;
		display: flex;
		align-items: center;
		justify-content: Center;
		padding: 4px 8px;
	}
.xpSummary .rank {
    background: #efefef;
    font-weight: normal;
    border: 1px dashed #c0c0c0;
    font-style: italic;
}
.xpSummary .rank a {
    display: flex;
    align-items: center;
}
	.xpSummary .rank a .rankLogoWrap {
		margin-right: 8px;
		background: #fff;
		padding: 2px;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	}
.tableWrapper .xpSummary .amount {
    font-size: 1.1rem;
    padding: 16px;
}
.tableWrapper .xpSummary  {
    margin-right: 32px;
}
table tr.dataDateGap td {
	background: #efefef;
	font-style: italic;
	font-size: 0.85rem;
	padding: 2px 2px 2px 32px;
}