@font-face {
	font-family: "Object Sans";
	src: url("../font/ObjectSans-Regular.otf") format("opentype");
	/* Vous pouvez également ajouter d'autres formats de police ici */
}

.semplifica {
	font-family: "Semplicita";
	text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
}

.semplifica.bold {
	font-weight: 700;
}

.objectsans {
	font-family: "Object Sans";
	font-weight: 700;
}

body {
	background: #797979;
	font: normal 16px/20px "Poppins", sans-serif;
	color: #ffffff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Object Sans", sans-serif;
	font-style: normal;
}

b {
	font-family: "Object Sans", sans-serif;
}

h1 {
	color: #ffffff;
	font-size: 40px;
	font-weight: 400;
}

.h2,
h2 {
	font-weight: 700;
}

.h5,
h5 {
	font-size: 1.1rem;
}

hr {
	border-color: #342a2d;
	margin: 5px 0;
}

.clear {
	clear: both;
}

table.table td,
table.table th {
	padding: 0.15rem;

	border-top: 0;
	vertical-align: middle;
}

table.table th {
	font-weight: bold;
}

.rune-stats table.table tr:nth-child(2n) {
	background: #211b1c;
}

table.compare-table td,
table.compare-table th {
	text-align: center;
}

.table .table {
	background: none;
}

.pagination .page-item .page-link {
	color: #ffffff;
}

/*.rune-stats { height:264px; }*/

.max_stat {
	color: #07c3c6;
	font-size: 10px;
}

.big {
	font-size: 140px;
}

@media (max-width: 780px) {
	.big {
		font-size: 50px;
	}
}

@media (max-width: 1400px) {
	.name_stat {
		font-size: 11px;
	}
}

@media (max-width: 1400px) {
	.name_stat {
		display: none;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		z-index: 1030;
	}
}

/*hide runes rarity*/
.rune-quality,
.rune-level {
	display: none;
}

.rune-center {
	position: relative;
}

.rune-center:after {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	color: white;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.75);
	border-radius: 50%;
	content: attr(data-lvl);
	right: 2px;
	bottom: 0px;
}

.rune-greater-16:after {
	color: #f58b2c;
	border: 1px solid #f58b2c;
}

.rune-center-19:after {
	border: 1px solid #00daff;
	color: #00daff;
}

.page-creature .rune-stats {
	height: 209px;
}

/* V2*/
.page-creature-2 .rune-stats {
	height: auto;
}

.page-creature-2 .rune {
	min-height: auto;
}

.page-creature-2 table {
	margin-bottom: 0;
}

.page-creature-2 .runes-monster .rune {
	min-height: auto;
}

/******************/

.filtre-header {
	padding: 10px 20px;
	background: #33b5e5;
	margin: 0 -20px;
	margin-bottom: 20px;
}

.child-container-stat {
	height: 58px;
}

.rune-base {
	width: 58px;
	height: 58px;
}

.rune-base.hex {
	background: url(../img/icon/base-hex.png) no-repeat;
	background-size: contain;
}

.rune-base.hex.dark {
	background: url(../img/icon/base-hex-dark.png) no-repeat;
	background-size: contain;
}

.rune-base.square {
	background: url(../img/icon/base-square.png) no-repeat;
	background-size: contain;
}

.rune-base.square.dark {
	background: url(../img/icon/base-square-dark.png) no-repeat;
	background-size: contain;
}

.rune-base.leaf {
	background: url(../img/icon/base-leaf.png) no-repeat;
	background-size: contain;
}

.rune-base.leaf.dark {
	background: url(../img/icon/base-leaf-dark.png) no-repeat;
	background-size: contain;
}

.rune-center {
	text-align: center;
}

.bg-rune-hex {
	background: url(../img/icon/rune-hole-empty-hex.png) center no-repeat;
	background-size: contain;
	width: 58px;
	height: 58px;
}

.bg-rune-square {
	background: url(../img/icon/rune-hole-empty-square.png) center no-repeat;
	background-size: contain;
	width: 58px;
	height: 58px;
}

.bg-rune-leaf {
	background: url(../img/icon/rune-hole-empty-leaf.png) center no-repeat;
	background-size: contain;
	width: 58px;
	height: 58px;
}

footer .content {
	background-color: #211510;
	background-image: url(../img/repeating_leather_brown.jpg);
	background-position: top;
	background-size: 100%;
	color: white;
	padding: 25px;
	text-align: center;
	width: 100%;
	box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .08);

}

footer .divider {
	height: 4px;
	background: #000;
	width: 100%;
}

.container_2 {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
}

.table.table-stats-monster {
	margin: 0 -10px;
	width: auto;
}

.table.table-stats-monster td {
	font-size: 14px;
	vertical-align: bottom;
}

.table.table-stats-monster th {
	font-size: 12px;
	vertical-align: top;
	padding-right: 10px;
}

.inline-block {
	display: inline-block;
}

.btn-floating i {
	display: inline-block;
	width: inherit;
	text-align: center;
	color: #fff;
}

.btn-floating i {
	font-size: 1rem;
	line-height: 35px;
}

.btn-floating {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
		0 4px 15px 0 rgba(0, 0, 0, 0.15);
	width: 35px;
	height: 35px;
	position: relative;
	z-index: 1;
	vertical-align: middle;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
	margin: 10px;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.absolute {
	position: absolute;
}

.absolute-right {
	position: absolute;
	right: 0;
}

.contour-rune {
	border: 2px solid #5d5046;
	border-radius: 6px;
	background: #292123;
	color: white;
	font-size: 18px;
}

pre {
	background: white;
}

.sub-stat {
	color: #32b90a;
	font-size: 10px;
}

.detail-runes .contour-rune {
	width: 62px;
	height: 62px;
	text-align: center;
}

.container-stats {
	position: relative;
	display: inline-block;
}

.container-stats-2 {
	position: relative;
}

.container-stats:hover>.stattext,
.container-stats-2:hover>.stattext {
	visibility: visible;
	opacity: 1;
}

.container-stats .stattext,
.container-stats-2 .stattext {
	visibility: hidden;
	position: absolute;
	width: 210px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 0px 0;
	margin-top: -23px;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.6s;
}

.stats-bottom {
	top: 135%;
	left: 50%;
	margin-left: -105px;
}

.stats-bottom::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
}

/* expend left */

.container-stats-2 .stats-left {
	top: 0;
	margin-top: -50%;
	left: 0;

	width: 350px;
	margin-left: -350px;
}

.container-stats-2 .stats-left::after {
	content: "";
	position: absolute;
	bottom: 50%;
	right: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #555;
}

.card-header img.portrait {
	margin-top: -50px;
}

.monster {
	margin-top: 60px !important;
}

.stattext.newDesign {
	background: url(../img/icon/stat-glyph-bg.png) no-repeat;
	width: 390px;
	height: 146px;
}

.stattext.newDesign .rune-stats {
	padding: 49px 22px 0px;
}

.stattext.newDesign .rune-stats .statsNumbers {
	font-size: 12px;
}

.stats-bottom.newDesign::after {
	display: none;
}

/* Accueil ordre des blocs  */
@media (max-width: 1200px) {

	.home-filter,
	.flex-order-1 {
		order: 1;
		flex: 1 auto;
	}

	.home-runes,
	.flex-order-2 {
		order: 2;
		flex: 1 auto;
	}

	.flex-order-3 {
		order: 3;
		flex: 1 auto;
	}
}

@media (max-width: 400px) {
	.navbar-brand {
		width: 70%;
	}
}

.navbar-nav .dropdown-menu-right {
	right: 0;
	left: auto;
}

.monster-filter input[type="checkbox"] {
	display: none;
}

.checkbox-bg {
	background: #372e36;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #292123;
}

.monster-filter input:checked+label .checkbox-bg,
.checkbox-bg-active {
	border: 1px solid #07c3c6;
	box-shadow: 1px 1px 10px 3px #07c3c6;
	background-color: rgba(7, 195, 198, 0.5);
	cursor: pointer;
}

/* filtre rune */

.runes-monster .rune-stats {
	/*height:202px;*/
}

.runes-monster .rune {
	min-height: 340px;
}

.runes-filter input[type="radio"] {
	display: none;
}

.runes-filter label,
.choosePriorSub {
	background: #372e36;
	border-radius: 20px;
	padding: 5px;
	font-size: 13px;
	text-align: center;
	border: 1px solid #292123;
	cursor: pointer;
}

