/*
Theme Name: Adoption Theme
Theme URI: https://numericoach.fr/
Template: twentytwentyone
Author: Numericoach
Author URI: https://numericoach.fr/
Description: DO NOT REMOVE
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.8.1690806585
Updated: 2023-07-31 14:29:45
*/

body {
	top: 0px !important;
}

.white-footer {
	font-size: 14px;
}

.m-height-500 img {
	height: 450px !important;
	object-fit: contain !important;
}

.btn-compagnion {
	position: relative;
	text-decoration: none;
	color: #fff;
	font-family: Roboto;
	background: linear-gradient(45deg, #0ce39a, #69007f, #fc0987);
	padding: 7px 15px;
	border-radius: 10px;
	font-size: 13px;
	margin-bottom: 34px;
	letter-spacing: 1px;
	font-weight: 400;
	cursor: pointer;
	display: inline-flex;
}

.btn-compagnion span {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.btn-compagnion span svg {
	height: 18px;
}

.btn-compagnion::before {
	content: "";
	position: absolute;
	inset: 1px;
	background: #272727;
	border-radius: 9px;
	transition: 0.5s;
}

.btn-compagnion:hover::before {
	opacity: 0.7;
}

.btn-compagnion::after {
	content: "";
	position: absolute;
	inset: 0px;
	background: linear-gradient(45deg, #0ce39a, #69007f, #fc0987);
	border-radius: 9px;
	transition: 0.5s;
	opacity: 0;
	filter: blur(8px);
}

.btn-compagnion:hover:after {
	opacity: 1;
}

.single-base-de-connaissance #main {
	padding-bottom: 50px !important;
}

.beta_badge {
	position: relative;
}

.beta_badge::after {
	content: "beta";
	display: block;
	position: absolute;
	right: -20px;
	top: -11px;
	background: #F4B400;
	padding: 0px 10px;
	border-radius: 5px;
	font-size: 12px;
	color: black;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	text-decoration: none !important;
	outline: unset !important;
}

.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
*[class*=inner-container]>*:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.default-max-width {
	max-width: 1200px !important;
	padding: 0px 39px !important;
}

.singular .entry-title {
	font-size: 40px !important;
}

.entry-header {
	padding-bottom: 20px !important;
}

ul.white-footer {
	padding: 5px 30px;
	margin: 0px;
}

.hystmodal__close {
	background: transparent !important;
}

.hystmodal__window {
	background: #3b7ded !important;
}

.hystmodal__window {
	color: white !important;
}

.vimeo-video {
	max-width: 80vw;
	margin: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.btn-secondary {
	background: white !important;
	color: #4e8af0 !important;
}

.btn-secondary:focus,
.btn-secondary:hover {
	background: white !important;
	color: #4e8af0 !important;
}

.skiptranslate iframe {
	display: none !important;
	visibility: hidden !important;
}

.goog-te-gadget {
	height: 60px !important;
	overflow: hidden !important;
}

.btn {
	padding: 8px 20px;
	background: #4e8af0;
	font-size: 15px;
	color: white;
	font-family: Roboto;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.27);
	border-radius: 3px;
}

.name-member {
	font-size: 22px !important;
}

.mt-1 {
	margin-top: 5px;
}

.mt-2 {
	margin-top: 10px;
}

.mt-3 {
	margin-top: 15px;
}

.mt-4 {
	margin-top: 20px;
}

.mt-5 {
	margin-top: 25px;
}

.text-blurred {
	filter: blur(5px);
}

.wrap,
.padded {
	max-width: 1473px;
	margin: auto;
}

.content-BDD td {
	font-size: 15px;
	font-family: var(--global--font-primary);
}

.content-BDD h2 {
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: var(--global--font-primary);
}

.header-top-bdd {
	background: #f3bc00;
	padding: 40px 0px 54px 0px;
	margin-top: -31px !important;
	z-index: 0;
	margin-bottom: 30px !important;
	position: relative;
}

.backBDD {
	display: flex;
	gap: 10px;
	color: white;
	font-size: 15px;
}

.header-top-bdd .post-exercpt {
	font-size: 19px;
	font-family: var(--global--font-primary);
	color: white;
}

.header-top-bdd .post-title {
	color: white;
	font-weight: 900;
	text-transform: uppercase;
	font-family: var(--global--font-primary);
	font-size: 38px;
}

.content-BDD h3 {
	font-size: 25px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: var(--global--font-primary);
}

.content-BDD h3 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: var(--global--font-primary);
}

.content-BDD p {
	font-size: 16px;
	font-family: var(--global--font-primary);
}

.wrap .post-title {
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-xl);
	color: #4374c1;
	font-weight: var(--pagination--font-weight-strong);
	line-height: var(--global--line-height-heading);
}

.login-prompt {
	display: block;
	position: relative;
	font-size: 13px;
	font-family: Roboto;
	background: #fbbd00;
	color: white;
	padding: 3px 9px;
	border-radius: 0px;
	z-index: 9999;
	top: 0px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0) 0px 16px 8px, rgba(0, 0, 0, 0) 0px 32px 16px;
}

.head-lms {
	display: flex;
	position: relative;
	font-size: 13px;
	font-family: Roboto;
	background: #4285f4;
	color: white;
	padding: 3px 9px;
	border-radius: 0px;
	z-index: 9999;
	top: 0px;
	width: 100%;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0) 0px 16px 8px, rgba(0, 0, 0, 0) 0px 32px 16px;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.__fixed-top {
	position: fixed;
	top: 0px;
	width: 100%;
}

.btnSolid {
	padding: 4px 15px;
	background: white !important;
	font-size: 15px;
	color: #4285f4 !important;
	border-radius: 0px !important;
}

.__aCenter {
	display: flex;
	gap: 5px;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
}

#bubble {
	display: flex;
	background: #31aa52;
	margin: 0px;
	border-radius: 100%;
	height: 50px;
	width: 50px;
	justify-content: center;
	align-content: center;
	align-items: center;
	user-select: none;
	font-family: "Roboto";
	font-weight: 600;
	position: relative;
	color: white;
	border: 2px solid #1e6431;
}

#bubble_score {
	display: flex;
	background: #F4B400;
	margin: 0px;
	border-radius: 100%;
	height: 50px;
	width: 50px;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	user-select: none;
	position: relative;
	color: white;
	border: 2px solid #be8c00;
}

#bubble_score i {
	font-size: 18px;
	display: flex;
	fill: white;
}

#bubble_score span {
	font-family: Roboto;
	font-weight: 500;
	font-size: 11px;
}

#bubble_ranking {
	display: flex;
	background: #4285F4;
	margin: 0px;
	border-radius: 100%;
	height: 50px;
	width: 50px;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	user-select: none;
	position: relative;
	color: white;
	border: 2px solid #2a61b9;
}

#bubble_ranking i {
	font-size: 18px;
	display: flex;
	fill: white;
}

#bubble_ranking span {
	font-family: Roboto;
	font-weight: 500;
	font-size: 11px;
}

#bubble_badge {
	display: flex;
	background: #DB4437;
	margin: 0px;
	border-radius: 100%;
	height: 50px;
	width: 50px;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	user-select: none;
	position: relative;
	color: white;
	border: 2px solid #a13329;
}

