.content-header, .main-sidebar, [data-widget=pushmenu] {
	display: none;
}
.main-header, .content-wrapper, .main-footer {
	margin-left: 0px!important;
}
.row {
	justify-content: center;
	grid-gap: 1em 0;
	width: 100%;
	margin: 0 0;
}
.card *, .content * {
	color: #4a311d;
}
:disabled {
	pointer-events: none;
	filter: saturate(0.5);
}
input:disabled, textarea:disabled {
	background-color: #c5c0ba!important;
	font-style: italic;
}
a:link, a:visited {
	color: #e7d5c6;
}
a:hover, a:focus, a:active {
	color: #ffffff;
}
.card-header {
	background-color: #b59172;
}
.card-title {
	text-align: center;
	font-family: 'MorrisRoman';
	float: none;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-shadow: 1px 1px 3px #ddb594;
}
.card-body {
	padding: 0.75em 1em;
	position: relative;
}
.card-body2 {
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #836348;
	padding: 8px 15px 12px;
	background: #b59172;
	border-radius: 0 0 8px 8px;
	border-top: none;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px 1px 3px 2px #836349;
	position: relative;
	z-index: auto;
}
.card-header2 {
	text-align: center;
	background-color: #ab8767;
	border-style: solid;
	border-width: 1px;
	border-color: #836348;
	padding: 7px 10px;
	border-radius: 8px 8px 0 0;
	border-bottom: none;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px -1px 3px 2px #836349;
	font-size: 14px;
	font-weight: 700;
	text-shadow: 1px 1px 1px #d9b698, -1px -1px 1px #d9b698, 0px 0px 2px #f9bd8c;
	position: relative;
}
.card-header2 > a {
	font-size: 14px;
	font-weight: 700;
	color: #4a311d;
	text-shadow: 1px 1px 1px #d9b698, -1px -1px 1px #d9b698, 0px 0px 2px #f9bd8c;
}
.card-header2 > a:hover {
	color: #271608;
	text-shadow: 1px 1px 1px #d9b698, -1px -1px 1px #d9b698, 0px 0px 2px #f9bd8c;
}
.card-header2 > img {
	margin-top: -2px;
}
.card-footer {
	padding: 0;
	box-shadow: inset 0px 0px 0px 1px #664a33, 0px -5px 8px 0px #664a33;
	z-index: 3;
	border: 1px solid #b59172;
}
.felimg {
	width: 100%;
	max-width: 225px;
	margin: 0px auto;
	border-radius: 8px;
	box-shadow :0px 0px 0px 1px #bd987a, 0px 0px 1px 2px #916643;
	height: 100%;
}
.felimg:hover {
	box-shadow: 0px 0px 0px 1px #dbb699, 0px 0px 1px 2px #725035;
}
.iconbox1 {
	position: absolute;
	z-index: 5;
	top: -1px;
	left: -2px;
	background: #856346;
	border-radius: 0 0 75% 0;
	padding: 0px 8px 5px 4px;
	border-color: #b59172 #b59172 #b59172 #b59172;
	border-width: 1px;
	border-style: solid;
	box-shadow: 1px 1px 3px #836348;
	min-width: 27px;
}
.iconbox2 {
	position: absolute;
	z-index: 5;
	top: -1px;
	right: -2px;
	background: #856346;
	border-radius: 0 0 0 75%;
	padding: 0px 4px 5px 8px;
	border-color: #b59172 #b59172 #b59172 #b59172;
	border-width: 1px;
	border-style: solid;
	box-shadow: -1px 1px 3px #836348;
	min-width: 27px;
}
.iconbox3 {
	position: absolute;
	z-index: 5;
	bottom: -2px;
	right: -2px;
	background: #856346;
	border-radius: 75% 0 8px 0;
	padding: 2px 5px 3px 8px;
	border-color: #b59172 #b59172 #b59172 #b59172;
	border-width: 1px;
	border-style: solid;
	box-shadow: -1px -1px 3px #836348;
	min-width: 27px;
}
.card-box {
	background-color: #b59172;
	border-style: double;
	border-color: #866c55;
	padding: 10px 15px 20px;
	border-radius: 8px 8px;
	height: 100%;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0; 
}
input, textarea, input[type=search] {
	background-color: #fff;
	border: 1px solid #c1afa0;
	outline: none!important;
	border-radius: 0.25rem;
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	width: 100%;
	margin: 0 auto;
}
select {
	background-color: #fff;
	border: 1px solid #c1afa0;
	outline: none!important;
	border-radius: 0.25rem;
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	margin: 0 auto;
}
select:hover {
	cursor: pointer;
}
.input-group-text {
	background-color: #9f7e61;
	border: 1px solid #a78263;
}
.input-group {
	border: 1px solid #a78263;
}
input:focus, textarea:focus, select:focus, input[type=search]:focus {
	border-color: #866c55;
	box-shadow: none;
}
:placeholder {
	font-style: italic;
}
.form-control:focus {
	border-color: #866c55;
}
.custom-file-label, .custom-file-input {
	width: inherit;
	max-width: 400px!important;
	margin: 1em auto 0.25em;
	top: auto;
	left: 1.25em;
	right: 1.25em;
	background-color: #fff;
	border: 1px solid #c1afa0;
}
.custom-file-input:focus~.custom-file-label {
	border-color: #866c55;
	box-shadow: none;
}
.custom-file-label:hover, .custom-file-input:hover {
	cursor: pointer;
}
.custom-btn, .custom-btn:focus {
	outline: none!important;
	width: 100%;
	margin: 5px auto;
	display: block;
	max-width: 250px !important;
	border-style: solid;
	border-width: 1px;
	border-color: #c39e7f;
	border-radius: 10px;
	padding: 4px;
	background: #b38c6b;
	box-shadow: 0px 0px 4px 0px #2e1e11, inset 0px 0px 3px 2px #a58061;
}
.custom-btn:hover {
	border-color: #ddb695;
	background: #c39e7f;
	box-shadow: 0px 0px 3px 1px #6e5643, inset 0px 0px 3px 2px #ad8b70;
}
.custom-btn:active {
	box-shadow: inset 1px 1px 1px #2e1e11, 0px 0px 3px 2px #a58061;
	border-color: #d7b69b;
	background: #a17c5c;
}
.updatenotice {
	display: none;
	text-align: center;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	background: #8f7f71d4;
	padding: 0.75em 1.25em;
	word-break: break-word;
	box-shadow: 0 6px 6px -3px #6e5642, inset 0px 3px 5px -3px #523d2a;
	max-height: 75px;
	overflow: auto;
	margin: -1.25rem 0 0;
	z-index: 100;
}
.updatenotice2 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	background: #8f7f71;
	padding: 1.25em 3em;
	word-break: break-word;
	box-shadow: 0 6px 6px -3px #6e5642, inset 0px 3px 5px -3px #523d2a;
	max-height: 75px;
	overflow: auto;
	z-index: 5000;
}
.customgroup {
	margin: 0.25em auto;
	width: 100%;
}
.profileimage {
	width: 100%;
	max-width: 175px;
	margin: 0.5em auto;
	display: block;
}
.bannerimage {
	display: block;
	width: 100%;
	max-width: 1200px;
	box-shadow: 2px 0px 4px #aa8567, -2px 1px 6px #5e3717, -1px 2px 6px #291809;
	object-fit: cover;
	max-height: 225px;
	object-position: center;
	margin: 0 auto 0.5em;
}
.currency-box {
	border-style: solid;
	border-width: 1px;
	border-color: #836348;
	border-radius: 10px;
	padding: 3px 5px;
	background: #b38c6b;
	box-shadow: 0px 0px 0px 1px #bd987a;
	margin: 3px 3px;
	width: auto;
	min-width: 100px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
}
.curr-img {
	margin-right: 5px;
	margin-top: -3px;
	vertical-align: middle;
	width: 15px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-pixelated;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}
