/*================================================================================
	Item Name: Robust - Responsive Admin Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.item-titre-all {
	font-size: 16px;
}

body{
	font-family: "Nunito Sans" !important;
    background-color: #b2bec3;
}
/****************************DEBUT ==> Bouton hamburger ****************************/
.menu,
.menu-leftToRight {
	-webkit-filter: url("#shadowed-goo");
	filter: url("#shadowed-goo");
}

.menu-itembtn,
.menu-open-button {
	border: 1px solid #1e81b0;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	position: absolute;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform ease-out 200ms !important;
	transition: -webkit-transform ease-out 200ms !important;
	transition: transform ease-out 200ms !important;
	transition: transform ease-out 200ms, -webkit-transform ease-out 200ms !important;
	padding: .5rem .5rem !important;
}

.menu .menu-itembtn,
.menu .menu-open-button {
	background-color: #FFF;
	line-height: 30px;
}

.menu-open {
	display: block;
}

.hamburger {
	width: 18px;
	height: 3px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -9px;
	margin-top: -1.5px;
	-webkit-transition: -webkit-transform 200ms;
	transition: -webkit-transform 200ms;
	transition: transform 200ms;
	transition: transform 200ms, -webkit-transform 200ms;
}

.hamburger-1 {
	-webkit-transform: translate3d(0, -6px, 0);
	transform: translate3d(0, -6px, 0);
}

.hamburger-2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.hamburger-3 {
	-webkit-transform: translate3d(0, 6px, 0);
	transform: translate3d(0, 6px, 0);
}