#bubble_badge i {
	font-size: 18px;
	display: flex;
	fill: white;
}

#bubble_badge span {
	font-family: Roboto;
	font-weight: 500;
	font-size: 11px;
}

.site-link {
	display: flex;
	color: white;
	padding-top: 20px;
}

.title-footer {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

footer .main-menu ul {
	padding: 0px !important;
}

footer .main-menu ul {
	list-style: none !important;
}

footer .main-menu ul li a {
	font-size: 15px;
	color: white;
}

aside {
	display: none !important;
}

footer {
	max-width: 100% !important;
	background: #0D1A30 !important;
	display: flex;
	gap: 10px;
	padding: 20px 10px 40px 10px !important;
}

.container-footer {
	max-width: 1600px;
	margin: auto;
	display: flex;
	gap: 10px;
}

.site-info {
	flex: 0.5;
	border-top: unset !important;
	color: white !important;
}

#main {
	padding-bottom: 0px;
}

.elementor-tabs .elementor-tab-title {
	border: 0px;
	border: 1px solid #f2f2f2;
	border-radius: 86px;
	padding: 11px 30px !important;
	background: transparent;
	font-weight: 400 !important;
	font-family: Roboto !important;
}

.elementor-tabs .elementor-tab-title.elementor-active {
	background: rgba(50, 122, 243, 0.9);
	color: white !important;
	border: 0px !important;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

a[data-hystmodal="#modalInfoUser"] {
	position: relative;
}

.img_bdg_class {
	display: block;
	position: absolute;
	height: 30px;
	bottom: -5px;
	right: -5px;
}

.elementor-tab-content {
	border: 1px solid #fefefe !important;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
	border-radius: 6px;
	margin-left: 20px;
}

.elementor-tabs-content-wrapper {
	border: 0px !important;
	background: white !important;
}

#site-navigation a {
	font-family: Roboto !important;
}

* {
	font-family: Roboto;
}

.hystmodal__wrap p {
	font-family: Roboto;
}

.tg thead tr:first-child {
	background: #0F9D58;
	color: white;
	text-align: left;
	font-family: 'Roboto';
}

.tg {
	border-radius: 10px;
	border-color: #dedede !important;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.tg thead tr:first-child td {
	font-size: 15px;
	padding: 12px !important;
	font-weight: 500;
}

.tg tr {
	background-color: white;
	padding: 12px !important;
}

.tg tr:not(:first-child) td {
	font-size: 12px;
	color: #555555;
}

.tg tr:nth-child(even) {
	background-color: #f5f5f5;
}

.assistanceForm label {
	display: block !important;
	padding-bottom: 20px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	border-radius: 9px;
	background: #0F9D58;
	color: white;
	font-size: 15px;
	padding: 12px;
	font-family: 'Roboto';
	border: 0px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.badge_video {
	display: inline-block;
	font-size: 12px;
	color: white;
	background: #F4B400;
	padding: 5px 10px;
	position: relative;
	margin-left: 20px;
	border-radius: 20px;
	bottom: 5px;
}

#goog-gt-tt {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.darkTheme p,
.darkTheme label {
	color: black !important;
}

.iaBadge a::after {
	content: "IA";
	color: purple;
	font-weight: 600;
	font-size: .6em;
	line-height: .8em;
	vertical-align: super;
	text-decoration: none;
	font-size: 10px;
	display: inline-block;
	opacity: 0.8;
}

.newBadge a::after {
	content: "NEW";
	color: #265aad;
	font-weight: 600;
	font-size: .6em;
	line-height: .8em;
	vertical-align: super;
	text-decoration: none;
	font-size: 10px;
	display: inline-block;
	opacity: 0.8;
}

.numeri-ticket {
	display: flex;
	width: 30%;
	background: white;
	padding: 15px;
	flex-direction: column;
	margin: 0px 0px 30px 0px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.description-site::after {
	content: "Beta";
	display: block;
	margin-left: 10px;
	font-size: 10px;
	color: white;
	background: #0F9D58;
	padding: 0px 8px 0px 8px;
	border-radius: 5px;
	position: absolute;
	top: 46px;
	left: 39px;
}

.primary-navigation-open .primary-navigation>.primary-menu-container {
	height: 90vh !important;
	overflow: auto !important;
}

.primary-navigation-open .site-content {
	filter: blur(25px) !important;
}

.primary-navigation-open {
	overflow: hidden !important;
}

.code-toolbar {
	font-size: 14px !important;
}

pre.theme-okaidia .line-numbers-rows>span::before {
	font-size: 14px !important;
}

#bubble_ranking::after {
	content: " ";
	display: block;
	position: absolute;
	width: 20px;
	top: 21px;
	right: -23px;
	height: 3px;
	background: linear-gradient(90deg, rgba(42, 97, 185, 1) 0%, rgba(190, 140, 0, 1) 50%);
	width: 22px;
}

.parcoursLine ul li {
	position: relative;
	counter-increment: listCounterAdmin;
}

.parcoursLine ul li::before {
	content: counter(listCounterAdmin);
	display: flex;
	font-size: 12px;
	font-weight: 600;
	z-index: 9;
	background: white;
	border: 3px solid #41b762 !important;
	height: 25px;
	width: 25px;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: absolute;
	left: -13px;
	top: 0px;
	color: black;
}

.parcoursLine ul li svg {
	background: white;
	z-index: 1;
	border-radius: 100%;
	padding: 2px;
	border: 2px solid #2e63d1;
}

.parcoursLine .elementor-icon-list-text {
	position: relative;
	z-index: 9;
	background: white;
	border: 3px solid #2e63d1;
	border-radius: 5px;
	padding: 0px 10px 0px 10px !important;
	color: #31aa52 !important;
}

.parcoursLine ul {
	counter-reset: listCounterAdmin;
}

.parcoursLine ul li::after {
	display: block;
	content: " ";
	z-index: 0 !important;
	width: 150% !important;
	left: 13px !important;
	height: 4px !important;
	top: 0px !important;
	position: absolute !important;
	border-radius: 30px;
	background: #2e63d1;
}

.__top_user {
	position: relative;
}

.__successRank img {
	display: block;
	position: absolute;
	top: 0px;
	right: -30px;
	filter: drop-shadow(0px 0px 35px white);
	width: 80px;
}

.__top_user img {
	height: 40px;
	display: block;
	position: absolute;
	left: -10px;
	top: 20px;
}

.text-small {
	font-size: 13px !important;
}

.mb-1 {
	margin-bottom: 5px;
}

.mb-2 {
	margin-bottom: 10px;
}

.bounce2 {
	animation: bounce2 2s ease infinite;
}

@keyframes bounce2 {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-3px);
	}

	60% {
		transform: translateY(-2px);
	}
}

.setting_btn:hover i {
	transform: rotate(120deg);
}

.setting_btn i {
	transition: 0.2s all ease-in-out;
	transform: rotate(0deg);
	display: flex;
}

.setting_btn {
	justify-content: center;
	display: flex;
	align-items: center;
	transition: 0.2s all ease-in-out;
	font-size: 23px;
	color: #2b2b2b;
}