.runes-filter label.label-spe,
.choosePriorSub {
	padding: 0px 7px 0px 0px;
}

.runes-filter input:checked+label {
	border: 1px solid #07c3c6;
	box-shadow: 1px 1px 10px 3px #07c3c6;
	background-color: rgba(7, 195, 198, 0.5);
}

/* popin-compare-rune */
.popin-compare-rune {
	display: none;
}

.popin-compare-rune {
	position: fixed;
	width: 755px;
	left: 50%;
	margin-left: -377px;
	top: 50px;
	z-index: 100;
}

.popin-compare-rune:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.popin-compare-rune:after {
	position: fixed;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: -2;
}

.hide {
	display: none !important;
}

/* CHARGEMENT */
#wrapper,
.loading-container {
	width: 200px;
	margin-left: -100px;
	/*	margin-top:10%;*/
	left: 50%;
	position: absolute;
	z-index: 2;
}

.loading-container:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: -1;
}

.loading-container:after {
	position: fixed;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: -2;
}

.battery,
.battery2 {
	position: relative;
	display: block;
	margin: 20px 65px;
	background: #ffffff;
	width: 10px;
	height: 28px;
	float: left;
}

.battery2 {
	margin-top: 48px;
	background: rgb(157, 213, 58);
	/* Old browsers */
	background: -moz-linear-gradient(top,
			rgba(157, 213, 58, 1) 0%,
			rgba(161, 213, 79, 1) 50%,
			rgba(128, 194, 23, 1) 51%,
			rgba(124, 188, 10, 1) 100%);
	background: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0%, rgba(157, 213, 58, 1)),
			color-stop(50%, rgba(161, 213, 79, 1)),
			color-stop(51%, rgba(128, 194, 23, 1)),
			color-stop(100%, rgba(124, 188, 10, 1)));
	background: -webkit-linear-gradient(top,
			rgba(157, 213, 58, 1) 0%,
			rgba(161, 213, 79, 1) 50%,
			rgba(128, 194, 23, 1) 51%,
			rgba(124, 188, 10, 1) 100%);
	background: -o-linear-gradient(top,
			rgba(157, 213, 58, 1) 0%,
			rgba(161, 213, 79, 1) 50%,
			rgba(128, 194, 23, 1) 51%,
			rgba(124, 188, 10, 1) 100%);
	background: -ms-linear-gradient(top,
			rgba(157, 213, 58, 1) 0%,
			rgba(161, 213, 79, 1) 50%,
			rgba(128, 194, 23, 1) 51%,
			rgba(124, 188, 10, 1) 100%);
	background: linear-gradient(to bottom,
			rgba(157, 213, 58, 1) 0%,
			rgba(161, 213, 79, 1) 50%,
			rgba(128, 194, 23, 1) 51%,
			rgba(124, 188, 10, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a', endColorstr='#7cbc0a', GradientType=0);
}

.battery:before,
.battery2:before {
	content: "";
	display: block;
	background: transparent;
	border: 6px solid #ffffff;
	margin: -12px;
	width: 95px;
	height: 52px;
	position: absolute;
	border-radius: 2px;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: -2px 0 5px 2px #222;
	z-index: 2000;
}

.battery:after,
.battery2:after {
	content: "";
	display: block;
	background: #ffffff;
	border: 6px solid #ffffff;
	margin: 0px 80px;
	width: 6px;
	height: 26px;
	position: absolute;
	border-radius: 2px;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	box-shadow: 2px 0 5px 2px #222;
	z-index: 0;
}

@-webkit-keyframes charging {
	from {
		width: 0px;
		background: #f00;
	}

	to {
		width: 72px;
		background: #0f0;
	}
}

@-webkit-keyframes charging2 {
	from {
		width: 0px;
	}

	to {
		width: 72px;
	}
}

.charging {
	-webkit-animation: charging 20s ease-in-out infinite;
}

.charging2 {
	-webkit-animation: charging2 20s ease-in-out infinite;
}

.charging_txt {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	clear: both;
	color: #fff;
	text-shadow: 0 2px #000;
}

@-webkit-keyframes glow {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.glow {
	-webkit-animation: glow 3s ease-in-out infinite;
	-webkit-animation-direction: alternate;
}

/* STEPPER */
ul.stepper li>span {
	text-align: center;
	padding: 1rem;
}

ul.stepper {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.stepper-horizontal li:not(:last-child):after {
	content: "";
	position: relative;
	flex: 1;
	margin: 0.5rem 0 0 0;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1);
}

ul.stepper li.completed .circle {
	background-color: #33b5e5 !important;
}

ul.stepper li .circle {
	display: inline-block;
	color: #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.38);
	width: 1.75rem;
	height: 1.75rem;
	text-align: center;
	line-height: 1.7rem;
	margin-right: 0.5rem;
}

/* on off switch */
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 22px;
	margin: 0;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: 0.4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: 0.4s;
}

input:checked+.slider {
	background-color: #2196f3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/******************/

.dropdown .dropdown-menu,
.dropleft .dropdown-menu,
.dropright .dropdown-menu,
.dropup .dropdown-menu {
	padding: 0.5rem;
}

.dropdown .dropdown-menu .dropdown-item.disconnect {
	background-color: #616161;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #fff;
	border-radius: 2px;
	text-align: center;
}

.dropdown .dropdown-menu .dropdown-item {
	text-align: center;
}

.dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #512da8;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #fff;
	border-radius: 2px;
	text-align: center;
}

/* affichae creature joueur */
.page-joueur .rune {
	min-height: auto;
}

.page-joueur.runes-monster .rune-stats {
	/*height:auto;	*/
}

.page-joueur .table {
	margin-bottom: 0px;
}

.page-joueur .max_stat {
	display: none;
}

/***********/
.btn.btn-icon {
	padding: 8px;
}

table.table.light td,
table.table.light th {
	padding: 5px !important;
	text-align: center;
}

/******************/
.spell-container {
	font-family: Roboto;
	background: url(../img/icon/tooltip-spells.png);
	background-size: contain;
	width: 350px;
	/*520*/
	height: 382px;
	/*568*/
}

.spell-header {
	width: 100%;
	font-weight: 600;
	padding-top: 7%;
	padding-bottom: 3%;
	font-size: 1.5em;
	color: #45351a;
	text-align: center;
	height: 19%;
	letter-spacing: -1px;
}

.spell-body {
	padding-top: 0%;
	text-align: center;
	padding-left: 7%;
	padding-right: 7%;
	color: white;
	height: 54%;
	font-size: 13px;
}

.spell-body table {
	height: 100%;
	width: 100%;
}

.spell-body table td {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 400;
}

.spell-footer {
	width: 60%;
	margin: 0 auto;
	padding-top: 2.2%;
	text-align: center;
	height: 11%;
	background: url(../img/spells/icon-bg.png) no-repeat;
	background-size: contain;
}

.spell-footer img {
	height: 75%;
}

.text-green {
	color: #06d005;
}

.spell-icon {
	background: url(../img/spells/btn-skill-enabled-ring.png) no-repeat;
	background-size: contain;
	width: 76px;
	height: 76px;
	text-align: center;
}

.spell-icon img {
	width: 48px;
	height: 48px;
	margin-top: 13px;
}

.spell-icon .passiveFx {
	width: 62px;
	height: 62px;
	top: 6px;
	margin-left: 7px;
	background: url(../img/icon/PassiveFX.png) center center no-repeat;
	background-size: contain;
	-webkit-animation: rotating 1.5s linear infinite;
	position: absolute;
}

.spell-icon-small {
	background: url(../img/spells/btn-skill-enabled-ring.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	text-align: center;
}

.spell-icon-small img {
	width: 38px;
	height: 38px;
	margin-top: 11px;
}

.spell-icon-small .passiveFx {
	width: 50px;
	height: 50px;
	top: 4px;
	margin-left: 5px;
	background: url(../img/icon/PassiveFX.png) center center no-repeat;
	background-size: contain;
	-webkit-animation: rotating 1.5s linear infinite;
	position: absolute;
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

.skill {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.skilldetail {
	visibility: hidden;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
	width: 350px;
	bottom: 100%;
	left: 50%;
	margin-left: -175px;
	/* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.skill:hover .skilldetail {
	visibility: visible;
}

.showAura {
	display: inline-block;
}

.showAura:hover .skilldetail {
	visibility: visible;
}

.showAura .skilldetail {
	visibility: hidden;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	width: 350px;
	bottom: 80%;
	left: 50%;
	margin-left: -175px;
}

.lastOfRow .lastSkill {
	left: -25px;
}

/* scroll bar*/
.home {
	font-family: "Montserrat", sans-serif;
}

.ui-autocomplete {
	position: absolute;
	z-index: 1000;
	cursor: default;
	padding: 0;
	margin-top: 2px;
	list-style: none;
	background-color: #292123;
	border: 1px solid #ccc;
}

.ui-autocomplete a {
	color: #ffffff;
}

.ui-autocomplete img {
	margin-right: 20px;
}

.ui-autocomplete>li {
	padding: 5px 8px;
}

.ui-autocomplete>li.ui-state-focus {
	background-color: #444444;
}

.ui-helper-hidden-accessible {
	display: none;
}

form {
	width: 100%;
}

/* LANDING PAGE */
.carousel-caption {
	top: 200px;
}

.page-header {
	background-color: #b2afab;
	background-position: center center;
	background-size: cover;
	min-height: 50vh;
	max-height: 999px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-dark {
	background-color: #212121;
	color: white;
}

.section-light {
	background-color: #512da8;
	color: white;
}

.section {
	padding: 75px 0;
}

.info {
	text-align: center;
}

.home-icon i {
	font-size: 50px;
	margin-bottom: 40px;
}

.slidehome h2 {
	font-size: 60px;
}

.home label {
	color: white;
}

.home .md-form input[type="text"]:focus:not([readonly])+label,
.home .md-form input[type="password"]:focus:not([readonly])+label,
.home .md-form input[type="email"]:focus:not([readonly])+label,
.home .md-form input[type="url"]:focus:not([readonly])+label,
.home .md-form input[type="time"]:focus:not([readonly])+label,
.home .md-form input[type="date"]:focus:not([readonly])+label,
.home .md-form input[type="datetime-local"]:focus:not([readonly])+label,
.home .md-form input[type="tel"]:focus:not([readonly])+label,
.home .md-form input[type="number"]:focus:not([readonly])+label,
.home .md-form input[type="search-md"]:focus:not([readonly])+label,
.home .md-form input[type="search"]:focus:not([readonly])+label,
.home .md-form textarea.md-textarea:focus:not([readonly])+label {
	color: white;
}

.container-portrait {
	overflow-x: visible;
	/*white-space: nowrap;*/
}

.container-portrait::-webkit-scrollbar {
	display: none;
}

.guild-monster-portrait {
	width: 55px;
	position: relative;
	display: inline-block;
	float: none;
	margin: 5px 0px;
}

.guild-monster-portrait img {
	width: 100%;
}

.guild-monster-portrait:after {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	color: white;
	text-align: center;
	line-height: 25px;
	font-size: 10px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.75);
	border-radius: 50%;
	content: attr(data-lvl);
	right: 2px;
	bottom: 0px;
}

/* STARS*/
.stars .container-star {
	position: relative;
	display: inline-block;
}

.stars .container-star.infinite::after {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	color: #eeca1b;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	text-shadow: 0 0 4px #000;
	font-weight: bold;
	content: attr(data-infinite);
	left: 0px;
	top: 0px;
}

.container-star.infiniteSmall::after {
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	color: #eeca1b;
	text-align: center;
	line-height: 26px;
	font-size: 10px;
	text-shadow: 0 0 4px #000;
	font-weight: bold;
	content: attr(data-infinite);
	left: 15px;
	top: -12px;
	z-index: 2;
}

.infinite {
	color: #fcc914;
	font-weight: bold !important;
	text-shadow: 0 0 4px #000;
	position: relative;
}

.infiniteSmall {
	color: #fcc914;
	font-weight: bold !important;
	text-shadow: 0 0 4px #000;
}

.stars-1,
.stars-2,
.stars-3,
.stars-4,
.stars-5 {
	position: absolute;
}

.stars-4 {
	width: 15px;
}

.stars-4.small-star-1 {
	left: 4px;
	top: 2px;
	transform: rotate(-45deg);
	width: 11px;
}

.stars-4.small-star-2,
.stars-2.small-star-1 {
	left: 14px;
	top: -5px;
	transform: rotate(-15deg);
	width: 13px;
}

.stars-4.small-star-3,
.stars-2.small-star-2 {
	right: 14px;
	top: -5px;
	transform: rotate(15deg);
	width: 13px;
}

.stars-4.small-star-4 {
	right: 4px;
	top: 2px;
	transform: rotate(45deg);
	width: 11px;
}

.stars-5.small-star-1 {
	left: 2px;
	top: 6px;
	transform: rotate(-55deg);
	width: 10px;
}

.stars-5.small-star-2,
.stars-3.small-star-1 {
	left: 10px;
	top: -2px;
	transform: rotate(-28deg);
	width: 11px;
}

.stars-5.small-star-3,
.stars-3.small-star-2,
.stars-1.small-star-1 {
	right: 21px;
	top: -6px;
	width: 13px;
}

.stars-5.small-star-4,
.stars-3.small-star-3 {
	right: 10px;
	top: -2px;
	transform: rotate(28deg);
	width: 11px;
}

.stars-5.small-star-5 {
	right: 2px;
	top: 6px;
	transform: rotate(55deg);
	width: 10px;
}

.infiniteSmall .stars-5.small-star-3 {
	width: 26px;
	right: 14px;
	top: -13px;
	z-index: 1;
}

/******************/

/************/

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-bottom: 0px;
}

/* amelioration ero aura */
.bar {
	list-style: none;
}

.bar>li {
	position: relative;
}

.bar>li .row {
	padding-left: 20px;
}

.bar>li:before {
	content: "\25CF";
	margin-right: 10px;
	font-size: 20px;
	position: absolute;
}

.bar>li:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	border-left: 2px solid white;
	margin-left: 5px;
	height: 100%;
}

.bar>li:first-of-type:after {
	top: 50%;
}

.bar>li:last-of-type:after {
	top: -60%;
}

.iframeVideo {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.iframeVideo iframe,
.iframeVideo embed,
.iframeVideo object {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}

/*************************/
/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
	clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
	position: absolute;
	border: 0.1em solid #5b32bc;
	width: 0.782em;
	height: 0.782em;
	clip: rect(0em, 0.5em, 1em, 0em);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.c100 {
	position: relative;
	font-size: 120px;
	width: 1em;
	height: 1em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin: 0 0.1em 0.1em 0;
	background-color: transparent;
	border: 1px solid #898689;
}

.c100 *,
.c100 *:before,
.c100 *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.c100.center {
	float: none;
	margin: 0 auto;
}

.c100.big {
	font-size: 240px;
}

.c100.small {
	font-size: 80px;
}

.c100>span {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	width: 5em;
	line-height: 5em;
	font-size: 0.2em;
	color: #fff;
	display: block;
	text-align: center;
	white-space: nowrap;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.c100:after {
	position: absolute;
	top: 0.1em;
	left: 0.1em;
	display: block;
	content: " ";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: whitesmoke;
	width: 0.79em;
	height: 0.79em;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.c100 .slice {
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
	-webkit-transform: rotate(3.6deg);
	-moz-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	-o-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}

.c100.p2 .bar {
	-webkit-transform: rotate(7.2deg);
	-moz-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	-o-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}

.c100.p3 .bar {
	-webkit-transform: rotate(10.8deg);
	-moz-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	-o-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}

.c100.p4 .bar {
	-webkit-transform: rotate(14.4deg);
	-moz-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	-o-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}

.c100.p5 .bar {
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	transform: rotate(18deg);
}

.c100.p6 .bar {
	-webkit-transform: rotate(21.6deg);
	-moz-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	-o-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}

.c100.p7 .bar {
	-webkit-transform: rotate(25.2deg);
	-moz-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	-o-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}

.c100.p8 .bar {
	-webkit-transform: rotate(28.8deg);
	-moz-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	-o-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}

.c100.p9 .bar {
	-webkit-transform: rotate(32.4deg);
	-moz-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	-o-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}

.c100.p10 .bar {
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
}

.c100.p11 .bar {
	-webkit-transform: rotate(39.6deg);
	-moz-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	-o-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}

.c100.p12 .bar {
	-webkit-transform: rotate(43.2deg);
	-moz-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	-o-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}

.c100.p13 .bar {
	-webkit-transform: rotate(46.8deg);
	-moz-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	-o-transform: rotate(46.8deg);
	transform: rotate(46.8deg);
}

.c100.p14 .bar {
	-webkit-transform: rotate(50.4deg);
	-moz-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	-o-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}

.c100.p15 .bar {
	-webkit-transform: rotate(54deg);
	-moz-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	transform: rotate(54deg);
}

.c100.p16 .bar {
	-webkit-transform: rotate(57.6deg);
	-moz-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	-o-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}

.c100.p17 .bar {
	-webkit-transform: rotate(61.2deg);
	-moz-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	-o-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}

.c100.p18 .bar {
	-webkit-transform: rotate(64.8deg);
	-moz-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	-o-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}

.c100.p19 .bar {
	-webkit-transform: rotate(68.4deg);
	-moz-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	-o-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}

.c100.p20 .bar {
	-webkit-transform: rotate(72deg);
	-moz-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	transform: rotate(72deg);
}

.c100.p21 .bar {
	-webkit-transform: rotate(75.6deg);
	-moz-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	-o-transform: rotate(75.6deg);
	transform: rotate(75.6deg);
}

.c100.p22 .bar {
	-webkit-transform: rotate(79.2deg);
	-moz-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	-o-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}

.c100.p23 .bar {
	-webkit-transform: rotate(82.8deg);
	-moz-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	-o-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}

.c100.p24 .bar {
	-webkit-transform: rotate(86.4deg);
	-moz-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	-o-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}

.c100.p25 .bar {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.c100.p26 .bar {
	-webkit-transform: rotate(93.6deg);
	-moz-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	-o-transform: rotate(93.6deg);
	transform: rotate(93.6deg);
}

.c100.p27 .bar {
	-webkit-transform: rotate(97.2deg);
	-moz-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	-o-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}

.c100.p28 .bar {
	-webkit-transform: rotate(100.8deg);
	-moz-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	-o-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}

.c100.p29 .bar {
	-webkit-transform: rotate(104.4deg);
	-moz-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	-o-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}

.c100.p30 .bar {
	-webkit-transform: rotate(108deg);
	-moz-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	transform: rotate(108deg);
}

.c100.p31 .bar {
	-webkit-transform: rotate(111.6deg);
	-moz-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	-o-transform: rotate(111.6deg);
	transform: rotate(111.6deg);
}

.c100.p32 .bar {
	-webkit-transform: rotate(115.2deg);
	-moz-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	-o-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}

.c100.p33 .bar {
	-webkit-transform: rotate(118.8deg);
	-moz-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	-o-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}

.c100.p34 .bar {
	-webkit-transform: rotate(122.4deg);
	-moz-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	-o-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}

.c100.p35 .bar {
	-webkit-transform: rotate(126deg);
	-moz-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	-o-transform: rotate(126deg);
	transform: rotate(126deg);
}

.c100.p36 .bar {
	-webkit-transform: rotate(129.6deg);
	-moz-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	-o-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}

.c100.p37 .bar {
	-webkit-transform: rotate(133.2deg);
	-moz-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	-o-transform: rotate(133.2deg);
	transform: rotate(133.2deg);
}

.c100.p38 .bar {
	-webkit-transform: rotate(136.8deg);
	-moz-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	-o-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}

.c100.p39 .bar {
	-webkit-transform: rotate(140.4deg);
	-moz-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	-o-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}

.c100.p40 .bar {
	-webkit-transform: rotate(144deg);
	-moz-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	transform: rotate(144deg);
}

.c100.p41 .bar {
	-webkit-transform: rotate(147.6deg);
	-moz-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	-o-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}

.c100.p42 .bar {
	-webkit-transform: rotate(151.2deg);
	-moz-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	-o-transform: rotate(151.2deg);
	transform: rotate(151.2deg);
}

.c100.p43 .bar {
	-webkit-transform: rotate(154.8deg);
	-moz-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	-o-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}

.c100.p44 .bar {
	-webkit-transform: rotate(158.4deg);
	-moz-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	-o-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}

.c100.p45 .bar {
	-webkit-transform: rotate(162deg);
	-moz-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	-o-transform: rotate(162deg);
	transform: rotate(162deg);
}

.c100.p46 .bar {
	-webkit-transform: rotate(165.6deg);
	-moz-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	-o-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}

.c100.p47 .bar {
	-webkit-transform: rotate(169.2deg);
	-moz-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	-o-transform: rotate(169.2deg);
	transform: rotate(169.2deg);
}

.c100.p48 .bar {
	-webkit-transform: rotate(172.8deg);
	-moz-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	-o-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}

.c100.p49 .bar {
	-webkit-transform: rotate(176.4deg);
	-moz-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	-o-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}

.c100.p50 .bar {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.c100.p51 .bar {
	-webkit-transform: rotate(183.6deg);
	-moz-transform: rotate(183.6deg);
	-ms-transform: rotate(183.6deg);
	-o-transform: rotate(183.6deg);
	transform: rotate(183.6deg);
}

.c100.p52 .bar {
	-webkit-transform: rotate(187.2deg);
	-moz-transform: rotate(187.2deg);
	-ms-transform: rotate(187.2deg);
	-o-transform: rotate(187.2deg);
	transform: rotate(187.2deg);
}

.c100.p53 .bar {
	-webkit-transform: rotate(190.8deg);
	-moz-transform: rotate(190.8deg);
	-ms-transform: rotate(190.8deg);
	-o-transform: rotate(190.8deg);
	transform: rotate(190.8deg);
}

.c100.p54 .bar {
	-webkit-transform: rotate(194.4deg);
	-moz-transform: rotate(194.4deg);
	-ms-transform: rotate(194.4deg);
	-o-transform: rotate(194.4deg);
	transform: rotate(194.4deg);
}

.c100.p55 .bar {
	-webkit-transform: rotate(198deg);
	-moz-transform: rotate(198deg);
	-ms-transform: rotate(198deg);
	-o-transform: rotate(198deg);
	transform: rotate(198deg);
}

.c100.p56 .bar {
	-webkit-transform: rotate(201.6deg);
	-moz-transform: rotate(201.6deg);
	-ms-transform: rotate(201.6deg);
	-o-transform: rotate(201.6deg);
	transform: rotate(201.6deg);
}

.c100.p57 .bar {
	-webkit-transform: rotate(205.2deg);
	-moz-transform: rotate(205.2deg);
	-ms-transform: rotate(205.2deg);
	-o-transform: rotate(205.2deg);
	transform: rotate(205.2deg);
}

.c100.p58 .bar {
	-webkit-transform: rotate(208.8deg);
	-moz-transform: rotate(208.8deg);
	-ms-transform: rotate(208.8deg);
	-o-transform: rotate(208.8deg);
	transform: rotate(208.8deg);
}

.c100.p59 .bar {
	-webkit-transform: rotate(212.4deg);
	-moz-transform: rotate(212.4deg);
	-ms-transform: rotate(212.4deg);
	-o-transform: rotate(212.4deg);
	transform: rotate(212.4deg);
}

.c100.p60 .bar {
	-webkit-transform: rotate(216deg);
	-moz-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	-o-transform: rotate(216deg);
	transform: rotate(216deg);
}

.c100.p61 .bar {
	-webkit-transform: rotate(219.6deg);
	-moz-transform: rotate(219.6deg);
	-ms-transform: rotate(219.6deg);
	-o-transform: rotate(219.6deg);
	transform: rotate(219.6deg);
}

.c100.p62 .bar {
	-webkit-transform: rotate(223.2deg);
	-moz-transform: rotate(223.2deg);
	-ms-transform: rotate(223.2deg);
	-o-transform: rotate(223.2deg);
	transform: rotate(223.2deg);
}

.c100.p63 .bar {
	-webkit-transform: rotate(226.8deg);
	-moz-transform: rotate(226.8deg);
	-ms-transform: rotate(226.8deg);
	-o-transform: rotate(226.8deg);
	transform: rotate(226.8deg);
}

.c100.p64 .bar {
	-webkit-transform: rotate(230.4deg);
	-moz-transform: rotate(230.4deg);
	-ms-transform: rotate(230.4deg);
	-o-transform: rotate(230.4deg);
	transform: rotate(230.4deg);
}

.c100.p65 .bar {
	-webkit-transform: rotate(234deg);
	-moz-transform: rotate(234deg);
	-ms-transform: rotate(234deg);
	-o-transform: rotate(234deg);
	transform: rotate(234deg);
}

.c100.p66 .bar {
	-webkit-transform: rotate(237.6deg);
	-moz-transform: rotate(237.6deg);
	-ms-transform: rotate(237.6deg);
	-o-transform: rotate(237.6deg);
	transform: rotate(237.6deg);
}

.c100.p67 .bar {
	-webkit-transform: rotate(241.2deg);
	-moz-transform: rotate(241.2deg);
	-ms-transform: rotate(241.2deg);
	-o-transform: rotate(241.2deg);
	transform: rotate(241.2deg);
}

.c100.p68 .bar {
	-webkit-transform: rotate(244.8deg);
	-moz-transform: rotate(244.8deg);
	-ms-transform: rotate(244.8deg);
	-o-transform: rotate(244.8deg);
	transform: rotate(244.8deg);
}

.c100.p69 .bar {
	-webkit-transform: rotate(248.4deg);
	-moz-transform: rotate(248.4deg);
	-ms-transform: rotate(248.4deg);
	-o-transform: rotate(248.4deg);
	transform: rotate(248.4deg);
}

.c100.p70 .bar {
	-webkit-transform: rotate(252deg);
	-moz-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	-o-transform: rotate(252deg);
	transform: rotate(252deg);
}

.c100.p71 .bar {
	-webkit-transform: rotate(255.6deg);
	-moz-transform: rotate(255.6deg);
	-ms-transform: rotate(255.6deg);
	-o-transform: rotate(255.6deg);
	transform: rotate(255.6deg);
}

.c100.p72 .bar {
	-webkit-transform: rotate(259.2deg);
	-moz-transform: rotate(259.2deg);
	-ms-transform: rotate(259.2deg);
	-o-transform: rotate(259.2deg);
	transform: rotate(259.2deg);
}

.c100.p73 .bar {
	-webkit-transform: rotate(262.8deg);
	-moz-transform: rotate(262.8deg);
	-ms-transform: rotate(262.8deg);
	-o-transform: rotate(262.8deg);
	transform: rotate(262.8deg);
}

.c100.p74 .bar {
	-webkit-transform: rotate(266.4deg);
	-moz-transform: rotate(266.4deg);
	-ms-transform: rotate(266.4deg);
	-o-transform: rotate(266.4deg);
	transform: rotate(266.4deg);
}

.c100.p75 .bar {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

.c100.p76 .bar {
	-webkit-transform: rotate(273.6deg);
	-moz-transform: rotate(273.6deg);
	-ms-transform: rotate(273.6deg);
	-o-transform: rotate(273.6deg);
	transform: rotate(273.6deg);
}

.c100.p77 .bar {
	-webkit-transform: rotate(277.2deg);
	-moz-transform: rotate(277.2deg);
	-ms-transform: rotate(277.2deg);
	-o-transform: rotate(277.2deg);
	transform: rotate(277.2deg);
}

.c100.p78 .bar {
	-webkit-transform: rotate(280.8deg);
	-moz-transform: rotate(280.8deg);
	-ms-transform: rotate(280.8deg);
	-o-transform: rotate(280.8deg);
	transform: rotate(280.8deg);
}

.c100.p79 .bar {
	-webkit-transform: rotate(284.4deg);
	-moz-transform: rotate(284.4deg);
	-ms-transform: rotate(284.4deg);
	-o-transform: rotate(284.4deg);
	transform: rotate(284.4deg);
}

.c100.p80 .bar {
	-webkit-transform: rotate(288deg);
	-moz-transform: rotate(288deg);
	-ms-transform: rotate(288deg);
	-o-transform: rotate(288deg);
	transform: rotate(288deg);
}

.c100.p81 .bar {
	-webkit-transform: rotate(291.6deg);
	-moz-transform: rotate(291.6deg);
	-ms-transform: rotate(291.6deg);
	-o-transform: rotate(291.6deg);
	transform: rotate(291.6deg);
}

.c100.p82 .bar {
	-webkit-transform: rotate(295.2deg);
	-moz-transform: rotate(295.2deg);
	-ms-transform: rotate(295.2deg);
	-o-transform: rotate(295.2deg);
	transform: rotate(295.2deg);
}

.c100.p83 .bar {
	-webkit-transform: rotate(298.8deg);
	-moz-transform: rotate(298.8deg);
	-ms-transform: rotate(298.8deg);
	-o-transform: rotate(298.8deg);
	transform: rotate(298.8deg);
}

.c100.p84 .bar {
	-webkit-transform: rotate(302.4deg);
	-moz-transform: rotate(302.4deg);
	-ms-transform: rotate(302.4deg);
	-o-transform: rotate(302.4deg);
	transform: rotate(302.4deg);
}

.c100.p85 .bar {
	-webkit-transform: rotate(306deg);
	-moz-transform: rotate(306deg);
	-ms-transform: rotate(306deg);
	-o-transform: rotate(306deg);
	transform: rotate(306deg);
}

.c100.p86 .bar {
	-webkit-transform: rotate(309.6deg);
	-moz-transform: rotate(309.6deg);
	-ms-transform: rotate(309.6deg);
	-o-transform: rotate(309.6deg);
	transform: rotate(309.6deg);
}

.c100.p87 .bar {
	-webkit-transform: rotate(313.2deg);
	-moz-transform: rotate(313.2deg);
	-ms-transform: rotate(313.2deg);
	-o-transform: rotate(313.2deg);
	transform: rotate(313.2deg);
}

.c100.p88 .bar {
	-webkit-transform: rotate(316.8deg);
	-moz-transform: rotate(316.8deg);
	-ms-transform: rotate(316.8deg);
	-o-transform: rotate(316.8deg);
	transform: rotate(316.8deg);
}

.c100.p89 .bar {
	-webkit-transform: rotate(320.4deg);
	-moz-transform: rotate(320.4deg);
	-ms-transform: rotate(320.4deg);
	-o-transform: rotate(320.4deg);
	transform: rotate(320.4deg);
}

.c100.p90 .bar {
	-webkit-transform: rotate(324deg);
	-moz-transform: rotate(324deg);
	-ms-transform: rotate(324deg);
	-o-transform: rotate(324deg);
	transform: rotate(324deg);
}

.c100.p91 .bar {
	-webkit-transform: rotate(327.6deg);
	-moz-transform: rotate(327.6deg);
	-ms-transform: rotate(327.6deg);
	-o-transform: rotate(327.6deg);
	transform: rotate(327.6deg);
}

.c100.p92 .bar {
	-webkit-transform: rotate(331.2deg);
	-moz-transform: rotate(331.2deg);
	-ms-transform: rotate(331.2deg);
	-o-transform: rotate(331.2deg);
	transform: rotate(331.2deg);
}

.c100.p93 .bar {
	-webkit-transform: rotate(334.8deg);
	-moz-transform: rotate(334.8deg);
	-ms-transform: rotate(334.8deg);
	-o-transform: rotate(334.8deg);
	transform: rotate(334.8deg);
}

.c100.p94 .bar {
	-webkit-transform: rotate(338.4deg);
	-moz-transform: rotate(338.4deg);
	-ms-transform: rotate(338.4deg);
	-o-transform: rotate(338.4deg);
	transform: rotate(338.4deg);
}

.c100.p95 .bar {
	-webkit-transform: rotate(342deg);
	-moz-transform: rotate(342deg);
	-ms-transform: rotate(342deg);
	-o-transform: rotate(342deg);
	transform: rotate(342deg);
}

.c100.p96 .bar {
	-webkit-transform: rotate(345.6deg);
	-moz-transform: rotate(345.6deg);
	-ms-transform: rotate(345.6deg);
	-o-transform: rotate(345.6deg);
	transform: rotate(345.6deg);
}

.c100.p97 .bar {
	-webkit-transform: rotate(349.2deg);
	-moz-transform: rotate(349.2deg);
	-ms-transform: rotate(349.2deg);
	-o-transform: rotate(349.2deg);
	transform: rotate(349.2deg);
}

.c100.p98 .bar {
	-webkit-transform: rotate(352.8deg);
	-moz-transform: rotate(352.8deg);
	-ms-transform: rotate(352.8deg);
	-o-transform: rotate(352.8deg);
	transform: rotate(352.8deg);
}

.c100.p99 .bar {
	-webkit-transform: rotate(356.4deg);
	-moz-transform: rotate(356.4deg);
	-ms-transform: rotate(356.4deg);
	-o-transform: rotate(356.4deg);
	transform: rotate(356.4deg);
}

.c100.p100 .bar {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.c100:hover {
	cursor: default;
}

.c100:hover>span {
	/* width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;*/
}

.c100:hover:after {
	/** top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;*/
}

.c100.dark {
	background-color: #777777;
}

.c100.transparent:after {
	background-color: #292123;
	border: 1px solid #898689;
}

.c100.dark .bar,
.c100.dark .fill {
	border-color: #c6ff00 !important;
}

.c100.dark>span {
	color: #777777;
}

.c100.dark:after {
	background-color: #666666;
}

.c100.dark:hover>span {
	color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
	border-color: #4db53c !important;
}

.c100.green:hover>span {
	color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
	border-color: #5fd400 !important;
}

.c100.green.dark:hover>span {
	color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
	border-color: #dd9d22 !important;
}

.c100.orange:hover>span {
	color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
	border-color: #e08833 !important;
}

.c100.orange.dark:hover>span {
	color: #e08833;
}

/**********************************/
/* Timeline */
.timeline,
.timeline-horizontal {
	list-style: none;
	padding: 0px;
	position: relative;
}

.timeline:before {
	top: 40px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eeeeee;
	left: 50%;
	margin-left: -1.5px;
}

.timeline .timeline-item {
	margin-bottom: 20px;
	position: relative;
}

.timeline .timeline-item:before,
.timeline .timeline-item:after {
	content: "";
	display: table;
}

.timeline .timeline-item:after {
	clear: both;
}

.timeline .timeline-item .timeline-badge {
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	text-align: center;
	position: absolute;
	top: 18px;
	left: 50%;
	margin-left: -25px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.75);
	font-size: 10px;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
	top: 2px;
	left: 0px;
}

.timeline .timeline-item .timeline-body:after {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	color: white;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.92);
	border-radius: 50%;
	content: attr(data-number);
	left: 0px;
	top: 0px;
}

.timeline .timeline-item .timeline-badge.fire {
	background: url(../img/icon/Element-fire.png) rgba(0, 0, 0, 0.8) no-repeat;
	background-size: contain;
}

.timeline .timeline-item .timeline-badge.earth {
	background: url(../img/icon/Element-earth.png) rgba(0, 0, 0, 0.8) no-repeat;
	background-size: contain;
}

.timeline .timeline-item .timeline-badge.air {
	background: url(../img/icon/Element-air.png) rgba(0, 0, 0, 0.8) no-repeat;
	background-size: contain;
}

.timeline .timeline-item .timeline-badge.water {
	background: url(../img/icon/Element-water.png) rgba(0, 0, 0, 0.8) no-repeat;
	background-size: contain;
}

.timeline .timeline-item .timeline-panel {
	position: relative;
	width: 46%;
	float: left;
	right: 16px;
}

/*.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 5px solid transparent;
  border-left: 5px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 5px solid transparent;
  content: " ";
}*/
.timeline .timeline-item .timeline-panel .timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline .timeline-item .timeline-panel .timeline-body>p,
.timeline .timeline-item .timeline-panel .timeline-body>ul {
	margin-bottom: 0;
}

.timeline .timeline-item .timeline-panel .timeline-body>p+p {
	margin-top: 5px;
}

.timeline .timeline-item:last-child:nth-child(even) {
	float: right;
}

.timeline .timeline-item:nth-child(even) .timeline-panel {
	float: right;
	left: 16px;
}

.timeline .timeline-item:nth-child(even) .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-horizontal {
	list-style: none;
	position: relative;
	display: inline-block;
}

.timeline-horizontal:before {
	height: 3px;
	top: auto;
	bottom: 14px;
	left: 0px;
	right: 0;
	width: 100%;
}

.timeline-horizontal .timeline-item {
	display: table-cell;
	height: 86px;
	float: none !important;
	padding-left: 0px;
	padding-right: 5px;
	text-align: center;
	margin: 0 auto;
	vertical-align: bottom;
}

.timeline-horizontal .timeline-item .timeline-panel {
	top: auto;
	bottom: 29px;
	display: inline-block;
	float: none !important;
	left: 5px !important;
	right: 0 !important;
	width: 100%;
}

/*.timeline-horizontal .timeline-item .timeline-panel:before {
  top: auto;
  bottom: -16px;
  left: 28px !important;
  right: auto;
  border-right: 16px solid transparent !important;
  border-top: 16px solid #c0c0c0 !important;
  border-bottom: 0 solid #c0c0c0 !important;
  border-left: 16px solid transparent !important;
}*/
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
	display: none;
}

.timeline-horizontal .timeline-item .timeline-badge {
	top: auto;
	bottom: 0px;
	left: 43px;
}

/*****************************/

.vignette.card {
	border-radius: 6px;
	margin-bottom: 25px;
}

.card {
	background: #292123;
	color: #fff;
}

.vignette .card-body {
	min-height: 150px;
	padding: 0;
	border-top: 1px solid #362b2b;
	border-left: 1px solid #362b2b;
	border-right: 1px solid #362b2b;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
	padding: 5px 0;
	background: #413333;
	/* Old browsers */
	background: -moz-radial-gradient(center,
			ellipse cover,
			#413333 11%,
			#000000 100%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center,
			ellipse cover,
			#413333 11%,
			#000000 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #413333 11%, #000000 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#413333', endColorstr='#000000', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.vignette .card-body img {
	height: 60px;
}

.vignette .card-body .container-portrait img {
	height: inherit;
}

.vignette .card-footer {
	border: 1px solid #483c41;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

	padding: 0px;
	text-align: center;
	color: #fff;
	text-shadow: 0px 2px 2px #1f1a1c;
	font-size: 20px;
	font-weight: bold;
	line-height: 38px;
	background: #3c3236;
	position: relative;
}

.vignette .card-footer span {
	z-index: 1;
	position: relative;
}

.vignette .card-footer:before {
	background: url(img/icon/detail-footer-left.png) no-repeat left center;
	position: absolute;
	left: 0;
	z-index: 0;
	bottom: 0;
	content: "";
	width: 48px;
	height: 38px;
	border-bottom-left-radius: 6px;
}

.vignette .card-footer:after {
	background: url(img/icon/detail-footer-right.png) no-repeat right center;
	position: absolute;
	right: 0;
	content: "";
	z-index: 0;
	bottom: 0;
	width: 48px;
	height: 38px;
	border-bottom-right-radius: 6px;
}

.vignette .card-body span.fire,
.vignette .card-body span.water,
.vignette .card-body span.earth,
.vignette .card-body span.air {
	position: relative;
	display: inline-block;
}

.vignette .card-body span.fire:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-fire.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.water:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-water.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.air:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-air.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.earth:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-earth.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.guild-data {
	position: relative;
	display: inline-block;
}

.guild-data:after {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	color: white;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.92);
	border-radius: 50%;
	content: attr(data-number);
	right: 0px;
	bottom: 0px;
}

/**/

table.dataTable thead {
	cursor: pointer;
}

table.dataTable thead>tr>td:active,
table.dataTable thead>tr>th:active {
	outline: 0;
}

div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label {
	margin-top: 1.2rem;
	margin-right: 1rem;
}

div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown,
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span {
	margin-top: 1rem;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
	text-align: left;
	font-weight: 400;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length input,
div.dataTables_wrapper div.dataTables_length select {
	width: auto;
}

div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0.5rem;
	display: inline-block;
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
	font-weight: 400;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

div.dataTables_wrapper div.dataTables_paginate {
	text-align: right;
	margin: 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
	background-color: #4285f4;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (max-width: 767px) {

	div.dataTables_wrapper div .dataTables_filter,
	div.dataTables_wrapper div .dataTables_info,
	div.dataTables_wrapper div .dataTables_length,
	div.dataTables_wrapper div .dataTables_paginate ul.pagination {
		text-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.bs-select select {
	display: inline-block !important;
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
	padding-right: 30px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
	position: absolute;
	bottom: 0.9em;
	display: block;
	opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
	right: 1em;
	content: "\f0d8";
	font-family: "Font Awesome 5 Free";
	font-size: 1rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
	content: "\f0dd";
	font-family: "Font Awesome 5 Free";
	right: 16px;
	line-height: 7px;
	font-size: 1rem;
}

table .th-sm {
	min-width: auto;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
	opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	opacity: 0;
}

/* range */

.range {
	width: 256px;
}

.range-labels {
	margin: 5px -12px 0;
	padding: 0;
	list-style: none;
}

.range-labels li {
	position: relative;
	float: left;
	width: 40px;
	text-align: center;
	color: #b2b2b2;
	font-size: 14px;
	cursor: pointer;
}

.range-labels .active.selected::before {
	display: none;
}

.progress {
	height: 0.65rem;
}

.low {
	background-color: #d32f2f;
}

.mid-low {
	background-color: #d34d2f;
}

.mid-plus {
	background-color: #bf7e1d;
}

.good {
	background-color: #06a228;
}

.high {
	background-color: #007bff;
}

.badge-pill {
	width: 46px;
	height: 46px;

	text-align: center;
	font-family: Montserrat;
	font-size: 15px;
	position: relative;
	padding: 0;
	color: #444;
}

.badge-pill span {
	z-index: 2;
	position: absolute;
	color: #fff;
	width: 46px;
	height: 46px;
	line-height: 46px;
	top: 0;
	left: 0;
	font-weight: bold;
}

.badge-pill:before {
	position: absolute;
	border-radius: 50%;
	background: #292123;
	height: 32px;
	width: 32px;
	top: 7px;
	left: 7px;

	content: "";
}

.small,
small {
	font-size: 60%;
}

.medium {
	font-size: 80%;
}

.vignette.card {
	border-radius: 6px;
	margin-bottom: 25px;
}

.vignette .card-body {
	padding: 0;
	border-top: 1px solid #362b2b;
	border-left: 1px solid #362b2b;
	border-right: 1px solid #362b2b;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
	padding: 5px 0;
	background: #413333;
	/* Old browsers */
	background: -moz-radial-gradient(center,
			ellipse cover,
			#413333 11%,
			#000000 100%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center,
			ellipse cover,
			#413333 11%,
			#000000 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #413333 11%, #000000 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#413333', endColorstr='#000000', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.vignette .card-body img {
	height: 69px;
}

.vignette .card-footer {
	border: 1px solid #483c41;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 0px;
	text-align: center;
	color: #fff;
	text-shadow: 0px 2px 2px #1f1a1c;
	font-size: 20px;
	font-weight: bold;
	line-height: 38px;
	background: #3c3236;
	position: relative;
}

.vignette .card-footer span {
	z-index: 1;
	position: relative;
}

.vignette .card-footer:before {
	background: url(../img/icon/detail-footer-left.png) no-repeat left center;
	position: absolute;
	left: 0;
	z-index: 0;
	bottom: 0;
	content: "";
	width: 48px;
	height: 38px;
	border-bottom-left-radius: 6px;
}

.vignette .card-footer:after {
	background: url(../img/icon/detail-footer-right.png) no-repeat right center;
	position: absolute;
	right: 0;
	content: "";
	z-index: 0;
	bottom: 0;
	width: 48px;
	height: 38px;
	border-bottom-right-radius: 6px;
}

.vignette .card-body span.fire,
.vignette .card-body span.water,
.vignette .card-body span.earth,
.vignette .card-body span.air,
.vignette .card-body span.dark,
.vignette .card-body span.light {
	position: relative;
	display: inline-block;
}

.vignette .card-body span.fire:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-fire.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.water:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-water.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.air:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-air.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.earth:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-earth.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.dark:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-dark.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

.vignette .card-body span.light:after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	color: white;
	text-align: center;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.92);
	background-image: url(img/icon/Element-light.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: "";
	right: 0px;
	bottom: 0px;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
	.sticky-top {
		position: -webkit-sticky;
		position: sticky;
		top: 100px;
		z-index: 1020;
	}
}

/*
#accountContainerPlayerData:before {
	width: 106px;
	height: 100%;
	opacity: 1;
	z-index: 0;
	position: absolute;
	top: -10px;
	left: -34px;
	background-image: url('../img/icon/side-banner-blue.png');
	content: '';
	background-size: contain;
	background-repeat: no-repeat;

}
#accountContainerPlayerData:after {
	width: 106px;
	height: 100%;
	opacity: 1;
	z-index: 0;
	position: absolute;
	top: -10px;
	right: -34px;
	background-image: url('../img/icon/side-banner-blue.png');
	content: '';
	background-size: contain;
	background-repeat: no-repeat;

}*/
.wowheadtooltip {
	padding: 8px;
}

.wowheadtooltip table {
	width: 100%;
}

.wowheadtooltip table tr th {
	padding: 0 0 0 4em;
	text-align: right;
	font-weight: normal;
}

.wowheadtooltip {
	padding: 8px;
}

.wowheadtooltip table {
	width: 100%;
}

.wowheadtooltip table tr th {
	padding: 0 0 0 4em;
	text-align: right;
	font-weight: normal;
}

.equipmentSlot {
	/*	width: 42px;
	height: 42px;
	margin: 1px;
	padding: 4px;
	background-size: contain;
	background-image: url(https://wow.zamimg.com/images/Icon/large/border/default.png);*/
}

.equipmentSlot.iconlarge ins {
	box-shadow: inset 0 0 0 1px #9d9d9d;
}

.equipmentSlot-large {
	width: 56px;
	height: 56px;
}

.equipmentSlot-small {
	width: 24px;
	height: 24px;
	margin: 0px;
	padding: 2px;
	display: inline-block;
	background-size: contain;
	background-image: url(https://wow.zamimg.com/images/Icon/large/border/default.png);
}

.navbar {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-weight: 600;
	font-size: 18px;
	border-radius: 8px;
	margin: 15px;
	box-sizing: border-box;
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	size: 18px;
}

.navbar-nav .nav-item .nav-link,
.nav-link {
	border-radius: 8px;
	min-height: 48px;
	line-height: 48px;
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.nav-link:hover {
	background-color: #23334e;
	color: #ffffff !important;
}

/*.navbar.navbar-dark {
	background-color: #162642;
}*/
.navbar.navbar-dark {
	background-color: #220d0b;
}

.nav-link,
.navbar {
	padding: 0;
}

/*
.navbar-brand {
	background-color: #111a2b;
	padding: 20px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
}*/
.navbar-brand {
	background-color: #1a0907;
	padding: 20px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
}

.navbar-brand img {
	height: 32px;
}

.dropdown-menu-new {
	padding: 12px !important;
	border-radius: 8px !important;
	/*margin-top: 20px!important;*/
	color: #ffffff;
	background-color: #132134;

	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	border: none;
	min-width: 365px;
}

.dropdown-arrow {
	background: #132134;
	border-color: transparent;
	border-radius: 4px;
	border-style: solid;
	border-width: 0;
	height: 16px;
	right: 0;
	position: absolute;
	top: 0px;
	transform: rotate(45deg) translate(-50%);
	transform-origin: center center;
	transition: opacity 0.1s ease;
	width: 16px;
	z-index: 1;
}

.navbar .dropdown-menu a {
	padding: 0;
	font-weight: 600;
}

.wow-bg-color {
	background: #0074e0;
}

.wow-color {
	color: #66c4ff !important;
}

.wow-secondary-color {
	color: rgb(255 255 255 / 30%);
}

.wow-enchant-color {
	color: #00ff00;
}

.upper {
	text-transform: uppercase;
}

.fs-12 {
	font-size: 12px;
}

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.container-custom {
	max-width: 1200px;
	/* Largeur maximale personnalisée en pixels */
	margin-left: auto;
	margin-right: auto;
}

.container3DModel,
.model_3d {
	max-height: 990px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

@media (max-width: 768px) {

	.container3DModel,
	#model_3d {
		max-height: 660px;
	}
}

.raidProgress {
	background: url(/img/zones/rpbg.jpg);
	background-position: top;
	border: 1px solid #3f4f56;
	border-radius: 0;
}

.raidProgress-name {
	transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	font-size: 1.08rem;
	line-height: 1.5;
	/* font-family: Open Sans,Arial,Helvetica,sans-serif;*/
	color: #f8b700;
	text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
	font-weight: 400;
}

.raidProgress-level {
	font-size: 12px;
}

.raidProgressImage {
	height: 116px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.raidProgressDifficulty {
	font-size: 0.75rem;
	line-height: 1.5;
	color: #f8b700;
	text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
	font-weight: 700;
	text-transform: uppercase;
}

.raidProgressDifficultyName {
	width: 30%;
}

.raidProgressDifficultyProgress {
	width: 70%;
}

.progressbar {
	background-color: #181818;
	/*	-webkit-box-shadow: inset 0 0 16px #000;*/
	box-shadow: inset 0 0 16px #000;
	color: #000;
	position: relative;
	min-height: 28px;
}

.progressbar-progress {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.progressbar-progress[data-pl="low"] {
	background: #99755c;
	/*   background: -webkit-gradient(linear,left top,right top,from(#69503f),to(#99755c));*/
	background: linear-gradient(90deg, #69503f 0, #99755c);
}

.progressbar-progress[data-pl="medium"] {
	background: #c76700;
	/*    background: -webkit-gradient(linear,left top,right top,from(#7b3f00),to(#c76700));*/
	background: linear-gradient(90deg, #7b3f00 0, #c76700);
}

.progressbar-progress[data-pl="high"] {
	background: #1b9601;
	/*   background: -webkit-gradient(linear,left top,right top,from(#0d4a00),to(#1b9601));*/
	background: linear-gradient(90deg, #0d4a00 0, #1b9601);
}

.progressbar-border {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid hsla(0, 0%, 100%, 0.2);
	background: transparent;
	z-index: 1;
}

.progressbar-content {
	text-align: left;
	margin-left: 10px;
	font-size: 1rem;
	line-height: 1.5;
	/*	font-family: Semplicita Pro, Open Sans, Arial, Helvetica, sans-serif;*/
	color: #fff;
	text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
	font-weight: 700;
	position: relative;
	padding: 5px;
	min-height: 1.5em;
}

/* FLEX */
.flex-items-center {
	align-items: center;
}

.flex {
	display: flex;
}

.tooltipRaid {
	display: none;
	pointer-events: none;
	position: fixed;
	z-index: 6;
}

.tooltipRaidContent {
	padding: 20px;
	display: inline-block;
	max-width: 400px;
	color: #fff;
	background-color: rgba(17, 17, 17, 0.9);
	border-radius: 5px;
	-webkit-box-shadow: #000 0 0 10px, inset 0 1px 0 hsla(0, 0%, 100%, 0.5);
	box-shadow: 0 0 10px #000, inset 0 1px 0 hsla(0, 0%, 100%, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.font-xSmall-beige {
	font-size: 1rem;
	line-height: 1.5;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	color: #ebdec2;
	text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
	font-weight: 400;
	text-transform: none;
}

.font-xSmall-vert {
	color: #00ff00;
}

@media (min-width: 768px) {
	.border-md-right {
		border-right: 1px solid #dee2e6;
		/* Remplacez la couleur par celle de votre choix */
	}

	.border-md-left {
		border-left: 1px solid #dee2e6;
		/* Remplacez la couleur par celle de votre choix */
	}
}

.gear-grid {
	box-sizing: border-box;
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
}

.gear-grid canvas {
	left: 0;
	position: absolute;
	top: 0;
}

.gear-slots {
	display: inline-flex;
	grid-column: 1 / span 12;
	grid-row: 3 / span 1;

	margin: 0;
	width: 100%;
	flex-wrap: wrap;
}

.gear-slots-group {
	display: flex;
	/*justify-content: space-between;*/
	flex-direction: column;
	width: 50%;
}

.gear-slots-group[data-group="0"] .gear-slot {
	justify-content: flex-start;
	text-align: left;
}

.gear-slots-group[data-group="1"] .gear-slot {
	justify-content: flex-end;
	text-align: right;
}

.gear-slots-group[data-group="2"] {
	flex-wrap: wrap;
	text-align: right;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	display: flex;
}

.gear-slots-group[data-group="2"] .gear-slot {
	flex: 1 0 auto;
	width: 50%;
	display: flex;
	justify-content: flex-end;
}

/****************/

.gear-slots-group[data-group="1"] .gear-slot {
	justify-content: flex-end;
	text-align: right;
}

.gear-slots-group[data-group="1"] .gear-icon {
	margin-left: 5px;
	order: 100;
}

.gear-slots-group[data-group="1"] .gear-enchant {
	order: 110;
}

.gear-slots-group[data-group="1"] .gear-name {
	justify-content: flex-end;
}

.gear-slots-group[data-group="2"] .gear-slot[data-name-position="right"] {
	text-align: left;
	justify-content: flex-start;
}

.gear-slots-group[data-group="2"] .gear-slot[data-name-position="right"] {
	justify-content: flex-start;
}

.gear-slots-group[data-group="2"] .gear-slot[data-name-position="right"] .gear-icon {
	justify-content: flex-start;
	order: 1;
}

.gear-slots-group[data-group="2"] .gear-slot[data-name-position="right"] .gear-name {
	justify-content: flex-start;
	order: 2;
}

.gear-slots-group[data-group="2"] .gear-name {
	justify-content: flex-end;
	order: 1;
}

.gear-slots-group[data-group="2"] .gear-icon {
	justify-content: flex-end;
	order: 2;
}

/******************** */

.gear-slot {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	min-height: 66px;
	overflow: hidden;

	position: relative;
	text-overflow: ellipsis;
	width: 100%;
}

.gear-slot .gear-icon {
	margin-right: 3px;
}

.gear-slot .gear-name {
	flex: 0 0 35%;
	display: flex;
	flex-flow: row wrap;
	/*	padding-top: 3px;*/
}

.gear-slot .gear-name .gear-name-link {
	font-size: 14px;
	font-style: normal;
	width: 100%;
	font-weight: 600;
	max-height: 32px;
	line-height: 1.15em;
	overflow: hidden;
}

.gear-slot .gear-name a:hover {
	color: #fff !important;
}

.wh-link {
	display: block;
}

.q0 ins {
	box-shadow: inset 0 0 0 1px #9d9d9d;
}

.q1 ins {
	box-shadow: inset 0 0 0 1px #fff;
}

.q2 ins {
	box-shadow: inset 0 0 0 1px #1eff00;
}

.q3 ins {
	box-shadow: inset 0 0 0 1px #0070dd;
}

.q4 ins {
	box-shadow: inset 0 0 0 1px #a335ee;
}

.q5 ins {
	box-shadow: inset 0 0 0 1px #ff8000;
}

.q6 ins {
	box-shadow: inset 0 0 0 1px #e5cc80;
}

.q7 ins {
	box-shadow: inset 0 0 0 1px #0cf;
}

.q8 ins {
	box-shadow: inset 0 0 0 1px #a335ee;
}

.iconlarge del,
.iconsmall del {
	background-image: none;
}

.iconlarge {
	height: 56px;
	width: 56px;
}

.iconlarge>* {
	transform: scale(0.8235294118);
}

.iconlarge ins {
	height: 56px;
	width: 56px;
	left: 0px;
	top: 0px;
	border-radius: 4px;
}

.raidComp .iconmedium {
	height: 25px;
	width: 25px;
	margin-right: 5px;
}

.raidComp .iconmedium ins {
	height: 25px;
	width: 25px;
	left: 0px;
	top: 0px;
	border-radius: 4px;
}

.raidComp .iconmedium del {
	background-image: none;
}

.iconsmall a {
	/*	height: inherit;*/
	/*	width: inherit;*/
	background: none;
}

.horde {
	color: #b30000;
}

.alliance {
	color: #0078ff;
}

.dark-mode .modal-content {
	background-color: #343a40;
	/* Couleur de fond sombre */
	color: #ffffff;
	/* Couleur du texte clair */
}

.dark-mode .form-group label {
	color: #ffffff;
	/* Couleur des étiquettes claires */
}

.dark-mode .form-control {
	background-color: #495057;
	/* Couleur de fond sombre pour les champs d'entrée */
	color: #ffffff;
	/* Couleur du texte clair pour les champs d'entrée */
}

.dark-mode .btn-primary {
	background-color: #007bff;
	/* Couleur de fond pour le bouton "Scanner" */
	color: #ffffff;
	/* Couleur du texte clair pour le bouton "Scanner" */
}

.form-control.headerSearch {
	font-weight: bold;
	border-radius: 10px;
	padding: 25px;
	padding-left: 43px;
	border: 2px solid #132134;
}

.form-control.headerSearch:hover {
	border-color: #fff;
}

.form-control.headerSearch:focus {
	border-color: #f8b700;
}

.form-control.headerSearch+.fa-magnifying-glass {
	position: absolute;
	top: 27px;
	left: 25px;
}


.whspell {
	position: relative;
}

.whspell::after {
	background-color: #000;
	border: #333;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	border-radius: 3px !important;
	bottom: -15px;
	content: attr(data-rank);
	cursor: pointer;
	border: 1px solid #fff;
	border-color: rgba(255, 209, 0, 0.8);
	color: #fff;
	font-size: 11px;
	padding: 0 3px;
	position: absolute;
	right: 0px;
	user-select: none;
}

.specContainer {
	background: url(/img/repeating_leather_brown.jpg);
	background-position: top;
	border: 1px solid #3f4f56;
	border-radius: 0;
}