.menu-open:checked+.menu-open-button .hamburger-1 {
	-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
	transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked+.menu-open-button .hamburger-2 {
	-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
	transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked+.menu-open-button .hamburger-3 {
	-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
	transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu,
.menu-leftToRight {
	position: relative;
	box-sizing: border-box;
	font-size: 20px;
	z-index: 1000;
}

.table th,
.table td {
	padding: 1.2rem 2rem !important;
}

.menu-item:nth-child(*) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-open-button {
	z-index: 2;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	cursor: pointer;
}

.menu-open-button:hover {
	-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked+.menu-open-button {
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: 100ms;
	transition-duration: 100ms;
	-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
	transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu .menu-open:checked~.menu-item {
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menu .menu-open:checked~.menu-item:nth-child(3) {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transform: translate3d(60px, 0, 0);
	transform: translate3d(40px, 0, 0);
}

.menu .menu-open:checked~.menu-item:nth-child(4) {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(120px, 0, 0);
	transform: translate3d(85px, 0, 0);
}

.menu .menu-open:checked~.menu-item:nth-child(5) {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: translate3d(180px, 0, 0);
	transform: translate3d(130px, 0, 0);
}

.menu .menu-open:checked~.menu-item:nth-child(6) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(180px, 0, 0);
	transform: translate3d(130px, 0, 0);
}

.menu .menu-open:checked~.menu-item:nth-child(7) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(180px, 0, 0);
	transform: translate3d(130px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-item:nth-child(3) {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transform: translate3d(-36px, 0, 0);
	transform: translate3d(-36px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-item:nth-child(4) {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(-73px, 0, 0);
	transform: translate3d(-73px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-item:nth-child(5) {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: translate3d(-110px, 0, 0);
	transform: translate3d(-110px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-item:nth-child(6) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(-147px, 0, 0);
	transform: translate3d(-147px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-item:nth-child(7) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(-183px, 0, 0);
	transform: translate3d(-183px, 0, 0);
}


*>.intro-x:nth-child(1) {
	z-index: 49;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.1s;
}

*>.-intro-x:nth-child(1) {
	z-index: 49;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.1s;
}

*>.intro-y:nth-child(1) {
	z-index: 49;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.1s;
}

*>.-intro-y:nth-child(1) {
	z-index: 49;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.1s;
}

*>.intro-x:nth-child(2) {
	z-index: 48;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.2s;
}

*>.-intro-x:nth-child(2) {
	z-index: 48;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.2s;
}

*>.intro-y:nth-child(2) {
	z-index: 48;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.2s;
}

*>.-intro-y:nth-child(2) {
	z-index: 48;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.2s;
}

*>.intro-x:nth-child(3) {
	z-index: 47;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.3s;
}

*>.-intro-x:nth-child(3) {
	z-index: 47;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.3s;
}

*>.intro-y:nth-child(3) {
	z-index: 47;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.3s;
}

*>.-intro-y:nth-child(3) {
	z-index: 47;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.3s;
}

*>.intro-x:nth-child(4) {
	z-index: 46;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.4s;
}

*>.-intro-x:nth-child(4) {
	z-index: 46;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.4s;
}

*>.intro-y:nth-child(4) {
	z-index: 46;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.4s;
}

*>.-intro-y:nth-child(4) {
	z-index: 46;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.4s;
}

*>.intro-x:nth-child(5) {
	z-index: 45;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

*>.-intro-x:nth-child(5) {
	z-index: 45;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

*>.intro-y:nth-child(5) {
	z-index: 45;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

*>.-intro-y:nth-child(5) {
	z-index: 45;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

*>.intro-x:nth-child(6) {
	z-index: 44;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.6s;
}

*>.-intro-x:nth-child(6) {
	z-index: 44;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.6s;
}

*>.intro-y:nth-child(6) {
	z-index: 44;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.6s;
}

*>.-intro-y:nth-child(6) {
	z-index: 44;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.6s;
}

*>.intro-x:nth-child(7) {
	z-index: 43;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.7s;
}

*>.-intro-x:nth-child(7) {
	z-index: 43;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.7s;
}

*>.intro-y:nth-child(7) {
	z-index: 43;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.7s;
}

*>.-intro-y:nth-child(7) {
	z-index: 43;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.7s;
}

*>.intro-x:nth-child(8) {
	z-index: 42;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.8s;
}

*>.-intro-x:nth-child(8) {
	z-index: 42;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.8s;
}

*>.intro-y:nth-child(8) {
	z-index: 42;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.8s;
}

*>.-intro-y:nth-child(8) {
	z-index: 42;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.8s;
}

*>.intro-x:nth-child(9) {
	z-index: 41;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.9s;
}

*>.-intro-x:nth-child(9) {
	z-index: 41;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.9s;
}

*>.intro-y:nth-child(9) {
	z-index: 41;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.9s;
}

*>.-intro-y:nth-child(9) {
	z-index: 41;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 0.9s;
}

*>.intro-x:nth-child(10) {
	z-index: 40;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

*>.-intro-x:nth-child(10) {
	z-index: 40;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

*>.intro-y:nth-child(10) {
	z-index: 40;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

*>.-intro-y:nth-child(10) {
	z-index: 40;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

*>.intro-x:nth-child(11) {
	z-index: 39;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.1s;
}

*>.-intro-x:nth-child(11) {
	z-index: 39;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.1s;
}

*>.intro-y:nth-child(11) {
	z-index: 39;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.1s;
}

*>.-intro-y:nth-child(11) {
	z-index: 39;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.1s;
}

*>.intro-x:nth-child(12) {
	z-index: 38;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.2s;
}

*>.-intro-x:nth-child(12) {
	z-index: 38;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.2s;
}

*>.intro-y:nth-child(12) {
	z-index: 38;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.2s;
}

*>.-intro-y:nth-child(12) {
	z-index: 38;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.2s;
}

*>.intro-x:nth-child(13) {
	z-index: 37;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.3s;
}

*>.-intro-x:nth-child(13) {
	z-index: 37;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.3s;
}

*>.intro-y:nth-child(13) {
	z-index: 37;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.3s;
}

*>.-intro-y:nth-child(13) {
	z-index: 37;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.3s;
}

*>.intro-x:nth-child(14) {
	z-index: 36;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.4s;
}

*>.-intro-x:nth-child(14) {
	z-index: 36;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.4s;
}

*>.intro-y:nth-child(14) {
	z-index: 36;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.4s;
}

*>.-intro-y:nth-child(14) {
	z-index: 36;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.4s;
}

*>.intro-x:nth-child(15) {
	z-index: 35;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
}

*>.-intro-x:nth-child(15) {
	z-index: 35;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
}

*>.intro-y:nth-child(15) {
	z-index: 35;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
}

*>.-intro-y:nth-child(15) {
	z-index: 35;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
}

*>.intro-x:nth-child(16) {
	z-index: 34;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.6s;
}

*>.-intro-x:nth-child(16) {
	z-index: 34;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.6s;
}

*>.intro-y:nth-child(16) {
	z-index: 34;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.6s;
}

*>.-intro-y:nth-child(16) {
	z-index: 34;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.6s;
}

*>.intro-x:nth-child(17) {
	z-index: 33;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.7s;
}

*>.-intro-x:nth-child(17) {
	z-index: 33;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.7s;
}

*>.intro-y:nth-child(17) {
	z-index: 33;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.7s;
}

*>.-intro-y:nth-child(17) {
	z-index: 33;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.7s;
}

*>.intro-x:nth-child(18) {
	z-index: 32;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.8s;
}

*>.-intro-x:nth-child(18) {
	z-index: 32;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.8s;
}

*>.intro-y:nth-child(18) {
	z-index: 32;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.8s;
}

*>.-intro-y:nth-child(18) {
	z-index: 32;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.8s;
}

*>.intro-x:nth-child(19) {
	z-index: 31;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.9s;
}

*>.-intro-x:nth-child(19) {
	z-index: 31;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.9s;
}

*>.intro-y:nth-child(19) {
	z-index: 31;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.9s;
}

*>.-intro-y:nth-child(19) {
	z-index: 31;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 1.9s;
}

*>.intro-x:nth-child(20) {
	z-index: 30;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2s;
}

*>.-intro-x:nth-child(20) {
	z-index: 30;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2s;
}

*>.intro-y:nth-child(20) {
	z-index: 30;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2s;
}

*>.-intro-y:nth-child(20) {
	z-index: 30;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2s;
}

*>.intro-x:nth-child(21) {
	z-index: 29;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.1s;
}

*>.-intro-x:nth-child(21) {
	z-index: 29;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.1s;
}

*>.intro-y:nth-child(21) {
	z-index: 29;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.1s;
}

*>.-intro-y:nth-child(21) {
	z-index: 29;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.1s;
}

*>.intro-x:nth-child(22) {
	z-index: 28;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.2s;
}

*>.-intro-x:nth-child(22) {
	z-index: 28;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.2s;
}

*>.intro-y:nth-child(22) {
	z-index: 28;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.2s;
}

*>.-intro-y:nth-child(22) {
	z-index: 28;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.2s;
}

*>.intro-x:nth-child(23) {
	z-index: 27;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.3s;
}

*>.-intro-x:nth-child(23) {
	z-index: 27;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.3s;
}

*>.intro-y:nth-child(23) {
	z-index: 27;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.3s;
}

*>.-intro-y:nth-child(23) {
	z-index: 27;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.3s;
}

*>.intro-x:nth-child(24) {
	z-index: 26;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.4s;
}

*>.-intro-x:nth-child(24) {
	z-index: 26;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.4s;
}

*>.intro-y:nth-child(24) {
	z-index: 26;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.4s;
}

*>.-intro-y:nth-child(24) {
	z-index: 26;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.4s;
}

*>.intro-x:nth-child(25) {
	z-index: 25;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.5s;
}

*>.-intro-x:nth-child(25) {
	z-index: 25;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.5s;
}

*>.intro-y:nth-child(25) {
	z-index: 25;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.5s;
}

*>.-intro-y:nth-child(25) {
	z-index: 25;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.5s;
}

*>.intro-x:nth-child(26) {
	z-index: 24;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.6s;
}

*>.-intro-x:nth-child(26) {
	z-index: 24;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.6s;
}

*>.intro-y:nth-child(26) {
	z-index: 24;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.6s;
}

*>.-intro-y:nth-child(26) {
	z-index: 24;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.6s;
}

*>.intro-x:nth-child(27) {
	z-index: 23;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.7s;
}

*>.-intro-x:nth-child(27) {
	z-index: 23;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.7s;
}

*>.intro-y:nth-child(27) {
	z-index: 23;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.7s;
}

*>.-intro-y:nth-child(27) {
	z-index: 23;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.7s;
}

*>.intro-x:nth-child(28) {
	z-index: 22;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.8s;
}

*>.-intro-x:nth-child(28) {
	z-index: 22;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.8s;
}

*>.intro-y:nth-child(28) {
	z-index: 22;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.8s;
}

*>.-intro-y:nth-child(28) {
	z-index: 22;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.8s;
}

*>.intro-x:nth-child(29) {
	z-index: 21;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.9s;
}

*>.-intro-x:nth-child(29) {
	z-index: 21;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.9s;
}

*>.intro-y:nth-child(29) {
	z-index: 21;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.9s;
}

*>.-intro-y:nth-child(29) {
	z-index: 21;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 2.9s;
}

*>.intro-x:nth-child(30) {
	z-index: 20;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3s;
}

*>.-intro-x:nth-child(30) {
	z-index: 20;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3s;
}

*>.intro-y:nth-child(30) {
	z-index: 20;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3s;
}

*>.-intro-y:nth-child(30) {
	z-index: 20;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3s;
}

*>.intro-x:nth-child(31) {
	z-index: 19;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.1s;
}

*>.-intro-x:nth-child(31) {
	z-index: 19;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.1s;
}

*>.intro-y:nth-child(31) {
	z-index: 19;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.1s;
}

*>.-intro-y:nth-child(31) {
	z-index: 19;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.1s;
}

*>.intro-x:nth-child(32) {
	z-index: 18;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.2s;
}

*>.-intro-x:nth-child(32) {
	z-index: 18;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.2s;
}

*>.intro-y:nth-child(32) {
	z-index: 18;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.2s;
}

*>.-intro-y:nth-child(32) {
	z-index: 18;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.2s;
}

*>.intro-x:nth-child(33) {
	z-index: 17;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.3s;
}

*>.-intro-x:nth-child(33) {
	z-index: 17;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.3s;
}

*>.intro-y:nth-child(33) {
	z-index: 17;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.3s;
}

*>.-intro-y:nth-child(33) {
	z-index: 17;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.3s;
}

*>.intro-x:nth-child(34) {
	z-index: 16;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.4s;
}

*>.-intro-x:nth-child(34) {
	z-index: 16;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.4s;
}

*>.intro-y:nth-child(34) {
	z-index: 16;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.4s;
}

*>.-intro-y:nth-child(34) {
	z-index: 16;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.4s;
}

*>.intro-x:nth-child(35) {
	z-index: 15;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.5s;
}

*>.-intro-x:nth-child(35) {
	z-index: 15;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.5s;
}

*>.intro-y:nth-child(35) {
	z-index: 15;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.5s;
}

*>.-intro-y:nth-child(35) {
	z-index: 15;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.5s;
}

*>.intro-x:nth-child(36) {
	z-index: 14;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.6s;
}

*>.-intro-x:nth-child(36) {
	z-index: 14;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.6s;
}

*>.intro-y:nth-child(36) {
	z-index: 14;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.6s;
}

*>.-intro-y:nth-child(36) {
	z-index: 14;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.6s;
}

*>.intro-x:nth-child(37) {
	z-index: 13;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.7s;
}

*>.-intro-x:nth-child(37) {
	z-index: 13;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.7s;
}

*>.intro-y:nth-child(37) {
	z-index: 13;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.7s;
}

*>.-intro-y:nth-child(37) {
	z-index: 13;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.7s;
}

*>.intro-x:nth-child(38) {
	z-index: 12;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.8s;
}

*>.-intro-x:nth-child(38) {
	z-index: 12;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.8s;
}

*>.intro-y:nth-child(38) {
	z-index: 12;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.8s;
}

*>.-intro-y:nth-child(38) {
	z-index: 12;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.8s;
}

*>.intro-x:nth-child(39) {
	z-index: 11;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.9s;
}

*>.-intro-x:nth-child(39) {
	z-index: 11;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.9s;
}

*>.intro-y:nth-child(39) {
	z-index: 11;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.9s;
}

*>.-intro-y:nth-child(39) {
	z-index: 11;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 3.9s;
}

*>.intro-x:nth-child(40) {
	z-index: 10;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4s;
}

*>.-intro-x:nth-child(40) {
	z-index: 10;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4s;
}

*>.intro-y:nth-child(40) {
	z-index: 10;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4s;
}

*>.-intro-y:nth-child(40) {
	z-index: 10;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4s;
}

*>.intro-x:nth-child(41) {
	z-index: 9;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.1s;
}

*>.-intro-x:nth-child(41) {
	z-index: 9;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.1s;
}

*>.intro-y:nth-child(41) {
	z-index: 9;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.1s;
}

*>.-intro-y:nth-child(41) {
	z-index: 9;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.1s;
}

*>.intro-x:nth-child(42) {
	z-index: 8;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.2s;
}

*>.-intro-x:nth-child(42) {
	z-index: 8;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.2s;
}

*>.intro-y:nth-child(42) {
	z-index: 8;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.2s;
}

*>.-intro-y:nth-child(42) {
	z-index: 8;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.2s;
}

*>.intro-x:nth-child(43) {
	z-index: 7;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.3s;
}

*>.-intro-x:nth-child(43) {
	z-index: 7;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.3s;
}

*>.intro-y:nth-child(43) {
	z-index: 7;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.3s;
}

*>.-intro-y:nth-child(43) {
	z-index: 7;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.3s;
}

*>.intro-x:nth-child(44) {
	z-index: 6;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.4s;
}

*>.-intro-x:nth-child(44) {
	z-index: 6;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.4s;
}

*>.intro-y:nth-child(44) {
	z-index: 6;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.4s;
}

*>.-intro-y:nth-child(44) {
	z-index: 6;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.4s;
}

*>.intro-x:nth-child(45) {
	z-index: 5;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.5s;
}

*>.-intro-x:nth-child(45) {
	z-index: 5;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.5s;
}

*>.intro-y:nth-child(45) {
	z-index: 5;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.5s;
}

*>.-intro-y:nth-child(45) {
	z-index: 5;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.5s;
}

*>.intro-x:nth-child(46) {
	z-index: 4;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.6s;
}

*>.-intro-x:nth-child(46) {
	z-index: 4;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.6s;
}

*>.intro-y:nth-child(46) {
	z-index: 4;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.6s;
}

*>.-intro-y:nth-child(46) {
	z-index: 4;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.6s;
}

*>.intro-x:nth-child(47) {
	z-index: 3;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.7s;
}

*>.-intro-x:nth-child(47) {
	z-index: 3;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.7s;
}

*>.intro-y:nth-child(47) {
	z-index: 3;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.7s;
}

*>.-intro-y:nth-child(47) {
	z-index: 3;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.7s;
}

*>.intro-x:nth-child(48) {
	z-index: 2;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.8s;
}

*>.-intro-x:nth-child(48) {
	z-index: 2;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.8s;
}

*>.intro-y:nth-child(48) {
	z-index: 2;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.8s;
}

*>.-intro-y:nth-child(48) {
	z-index: 2;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.8s;
}

*>.intro-x:nth-child(49) {
	z-index: 1;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.9s;
}

*>.-intro-x:nth-child(49) {
	z-index: 1;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.9s;
}

*>.intro-y:nth-child(49) {
	z-index: 1;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.9s;
}

*>.-intro-y:nth-child(49) {
	z-index: 1;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 4.9s;
}

*>.intro-x:nth-child(50) {
	z-index: 0;
	@apply opacity-0 relative;
	transform: translateX(50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}

*>.-intro-x:nth-child(50) {
	z-index: 0;
	@apply opacity-0 relative;
	transform: translateX(-50px);
	animation: 0.4s intro-x-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}

*>.intro-y:nth-child(50) {
	z-index: 0;
	@apply opacity-0 relative;
	transform: translateY(50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}

*>.-intro-y:nth-child(50) {
	z-index: 0;
	@apply opacity-0 relative;
	transform: translateY(-50px);
	animation: 0.4s intro-y-animation ease-in-out .33333s;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}

@keyframes intro-x-animation {
	100% {
		@apply opacity-100;
		transform: translateX(0px);
	}
}

@keyframes intro-y-animation {
	100% {
		@apply opacity-100;
		transform: translateY(0px);
	}
}

@-webkit-keyframes chartjs-render-animation {
	from {
		opacity: 0.99;
	}

	to {
		opacity: 1;
	}
}

@keyframes chartjs-render-animation {
	from {
		opacity: 0.99;
	}

	to {
		opacity: 1;
	}
}

button .focus,
a .focus {
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

button:focus,
a:focus {
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.bg-azure {
	background-color: #F5FBFA;
}

.bg-template-1 {
	background-color: #3BAFDA;
}

.bg-template-2 {
	background-color: #A99431;
}

.bg-yellow-1 {
	background-color: #b09a62;
}

.menu-open:checked+.menu-open-button .hamburger-1 {
	-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
	transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked+.menu-open-button .hamburger-2 {
	-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
	transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked+.menu-open-button .hamburger-3 {
	-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
	transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu,
.menu-leftToRight {
	position: relative;
	box-sizing: border-box;
	font-size: 20px;
	z-index: 1000;
}

.table th,
.table td {
	padding:0.8rem 1rem !important;
}

.menu-itembtn:nth-child(*) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-open-button {
	z-index: 2;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	cursor: pointer;
}

.menu-open-button:hover {
	-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked+.menu-open-button {
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: 100ms;
	transition-duration: 100ms;
	-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
	transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu .menu-open:checked~.menu-itembtn {
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menu .menu-open:checked~.menu-itembtn:nth-child(3) {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transform: translate3d(60px, 0, 0);
	transform: translate3d(40px, 0, 0);
}

.menu .menu-open:checked~.menu-itembtn:nth-child(4) {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(120px, 0, 0);
	transform: translate3d(85px, 0, 0);
}

.menu .menu-open:checked~.menu-itembtn:nth-child(5) {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: translate3d(180px, 0, 0);
	transform: translate3d(130px, 0, 0);
}

.menu .menu-open:checked~.menu-itembtn:nth-child(6) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(180px, 0, 0);
	transform: translate3d(130px, 0, 0);
}

.menu .menu-open:checked~.menu-itembtn:nth-child(7) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(180px, 0, 0);
	transform: translate3d(130px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-itembtn:nth-child(3) {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transform: translate3d(-36px, 0, 0);
	transform: translate3d(-36px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-itembtn:nth-child(4) {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(-73px, 0, 0);
	transform: translate3d(-73px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-itembtn:nth-child(5) {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: translate3d(-110px, 0, 0);
	transform: translate3d(-110px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-itembtn:nth-child(6) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(-147px, 0, 0);
	transform: translate3d(-147px, 0, 0);
}

.menu-leftToRight .menu-open:checked~.menu-itembtn:nth-child(7) {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transform: translate3d(-183px, 0, 0);
	transform: translate3d(-183px, 0, 0);
}

/****************************FIN ==> Bouton hamburger ****************************/
.nowrap {
	white-space: nowrap;
}

body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation li.has-sub>a:not(.mm-next):after {
	/* font-family: 'Font Awesome\ 5 Free'; */
	font-family: 'Font Awesome 5 Pro';
}

.dropdown-toggle::after {
	font-family: 'Font Awesome 5 Pro';
}

.fa-th-list {
	font-family: 'Font Awesome 5 Pro';
}

/*Style Outil prod */
.rouge {
	color: red;
}

.selection {
	font-weight: bold !important;
	color: red !important;
}

.selectionBis {
	/* font-weight: bold !important; */
	color: red !important;
}

.section {
	border-top: 3px solid #000 !important;
}

.classAgent {
	background-color: #CCFFFF !important;
}


.theadProd {
	border-bottom: 3px solid #000 !important;
	background-color: #fff !important;
	font-family: arial, sans-serif !important;
	font-size: 10pt !important;
	border-left: 3px solid #000 !important;
	border-right: 3px solid #000 !important;
}

.tr1 {
	border-top: 3px solid black !important;
}

.trItem_0 > th:nth-child(1){
	text-align: center !important;
	vertical-align : middle !important; 
}
.tr1>th:nth-child(3) {
	border-left: 3px solid black !important;
}

.tr2>th:nth-child(1) {
	border-left: 3px solid black !important;
}

/*Pour gerer l'entete*/
.tr1>th:nth-child(6) {
	border-left: 3px solid black !important;
}

.tr2>th:nth-child(7) {
	border-left: 3px solid black !important;
}

.tr2>th:nth-child(12) {
	border-left: 3px solid black !important;
}

.tr1>th:nth-child(7) {
	border-left: 3px solid black !important;
}

.tr2>th:nth-child(16) {
	border-left: 3px solid black !important;
}

.tr1>th:nth-child(9) {
	border-left: 3px solid black !important;
}

.tr2>th:nth-child(26) {
	border-left: 3px solid black !important;
}

.tr1>th:nth-child(14) {
	border-left: 3px solid black !important;
}

/*RDV IMPORT*/
.tr1>th:nth-child(17) {
	border-left: 3px solid black !important;
}

.tr2>th:nth-child(32) {
	border-left: 3px solid black !important;
}

/* Borudure de la partie  tous les agents */
.trItem_0>th:nth-child(3) {
	border-left: 3px solid black !important;
}
.trItem_1>th:nth-child(2) {
	border-left: 3px solid black !important;
}
.trItem_2>th:nth-child(2) {
	border-left: 3px solid black !important;
}
.trItem_3>th:nth-child(2) {
	border-left: 3px solid black !important;
}


.trItem_0>th:nth-child(9) {
	border-left: 3px solid black !important;
}
.trItem_1>th:nth-child(8) {
	border-left: 3px solid black !important;
}
.trItem_2>th:nth-child(8) {
	border-left: 3px solid black !important;
}
.trItem_3>th:nth-child(8) {
	border-left: 3px solid black !important;
}

.trItem_0>th:nth-child(14) {
	border-left: 3px solid black !important;
}
.trItem_1>th:nth-child(13) {
	border-left: 3px solid black !important;
}
.trItem_2>th:nth-child(13) {
	border-left: 3px solid black !important;
}
.trItem_3>th:nth-child(13) {
	border-left: 3px solid black !important;
}

.trItem_0>th:nth-child(18) {
	border-left: 3px solid black !important;
}
.trItem_1>th:nth-child(17) {
	border-left: 3px solid black !important;
}
.trItem_2>th:nth-child(17) {
	border-left: 3px solid black !important;
}
.trItem_3>th:nth-child(17) {
	border-left: 3px solid black !important;
}

.trItem_0>th:nth-child(28) {
	border-left: 3px solid black !important;
}
.trItem_1>th:nth-child(27) {
	border-left: 3px solid black !important;
}
.trItem_2>th:nth-child(27) {
	border-left: 3px solid black !important;
}
.trItem_3>th:nth-child(27) {
	border-left: 3px solid black !important;
}

.trItem_0>th:nth-child(34) {
	border-left: 3px solid black !important;
}
.trItem_1>th:nth-child(33) {
	border-left: 3px solid black !important;
}
.trItem_2>th:nth-child(33) {
	border-left: 3px solid black !important;
}
.trItem_3>th:nth-child(33) {
	border-left: 3px solid black !important;
}

/* Borudure de la partie  tous les agents */

/*Pour gerer l'entete*/
.theadProd>tr>th {
	border: 1px solid black !important;
}

.tabprod>tr, .tbodyprod>tr>td{
	border: 1px solid black !important;
	text-align: left;
	color: black !important;
}

.tbodyprod>tr>td{
	border: 1px solid black !important;
	text-align: left;
	color: black !important;
}
/*----------------*/

.aujourdhui {
	background-color: #E2EFDA !important;
	/* font-weight: bold !important; La ligne aujourdhui en gras */
}

.aujourdhuiBis {
	font-weight: bold;
}
/* Background color meilleur quartile */
.classMeilleurQuartile{
	background-color: #ddfa23 !important;

}

.classMeilleurQuartile:nth-child(0n+1){
	background-color: #ddfa23 !important;
}
.scrollHori {
	left: 0;
	position: sticky;
	z-index: 60px;
	background-color: #FFF;
}

.theadProd>tr>th {
	padding-top: 15px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-bottom: 15px !important;
}

.tbodyprod>tr>td {
	padding: 4px !important;
}

.scrollHoriBis {
	left: 6em;
	position: sticky;
	background-color: #FFF;
}
/* Pour la partie meilleure quartile */
.scrollHoriBis2 {
	left: 6em;
	position: sticky;
	background-color: #fff !important;
}

.theadProd>.tr3:first-child th
{
	background-color: #CCFFFF !important;
} 

.theadProd > .tr3>th{
	padding: 1px !important;
}

.aujourdhui {
	background-color: #E2EFDA !important;
	/* font-weight: bold !important; La ligne aujourdhui en gras */
}

/* Je commente cette partie pour */

/* .tbodyprod>tr:first-child td {
	background-color: #CCFFFF !important;
} */

.table-responsive {
	height: auto !important;
	z-index: 120px !important;
}
.scrollHoriBisBackBlue2{
	left: 6.2em !important;
	position: sticky !important;
	background-color: #ddfa23 !important;
}

/* Colorer classe meilleur quartile  */
.classMeilleurQuartile{
	background-color: #ddfa23 !important;
}
.scrollHoriBisBackBlue {
	left: 6.2em !important;
	position: sticky !important;
	background-color: #CCFFFF !important;
}


.table-etudes thead th {
	padding: 2px !important;

	border: none !important;
	border: 1px solid #818a91 !important;
}

.table-etudes tbody td {
	padding: 4px 6px !important;
	border: none !important;
	border: 1px solid #818a91 !important;
}

.btn-group-xs>.btn,
.btn-xs {
	padding: .4rem .4rem;
	font-size: .75rem;
	line-height: .5;
	border-radius: .2rem;
}

.grille-evaluation thead th,
.grille-evaluation tfoot th {
	background-color: #818a91;
	color: #fff;
}

.grille-evaluation thead th,
.grille-evaluation tfoot th {
	border: 1px solid #000 !important;
	padding: 4px 6px !important;
}

.grille-evaluation tbody td {
	border: 1px solid #818a91 !important;
	padding: 4px 6px !important;

}

.grille-evaluation thead tr th:first-child {
	background-color: transparent;
	border: none !important;
}

/* .grille-evaluation tfoot tr th:last-child{
	background-color: transparent;
	border: none !important;
  } */

.bordered {
	border-radius: 5px;
	border: 1px solid #818a91 !important;
}

hr {
	border: 1px solid #111213 !important;
}



.input-error {
	border: 1px solid red;
	color: red;
}

.textarea-error {
	border: 1px solid red;
}

.mytheme
{
	background-color: #1d2b36;
}
.questions-reponse {
	min-height: 100px;
}

.breadcrumb {
	font-size: 1rem;
}

.commentaire-critere {
	font-size: 1rem !important;
}

.grille-evaluation thead.bg-lighter-grey tr th {
	background-color: #ECEFF1 !important;
	color: #000 !important;
	font-weight: 500 !important;
	border: 1px solid black !important;
}

.select-note option {
	margin: 40px;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.select-note {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.select-note option {
	font-size: 18px;
	line-height: 25px;
}

.select-note option:hover {
	font-size: 18px;
}

.select-note option[value="0"] {
	background: #110e0e;
}

.select-note option[value="1"] {
	background: #801a14;
}

.select-note option[value="2"] {
	background: #f8b271
}

.select-note option[value="3"] {
	background: #167c63;
}

.bg-note-0,
.bg-note-0:focus,
.bg-note-0:disabled {
	background: #312a2a;
	color: white;
}

.bg-note-1,
.bg-note-1:focus,
.bg-note-1:disabled {
	background: #CE352C;
	color: white;
}

.bg-note-2,
.bg-note-2:focus,
.bg-note-2:disabled {
	background: #ee913a;
	color: white;
}

.bg-note-3,
.bg-note-3:focus,
.bg-note-3:disabled {
	background: #37BC9B;
	color: white;
}

option:hover {
	background: #691510 !important;
}

option:hover {
	background: #6e431a !important;
}

option:hover {
	background: #0d4d3d !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(211 214 219 / 50%) ;
}
#table_dashboard_eval thead tr th,
#table_dashboard_eval tbody tr td,
#table_dashboard_eval tfoot tr td {
	border: 1px solid #868181 !important;
	padding: 10px !important;
	text-align: center;
}

#table_dashboard_eval thead tr th:first-child,
#table_dashboard_eval tbody tr td:first-child,
#table_dashboard_eval tfoot tr td:first-child {
	text-align: left;
}
#table_dashboard_eval thead tr th:last-child,
#table_dashboard_eval tbody tr td:last-child,
#table_dashboard_eval tfoot tr td:last-child {
	/* padding: 0px !important; */
	vertical-align: middle;
}
td .badge-success {
	background-color: #37BC9B !important;
	margin: auto;
}

.dropdown-toggle::before {
	display: none !important;
}

#liste_enqueteurs.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	bottom: 0px !important;
}

#liste_enqueteurs tbody tr td div {
	width: 100%;
}

#liste_enqueteurs tbody tr td {
	padding: 10px !important;
}

#liste_enqueteurs tbody tr td div {
	margin: 0px !important;
}

#liste_enqueteurs tbody tr td div button {
	border-radius: 0px !important;
}

#table_dashboard_eval tbody tr td,
#table_dashboard_eval tfoot tr td {
/* 	padding: 10px 10px !important;
 */	text-align: center;
	font-size: 18px;
	padding: 3px 10px !important;
}

#table_dashboard_eval tbody tr td button {
	margin: 5px;
}

.slider-wrapper {
	margin: 1rem;
	position: relative;
	overflow: hidden;
}

/* Conteneur responsive */
.table-container {
	width: 100%;
	overflow-x: auto; /* Permet le défilement horizontal si nécessaire */
	padding: 10px;
}

/* Table styling */
#liste_formations {
	width: 100%;
	border-collapse: collapse;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

/* En-tête du tableau */
#liste_formations thead {
	background-color: #3BAFDA; /* Gris clair pour éviter les couleurs vives */
	color: #333; /* Texte plus foncé pour le contraste */
}

/* Style des cellules d'en-tête */
#liste_formations thead th {
	padding: 12px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
}

/* Style des lignes du tableau */
#liste_formations tbody tr {
	background-color: #ffffff;
	transition: background 0.2s ease-in-out;
}

/* Alternance des couleurs */
#liste_formations tbody tr:nth-child(odd) {
	background-color: #f8f9fa;
}

/* Effet de survol */
#liste_formations tbody tr:hover {
	background-color: #e9ecef;
}

/* Cellules du tableau */
#liste_formations td {
	padding: 12px;
	text-align: center;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
}

/* Alignement à gauche pour les titres */
#liste_formations td.font-weight-bold {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}

/* Checkbox styling */
input[type="checkbox"] {
	transform: scale(1.2);
	cursor: pointer;
}

.slides-container {
	height: 200px;
	width: 100%;
	display: flex;
	overflow: hidden;
	scroll-behavior: smooth;
	list-style: none;
	margin: 0;
	padding: 0;
}

.slide-arrow {
	position: absolute;
	display: flex;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 4rem;
	background-color: white;
	border: none;
	width: 2rem;
	font-size: 3rem;
	padding: 0;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 100ms;
}

.slide-arrow:hover,
.slide-arrow:focus {
	opacity: 1;
}

#slide-arrow-prev {
	left: 0;
	padding-left: 0.25rem;
	border-radius: 0 2rem 2rem 0;
}

#slide-arrow-next {
	right: 0;
	padding-left: 0.75rem;
	border-radius: 2rem 0 0 2rem;
}

.slide {
	width: 100%;
	height: 100%;
	flex: 1 0 100%;
}

.slide {
	background-color: #49b293;
}

.questions-reponse {
	max-height: 200px;
	overflow: auto;

}

.question-reponse-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: -webkit-fill-available;
	justify-content: space-around;
	border: 1px solid #68b4ed;
	border-radius: 5px;
	margin-bottom: 5px;
}

.question-reponse-container p {
	padding: 5px;
}

/* .question-reponse-container .question{
	color: #000;
	overflow: hidden;
   text-overflow: ellipsis;
   font-style: italic;
   font-size: 12px;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
           line-clamp: 2; 
   -webkit-box-orient: vertical;
  }
  .question-reponse-container .reponse{
	color: #000;
	font-weight: 700;
	display: -webkit-box;
   -webkit-line-clamp: 3; 
           line-clamp: 3; 
   -webkit-box-orient: vertical;
  }
   */

.question-reponse-container .reponse {
	color: #000;
	font-weight: 700;
}

.nombre_evaluations .badge {
	font-weight: 700 !important;
	font-size: 1em;
}

textarea {
	resize: none !important;
	overflow: hidden !important;
	min-height: 50px !important;
	max-height: 100px !important;
}

#enqueteurs-card-content {
	max-height: 360px;
	overflow-y: auto;
}

#calls-card-content {
	max-height: 300px;
	overflow-y: auto;
}

textarea:disabled {
	color: #000;
}

.etoile_rouge{
	color: red !important;
	font-weight: bold !important;

}

.etoile_noir{
	color: black !important;
	font-weight: bold !important;

}

.etoile_bleu{
	color: blue !important;
	font-weight: bold !important;
}


.etoile_vert{
	color: green !important;
	font-weight: bold !important;

}

#date_list_etude {
	line-height: 1;
}

#filter-box {
	display: flex;
	justify-content: space-between;
}

#filter-box button {
	height: 40px;
	width: 48%;
	padding-left: 5px;
	padding-right: 5px;
}

.table td.btn-action-container {
	padding: 0px !important;
	position: relative;
	vertical-align: middle;
	/* top: 10px; */
	/* top: 10px; */
}

textarea {
	overflow-y: auto !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #3BAFDA !important;
	border-color: #194f63 !important;
}

.select2-selection__choice__remove span {
	color: #000 !important;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
	border-top-color: #3BAFDA !important;
}

.nav.nav-tabs.nav-top-border .nav-item a {
	color: #3BAFDA !important;
}

h3 {
	text-transform: capitalize;
}

.badge-etude {
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	padding: 12px 15px !important;
	border-radius: 0 0 0 26px !important;
	font-size: 14px !important;
}

.card-etude {
	border: 0px !important;
	height: 100% !important;
}

.card-etude-title {
	font-weight: bold;
}
.reduce-comment{
	overflow: hidden; 
	max-width: 25ch; 
	text-overflow: ellipsis;
	white-space: nowrap;
}
.card-footer .row{
	width: 100% !important;
}
.commentaire-client{
	font-size: 17px;
    line-height: 25px;
    text-align: justify;
}
#liste_enqueteurs tbody tr td{
	border: 1px solid #dee2e6 !important;
	padding: 2px 0px !important; 
}
.justify-around{
	justify-content: space-around;
}
.bg-slate{
	background-color: rgba(204, 217, 235, 0.9)
}
.mr-2-px{
	margin-right: 2px;
}
.mt-2-px{
	margin-top: 2px;
}
#liste_enqueteurs.enqueteurs-client td{
	padding: 8px 10px !important;
}
.margin-2px{
	margin: 2px !important;
}