.introjs-tooltiptext {
	font-size: 16px;
	font-family: Roboto;
	padding-top: 10px !important;
	padding-bottom: 0px !important;
}

.introjs-tooltip-title {
	font-size: 23px !important;
	text-align: left !important;
	padding-top: 25px !important;
}

.introjs-skipbutton {
	color: #fff !important;
}

.introjs-tooltip {
	background: #3b7ded !important;
	color: white !important;
	min-width: 442px !important;
}

.introjs-bullets ul li a.active {
	background: #fff !important;
}

.introjs-tooltipbuttons {
	border: 0px !important;
}

#bubble svg {
	height: 25px;
	fill: white;
}

#bubble.notConnected {
	background: #eb493b;
	border-color: #992d23;
}

#bubble[data-score]::after {
	content: attr(data-score);
	font-size: 9px;
	color: white;
	position: absolute;
	display: block;
	right: -2px;
	background: #fbbd00;
	padding: 1px 5px;
	border-radius: 7px;
	bottom: -5px;
}

.flex-right {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 11px;
}

#masthead {
	padding: 2px 30px;
	background: white;
	border-bottom: 1px solid #d0d0d0;
	max-width: 100%;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .12), inset 0 -1px 0 0 #dadce0;
}

.description-site {
	font-size: 14px;
	font-family: Roboto;
	color: #5f6368;
	font-weight: 400;
}

.site-logo .custom-logo {
	max-height: 37px !important;
}

.site-logo {
	position: relative;
}

#site-navigation a {
	font-size: 14px;
	color: #5f6368;
	font-weight: 400;
	font-family: Roboto;
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle {
	height: auto !important;
}

.primary-navigation .primary-menu-container>ul>.menu-item>a+.sub-menu-toggle {
	margin-left: -15px !important;
}

.primary-navigation {
	margin-left: 130px;
}

.sub-menu {
	min-width: 350px !important;
}

.sub-menu a {
	font-family: Roboto !important;
	font-size: 14px !important;
}

footer {
	background: white;
}

.hystmodal__window {
	padding: 20px !important;
	border-radius: 6px !important;
}

.hystmodal__window p {
	font-family: Roboto;
	font-size: 16px;
}

.tokenUser {
	color: white;
	background: #0F9D58;
	padding: 1px 6px;
	border-radius: 6px;
	margin: 0px 6px;
	border: 2px solid white;
}

.tg {
	border-collapse: collapse;
	border-spacing: 0;
}

.tg td {
	font-family: Arial, sans-serif;
	font-size: 14px;
	overflow: hidden;
	padding: 10px 5px;
	word-break: normal;
}

.tg th {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	padding: 10px 5px;
	word-break: normal;
}

.tg .tg-0pky {
	border-color: inherit;
	text-align: left;
	vertical-align: top
}

.tg .tg-0lax {
	text-align: left;
	vertical-align: top
}

.sub-menu {
	background: #fefefe;
	border-radius: 10px !important;
	border-color: #dedede !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.sub-menu::before {
	display: none !important;
}

.sub-menu li {
	background: transparent !important;
}

.primary-navigation .sub-menu .menu-item>a {
	padding: 9px 11px !important;
}

.editprofil_form p {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

a.edit_link {
	background: unset !important;
	font-size: 13px;
	color: white;
	font-weight: 500;
	display: block;
	font-family: 'Roboto';
	margin-bottom: 10px;
	text-decoration: underline !important;
}

.sub-menu-toggle {
	display: none !important;
}

.sum_ptn {
	font-family: Roboto;
	color: white;
	font-size: 15px;
	font-weight: 400;
}

.form-questions-quizz .titleQuestion {
	font-weight: 400;
	font-family: Roboto;
	color: white;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.form-questions-quizz label {
	color: white;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 16px !important;
}

.form-questions-quizz button {
	margin-top: 30px;
}

.__descrTouch {
	display: block;
	position: relative;
	color: #f3bc00;
	max-width: 270px;
	padding: 0px;
}

.winMessage {
	color: white;
	font-weight: 300;
}

.answerWaited {
	font-size: 18px;
	color: white;
	font-weight: 500;
}

.responseQuizz {
	font-size: 15px;
	color: white;
}

#nprogress .bar {
	background: #4889f4 !important;
	height: 5px !important;
}

.form-ia {
	width: 100%;
	margin: auto;
}

.form-ia button {
	margin-top: 15px;
}

.alert {
	padding: 17px;
	background: #31aa52;
	font-size: 18px !important;
	font-family: 'Roboto';
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	color: white;
}

.btn {
	background: #1a73e8 !important;
	border-radius: 6px !important;
	color: white !important;
}

.form-ia .form-floating {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.form-ia .checkbox {
	font-weight: 400;
}

.form-ia .form-floating:focus-within {
	z-index: 2;
}

.form-ia input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-ia input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.form-ia h1 img {
	height: 30px;
}

.form-ia h1 {
	display: flex;
	gap: 12px;
}

.form-ia h1 {
	font-weight: 700;
}

.form-ia h1 span {
	font-weight: 900;
	color: #01A93A;
}

.align-left {
	text-align: left;
}

#primary-menu-list .sub-menu li.iconed a::before {
	content: " ";
	display: inline-block;
	background-repeat: no-repeat;
	height: 14px;
	margin-right: 5px;
	width: 17px;
	background-position: center center;
	background-size: contain;
}

.apps a::before {
	content: "🧰";
	padding-right: 5px;
}

.path a::before {
	content: "🚀";
	padding-right: 5px;
}

.db a::before {
	content: "📂";
	padding-right: 5px;
}

.help a::before {
	content: "❓";
	padding-right: 5px;
}

.news a::before {
	content: "📰";
	padding-right: 5px;
}

.fun a:first-child::before {
	content: "🎉";
	padding-right: 5px;
}

.ecology a::before {
	content: "🌱";
	padding-right: 5px;
}

.cbk a::before {
	content: " ";
	height: 15Px;
	width: 15px;
	display: inline-block;
	background-image: url('https://adoption.numericoach.fr/wp-content/uploads/2024/03/cbk.png');
	background-size: 100% 100%;
	margin-right: 5px;
	margin-bottom: -2px;
}

.gemini a::before {
	content: " ";
	height: 15Px;
	width: 15px;
	display: inline-block;
	background-image: url('https://adoption.numericoach.fr/wp-content/uploads/2025/02/gemini-icon.png');
	background-size: 100% 100%;
	margin-right: 5px;
	margin-bottom: -2px;
}

#primary-menu-list .sub-menu li.gmail a::before {
	background-image: url('icons/gmail.svg');
}

#primary-menu-list .sub-menu li.docs a::before {
	background-image: url('icons/docs.svg');
}

#primary-menu-list .sub-menu li.meet a::before {
	background-image: url('icons/meet.svg');
}

#primary-menu-list .sub-menu li.slides a::before {
	background-image: url('icons/slides.svg');
}

#primary-menu-list .sub-menu li.sheets a::before {
	background-image: url('icons/sheets.svg');
}

#primary-menu-list .sub-menu li.docs a::before {
	background-image: url('icons/docs.svg');
}

