body {
	min-height: 100vh;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

svg.active-positive {
	color: green;
}

hr.seasons-separator, hr.services-separator {
	margin: 0.4rem 0;
}

.ms-10 {
	margin-left: 10rem;
}

.me-10 {
	margin-right: 10rem;
}

.card-header {
	background-color: #008B72;
	color: #D7DF23;
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.btn-login {
	background-color: #04846c;
}

	.btn-login:hover {
		background-color: #b5cf4e;
		color: #04846c!important;
	}

.table th, .table td, .table thead th {
	vertical-align: middle;
}

.select-option {
	height: 44px !important;
}

.form-check-input[type="checkbox"]:checked + label::before {
	border-right-color: #04846c;
	border-bottom-color: #04846c;
}

.sms-text, .agent-wallet-info {
	overflow-wrap: anywhere;
}

.paginator-container {
	min-height: 56px;
	color: rgba(0, 0, 0, .54);
}

	.paginator-container label {
		margin: 0 32px 0 24px;
		cursor: text;
	}

	.paginator-container svg {
		width: 28px;
		fill: rgba(0, 0, 0, .54);
	}

	.paginator-container button {
		width: 40px;
		height: 40px;
	}

		.paginator-container button:focus {
			outline: 1px dotted;
		}

.dashboard-registration-table {
	padding: 1%;
}

#bundleExtraCost {
	vertical-align: middle;
	text-align: end;
	padding-right: 10px;
	color: #4f4f4f;
}

#seasonDuplicateNote {
	color: var(--mdb-danger);
}

#villageList tbody tr {
	display: none;
}

#leaderboards .hover-overlay .mask:hover {
	opacity: 0.15;
}

#partnersDropdown {
	z-index: 2000;
}

#editorTables button {
	border-radius: 10rem;
	padding: .625rem 1.5rem .5rem;
	line-height: 1.5;
}

.chatHeader {
	max-height: 60vh;
	overflow-y: scroll;
}

.btn .badge.badge-counter {
	left: 6px;
	top: -9px;
}

small.text-muted {
	float: left;
}