.emblem-box {
	border-style: solid;
	border-width: 1px;
	border-color: #836348;
	border-radius: 10px;
	padding: 5px 5px;
	width: 100%;
	height: 175px;
	overflow: auto;
	background: #795a40;
	box-shadow: 0px 0px 0px 1px #503b29;
	font-weight: 700;
}
.emblemsexpire {
	margin: 3px 3px;
	width: 25px;
}
.emblemslife {
	filter: drop-shadow(1px 1px 0px #ffba52d1) drop-shadow(-1px -1px 0px #ffba52d1) drop-shadow(-1px 1px 0px #ffba52d1) drop-shadow(1px -1px 0px #ffba52d1) drop-shadow(0px 0px 1px #853e06);
	margin: 3px 3px;
	width: 25px;
}
.emblem-txt {
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 10px;
	color: #4a311d;
	font-weight: bold;
	margin-left: -4px;
	position: relative;
	vertical-align: top;
}
.modalholder {
	position: fixed;
	display: none;
	z-index: 9000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	background: #000000a6;
	padding: 1em;
}
.modalbox {
	position: relative;
	display: none;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 2em 3em;
	background: #b38c6b;
	box-shadow: 0px 0px 0px 1px #c9a282, 0px 0px 2px 1px #523b28, inset 0px 0px 3px 2px #a17e5b, 0px 0px 5px 3px #3a2718;
	border-radius: 1em 0 1em 0;
	text-align: center;
}
.modalbox > .modaltitle {
	margin: -2.75em 0 1em;
	font-family: 'MorrisRoman';
	font-size: 1.5rem;
	color: #b38c6b;
	text-shadow: 1px 1px 1px #1c130c;
}
.modalcloser {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.15em 0.5em;
	font-weight: bold;
	font-size: 1.4em;
}
.modalcloser:hover {
	cursor: pointer;
	text-shadow: 1px 1px 3px #e7c3a8;
	color: #2c1a0b;
}
.content-title {
	font-family: 'Cinzel Decorative', serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #cda078!important;
	text-shadow: 1px 1px 2px #000;
	text-decoration: underline;
	background: linear-gradient(to right, #533723, #8b5e3c);
	padding: 8px 12px;
	border: 3px solid #4a311d;
	border-radius: 14px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	font-weight: bold;
}
.itemhold {
	background: #b38c6b;
	position: relative;
	padding: 7px 10px;
	max-width: 700px;
	margin: 10px auto 0px;
	border-radius: 1em;
	box-shadow: 0px 0px 0px 1px #c79f7f, 0px 0px 4px 1px #7f644c;
}
.delxout {
	cursor: pointer;
	display: block;
	position: absolute;
	top: -0.5em;
	right: -0.1em;
	font-size: 20px;
	font-weight: bold;
	color: #832a2a;
	text-shadow: 0px 0px 1px #e1b592, 0px 0px 1px #e1b592, 0px 0px 1px #e1b592, 0px 0px 1px #e1b592, 0px 0px 3px #833131, 0px 0px 3px #833131;
}
.delxout:hover {
	color: #a33434;
}
.itemhold input {
	max-width: 275px!important;
}
.genobox {
	border-style: solid;
	border-width: 1px;
	border-color: #836348;
	border-radius: 10px;
	padding: 8px 10px;
	background: #b38c6b;
	box-shadow: 0px 0px 0px 1px #bd987a;
	height: 100%;
	align-content: center;
	display: grid;
	word-break: break-word;
}
.geno-card-body {
	color: #362517;
	background-color: #cba380;
	font-size: 12px;
	max-height: 600px;
	overflow: auto;
	text-align: center;
	padding: 1px 1px 3px;
}
.geno-box {
	padding: 1.8em 8px 6px 8px;
	background: linear-gradient(360deg, #af8866, #c19873);
	height: 100%;
	align-content: baseline;
	word-break: break-word;
	border: 1px solid #87664b;
}
.genoidholder {
	position: absolute;
	top: 2px;
	left: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #604731;
	background: #c9a688;
	border-radius: 0 0 1em 0em;
	padding: 0px 6px 0px 4px;
	border-bottom: 1px solid #87664b;
	border-right: 1px solid #87664b;
}
.arrow {
	font-family: monospace;
	float: right;
	border: solid #4a311d;
	border-width: 0px 3px 3px 0;
	display: inline-block;
	padding: 4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: 0.2s ease-in;
	-webkit-transition: .2s ease-in;
	margin: 8px 3px;
}
.rotate {
	transform: rotate(45deg);
	margin: 7px 3px;
}
.editbtn, .editbtn:active {
	margin: 5px auto;
	outline: none!important;
	padding: 3px 15px;
	background: #b59172;
	border-radius: 10px 10px;
	border: none;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px 0px 1px 2px #916643;
	font-size: 12px;
	font-weight: 700;
}
.editbtn2, .editbtn2:active {
	margin: 5px auto;
	outline: none!important;
	padding: 6px 15px;
	background: #b59172;
	border-radius: 10px 10px;
	border: none;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px 0px 1px 2px #916643;
	font-size: 14px;
	font-weight: 700;
}
.delbtn, .delbtn:active {
	margin: 5px auto 5px 5px;
	outline: none!important;
	padding: 6px 15px;
	background: #99594a;
	border-radius: 10px 10px;
	border: none;
	box-shadow: 0px 0px 0px 1px #bd7a7a, 0px 0px 1px 2px #894848;
	font-size: 14px;
	font-weight: 700;
	color: #360808;
}
.addbtn, .addbtn:active {
	position: absolute;
	top: 1px;
	right: 1px;
	margin: 0;
	outline: none!important;
	background: #c9a688;
	border: none;
	border-radius: 0 0.25rem 0 0.25rem;
	padding: 0 10px;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px 0px 1px 2px #916643;
	font-size: 25px;
	font-weight: bold;
}
.addbtn:hover {
	background: #d7b395;
	outline: none!important;
	box-shadow: 0px 0px 0px 1px #dbb699, 0px 0px 1px 2px #725035;
	cursor: pointer;
}
.addbtn2, .addbtn2:active {
	position: relative;
	display: inline-block;
	margin: 15px 10px 5px;
	outline: none !important;
	background: #c9a688;
	border: none;
	border-radius: 0.25rem;
	padding: 5px 10px;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px 0px 1px 2px #916643;
	font-size: 15px;
	font-weight: bold;
}
.addbtn2:hover {
	background: #d7b395;
	outline: none !important;
	box-shadow: 0px 0px 0px 1px #dbb699, 0px 0px 1px 2px #725035;
	cursor: pointer;
}
.editbtn:hover, .editbtn2:hover {
	outline: none!important;
	background: #c19b7b;
	box-shadow: 0px 0px 0px 1px #dbb699, 0px 0px 1px 2px #725035;
	cursor: pointer;
}
.delbtn:hover {
	outline: none!important;
	background: #af5a5a;
	box-shadow: 0px 0px 0px 1px #e5aaaa, 0px 0px 1px 2px #622f2f;
	cursor: pointer;
}
.bannercopyright {
	position: absolute;
	bottom: 2em;
	right: 5px;
	font-size: 12px;
	padding: 0 0 1px 4px;
	text-shadow: 0 0 4px #ebc7aa, 0 0 4px #ebc7aa, 0 0 4px #000000, 0 0 10px #231104, 0 0 10px #d5b093;
	display: block;
	z-index: 2;
}
.modal-content, .modal-body {
	background-color: #9f7e61;
}
.modal-header {
	border-bottom: 1px solid #5e4835;
	background-color: #b59172;
}
.modal-footer {
	border-top: 1px solid #5e4835;
	background-color: #9f7e61;
}
.dataTables_paginate > .pagination {
	text-align: right;
	font-size: 14px;
}
.dataTables_paginate > .pagination a {
	background: #c39e7d;
}
.pagination {
	margin: 0 auto;
	display: block;
	text-align: center;
	width: 100%;
	box-shadow: none;
	border: none;
	border-radius: 0;
}
.pagination li {
	margin: 0px auto;
	border-top: none;
	border-bottom: none;
	display: inline-block;
}
li.paginate_button {
	box-shadow: 0px 0px 3px 0 #85664c;
	border-radius: 0.25rem;
}
.pagination a {
	background: #b59172;
	color: #604731;
	padding: 8px 16px;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	cursor: pointer;
}
.pagination a:hover {
	background-color: #916e4f;
	color: #d9bfaa;
}
.page-link.current, .page-link.current:hover, .page-item.active .page-link, .page-item.active .page-link:hover {
	background-color: #8f6744;
	color: #d9bfaa;
	border-color: #664a33;
}
.page-link {
	border: 1px solid #c9a78a;
}
.page-link, .page-link:hover, .page-link:focus, .page-link:active {
	border-color: #664a33;
	box-shadow: none;
}
li.disabled > a {
	pointer-events: none;
	background: #97785e;
	color: #6a5c52;
}
.page-item.disabled .page-link {
	pointer-events: none;
	background: #97785e;
	color: #6a5c52;
	border-color: #664a33;
}
.tooltipmark {
	background: #4a311d;
	border-radius: 52px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 10px;
	color: #dfcbba;
	font-weight: bold;
	margin-left: -1px;
	position: relative;
}
.tooltipmark:hover {
	box-shadow: 0px 0px 3px 1px #d7c3b3;
	cursor: pointer;
}
.tooltiptext {
	text-align: center;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	font-size: 12px;
	width: calc(200px - 2em);
	background: #4a311d;
	color: #dfcbba;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #c9a587;
	transition: 0.2s ease-in;
	-webkit-transition: .2s ease-in;
	z-index: 1000;
	white-space: normal;
}
.tooltiptext > a, .tooltiptext > a:focus, .tooltiptext > a:active, .tooltiptext > a:visited {
	color: #c99b74;
}
.tooltiptext > a:hover {
	color: #ffffff;
}
.topleft, .topright, .top {
	bottom: 0;
	margin: -1em auto 2em auto;
}
.botleft, .botright, .bot {
	top: 0;
	margin: 2em auto -1em auto;
}
.topleft {
	right: -300%;
}
.topright {
	left: -300%;
}
.top {
	left: -500px;
	right: -500px;
}
.botleft {
	right: -300%;
}
.botright {
	left: -300%;
}
.bot {
	left: -500px;
	right: -500px;
}
.tooltiptext::after {
	content: "";
	position: absolute;
	border-width: 6px;
	border-style: solid;
}
.topleft::after, .topright::after, .top::after {
	border-color: #4a311d transparent transparent transparent;
}
.botleft::after, .botright::after, .bot::after {
	border-color: transparent transparent #4a311d transparent;
}
.topleft::after {
	bottom: -12px;
	right: 37px;
}
.topright::after {
	bottom: -12px;
	left: 37px;
}
.top::after {
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
}
.botleft::after {
	top: -12px;
	right: 37px;
}
.botright::after {
	top: -12px;
	left: 37px;
}
.bot::after {
	top: -12px;
	left: 50%;
	margin-left: -6px;
}
.tooltipmark:hover > .tooltiptext, .tooltipbox:hover > .tooltiptext {
	visibility: visible;
	cursor: pointer;
	opacity: 1;
}
/* SAME AS TOOLTIPMARK BUT MEANT FOR OTHER ELEMENTS THAN QUESTIONMARK TOOLTIP */
.tooltipbox {
	position: relative;
	width: 100%;
}
.tooltipbox > .tooltiptext {
	max-width: calc(150px - 2em);
}
.tooltipbox > .topleft {
	bottom: 6px;
	left: -50px;
	right: auto;
}
.tooltipbox > .topright {
	bottom: 6px;
	right: -50px;
	left: auto;
}
.tooltipbox > .top {
	bottom: 6px;
	left: -500px;
	right: -500px;
}
.tooltipbox > .botleft {
	top: 6px;
	left: -50px;
	right: auto;
}
.tooltipbox > .botright {
	top: 6px;
	right: -50px;
	left: auto;
}
.tooltipbox > .bot {
	top: 6px;
	left: -500px;
	right: -500px;
}
.tooltipbox > .topleft::after {
	right: 15%;
	margin-left: -50%;
}
.tooltipbox > .topright::after {
	left: 15%;
	margin-right: -50%;
}
.tooltipbox > .botleft::after {
	right: 15%;
	margin-left: -50%;
}
.tooltipbox > .botright::after {
	left: 15%;
	margin-right: -50%;
}
.tooltipbox:hover {
	cursor: pointer;
}
.col-custom {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 992px) and (max-width: 1100px) {
	.col-custom {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 1300px) {
	.col-custom {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media (min-width: 1540px) {
	.col-custom {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
.col-custom2 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 992px) and (max-width: 1200px) {
	.col-custom2 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
@media (min-width: 1350px) {
	.col-custom2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media (min-width: 1440px) {
	.col-custom2 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1620px) {
	.col-custom2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
}
@media (max-width: 710px) {
	.modaltitle {
		transition: 0.2s ease;
		margin: -4.5em 0 1em;
	}
}
@media (max-width: 500px) {
	.modaltitle {
		transition: 0.2s ease;
		margin: -5.75em 0 1em;
	}
	.tooltiptext {
		max-width: 125px;
	}
}

.card-body::-webkit-scrollbar, #genos::-webkit-scrollbar {
	width: 10px;
}
.card-body::-webkit-scrollbar-track, #genos::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
	background-color: #d9bfaa;
	outline: 1px solid #604731;
	border-left: 1px solid #604731;
}
.card-body::-webkit-scrollbar-thumb, #genos::-webkit-scrollbar-thumb {
	outline: 1px solid #604731;
	border-left: 1px solid #604731;
}


/* EMBLEM TABLE */
#emblemtable, #logtable {
	width: 100%;
	text-align: center;
	border-radius: 10px;
	background: #b38c6b;
	box-shadow: 0px 0px 0px 1px #c9a282, 0px 0px 2px 1px #523b28, inset 0px 0px 3px 2px #a17e5b;
	border-collapse: collapse;
	font-size: 14px;
}
#emblemtable td, #logtable td {
	padding: 5px;
}
#emblemtable > thead, #logtable > thead {
	border-bottom: 1px solid #a37f5d;
	background: #c39e7d;
}
#emblemtable > thead > tr > th, #logtable > thead > tr > th {
	padding: 0.25em;
}
#emblemtable > thead > tr > th:first-child, #logtable > thead > tr > th:first-child {
	border-radius: 10px 0 0 0;
}
#emblemtable > thead > tr > th:last-child, #logtable > thead > tr > th:last-child {
	border-radius: 0 10px 0 0;
}
#emblemtable_filter, #logtable_filter {
	font-size: 14px;
	text-align: right;
	margin-bottom: 1em;
}
#emblemtable_filter > label, #logtable_filter > label {
	margin-bottom: 0;
}
#emblemtable_filter > label > input[type=search], #logtable_filter > label > input[type=search] {
	display: inline-block;
	width: 100%;
	max-width: 150px!important;
	margin: 0 0 0 0.5em;
}
.defaultsparkle, .rainbow {
	--sparkle: #ffffff;
}
.pink {
	--sparkle: #ffa2a4;
}
.yellow {
	--sparkle: #ffd785;
}
.blue {
	--sparkle: #5FD4F5;
}
.green {
	--sparkle: #69F55F;
}
.orange {
	--sparkle: #FC9623;
}
.purple {
	--sparkle: #d28aff;
}
.red {
	--sparkle: #FF4540;
}
.sparkle {
	left: 0;
	top: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 2s infinite both;
	animation: fadein 2s infinite both;
}
.sparkle2 {
	right: 0;
	top: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 1.5s infinite both;
	animation: fadein 1.5s infinite both;
}
.sparkle3 {
	left: 0;
	bottom: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 1.75s infinite both;
	animation: fadein 1.75s infinite both;
}
.sparkle4 {
	right: 0;
	bottom: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 2.25s infinite both;
	animation: fadein 2.25s infinite both;
}
.sparkle5 {
	left: 0;
	top: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 2s infinite both;
	animation: fadein 2s infinite both;
}
.sparkle6 {
	right: 0;
	top: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 1.5s infinite both;
	animation: fadein 1.5s infinite both;
}
.sparkle7 {
	left: 0;
	bottom: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 1.75s infinite both;
	animation: fadein 1.75s infinite both;
}
.sparkle8 {
	right: 0;
	bottom: 0;
	transform: rotate(0deg);
	z-index: 100;
	position: absolute;
	border-radius: 100%;
	box-shadow: 60px 30px 1px 1px var(--sparkle), 30px -20px 2px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 3px 2px var(--sparkle), 60px 30px 1px 1px var(--sparkle), 30px -20px 4px 1px var(--sparkle), -5px 10px 2px 2px var(--sparkle), -5px 25px 1px 0px var(--sparkle), -26px 1px 2px 2px var(--sparkle), 80px 10px 1px 1px var(--sparkle), 30px -60px 2px 1px var(--sparkle), -2px 80px 2px 2px var(--sparkle), -40px 30px 1px 0px var(--sparkle), -60px 30px 2px 2px var(--sparkle);
	width: 1px;
	height: 1px;
	background: #ffffff4d;
	-webkit-animation: fadein 2.25s infinite both;
	animation: fadein 2.25s infinite both;
}
.rainbow {
	box-shadow: 60px 30px 1px 1px #ffd785, 30px -20px 2px 1px #5FD4F5, -5px 10px 2px 2px #69F55F, -5px 25px 1px 0px #FC9623, -26px 1px 3px 2px #FF4540, 60px 30px 1px 1px #ffd785, 30px -20px 4px 1px #5FD4F5, -5px 10px 2px 2px #69F55F, -5px 25px 1px 0px #FC9623, -26px 1px 2px 2px #FF4540, 80px 10px 1px 1px #ffd785, 30px -60px 2px 1px #5FD4F5, -2px 80px 2px 2px #69F55F, -40px 30px 1px 0px #FC9623, -60px 30px 2px 2px #FF4540;
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}