#primary-menu-list .sub-menu li.keep a::before {
	background-image: url('icons/keep.svg');
}

#primary-menu-list .sub-menu li.contacts a::before {
	background-image: url('icons/contact.svg');
}

#primary-menu-list .sub-menu li.forms a::before {
	background-image: url('icons/forms.svg');
}

#primary-menu-list .sub-menu li.chat a::before {
	background-image: url('icons/chat.svg');
	background-position: center center;
}

#primary-menu-list .sub-menu li.agenda a::before {
	background-image: url('icons/agenda.svg');
}

#primary-menu-list .sub-menu li.appsscript a::before {
	background-image: url('icons/appsscript.svg');
}

#primary-menu-list .sub-menu li.lookerstudio a::before {
	background-image: url('icons/lookerstudio.svg');
}

#primary-menu-list .sub-menu li.drive a::before {
	background-image: url('icons/drive.svg');
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: unset !important;
}

.loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	width: 30px;
	height: 30px;
	background-color: #e16971;
	animation: loading 2s infinite ease-in-out;
}

@keyframes loading {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		transform: perspective(120px) rotateX(180deg) rotateY(0deg);
	}

	100% {
		transform: perspective(120px) rotateX(180deg) rotateY(-180deg);
	}
}

#_result__table .loading {
	margin-top: 80px;
	z-index: 999;
	position: relative;
}

#filtersBDC {
	margin-bottom: 30px;
	display: flex;
	gap: 10px;
}

#filtersBDC label {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.img-soft {
	display: flex;
	gap: 10px;
	font-size: 14px;
	align-items: center;
	font-family: 'Roboto';
	font-weight: 400;
}

.img-soft img {
	height: 20px;
}

#_result__table td {
	font-size: 14px;
	font-family: Roboto;
}

.label-soft {
	display: flex;
	padding: 1px 12px;
	font-size: 10px;
	border-radius: 80px;
	color: white;
	font-weight: 400;
	background: #4285F4;
}

#_result__table_parent,
td {
	border: 1Px solid rgb(201, 201, 201) !important;
}

#__result_table_parent {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#_container_results {
	display: flex;
	gap: 20px;
}

#_viewer_result {
	width: 100%;
	min-width: 500px;
	min-height: 400px;
}

#_viewer_content {
	display: block;
	position: relative;
	width: 100%;
	height: 450px;
	background: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}

#__container_webinaires {
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.webinaire-single {
	display: flex;
	padding: 15px 20px;
	gap: 20px;
	border: 1px solid #c7c7c7;
	border-radius: 10px;
}

.webinaire-single img {
	width: 35px;
	display: block;
	height: auto;
}

.name-soft {
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
	color: #010101;
}

.webinaire-single {
	font-size: 13px;
	color: #414141;
	transition: 0.15s all ease-in-out;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.webinaire-single:hover {
	box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
}

.webinaire-single small {
	display: inline-block;
	padding: 2px 9px;
	background: #0F9D58;
	margin-left: 10px;
	font-weight: 500;
	top: -2px;
	font-size: 10px;
	position: relative;
	border-radius: 25px;
	color: white;
}

a:hover {
	text-shadow: 0px 0px 0.5px rgba(3, 102, 214, 0.7) !important;
}

.webinaire-single a {
	text-decoration: underline;
	margin-top: 6px;
	position: relative;
	display: block;
}

.img-container {
	display: flex;
	align-items: center;
}

.webinaire-single[data-url] {
	cursor: pointer !important;
}

.inline__nb_post {
	background: white;
	padding: 15px;
}

.inline__nb_post h1 {
	font-size: 25px;
	color: #4285F4;
	margin-bottom: 30px;
}

.inline__nb_post h2 {
	font-size: 20px;
	color: #4285F4;
	margin-top: 10px;
	margin-bottom: 10px;
}

.inline__nb_post p {
	color: #010101;
	font-size: 15px;
}

.inline__nb_post h3 {
	font-size: 17px;
	color: #4285F4;
	margin-top: 10px;
	margin-bottom: 10px;
}

.inline__nb_post li {
	color: #010101;
	font-size: 15px;
}

/* @media all and (max-width: 800px) {
	#site-navigation {
		width: 100% !important;
	}
	.primary-navigation {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
} */

@media all and (max-width: 600px) {

	/* .menu-button-container {
		display: block;
	}
	.primary-navigation-open .primary-menu-container {
		width: 100% !important;
	}
	#site-navigation {
		position: static !important;
	}
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		visibility: visible;
	}
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		position: absolute;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.primary-navigation > div > .menu-wrapper ul {
		padding-left: 0;
	}
	.primary-navigation > div > .menu-wrapper ul {
		display: block !important;
		visibility: visible !important;
	}
	.primary-navigation {
		margin-left: 0px !important;
	}
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}
	.primary-navigation-open .primary-navigation > div > .menu-wrapper {
		padding-bottom: 100px;
	}
	.primary-navigation > .primary-menu-container {
		transition: all 0.15s ease-in-out;
	}
	.primary-navigation-open .primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		max-width: none;
		padding-left: 0;
		position: relative;
	} */
	.menu-button-container {
		display: flex;
	}

	body:not(.primary-navigation-open) .primary-menu-container {
		display: none;
	}

	body.primary-navigation-open .primary-menu-container {
		top: 0px;
		margin: 0px;
		background: #fefefe !important;
		padding: 0px;
		width: 100vw;
		z-index: 9999 !important;
		position: absolute;
		height: 100%;
	}

	.primary-navigation .primary-menu-container>ul>.menu-item {
		display: block !important;
	}

	.menu-button-container {
		display: flex;
		position: absolute;
		top: 0px;
	}

	.description-site {
		display: none !important;
	}

	#bubble {
		height: 40px;
		width: 40px;
	}

	#bubble svg {
		height: 20px;
		width: 20px;
	}

	body:not(.primary-navigation-open) .nav-responsive {
		display: none !important;
	}

	header {
		display: flex !important;
		min-height: 70px !important;
	}

	body.primary-navigation-open .nav-responsive {
		display: flex !important;
		position: absolute;
		top: 15px;
		align-items: center;
		left: 10px;
		z-index: 9999999;
	}

	.login-prompt {
		z-index: 1 !important;
	}

	.sub-menu {
		background: #fefefe;
		border-radius: 10px !important;
		display: block !important;
		position: relative !important;
		width: 100%;
		border-color: #dedede !important;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
	}

	.sub-menu {
		margin: 0px !important;
	}

	body.primary-navigation-open .primary-menu-container {
		top: 10vh;
	}

	.primary-navigation-open .menu-button-container {
		top: 0px;
		height: 10vh;
	}

	body.primary-navigation-open .primary-navigation>div>.menu-wrapper {
		display: block !important;
		padding: 15px !important;
	}

	#site-navigation {
		position: static !important;
	}

	.hystmodal--active {
		z-index: 999999999 !important;
	}
}

.ml-10 {
	margin-left: 15px;
}

.badge-gami {
	background: #4285F4;
	color: white;
	font-family: Roboto;
	font-size: 17px;
	padding: 9px 20px;
	font-weight: 500;
	border-radius: 76px;
	border: 2px solid #18336052;
	box-shadow: rgb(38, 57, 77) 0px 4px 16px -12px;
}