.bronze {
	background: linear-gradient(to right, #A14521, #FCDECA, #A14521, #FCDECA, #A14521);
}

.silver {
	background: linear-gradient(to right, #656565, #EEEEEE, #656565, #EEEEEE, #656565);
}

.gold {
	background: linear-gradient(to right, #B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
}

.flip-card {
	background-color: transparent;
	perspective: 1000px;
	min-height: 328px;
}

.flip-card-inner {
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.flip-card.flipped .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-back {
	transform: rotateY(180deg);
}

#bonusView, #profileView {
	left: 100%;
	transform: translateX(-100%);
}

.flip-card-back .progress-bar > p:first-child {
	font-weight: bold;
}

.bg-oko {
	background: #000;
}

.bg-iron {
	background: -webkit-linear-gradient(to bottom right, #2B1E1A, #5B3636, #2B1E1A, #5B3636, #2B1E1A);
	background: linear-gradient(to bottom right, #2B1E1A, #5B3636, #2B1E1A, #5B3636, #2B1E1A);
}

.bg-bronze {
	background: -webkit-linear-gradient(to bottom right, #A14521, #FCDECA, #A14521, #FCDECA, #A14521);
	background: linear-gradient(to bottom right, #A14521, #FCDECA, #A14521, #FCDECA, #A14521);
}

.bg-silver {
	background: -webkit-linear-gradient(to bottom right, #656565, #EEEEEE, #656565, #EEEEEE, #656565);
	background: linear-gradient(to bottom right, #656565, #EEEEEE, #656565, #EEEEEE, #656565);
}

.bg-gold {
	background: -webkit-linear-gradient(to bottom right, #B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
	background: linear-gradient(to bottom right, #B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
}

.bg-platinum {
	background: -webkit-linear-gradient(to bottom right, #326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
	background: linear-gradient(to bottom right, #326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
}

.bg-diamond {
	background: -webkit-linear-gradient(to bottom right, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
	background: linear-gradient(to bottom right, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
}

.bg-gladiator {
	background: -webkit-linear-gradient(to bottom right, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
	background: linear-gradient(to bottom right, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
}

.progress-oko {
	background: #008B72;
}

.progress-iron {
	background: -webkit-conic-gradient(#2B1E1A, #5B3636, #2B1E1A, #5B3636, #2B1E1A);
	background: conic-gradient(#2B1E1A, #5B3636, #2B1E1A, #5B3636, #2B1E1A);
}

.progress-bronze {
	background: -webkit-conic-gradient(#A14521, #FCDECA, #A14521, #FCDECA, #A14521);
	background: conic-gradient(#A14521, #FCDECA, #A14521, #FCDECA, #A14521);
}

.progress-silver {
	background: -webkit-conic-gradient(#656565, #EEEEEE, #656565, #EEEEEE, #656565);
	background: conic-gradient(#656565, #EEEEEE, #656565, #EEEEEE, #656565);
}

.progress-gold {
	background: -webkit-conic-gradient(#B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
	background: conic-gradient(#B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
}

.progress-platinum {
	background: -webkit-conic-gradient(#326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
	background: conic-gradient(#326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
}

.progress-diamond {
	background: -webkit-conic-gradient(#2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
	background: conic-gradient(#2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
}

.progress-gladiator {
	background: -webkit-conic-gradient(#008B72, #D7DF23, #008B72, #D7DF23, #008B72);
	background: conic-gradient(#008B72, #D7DF23, #008B72, #D7DF23, #008B72);
}

.iron-profile {
	background: linear-gradient(to bottom, #2B1E1A, #5B3636, #2B1E1A, #2B1E1A, #5B3636);
	padding: 8px;
}

	.iron-profile > .card-header {
		background: transparent;
		color: #988D8A;
	}

	.iron-profile > .card-body {
		background: #fff;
	}

.bronze-profile {
	background: linear-gradient(to bottom, #A14521, #FCDECA, #A14521, #FCDECA, #A14521);
	padding: 8px;
}
	.bronze-profile > .card-header {
		background-color: transparent;
		color: #542418;
	}

	.bronze-profile > .card-body {
		padding: 0.5rem;
		border-radius: 500px;
		background: #fff;
		-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) !important;
		box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) !important;
	}

.silver-profile {
	background: linear-gradient(to bottom, #656565, #EEEEEE, #656565, #EEEEEE, #656565);
	padding: 8px;
}

	.silver-profile > .card-header {
		background-color: transparent;
		color: #283133;
	}

	.silver-profile > .card-body {
		padding: 0.5rem;
		border-radius: 500px;
		background: #fff;
		-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) !important;
		box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) !important;
	}

		.silver-profile > .card-body > div {
			border: double 5px transparent;
			border-radius: 500px;
			background-image: linear-gradient(white, white), linear-gradient(to bottom, #656565, #EEE, #656565, #EEE, #656565);
			background-origin: border-box;
			background-clip: content-box, border-box;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		}

.gold-profile {
	background: linear-gradient(to bottom, #B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
	padding: 8px;
}

	.gold-profile > .card-header {
		background-color: transparent;
		color: #916329;
	}

	.gold-profile > .card-body {
		padding: 0.5rem;
		border-radius: 500px;
		background: #fff;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
	}

		.gold-profile > .card-body > div {
			border: double 10px transparent;
			border-radius: 500px;
			background-image: linear-gradient(white, white), linear-gradient(to bottom, #B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
			background-origin: border-box;
			background-clip: content-box, border-box;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		}

			.gold-profile > .card-body > div > div {
				border: double 13px transparent;
				border-radius: 500px;
				background-image: linear-gradient(white, white), linear-gradient(to bottom, #B38728, #FCF6BA, #B38728, #FCF6BA, #B38728);
				background-origin: border-box;
				background-clip: content-box, border-box;
				-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
				box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			}

.platinum-profile {
	background: linear-gradient(to bottom, #326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
	padding: 8px;
}

	.platinum-profile > .card-header {
		background: -webkit-linear-gradient(#00DA51, #52E29E, #00DA51, #52E29E, #00DA51);
		background-clip: border-box;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
	}

		.platinum-profile > .card-header h2 {
			animation: glow-platinum 1s ease-in-out infinite alternate;
		}

	.platinum-profile > .card-body {
		padding: 0.5rem;
		border-radius: 500px;
		background: #fff;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
	}

		.platinum-profile > .card-body > div {
			border: double 10px transparent;
			border-radius: 500px;
			background-image: linear-gradient(white, white), linear-gradient(to bottom, #326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
			background-origin: border-box;
			background-clip: content-box, border-box;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		}

			.platinum-profile > .card-body > div > div {
				border: double 13px transparent;
				border-radius: 500px;
				background-image: linear-gradient(white, white), linear-gradient(to bottom, #326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
				background-origin: border-box;
				background-clip: content-box, border-box;
				-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
				box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			}

		.platinum-profile > .card-body h4 {
			background: linear-gradient(to left, #326D6C, #13D2DC, #326D6C, #13D2DC, #326D6C);
			padding: 10px;
			-webkit-box-shadow: 0px 15px 15px 0 rgba(0,0,0,.25),0 0 6px 15px rgba(0,0,0,.2) !important;
			box-shadow: 0px 15px 15px 0 rgba(0,0,0,.25),0 0 6px 15px rgba(0,0,0,.2) !important;
			border-radius: 5%;
			color: #52E29E;
			font-weight: bold;
			animation: glow-platinum 1s ease-in-out infinite alternate;
		}

.diamond-profile {
	background: linear-gradient(to bottom, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
	padding: 8px;
}

	.diamond-profile:after {
		content: '';
		top: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		animation: slide 5s infinite;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
	}

	.diamond-profile .corner {
		width: 1px;
		height: 1px;
		position: absolute;
		border-radius: 50%;
	}

	.diamond-profile .top-left-corner {
		top: 5px;
		left: 5px;
		animation: shine-to-left 3s cubic-bezier(1,0,0,1) infinite alternate;
	}

	.diamond-profile .top-right-corner {
		top: 5px;
		left: 100%;
		transform: translateX(-6px);
		animation: shine-to-right 3s cubic-bezier(1,0,0,1) infinite alternate;
	}

	.diamond-profile .bottom-left-corner {
		top: 100%;
		left: 5px;
		transform: translateY(-6px);
		animation: shine-to-right 3s cubic-bezier(1,0,0,1) infinite alternate;
	}

	.diamond-profile .bottom-right-corner {
		top: 100%;
		left: 100%;
		transform: translate(-6px, -6px);
		animation: shine-to-left 3s cubic-bezier(1,0,0,1) infinite alternate;
	}

	.diamond-profile .center-left-corner {
		top: 50%;
		left: 50%;
		animation: shine-to-left 3s cubic-bezier(1,0,0,1) infinite alternate;
	}

	.diamond-profile .center-right-corner {
		top: 50%;
		left: 50%;
		animation: shine-to-right 3s cubic-bezier(1,0,0,1) infinite alternate;
	}

	.diamond-profile > .card-header {
		background: -webkit-linear-gradient(#05293F, #3886AC, #05293F, #3886AC, #05293F);
		background-clip: border-box;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
	}

		.diamond-profile > .card-header h2 {
			animation: glow-diamond 1s ease-in-out infinite alternate;
		}

	.diamond-profile > .card-body {
		padding: 0.5rem;
		border-radius: 500px;
		background: #fff;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
	}

		.diamond-profile > .card-body > div {
			border: double 10px transparent;
			border-radius: 500px;
			background-image: linear-gradient(white, white), linear-gradient(to bottom, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
			background-origin: border-box;
			background-clip: content-box, border-box;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		}

			.diamond-profile > .card-body > div > div {
				border: double 13px transparent;
				border-radius: 500px;
				background-image: linear-gradient(white, white), linear-gradient(to bottom, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
				background-origin: border-box;
				background-clip: content-box, border-box;
				-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
				box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			}

		.diamond-profile > .card-body h4 {
			background: linear-gradient(to left, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
			padding: 10px;
			margin: 0;
			-webkit-box-shadow: 0px 15px 15px 0 rgba(0,0,0,.25),0 0 6px 15px rgba(0,0,0,.2) !important;
			box-shadow: 0px 15px 15px 0 rgba(0,0,0,.25),0 0 6px 15px rgba(0,0,0,.2) !important;
			color: #3886AC;
			font-weight: bold;
			animation: glow-diamond 1s ease-in-out infinite alternate;
		}

	.diamond-profile .badge-inner-pin {
		border-top: double 10px transparent;
		border-bottom: double 10px transparent;
		border-radius: 5%;
		background-image: linear-gradient(white, white), linear-gradient(to left, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
		background-origin: border-box;
		background-clip: content-box, border-box;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
	}

		.diamond-profile .badge-inner-pin > div {
			border-top: double 5px transparent;
			border-bottom: double 5px transparent;
			background-image: linear-gradient(white, white), linear-gradient(to left, #2A96C0, #D4FAFE, #2A96C0, #D4FAFE, #2A96C0);
			background-origin: border-box;
			background-clip: content-box, border-box;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		}

.gladiator-profile {
	background: linear-gradient(to bottom, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
	padding: 8px;
}

	.gladiator-profile img {
		z-index: 1000;
	}

		.gladiator-profile img#corn {
			display: block !important;
			transform: rotate(180deg) translate(-50%, -40%) scale(1);
			animation: animate-corn 3s linear 4s;
			animation-fill-mode: forwards;
		}

		.gladiator-profile img#sword {
			display: block !important;
			width: 35%;
			animation: animate-sword 5s linear;
			animation-fill-mode: forwards;
		}

	.gladiator-profile .mask.outer-doors > .left-door {
		background-color: #008B72;
		border-right: double 50px transparent;
		background-image: linear-gradient(transparent, transparent), linear-gradient(to right, #008B72, #008B72, #008B72, #008B72, #008B72, #0006);
		background-origin: border-box;
		background-clip: content-box, border-box;
		animation: open-door-left 2s ease-in-out 7s;
		animation-fill-mode: forwards;
	}

	.gladiator-profile .mask.outer-doors > .right-door {
		background-color: #D7DF23;
		border-left: double 50px transparent;
		background-image: linear-gradient(transparent, transparent), linear-gradient(to left, #D7DF23, #D7DF23, #D7DF23, #D7DF23, #D7DF23, #0006);
		background-origin: border-box;
		background-clip: content-box, border-box;
		animation: open-door-right 2s ease-in-out 7s;
		animation-fill-mode: forwards;
	}

	.gladiator-profile .mask.inner-doors > .top-door {
		background-color: #008B72;
		background-image: linear-gradient(transparent, transparent), linear-gradient(to bottom, #008B72, #008B72, #008B72, #008B72, #008B72, #0006);
		background-origin: border-box;
		background-clip: content-box, border-box;
		animation: open-door-top 2s ease-in-out 9.5s;
		animation-fill-mode: forwards;
	}

	.gladiator-profile .mask.inner-doors > .bottom-door {
		background-color: #D7DF23;
		background-image: linear-gradient(transparent, transparent), linear-gradient(to top, #D7DF23, #D7DF23, #D7DF23, #D7DF23, #D7DF23, #0006);
		background-origin: border-box;
		background-clip: content-box, border-box;
		animation: open-door-bottom 2s ease-in-out 9.5s;
		animation-fill-mode: forwards;
	}

	.gladiator-profile .corner {
		width: 1px;
		height: 1px;
		position: absolute;
		border-radius: 50%;
	}

	.gladiator-profile .top-left-corner {
		top: 5px;
		left: 5px;
		animation: shine-to-left 3s cubic-bezier(1,0,0,1) infinite alternate 25s;
	}

	.gladiator-profile .top-right-corner {
		top: 5px;
		left: 100%;
		transform: translateX(-6px);
		animation: shine-to-right 3s cubic-bezier(1,0,0,1) infinite alternate 19s;
	}

	.gladiator-profile .bottom-left-corner {
		top: 100%;
		left: 5px;
		transform: translateY(-6px);
		animation: shine-to-right 3s cubic-bezier(1,0,0,1) infinite alternate 19s;
	}

	.gladiator-profile .bottom-right-corner {
		top: 100%;
		left: 100%;
		transform: translate(-6px, -6px);
		animation: shine-to-left 3s cubic-bezier(1,0,0,1) infinite alternate 25s;
	}

	.gladiator-profile .center-left-corner {
		top: 50%;
		left: 50%;
		animation: shine-to-left 3s cubic-bezier(1,0,0,1) infinite alternate 13s;
	}

	.gladiator-profile .center-right-corner {
		top: 50%;
		left: 50%;
		animation: shine-to-right 3s cubic-bezier(1,0,0,1) infinite alternate 13s;
	}

	.gladiator-profile > .card-header {
		background: -webkit-linear-gradient(#08775A, #021D16, #08775A, #021D16, #08775A);
		background-clip: border-box;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
	}

		.gladiator-profile > .card-header h2 {
			animation: glow-gladiator 1s ease-in-out infinite alternate;
		}

	.gladiator-profile > .card-body {
		padding: 0;
		border-radius: 500px;
		background: #fff;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		background-image: url("landscape.jpg");
		background-size: 100% 100%;
		animation: place-badge .7s ease-in-out 12s;
		animation-fill-mode: forwards;
	}

		.gladiator-profile > .card-body > div {
			border: double 10px transparent;
			border-radius: 500px;
			background-image: linear-gradient(white, white), linear-gradient(to bottom, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
			background-origin: border-box;
			background-clip: content-box, border-box;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		}

			.gladiator-profile > .card-body > div > div {
				border: double 13px transparent;
				border-radius: 500px;
				background-image: url("landscape.jpg"), linear-gradient(to bottom, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
				background-origin: border-box;
				background-clip: content-box, border-box;
				background-size: 100% 100%;
				-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
				box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			}

				.gladiator-profile > .card-body > div > div > div:nth-child(1n) {
					color: #FFF
				}

		.gladiator-profile > .card-body h4 {
			background: linear-gradient(to left, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
			padding: 10px;
			margin: 0;
			-webkit-box-shadow: 0px 15px 15px 0 rgba(0,0,0,.25),0 0 6px 15px rgba(0,0,0,.2) !important;
			box-shadow: 0px 15px 15px 0 rgba(0,0,0,.25),0 0 6px 15px rgba(0,0,0,.2) !important;
			color: #08775A;
			font-weight: bold;
			animation: glow-gladiator 1s ease-in-out infinite alternate;
		}

	.gladiator-profile .badge-inner-pin {
		border-top: double 10px transparent;
		border-bottom: double 10px transparent;
		border-radius: 5%;
		background-image: linear-gradient(white, white), linear-gradient(to left, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
		background-origin: border-box;
		background-clip: content-box, border-box;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
	}

		.gladiator-profile .badge-inner-pin > div {
			border-top: double 5px transparent;
			border-bottom: double 5px transparent;
			background-image: linear-gradient(white, white), linear-gradient(to left, #008B72, #D7DF23, #008B72, #D7DF23, #008B72);
			background-origin: border-box;
			background-clip: content-box, border-box;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.25),0 3px 10px 0 rgba(0,0,0,.2) !important;
		}

@-webkit-keyframes place-badge {
	from {
		padding: 0;
	}

	to {
		padding: .5rem;
	}
}

@-webkit-keyframes animate-corn {
	0% {
		transform: rotate(180deg) translate(-50%, -40%) scale(1);
	}
	5% {
		transform: rotate(180deg) translate(-50%, -40%) scale(1.1);
	}
	40% {
		transform: rotate(180deg) translate(-50%, -100%) scale(1.1);
	}
	100% {
		transform: rotate(270deg) translate(-80%, -250%) scale(1.1);
		visibility: hidden;
	}
}

@-webkit-keyframes animate-sword {
	0% {
		transform: rotate(-45deg) translate(38%, 94%) scale(1);
	}
	5% {
		transform: rotate(-45deg) translate(38%, 94%) scale(1.1);
	}
	40% {
		transform: rotate(-45deg) translate(120%, 12%) scale(1.1);
	}
	70% {
		transform: rotate(-135deg) translate(120%, 12%) scale(1.1);
	}
	100% {
		transform: rotate(-135deg) translate(300%, -168%) scale(1.1);
		visibility: hidden;
	}
}

@-webkit-keyframes open-door-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

@-webkit-keyframes open-door-right {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(100%);
	}
}

@-webkit-keyframes open-door-top {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-100%);
	}
}

@-webkit-keyframes open-door-bottom {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(100%);
	}
}

@-webkit-keyframes glow-platinum {
	from {
		text-shadow: 0 0 10px #00DA51, 0 0 20px #00DA51, 0 0 30px #326D6C, 0 0 40px #326D6C, 0 0 50px #326D6C, 0 0 60px #326D6C, 0 0 70px #326D6C;
	}

	to {
		text-shadow: 0 0 20px #00DA51, 0 0 30px #13D2DC, 0 0 40px #13D2DC, 0 0 50px #13D2DC, 0 0 60px #13D2DC, 0 0 70px #13D2DC, 0 0 80px #13D2DC;
	}
}

@-webkit-keyframes glow-diamond {
	from {
		text-shadow: 0 0 10px #2A96C0, 0 0 20px #2A96C0, 0 0 30px #D4FAFE, 0 0 40px #D4FAFE, 0 0 50px #D4FAFE, 0 0 60px #D4FAFE, 0 0 70px #D4FAFE;
	}

	to {
		text-shadow: 0 0 20px #2A96C0, 0 0 30px #3886AC, 0 0 40px #3886AC, 0 0 50px #3886AC, 0 0 60px #3886AC, 0 0 70px #3886AC, 0 0 80px #3886AC;
	}
}

@-webkit-keyframes glow-gladiator {
	from {
		text-shadow: 0 0 10px #008B72, 0 0 20px #008B72, 0 0 30px #D7DF23, 0 0 40px #D7DF23, 0 0 50px #D7DF23, 0 0 60px #D7DF23, 0 0 70px #D7DF23;
	}

	to {
		text-shadow: 0 0 20px #008B72, 0 0 30px #B9D260, 0 0 40px #B9D260, 0 0 50px #B9D260, 0 0 60px #B9D260, 0 0 70px #B9D260, 0 0 80px #B9D260;
	}
}

@keyframes slide {
	0% {
		transform: translateX(-100%);
	}
	20% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(100%);
	}
}

@-webkit-keyframes shine-to-left {
	0% {
		transform: skew(0, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255,.5), 0 0 20px 80px rgba(255,255,255,.5);
	}
	10% {
		transform: skew(45deg, 44deg);
		box-shadow: 0 0 10px 20px rgba(255,255,255,.5);
	}
	25% {
		transform: skew(0, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255,.5);
	}
	100% {
		transform: skew(0, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255,.5);
	}
}

@-webkit-keyframes shine-to-right {
	0% {
		transform: skew(0, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255,.5), 0 0 20px 80px rgba(255,255,255,.5);
	}

	10% {
		transform: skew(-45deg, -44deg);
		box-shadow: 0 0 10px 20px rgba(255,255,255,.5);
	}

	25% {
		transform: skew(0, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255,.5);
	}

	100% {
		transform: skew(0, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255,.5);
	}
}

.loading-corn, #loader {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#loader {
	display: none;
	position: fixed;
	background-color: rgba(0, 0, 0, .7);
	z-index: 9999;
}

.loading-corn {
	position: absolute;
	background: url(loading.gif) center no-repeat rgba(0,0,0,.5);
	z-index: 1000;
}

#loader .spinner-border {
	width: 4rem;
	height: 4rem;
	top: 47%;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.green-border-focus .form-control:focus {
	border: 1px solid #8bc34a;
	box-shadow: 0 0 0 0.2rem rgba(139, 195, 74, .25);
}

.succeedMsg {
	width: 50%;
}

.select-wrapper .dropdown-content.select-dropdown {
	max-height: 400px;
}

.dropdown-content.select-dropdown.active {
	display: block;
	position: absolute;
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 0;
}

.dropdown-content.select-dropdown.active li {
	display: block;
	padding: .5rem;
	font-size: .9rem;
	color: #4285f4;
}

	.dropdown-content.select-dropdown.active li.disabled {
		color: rgba(0,0,0,0.3);
		cursor: context-menu;
	}

.select-wrapper .field-validation-error {
	font-size: .8rem;
	color: #f44336;
}

.select-wrapper input.select-dropdown:disabled + label {
	color: rgba(0,0,0,0.3);
}

.select-wrapper input.select-dropdown.invalid + label, .md-form input.input-validation-error + label {
	color: #f44336;
}

.select-wrapper input.select-dropdown.valid + label, .md-form input.valid + label {
	color: #00c851;
}

.form-check.form-switch input[type="checkbox"]:checked {
	background-color: rgba(4, 132, 108, 0.5);
}

	.form-check.form-switch input[type="checkbox"]:checked::after {
		background-color: #04846c;
	}

.switch-span {
	color: #757575;
}

.md-form input.form-control.input-validation-error {
	border-bottom-color: #f44336;
	border-bottom-width: 2px;
}

.sms-tool-zones-table-striped {
	background-color: rgba(0, 0, 0, 0.07);
}

.oko-gradient {
	color: #D7DF23;
	background: linear-gradient(0deg, #fff, #008B72 15%, #008B72 85%, #212121);
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	margin: 0;
}

.visible-container {
	visibility: visible;
	opacity: 1;
	transition: opacity .2s linear;
}

.hidden-container {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s .2s, opacity .2s linear;
}

#stepper-list li.stepper-step.stepper-active .stepper-head-icon {
	background-color: #1266f1;
}

#stepper-list .stepper-mobile-footer.bg-light {
	background-color: #fff !important;
}

#seasonsDropdown, #servicesDropdown {
	top: 100%;
	left: 0;
}

#graphContainer .nav-pills .nav-link.active, #global-panel .nav-pills .nav-link.active, #map .nav-pills .nav-link.active {
	color: #fff;
	background-color: #000;
}

#tac_link:hover {
	color: #0056b3 !important;
	text-decoration: underline;
	cursor: pointer;
}

#paymentsTable table .is-invalid, #claimsTable table .is-invalid, #smsTable table .is-invalid, #voiceTable .is-invalid {
	background-color: #ffc7ce;
	color: #9c0006;
}

#map .info {
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: white;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}

	#map .info h4 {
		margin: 0 0 5px;
		color: #777;
	}

#map .legend {
	line-height: 18px;
	color: #555;
}

	#map .legend i {
		width: 18px;
		height: 18px;
		float: left;
		margin-right: 8px;
		opacity: 0.7;
	}

body.d-flex nav {
	flex: 0 1 auto;
}

body.d-flex main {
	flex: 1 1 auto;
}

#graph-previous {
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s;
	box-shadow: 0 0, 0 0 !important;
}

#graph-next {
	top: 50%;
	left: 100%;
	transform: translate(-100%, -50%);
	transition: 0.3s;
	box-shadow: 0 0, 0 0 !important;
}

	#graph-previous:hover, #graph-next:hover {
		opacity: .75!important;
	}

@media (min-width: 768px) {
	.separator {
		border-right: 1px solid #808080;
	}
}

@media (min-width: 1200px) {
	.confirm-sms-container {
		max-width: 50%;
	}
}

.wave {
	height: 40px;
}