.badge-gami p,
.badge-gami span {
	color: white;
	font-family: Roboto;
	font-size: 17px;
}

.__top_user::before {
	content: attr(numb);
	display: flex;
	position: relative;
	height: 50px;
	color: white;
	border-radius: 100%;
	justify-content: center;
	text-align: center;
	vertical-align: middle;
	width: 50px;
	align-items: center;
	align-content: center;
	background: #4285F4;
	border: 3px solid #2c579d;
	margin-right: 9px;
}

.nav-responsive a {
	text-decoration: unset !important;
}

.__top_user {
	display: flex;
	gap: 5px;
}

.__top_user .__name {
	font-size: 17px;
	font-family: Roboto;
	font-weight: 600;
	color: rgb(34, 34, 34);
}

.__top_user .__score_point {
	font-size: 14px;
	font-family: Roboto;
	font-weight: 400;
	color: rgb(158, 158, 158);
}

.__bottom_user {
	display: flex;
	width: 100%;
	min-height: 10px;
}

._progress_user span {
	background: #0F9D58;
	height: 5px;
	display: block;
	position: absolute;
	width: 10px;
}

._progress_user {
	display: block;
	position: relative;
	background: #e3e3e3;
	height: 6px;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}

.__board_user {
	margin-bottom: 20px;
}

.__container_podium {
	width: 100%;
	max-width: 800px;
	margin: auto;
	display: flex;
	min-height: 420px;
	gap: 0px;
}

.__rank {
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.__floor_rank {
	display: block;
	position: relative;
	height: 250px;
	background: #d4855d;
	width: 100%;
	box-shadow: inset 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.__floor_rank::before {
	content: "Google Adoption Podium";
	color: rgba(255, 255, 255, 0.3);
	display: block;
	width: 100%;
	text-align: center;
	background: #574033;
	height: 30px;
	margin-top: -20px;
	transform: rotateX(65deg);
	border-bottom: 40px solid #b05837;
}

.rank1 .__floor_rank {
	height: 80% !important;
}

.rank2 .__floor_rank {
	height: 50% !important;
	background: #ad654d;
}

.rank3 .__floor_rank {
	height: 35% !important;
	background: #ad654d;
}

.__floor_rank p {
	color: white;
	text-align: center;
	font-size: 10em;
	font-weight: 900;
	align-items: center;
	justify-content: center;
	display: flex;
	align-content: center;
	position: relative;
	height: 100%;
	width: 100%;
}

.rank2 .__floor_rank p {
	font-size: 5em !important;
}

.rank3 .__floor_rank p {
	font-size: 4em !important;
}

.rank2 .__successRank {
	top: 15%;
}

.rank3 .__successRank {
	top: 30%;
}

.__successRank span {
	font-size: 12px;
	font-weight: 400;
	color: white;
	border-bottom: 2px solid white;
	padding: 1px 8px;
}

.__successRank {
	content: "";
	position: relative;
	min-height: 150Px;
	flex-direction: column;
	width: 150px;
	border: 4px solid white;
	background: green;
	z-index: 9;
	color: white;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto';
	font-weight: 600;
	font-size: 22px;
	border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.rank1 .__successRank {
	background: #4285F4;
	border-color: #265aad;
}

.rank2 .__successRank {
	background: #F4B400;
	border-color: #a77f14;
}

.rank3 .__successRank {
	background: #DB4437;
	border-color: #9c3127;
}

.__uniq_badge {
	display: flex;
	flex-direction: column;
	width: 18%;
	gap: 10px;
}

.__uniq_badge img {
	display: block;
	position: relative;
	height: 100px;
}

.__uniq_badge p {
	font-size: 14px;
	color: white;
	font-weight: 400;
	padding: 2px 7px;
	background: #31aa52;
	border: 3px solid #1e6431;
	display: block;
	position: relative;
	border-radius: 6px;
}

.__uniq_badge p::before {
	content: " ";
	width: 0;
	height: 0;
	border-bottom: 10px solid #1e6431;
	position: absolute;
	left: 37px;
	top: -11px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.obtention__ {
	display: block;
	margin-top: 5px;
	padding-top: 3px;
	width: 100%;
	border-top: 1px solid #dedede;
	font-size: 12px;
	color: #dedede;
}

.__not_obtained {
	filter: grayscale(100%);
}

.shine {
	position: relative;
	overflow: hidden;
}

.shine::before {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	content: "";
	display: block;
	height: 100%;
	left: -75%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 2;
}

.shine::before,
.shine::before {
	-webkit-animation: shine 3s infinite;
	animation: shine 3s infinite;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.__all_badges {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}

a[href="http://www.fancygrid.com"] {
	/* display:  !important; */
}

._overlayReward {
	display: flex;
	position: fixed;
	top: 0px;
	flex-direction: column;
	transition: 0.2s all ease-in-out;
	left: 0px;
	width: 100vw;
	justify-content: center;
	align-items: center;
	z-index: 99999 !important;
	height: 100vh;
	animation: 0.5s ease-in-out 0s infinite alternate appearPop;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

#container-sponsors {
	display: block;
	width: 100%;

}

._overlayReward img {
	display: block;
	width: 250px;
	height: 250px;
	opacity: 0;
	position: relative;
}

._overlayReward p {
	color: #010101;
	font-size: 25px;
	font-weight: 400;
	margin-top: 30px;
	font-family: Roboto;
	opacity: 0;
	text-align: center;
}

._overlayReward p b:first-child {
	font-size: 45px;
	border-bottom: 2px solid #010101;
}

.tada_badge {
	animation: tadoum 0.7s ease-in-out 0s 1 normal forwards;
}

.appearText {
	animation: appearFromTop 0.9s ease-in-out 0s 1 normal forwards;
}

@keyframes appearPop {
	from {
		background: #ffffff00;
	}

	to {
		background: #fff;
	}
}

@keyframes appearFromTop {
	0% {
		transform: translateY(350px);
	}

	70% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes tadoum {
	0% {
		transform: scale3d(1, 1, 1);
		opacity: 0;
	}

	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		opacity: 1;
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}

.dotLine__title h2 {
	display: flex !important;
	flex: 1;
	gap: 20px;
	align-items: center;
}

.dotLine__title h2::after {
	content: " ";
	width: 80%;
	height: 3px;
	display: block;
	position: relative;
	border-bottom: 4px solid #F3BC00;
}

.__keyCBK {
	display: inline-block;
	padding: 14px 18px;
	border: 1px solid #020202;
	box-shadow: inset 0px 0.4px 0px white;
	background: linear-gradient(#2d2d36, #313036);
	margin: 0px !important;
	border-radius: 6px;
	color: white;
	font-family: Roboto;
	font-size: 19px;
	transition: 0.2s all ease-in-out;
}

.__keyCBK span {
	transition: 0.15s all ease-in-out;
}

.__keyCBK:hover {
	box-shadow: inset 0px 0px 0px white;
}

.__keyLarge {
	font-size: 14px;
	padding: 20px 60px 17px 10px;
	text-align: left;
}

.__tinyKey {
	padding: 7px 20px 7px 20px;
	font-size: 14px;
}

.__keyContainer {
	display: inline-block;
	position: relative;
	padding: 0px 0px !important;
	gap: 20px;
	align-content: center;
	border: 5px solid #f3bc00;
	border-radius: 9px;
}

.__keyContainer[data-descr]::after {
	content: attr(data-descr);
	display: block;
	position: absolute;
	border-left: 3px solid #f3bc00;
	padding-left: 20px;
	font-weight: 700;
	font-family: Roboto;
	font-size: 17px;
	left: 120%;
	color: #f3bc00;
	top: 0px;
	width: 100%;
}

@media all and (max-width: 600px) {
	.__keyContainer[data-descr]::after {
		position: relative !important;
		left: 0px !important;
		padding: 5px !important;
		border: 0px !important;

	}
}

.__keyContainer[data-descr]::after {
	content: attr(data-descr);
	display: block;
	position: absolute;
	border-left: 3px solid #f3bc00;
	padding-left: 20px;
	font-weight: 700;
	font-family: Roboto;
	font-size: 17px;
	left: 120%;
	color: #f3bc00;
	top: 0px;
	width: 100%;
}

.elementor-button:focus {
	color: #4285F4 !important;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	color: inherit !important;
}

iframe.fullScreen {
	width: 100vw;
	height: 100vh;
	z-index: 9;
	background: white;
	position: fixed;
	top: 0;
	left: 0;
}

.openBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	font-family: 'Roboto';
	cursor: pointer;
	color: #2f2f2f;
}

.openBtn small {
	font-size: 10px !important;
}

.iframe-container {
	display: block;
	position: relative;
}

.iframe-container.load-frame::before {
	content: "Chargement en cours, merci de patienter";
	display: flex;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #f1f2f3;
	border-radius: 10px;
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(241, 242, 243); display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="50" cy="50" r="5" stroke-width="1" stroke="%231c4595" stroke-dasharray="7.853981633974483 7.853981633974483" fill="none" stroke-linecap="round"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="0.7633587786259541s" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform></circle><!-- [ldio] generated by https://loading.io/ --></svg>');
	background-position: center center;
	background-repeat: no-repeat;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding-top: 80px;
	font-size: 14px;
	color: #294f9b;
}

.sub-menu {
	margin-top: 0px !important;
}

.before-content-course {
	display: flex;
	gap: 15px;
	justify-content: space-between;
	align-items: start;
}

.enhanced.course-tl-container {
	opacity: 0;
	max-height: 0px;
	overflow: hidden;
	margin-top: -40px;
}

.course-tl-container {
	display: block;
	padding: 20px 25px;
	position: relative;
	transition: 0.15s all ease-in-out;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.course-tl-container.course-active {
	max-height: 15000px;
	opacity: 1;
	margin-top: 20px;
}

.course-tl-container ul.tl {
	margin: 20px 0;
	padding: 0;
	display: inline-block;

}

.course-tl-container ul.tl li {
	list-style: none;
	margin: auto;
	min-height: 50px;
	border-left: 1px dashed #86D6FF;
	padding: 0 0 50px 30px;
	position: relative;
}

.course-tl-container ul.tl li:last-child {
	border-left: 0;
}

.course-tl-container ul.tl li::before {
	position: absolute;
	left: -9px;
	top: 10px;
	content: " ";
	border: 8px solid rgba(255, 255, 255, 0.74);
	border-radius: 500%;
	background: #258CC7;
	height: 10px;
	width: 10px;
	transition: all 500ms ease-in-out;

}

.course-tl-container ul.tl li:hover::before {
	border-color: #258CC7;
	transition: all 1000ms ease-in-out;
}

ul.tl li .item-title {
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 400;
}

ul.tl li .item-detail {
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	padding-top: 6px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: start;
}

.tl-item.finished::before {
	content: "✅" !important;
	line-height: 0px !important;
	text-indent: -9px !important;
	font-size: 15px !important;
}

.locked-badge div {
	display: flex;
	gap: 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.locked-badge p {
	font-size: 16px;
	font-weight: 500;
	color: #dda508;
	text-align: center;
}

ul.tl li a.btn-course:active,
ul.tl li a.btn-course:focus {
	background: #4285F4;
	color: white;
}

.lock-img {
	height: 80px !important;
	position: absolute;
	top: -25px;
	left: -25px;
	animation: lockRotate 3s infinite alternate;
}

.locked-badge {
	display: flex;
	position: relative;
	justify-content: center;
	padding: 20px;
	background: #fefefe;
	max-width: 450px;
	margin: auto;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.badge-to-unlock {
	width: 80px;
	opacity: 0.4;
}

ul.tl li a.btn-course {
	background: #4285F4;
	padding: 6px 15px;
	display: flex;
	justify-content: center;
	color: white;
	font-size: 13px;
	border-radius: 6px;
	font-weight: 600;
}

.progress-path {
	font-size: 13px !important;
	text-align: center !important;
	color: grey !important;
	font-weight: 400 !important;
}

.icon-course {
	width: 23px;
	display: inline-block;
	margin-right: 5px;
	margin-top: -3px;
}

ul.tl li .timestamp {
	color: #8D8D8D;
	position: absolute;
	width: 100px;
	left: -137px;
	top: 8px;
	width: 116px;
	text-align: right;
	font-size: 12px;
}

.statusanimate {
	display: flex;
	font-size: 12px;
	padding: 1px 12px;
	background: red;
	border-radius: 34px;
	margin-left: 6px;
}

@media all and (max-width: 1100px) {
	.head-course-container {
		display: flex;
		flex-direction: column !important;
		padding: 15px !important;
		align-items: center;
		border-radius: 7px;
		gap: 10px !important;
		align-items: start !important;
	}

	.rewards-courses,
	.label-course,
	.time-course {
		width: 100% !important;
	}

	.time-course i,
	.rewards-courses i {
		font-size: 18px !important;
	}

	.before-content-course {
		flex-direction: column !important;
	}

	.main-course-tl {
		flex-direction: column !important;
		align-items: start !important;
	}

	.side-course {
		flex-direction: column !important;
		align-items: center !important;
	}
}

.statusanimate.inprogress {
	background: #4285F4;
	animation: glossingAnimate 0.5s infinite alternate;
	color: white;
}

.statusanimate.finished {
	background: #0F9D58;
	color: white;
}

.statusanimate.notstarted {
	background: #DB4437;
	color: white;
}

.time-course {
	width: 120px;
}

@keyframes glossingAnimate {
	0% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes lockRotate {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

	100% {
		opacity: scale(1.1);
	}
}

.head-course-container {
	display: flex;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	padding: 5px 25px;
	align-items: center;
	position: relative;
	z-index: 9;
	border-radius: 7px;
	justify-content: space-between;
}

.label-course {
	font-weight: bold;
	font-family: "Roboto";
	font-size: 18px;
	display: flex;
	width: 32%;
	align-items: center;
}

.time-course,
.rewards-courses {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	color: #AEAEAE;
}

.open-course {
	background-color: #4E80D0 !important;
	color: white;
	font-size: 16px !important;
	border-radius: 5px !important;
	padding: 5px 15px !important;
	max-height: 40px !important;
}

.open-course:hover,
.open-course:active {
	border-color: #3e67a8 !important;
	color: white !important;
}

.before-content-course p {
	font-size: 15px;
	max-width: 70%;
	color: #010101;
}

.enhanced.course-tl-container ul.tl {
	margin: 30px 30px !important;
}

.enhanced.course-tl-container ul.tl li {
	border-left: 2px dashed #4E80D0 !important;
}

.container-soft-icon {
	padding: 5px;
	background: #4E80D0;
	border-radius: 5px;
	max-width: 100px;
	width: 100px;
	display: flex;
	flex-direction: column;
}

.container-soft-icon p {
	font-size: 13px;
	color: white;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

.container-soft-icon.finished {
	background: #0F9D58 !important;
}

.container-soft-icon img {
	width: 100%;
	height: 80px;
	border-radius: 5px 5px 0px 0px;
	padding-top: 10px;
	background: white;
	padding-bottom: 10px;
	object-fit: contain;
}

.enhanced ul.tl li .timestamp {
	color: #8D8D8D !important;
	top: 2px !important;
	font-weight: bold !important;
	text-align: right;
	font-size: 18px !important;
}

.enhanced.course-tl-container ul.tl li::before {
	position: absolute;
	left: -9px;
	top: 10px;
	content: " ";
	border: 2px solid #4E80D0;
	padding: 6px;
	border-radius: 500%;
	background: #DFE8F6;
	height: 10px;
	width: 10px;
	transition: all 500ms ease-in-out;
}

.before-content-course {
	padding-bottom: 35px;
	padding-top: 25px;
	border-bottom: 1px solid #C4C4C4;
}

.close-course {
	cursor: pointer;
	color: white;
	display: flex;
	top: 10px;
	right: 10px;
	position: absolute;
	background: #4E80D0;
	margin: 0px;
	font-size: 20px;
	padding: 2px 5px;
	border-radius: 5px;
}

.agenda-event {
	background-color: #4E80D0 !important;
	color: white;
	font-size: 14px !important;
	border-radius: 5px !important;
	font-weight: 700;
	padding: 5px 15px !important;
}

.agenda-course:hover,
.agenda-course:active {
	border-color: #3e67a8 !important;
	color: white !important;
}

.label-course,
.time-course {
	position: relative;
}

@media all and (max-width: 1300px) {

	.label-course::after,
	.time-course::after {
		display: none !important;
	}
}

.label-course::after,
.time-course::after {
	content: " ";
	border-right: 1px solid #C4C4C4;
	height: 28px;
	position: absolute;
	right: -66px;
}

.rewards-courses {
	font-size: 14px;
	width: 19%;
}

.rewards-courses i,
.time-course i {
	font-size: 25px;
}

.rewards-courses p {
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.time-course span,
.rewards-courses span {
	font-weight: bold;
	color: #020202;
}

.main-course-tl {
	display: flex;
	gap: 20px;
	justify-content: start;
	align-items: center;
}

.soft-details-course {
	display: flex;
	flex-direction: column;
	gap: 0px;
	justify-content: space-between;
	align-items: start;
}

.title-course-intern {
	font-size: 24px;
	font-weight: bold;
	color: #010101;
	margin: 0px;
}

.soft-details-course p {
	font-size: 15px;
	max-width: 435Px;
}

.soft-details-course a.btn-course {
	margin-top: 10px;
}

.side-course {
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.title-progress span {
	display: block;
	font-weight: bolder;
	color: #4E80D0;
	padding: 0px;
	margin-bottom: -15px;
	font-size: 85px;
	margin-top: -25px;
}

.descr-badge {
	font-size: 18px;
	text-align: center;
	color: #010101;
	margin-top: 35px;
}

.badge-unlock {
	padding: 17px;
	object-fit: contain;
	height: 150px;
	width: 100%;
	margin-top: 25px;
	border-radius: 25px !important;
	border: 10px solid #F3BC00 !important;
}

.title-progress {
	font-size: 24px;
	border-bottom: 2px solid #C4C4C4;
	color: #B9B9B9;
	font-weight: 600;
	text-align: center;
}

.progress-window {
	padding: 20px;
	max-width: 330px !important;
	margin-top: 20px;
	border-radius: 7px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.freshNew {
	border-color: #0F9D58 !important;
	box-shadow: rgba(15, 157, 88, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
}

.elementor-tab-title {
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.elementor-tab-title:hover::after {
	transform: translatex(10px);
}

.elementor-tab-title:not(.elementor-active)::after {
	content: "\f054" !important;
	color: #776B5A !important;
	display: flex !important;
	font-size: 13px !important;
	font-family: 'Font Awesome 5 Free';
	border: 1px solid #EBE3D5 !important;
	background: #F3EEEA;
	height: 30px;
	border-radius: 100%;
	max-height: 30px;
	width: 100%;
	max-width: 30px;
	justify-content: center;
	text-align: center !important;
	transition: 0.2s all ease-in-out;
	font-weight: 500;
}

.grid-rewards {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
}

.soft-parcours {
	display: flex;
	justify-content: space-between;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	flex-direction: column;
	padding: 10px;
	border-radius: 9px;
}

.work-history {
	padding: 24px;
	border-radius: 8px;
	border: 1px solid rgb(218, 220, 224);
	background: #ffffff;

}

.work-history.done {
	border-color: rgb(77, 207, 84);
	background: #b1ffd9;
	color: #1f8d57 !important;
}

.work-history.done .btn {
	background: #1f8d57 !important;
}

.work-history h3 {
	font-size: 20px;
	font-weight: 500;
}

.work-history .date-history {
	font-size: 12px;
	color: #5858589c;
}

.work-history .btn {
	margin-top: 10px;
}

.btn-sm {
	font-size: 13px !important;
	padding: 5px 15px !important;
}

.work-history-container .work-history {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.work-history-1 {
	font-family: "Roboto";
	font-size: 27px;
	font-weight: 600;
	color: #2a5db1;
}

.work-history-2 {
	font-family: "Roboto";
	font-size: 14px;
	font-weight: 300;
	margin-top: 7px;
	color: #2a303a;
	margin-bottom: 20px;
}

/** DASHBOARD PART **/
@keyframes greetingwelcome {
	0% {
		opacity: 0;
		filter: blur(5px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
		filter: blur(0px);
	}
}

.dashboard__container {
	padding: 15px;
	max-width: 1600px;
	margin: auto;
}

.dashboard__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.dashboard__header__left .dashboard__avatar {
	display: flex;
	gap: 25px;
	flex-direction: row;
	align-items: center;
	animation: greetingwelcome 0.6s ease-in-out;
}

.dashboard__avatar__initial {
	display: flex;
	height: 50px;
	width: 50px;
	border: 2px solid #217036;
	background: #31AA52;
	font-size: 28px;
	font-weight: bold;
	transition: 0.2s all ease-in-out;
	user-select: none;
	color: white;
	justify-content: center;
	align-items: center;
	border-radius: 100%
}

.dashboard__avatar__initial:hover {
	transform: scale(1.1);
}

.dashboard__avatar__name {
	font-size: 28px;
	margin-top: 0px;
	font-weight: bold;
	margin-bottom: -15px;
}

.btn_training:hover {
	padding-left: 15px;
}

.training_container.recommanded .btn_training {
	background-image: linear-gradient(90deg, #8A8A8A 56%, #A8A8A8 100%) !important;
}

.dashboard__section {
	margin-bottom: 50px;
}

.dashboard__section h1 {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: 600;
}

.dashboard__section h2 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;
}

.dashboard__greeting {
	font-size: 18px;
	margin: 0px;
}

.dashboard__score {
	display: flex;
	padding: 10px 15px;
	border: 2px solid #e2e2e2;
	gap: 15px;
	background: white;
	border-radius: 4px;
}

.dashboard__score p {
	display: flex;
	flex-direction: column;
	margin: 0px;
}

.dashboard__score .dashboard__score__text {
	font-size: 15px;
	font-weight: 600;
}

.dashboard__score .dashboard__score__number {
	font-size: 29px;
	font-weight: bold;
	margin-top: -10px;
}

.dashboard__score p:first-child {
	color: #F4B400;
}

.dashboard__score p:nth-child(2) {
	color: #DB4437;
}

.dashboard__score p:last-child {
	color: #4285F4;
}

.main_training {
	padding: 11px;

}

.copilot__section h1 {
	color: #822994;
	display: flex;
	align-items: center;

	gap: 10px;
}

.copilot__section svg {
	stroke: #822994;
}

.single_training {
	display: flex;
	border-radius: 8px;
	border: 1px solid #CBCBCB;
	background: white;
	justify-content: space-between;
	box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.08);
	flex-direction: column;
}

.header_training {
	display: flex;
	gap: 10px;
	padding: 11px 11px 0px 11px;
	align-items: center;
}

.header_training img {
	height: 40px !important;
	width: 40px !important;
	object-fit: contain !important;
	padding: 5px !important;
	border: 2px solid #EAEAEA;
	background: white;
	border-radius: 100%;
}

.header_training p {
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
}

.description_training {
	color: #626262;
	font-size: 13px;
	margin: 0px 0px;
}

.progression_training {
	color: #1A73E8;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.btn_training {
	color: white;
	text-align: left;
	padding: 14px 11px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	transition: 0.15s all ease-in-out;
	border-radius: 0px 0px 8px 8px;
	background-attachment: fixed;
	background-image: linear-gradient(90deg, #1A73E8 56%, #1C6AD1 100%);
}

.training_container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;

}

.copilot__container {
	border: 2px solid #E8E8E8;
	padding: 15px;
	background: radial-gradient(#e5e7eb48 1px, transparent 1px), linear-gradient(180deg, #5C5C5C 22%, #444444 82%) no-repeat center/cover;
	background-size: 40px 40px, cover;
	min-height: 300px;
	border-radius: 10px;
}

.copilot__container_response {
	display: flex;
	gap: 10px;
	flex-direction: column;
	max-height: 300px;
	overflow: auto;
}

.user__response {
	display: flex;
	flex-direction: column;
}

.user__response p {
	margin: 0px;
	font-size: 16px;
	color: white;
	background: #0084ff;
	display: flex;
	padding: 7px 14px;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #0065cc;
	align-self: flex-end;
	box-shadow: 0px 3px 30px rgba(161, 161, 161, 0.18);
}

.copilot__response {
	display: flex;
	flex-direction: column;

}

.copilot__response p {
	margin: 0px;
	font-size: 16px;
	color: white;
	background: #a921b6;
	display: inline-block;

	padding: 7px 14px;
	border-radius: 20px 20px 20px 20px;
	align-self: flex-start;
	border: 1px solid #822994;
	box-shadow: 0px 3px 30px rgba(161, 161, 161, 0.18);
}

@media all and (max-width: 770px) {
	.dashboard__header {
		flex-direction: column;
		gap: 12px;
	}

	.dashboard__avatar {
		gap: 10px !important;
	}

	.dashboard__avatar__name {
		font-size: 22px !important;
		margin-bottom: -8px !important;
	}

	.dashboard__score .dashboard__score__text {
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 15px !important;
		margin-bottom: 10px !important;
	}

	.dashboard__score {
		padding: 10px 10px !important;
	}
}

.placeholder_noresult {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	text-align: center;
	color: #8A8A8A;
	min-height: 150px;
	font-size: 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.placeholder_noresult b {
	font-size: 18px;
}

@keyframes fadein_training {
	0% {
		opacity: 0;
		transform: translateY(40px);
		filter: blur(5px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
		filter: blur(0px);
	}
}

.fade__in_training {
	animation: fadein_training 0.5s ease-in-out forwards;
}

.finished__training {
	padding: 15px 15px;
	background: #b0b0b036;
	border-radius: 7px;
	border: 2px solid #2626262b;
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.ia-preview-container {
	width: 400px;
	min-height: 350px;
	background: white;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: 0.15s all ease-in-out;
}

.ia-preview-container:hover {
	transform: scale(1.09);
}

.ia-preview-browser-bar {
	background: #f3f4f6;
	padding: 10px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d1d5db;
}

.ia-preview-browser-bar div {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 6px;
}

.ia-preview-red {
	background: #f87171;
}

.ia-preview-yellow {
	background: #facc15;
}

.ia-preview-green {
	background: #34d399;
}

.ia-preview-messages {
	flex: 1;
	padding: 15px;
	overflow-y: auto;
	background: #f9fafb;
	display: flex;
	flex-direction: column;
}

.ia-preview-message {
	max-width: 75%;
	padding: 12px;
	border-radius: 18px;
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.4;
}

.ia-preview-sent {
	background: #2563eb;
	color: white;
	align-self: flex-end;
	border-bottom-right-radius: 5px;
}

.ia-preview-received {
	background: #e5e7eb;
	color: black;
	align-self: flex-start;
	border-bottom-left-radius: 5px;
}

.gemini-encard {
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 7px;
	position: relative;
	background: white;
	margin-top: 50px;
}

.gemini-encard::after {
	content: " ";
	position: absolute;
	inset: 0;
	background: repeating-conic-gradient(from var(--a),
			#0f0,
			#ff0,
			#0ff,
			#f0f,
			#0ff);
	border-radius: 20px;
	animation: rotating 4s linear infinite;
	filter: blur(20px);
	z-index: -1;
	opacity: 0.75;
}

.gemini-encard::before {
	content: " ";
	display: block;
	position: absolute;
	top: -25px;
	height: 50px;
	width: 50px;
	left: -25px;
	background-image: url('https://adoption.numericoach.fr/wp-content/uploads/2025/02/gemini-icon.png');
	background-size: 100% 100%;
}

@property --a {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}

@keyframes rotating {
	0% {
		--a: 0deg;
	}

	100% {
		--a: 360deg;
	}
}
.ia-gemini-icon {
	display: flex !important;
}
.ia-gemini-icon::after {
	content: " ";
	display: inline-block;
	height: 12px;
	position: relative;
	width: 12px;
	margin-left: -11px;
	background-image: url('https://adoption.numericoach.fr/wp-content/uploads/2025/02/gemini-icon.png');
	background-size: contain;
	margin-top: 4px;
}