/*
Theme Name: Momentum
Theme URI: https://zeapp.pro
Author: Christophe PENAUD
Author URI: https://zeapp.pro
Description: Ze App Theme
Requires at least: WordPress 7.0
Version: 1.0
*/

/* COLORS BY LEVEL */
/*
0 = #0ffcff
1 = ff3ec5
2 = 985af9
3 = fffb26
4 = 009cff
5 = 01ff02
6 = f54961
7 = f5c312


N1 = #0ffcff + #c7ffff pour version dégradé (1ère couleur positionné à 3/4)
N2 = #ff3ec5 + #ff9be0 pour version dégradé (1ère couleur positionné à 3/4)
N3 = #985af9 + #babff5 pour version dégradé (1ère couleur positionné à 3/4)
N4 = #fffb26 + #fefd89 pour version dégradé (1ère couleur positionné à 3/4)
N5 = #009cff + #02fffe pour version dégradé (1ère couleur positionné à 3/4)
N6 = #01ff02 + #dbfc2f pour version dégradé (1ère couleur positionné à 3/4)
N7 = #f54961 + #db7f93 pour version dégradé (1ère couleur positionné à 3/4)
N8 = #f5c312 + #ccbd43 pour version dégradé (1ère couleur positionné à 3/4)
*/

/* LEVEL 0 */
.level_0 .rounded_reverse:hover #deconnexion line,
.level_0 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_0 .container_footer ul.menu li:hover #barre,
.level_0 .container_footer ul.menu li.current #barre,
.level_0 .container_footer ul.menu li:hover #cercle1,
.level_0 .container_footer ul.menu li.current #cercle1,
.level_0 .container_footer ul.menu li:hover #cercle2,
.level_0 .container_footer ul.menu li.current #cercle2,
.level_0 .container_footer ul.menu li:hover #contour-cercle1,
.level_0 .container_footer ul.menu li.current #contour-cercle1,
.level_0 .container_footer ul.menu li:hover #icone1 rect,
.level_0 .container_footer ul.menu li:hover #icone1 line,
.level_0 .container_footer ul.menu li:hover #icone1 circle,
.level_0 .container_footer ul.menu li:hover #icone1 path,
.level_0 .container_footer ul.menu li.current #icone1 rect,
.level_0 .container_footer ul.menu li.current #icone1 line,
.level_0 .container_footer ul.menu li.current #icone1 circle,
.level_0 .container_footer ul.menu li.current #icone1 path,
.level_0 .position_header #icone1 rect,
.level_0 .position_header #icone1 line
{
	stroke:#0ffcff;
	transition: all 0.3s ease-out;
}
.current_level_0 .selected_periode,
.current_level_0 .ratios .legende_reelle,
.current_level_0 #ranking_groupes_select li:hover,
.current_level_0 #groupes_select li:hover,
.current_level_0 .date_sync,
.level_0 .ratios .legende_reelle,
.level_0 .sales .qte,
.level_0 #periode li:hover,
.level_0 .active,
.level_0 .date_sync{
	color:#0ffcff;
}

.user_level_0 div.user_img_container img,
.current_level_0 ul.ranking li.current div,
.current_level_0 ul.ranking li div.current{
	border-color:#0ffcff;
}
/* CURRENT LEVEL 0 */
.current_level_0 .momemtum_list polyline,
.current_level_0 .view_ranking.statuts.active svg polyline,
.current_level_0 .bloc_type_footer #icone polyline,
.current_level_0 .container.legende path,
.current_level_0 .container.legende polyline,
.current_level_0 .container.legende line,
.current_level_0 .container.legende rect,
.current_level_0 .rounded_reverse:hover #deconnexion line,
.current_level_0 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_0 .since #icone rect,
.current_level_0 .since #icone line,
.current_level_0 .name_rank #icone polyline,
.current_level_0 .container_svg_select #icone1 path,
.current_level_0 .container_svg_select #icone2 path,
.current_level_0 .container_svg_select #icone2 circle,
.current_level_0 .selected_user_type #icone2 path,
.current_level_0 .selected_user_type #icone2 circle,
.current_level_0 .selected_user_type #icone line,
.current_level_0 .selected_periode #icone rect,
.current_level_0 .selected_periode #icone line,
.current_level_0 .position_header #icone1 rect,
.current_level_0 .position_header #icone1 line,
.current_level_0 .position_content #icone1 path,
.current_level_0 .user_name  #icone path,
.current_level_0 .user_name circle,
.current_level_0 .store_name #icone path,
.current_level_0 .store_name #icone polyline,
.current_level_0 .container_footer ul.menu li:hover #barre,
.current_level_0 .container_footer ul.menu li.current #barre,
.current_level_0 .container_footer ul.menu li:hover #cercle1,
.current_level_0 .container_footer ul.menu li.current #cercle1,
.current_level_0 .container_footer ul.menu li:hover #cercle2,
.current_level_0 .container_footer ul.menu li.current #cercle2,
.current_level_0 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_0 .container_footer ul.menu li.current #contour-cercle1,
.current_level_0 .container_footer ul.menu li:hover #icone1 rect,
.current_level_0 .container_footer ul.menu li:hover #icone1 line,
.current_level_0 .container_footer ul.menu li:hover #icone1 circle,
.current_level_0 .container_footer ul.menu li:hover #icone1 path,
.current_level_0 .container_footer ul.menu li.current #icone1 rect,
.current_level_0 .container_footer ul.menu li.current #icone1 line,
.current_level_0 .container_footer ul.menu li.current #icone1 circle,
.current_level_0 .container_footer ul.menu li.current #icone1 path,
.current_level_0 #scrollTopBtn #contour-cercle1,
.current_level_0 #scrollTopBtn #icone1{
	stroke:#0ffcff;
	transition: all 0.3s ease-out;
}
.current_level_0 .modify_profile_image,
.current_level_0 .legende .count,
.current_level_0 .statuts_right .count,
.current_level_0 .container.legende .count,
.current_level_0 .legend-chart .percent_symbol,
.current_level_0 .rounded_reverse:hover a,
.current_level_0 .infos_legende,
.current_level_0 .subreferent_challenge a:hover,
.current_level_0 .subreferent_challenge a.active,
.current_level_0 .subreferent_classement a:hover,
.current_level_0 .subreferent_classement a.active,
.current_level_0 .referent_mix_classement a:hover,
.current_level_0 .referent_mix_classement a.active,
.current_level_0 .referent_mix_summary a:hover,
.current_level_0 .referent_mix_summary a.active,
.current_level_0 .rang_name,
.current_level_0 h2,
.current_level_0 .sales .qte,
.current_level_0 #ranking_groupes_select li:hover,
.current_level_0 #groupes_select li:hover,
.current_level_0 ul.users li:hover,
.current_level_0 ul#subreferent_classement li:hover,
.current_level_0 .legende_reelle,
.current_level_0 .ratios .legende_reelle
.current_level_0 #periode li:hover,
.current_level_0 .filters .active,
.current_level_0 .date_sync,
.current_level_0 .bloc_type_footer a:hover{
	color:#0ffcff;
}
.current_level_0 #Calque_team .st2,
.current_level_0 .momemtum_list path,
.current_level_0 .container_footer ul.menu li #circle_stars,
.current_level_0 .close_legende #point circle,
.current_level_0 .close_legende #cadre1 path,
.current_level_0 .infos_legende #point path,
.current_level_0 .user_select #icone path,
.current_level_0 .container_svg_select .vendeur #icone1,
.current_level_0 .since #icone circle,
.current_level_0 .rounded_level #icone path,
.current_level_0 .level_circle #cercle1 path,
.current_level_0 .container_footer .filters #icone circle,
.current_level_0 .container_footer ul.menu li #point1, 
.current_level_0 .container_footer ul.menu li #point1 circle, 
.current_level_0 .container_footer ul.menu li #Point{
	fill:#0ffcff;
	transition: all 0.3s ease-out;
}
.current_level_0 .stores-load-button, 
.current_level_0 .users-load-button,
.current_level_0 ul.stores li,
.current_level_0 ul.users li,
.current_level_0 #search_store,
.current_level_0 #search_user,
.current_level_0 #search_store:hover,
.current_level_0 #search_user:hover,
.current_level_0 #search_store:focus-visible,
.current_level_0 #search_user,
.current_level_0 .chart_display,
.current_level_0 ul#subreferent_classement li,
.current_level_0 ul.ranking li.current div,
.current_level_0 ul.ranking li div.current,
.current_level_0 ul#periode li,
.current_level_0 .filters{
	border-color:#0ffcff;
}
.current_level_0 .subreferent_challenge a:hover::after,
.current_level_0 .subreferent_challenge a.active::after,
.current_level_0 .subreferent_classement a:hover::after,
.current_level_0 .subreferent_classement a.active::after,
.current_level_0 .referent_mix_classement a:hover::after,
.current_level_0 .referent_mix_classement a.active::after,
.current_level_0 .referent_mix_summary a:hover::after,
.current_level_0 .referent_mix_summary a.active::after,
.current_level_0 .position_bg,
.current_level_0 h2:after,
.current_level_0 .gradient_box,
.current_level_0 .classements_container .position_bg{
	background: linear-gradient(to right, #0ffcff, #c7ffff);
}
.current_level_0 .momentum_notif,
.current_level_0 #basic-user-avatar-form input[type='submit'],
.perso_details input[type="submit"],
.current_level_0 .rounded_reverse,
.current_level_0 .bloc_type_header::after,
.current_level_0 .progress-moved .bar-reelle,
.current_level_0 .progress-moved .bar-reelle-groupe,
.current_level_0 .reelle{
	background: #0ffcff
}
/* CURRENT LEVEL 1 */
.current_level_1 .momemtum_list polyline,
.current_level_1 .view_ranking.statuts.active svg polyline,
.current_level_1 .bloc_type_footer #icone polyline,
.current_level_1 .container.legende path,
.current_level_1 .container.legende polyline,
.current_level_1 .container.legende line,
.current_level_1 .container.legende rect,
.current_level_1 .rounded_reverse:hover #deconnexion line,
.current_level_1 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_1 .since #icone rect,
.current_level_1 .since #icone line,
.current_level_1 .name_rank #icone polyline,
.current_level_1 .container_svg_select #icone1 path,
.current_level_1 .container_svg_select #icone2 path,
.current_level_1 .container_svg_select #icone2 circle,
.current_level_1 .selected_user_type #icone2 path,
.current_level_1 .selected_user_type #icone2 circle,
.current_level_1 .selected_user_type #icone line,
.current_level_1 .selected_periode #icone rect,
.current_level_1 .selected_periode #icone line,
.current_level_1 .position_header #icone1 rect,
.current_level_1 .position_header #icone1 line,
.current_level_1 .position_content #icone1 path,
.current_level_1 .user_name  #icone path,
.current_level_1 .user_name circle,
.current_level_1 .store_name #icone path,
.current_level_1 .store_name #icone polyline,
.current_level_1 .container_footer ul.menu li:hover #barre,
.current_level_1 .container_footer ul.menu li.current #barre,
.current_level_1 .container_footer ul.menu li:hover #cercle1,
.current_level_1 .container_footer ul.menu li.current #cercle1,
.current_level_1 .container_footer ul.menu li:hover #cercle2,
.current_level_1 .container_footer ul.menu li.current #cercle2,
.current_level_1 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_1 .container_footer ul.menu li.current #contour-cercle1,
.current_level_1 .container_footer ul.menu li:hover #icone1 rect,
.current_level_1 .container_footer ul.menu li:hover #icone1 line,
.current_level_1 .container_footer ul.menu li:hover #icone1 circle,
.current_level_1 .container_footer ul.menu li:hover #icone1 path,
.current_level_1 .container_footer ul.menu li.current #icone1 rect,
.current_level_1 .container_footer ul.menu li.current #icone1 line,
.current_level_1 .container_footer ul.menu li.current #icone1 circle,
.current_level_1 .container_footer ul.menu li.current #icone1 path,
.current_level_1 #scrollTopBtn #contour-cercle1,
.current_level_1 #scrollTopBtn #icone1{
	stroke:#ff3ec5;
	transition: all 0.3s ease-out;
} 
.current_level_1 .modify_profile_image,
.current_level_1 .legende .count,
.current_level_1 .statuts_right .count,
.current_level_1 .container.legende .count,
.current_level_1 .legend-chart .percent_symbol,
.current_level_1 .rounded_reverse:hover a,
.current_level_1 .infos_legende,
.current_level_1 .subreferent_challenge a:hover,
.current_level_1 .subreferent_challenge a.active,
.current_level_1 .subreferent_classement a:hover,
.current_level_1 .subreferent_classement a.active,
.current_level_1 .referent_mix_classement a:hover,
.current_level_1 .referent_mix_classement a.active,
.current_level_1 .referent_mix_summary a:hover,
.current_level_1 .referent_mix_summary a.active,
.current_level_1 .rang_name,
.current_level_1 h2,
.current_level_1 .sales .qte,
.current_level_1 #ranking_groupes_select li:hover,
.current_level_1 #groupes_select li:hover,
.current_level_1 ul.users li:hover,
.current_level_1 ul#subreferent_classement li:hover,
.current_level_1 .legende_reelle,
.current_level_1 .ratios .legende_reelle
.current_level_1 #periode li:hover,
.current_level_1 .filters .active,
.current_level_1 .date_sync,
.current_level_1 .bloc_type_footer a:hover{
	color:#ff3ec5;
}
.current_level_1 #Calque_team .st2,
.current_level_1 .momemtum_list path,
.current_level_1 .container_footer ul.menu li #circle_stars,
.current_level_1 .close_legende #point circle,
.current_level_1 .close_legende #cadre1 path,
.current_level_1 .infos_legende #point path,
.current_level_1 .user_select #icone path,
.current_level_1 .container_svg_select .vendeur #icone1,
.current_level_1 .since #icone circle,
.current_level_1 .rounded_level #icone path,
.current_level_1 .level_circle #cercle1 path,
.current_level_1 .container_footer .filters #icone circle,
.current_level_1 .container_footer ul.menu li #point1, 
.current_level_1 .container_footer ul.menu li #point1 circle, 
.current_level_1 .container_footer ul.menu li #Point{
	fill:#ff3ec5;
	transition: all 0.3s ease-out;
}
.current_level_1 .stores-load-button, 
.current_level_1 .users-load-button,
.current_level_1 ul.stores li,
.current_level_1 ul.users li,
.current_level_1 #search_store,
.current_level_1 #search_user,
.current_level_1 #search_store:hover,
.current_level_1 #search_user:hover,
.current_level_1 #search_store:focus-visible,
.current_level_1 #search_user,
.current_level_1 .chart_display,
.current_level_1 ul#subreferent_classement li,
.current_level_1 ul.ranking li.current div,
.current_level_1 ul.ranking li div.current,
.current_level_1 ul#periode li,
.current_level_1 .filters{
	border-color:#ff3ec5;
}
.current_level_1 .subreferent_challenge a:hover::after,
.current_level_1 .subreferent_challenge a.active::after,
.current_level_1 .subreferent_classement a:hover::after,
.current_level_1 .subreferent_classement a.active::after,
.current_level_1 .referent_mix_classement a:hover::after,
.current_level_1 .referent_mix_classement a.active::after,
.current_level_1 .referent_mix_summary a:hover::after,
.current_level_1 .referent_mix_summary a.active::after,
.current_level_1 .position_bg,
.current_level_1 h2:after,
.current_level_1 .gradient_box,
.current_level_1 .classements_container .position_bg{
	background: linear-gradient(to right, #ff3ec5, #ff9be0);
}
.current_level_1 .momentum_notif,
.current_level_1 #basic-user-avatar-form input[type='submit'],
.current_level_1 .perso_details input[type="submit"],
.current_level_1 .rounded_reverse,
.current_level_1 .bloc_type_header::after,
.current_level_1 .progress-moved .bar-reelle,
.current_level_1 .progress-moved .bar-reelle-groupe,
.current_level_1 .reelle{
	background: #ff3ec5
}

/* CURRENT LEVEL 2 */
.current_level_2 .momemtum_list polyline,
.current_level_2 .view_ranking.statuts.active svg polyline,
.current_level_2 .bloc_type_footer #icone polyline,
.current_level_2 .container.legende path,
.current_level_2 .container.legende polyline,
.current_level_2 .container.legende line,
.current_level_2 .container.legende rect,
.current_level_2 .rounded_reverse:hover #deconnexion line,
.current_level_2 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_2 .since #icone rect,
.current_level_2 .since #icone line,
.current_level_2 .name_rank #icone polyline,
.current_level_2 .container_svg_select #icone1 path,
.current_level_2 .container_svg_select #icone2 path,
.current_level_2 .container_svg_select #icone2 circle,
.current_level_2 .selected_user_type #icone2 path,
.current_level_2 .selected_user_type #icone2 circle,
.current_level_2 .selected_user_type #icone line,
.current_level_2 .selected_periode #icone rect,
.current_level_2 .selected_periode #icone line,
.current_level_2 .position_header #icone1 rect,
.current_level_2 .position_header #icone1 line,
.current_level_2 .position_content #icone1 path,
.current_level_2 .user_name  #icone path,
.current_level_2 .user_name circle,
.current_level_2 .store_name #icone path,
.current_level_2 .store_name #icone polyline,
.current_level_2 .container_footer ul.menu li:hover #barre,
.current_level_2 .container_footer ul.menu li.current #barre,
.current_level_2 .container_footer ul.menu li:hover #cercle1,
.current_level_2 .container_footer ul.menu li.current #cercle1,
.current_level_2 .container_footer ul.menu li:hover #cercle2,
.current_level_2 .container_footer ul.menu li.current #cercle2,
.current_level_2 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_2 .container_footer ul.menu li.current #contour-cercle1,
.current_level_2 .container_footer ul.menu li:hover #icone1 rect,
.current_level_2 .container_footer ul.menu li:hover #icone1 line,
.current_level_2 .container_footer ul.menu li:hover #icone1 circle,
.current_level_2 .container_footer ul.menu li:hover #icone1 path,
.current_level_2 .container_footer ul.menu li.current #icone1 rect,
.current_level_2 .container_footer ul.menu li.current #icone1 line,
.current_level_2 .container_footer ul.menu li.current #icone1 circle,
.current_level_2 .container_footer ul.menu li.current #icone1 path,
.current_level_2 #scrollTopBtn #contour-cercle1,
.current_level_2 #scrollTopBtn #icone1{
	stroke:#985af9;
	transition: all 0.3s ease-out;
}
.current_level_2 .modify_profile_image,
.current_level_2 .legende .count,
.current_level_2 .statuts_right .count,
.current_level_2 .container.legende .count,
.current_level_2 .legend-chart .percent_symbol,
.current_level_2 .rounded_reverse:hover a,
.current_level_2 .infos_legende,
.current_level_2 .subreferent_challenge a:hover,
.current_level_2 .subreferent_challenge a.active,
.current_level_2 .subreferent_classement a:hover,
.current_level_2 .subreferent_classement a.active,
.current_level_2 .referent_mix_classement a:hover,
.current_level_2 .referent_mix_classement a.active,
.current_level_2 .referent_mix_summary a:hover,
.current_level_2 .referent_mix_summary a.active,
.current_level_2 .rang_name,
.current_level_2 h2,
.current_level_2 .sales .qte,
.current_level_2 #ranking_groupes_select li:hover,
.current_level_2 #groupes_select li:hover,
.current_level_2 ul.users li:hover,
.current_level_2 ul#subreferent_classement li:hover,
.current_level_2 .legende_reelle,
.current_level_2 .ratios .legende_reelle
.current_level_2 #periode li:hover,
.current_level_2 .filters .active,
.current_level_2 .date_sync,
.current_level_2 .bloc_type_footer a:hover{
	color:#985af9;
}
.current_level_2 #Calque_team .st2,
.current_level_2 .momemtum_list path,
.current_level_2 .container_footer ul.menu li #circle_stars,
.current_level_2 .container_footer ul.menu li:hover #star1 path,
.current_level_2 .container_footer ul.menu li:hover #star2 path,
.current_level_2 .container_footer ul.menu li:hover #star3 path,
.current_level_2 .container_footer ul.menu li.current #star1 path,
.current_level_2 .container_footer ul.menu li.current #star2 path,
.current_level_2 .container_footer ul.menu li.current #star3 path,
.current_level_2 .close_legende #point circle,
.current_level_2 .close_legende #cadre1 path,
.current_level_2 .infos_legende #point path,
.current_level_2 .infos_legende #point path,
.current_level_2 .user_select #icone path,
.current_level_2 .container_svg_select .vendeur #icone1,
.current_level_2 .since #icone circle,
.current_level_2 .rounded_level #icone path,
.current_level_2 .level_circle #cercle1 path,
.current_level_2 .container_footer .filters #icone circle,
.current_level_2 .container_footer ul.menu li #point1, 
.current_level_2 .container_footer ul.menu li #point1 circle, 
.current_level_2 .container_footer ul.menu li #Point{
	fill:#985af9;
	transition: all 0.3s ease-out;
}
.current_level_2 .stores-load-button, 
.current_level_2 .users-load-button,
.current_level_2 ul.stores li,
.current_level_2 ul.users li,
.current_level_2 #search_store,
.current_level_2 #search_user,
.current_level_2 #search_store:hover,
.current_level_2 #search_user:hover,
.current_level_2 #search_store:focus-visible,
.current_level_2 #search_user,
.current_level_2 .chart_display,
.current_level_2 ul#subreferent_classement li,
.current_level_2 ul.ranking li.current div,
.current_level_2 ul.ranking li div.current,
.current_level_2 ul#periode li,
.current_level_2 .filters{
	border-color:#985af9;
}
.current_level_2 .subreferent_challenge a:hover::after,
.current_level_2 .subreferent_challenge a.active::after,
.current_level_2 .subreferent_classement a:hover::after,
.current_level_2 .subreferent_classement a.active::after,
.current_level_2 .referent_mix_classement a:hover::after,
.current_level_2 .referent_mix_classement a.active::after,
.current_level_2 .referent_mix_summary a:hover::after,
.current_level_2 .referent_mix_summary a.active::after,
.current_level_2 .position_bg,
.current_level_2 h2:after,
.current_level_2 .gradient_box,
.current_level_2 .classements_container .position_bg{
	background: linear-gradient(to right, #985af9, #babff5);
}
.current_level_2 .momentum_notif,
.current_level_2 #basic-user-avatar-form input[type='submit'],
.current_level_2 .perso_details input[type="submit"],
.current_level_2 .rounded_reverse,
.current_level_2 .bloc_type_header::after,
.current_level_2 .progress-moved .bar-reelle,
.current_level_2 .progress-moved .bar-reelle-groupe,
.current_level_2 .reelle{
	background: #985af9
}
/* CURRENT LEVEL 3 */
.current_level_3 .momemtum_list polyline,
.current_level_3 .view_ranking.statuts.active svg polyline,
.current_level_3 .bloc_type_footer #icone polyline,
.current_level_3 .container.legende path,
.current_level_3 .container.legende polyline,
.current_level_3 .container.legende line,
.current_level_3 .container.legende rect,
.current_level_3 .rounded_reverse:hover #deconnexion line,
.current_level_3 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_3 .since #icone rect,
.current_level_3 .since #icone line,
.current_level_3 .name_rank #icone polyline,
.current_level_3 .container_svg_select #icone1 path,
.current_level_3 .container_svg_select #icone2 path,
.current_level_3 .container_svg_select #icone2 circle,
.current_level_3 .selected_user_type #icone2 path,
.current_level_3 .selected_user_type #icone2 circle,
.current_level_3 .selected_user_type #icone line,
.current_level_3 .selected_periode #icone rect,
.current_level_3 .selected_periode #icone line,
.current_level_3 .position_header #icone1 rect,
.current_level_3 .position_header #icone1 line,
.current_level_3 .position_content #icone1 path,
.current_level_3 .user_name  #icone path,
.current_level_3 .user_name circle,
.current_level_3 .store_name #icone path,
.current_level_3 .store_name #icone polyline,
.current_level_3 .container_footer ul.menu li:hover #barre,
.current_level_3 .container_footer ul.menu li.current #barre,
.current_level_3 .container_footer ul.menu li:hover #cercle1,
.current_level_3 .container_footer ul.menu li.current #cercle1,
.current_level_3 .container_footer ul.menu li:hover #cercle2,
.current_level_3 .container_footer ul.menu li.current #cercle2,
.current_level_3 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_3 .container_footer ul.menu li.current #contour-cercle1,
.current_level_3 .container_footer ul.menu li:hover #icone1 rect,
.current_level_3 .container_footer ul.menu li:hover #icone1 line,
.current_level_3 .container_footer ul.menu li:hover #icone1 circle,
.current_level_3 .container_footer ul.menu li:hover #icone1 path,
.current_level_3 .container_footer ul.menu li.current #icone1 rect,
.current_level_3 .container_footer ul.menu li.current #icone1 line,
.current_level_3 .container_footer ul.menu li.current #icone1 circle,
.current_level_3 .container_footer ul.menu li.current #icone1 path,
.current_level_3 #scrollTopBtn #contour-cercle1,
.current_level_3 #scrollTopBtn #icone1{
	stroke:#fffb26;
	transition: all 0.3s ease-out;
}
.current_level_3 .modify_profile_image,
.current_level_3 .legende .count,
.current_level_3 .statuts_right .count,
.current_level_3 .container.legende .count,
.current_level_3 .legend-chart .percent_symbol,
.current_level_3 .rounded_reverse:hover a,
.current_level_3 .infos_legende,
.current_level_3 .subreferent_challenge a:hover,
.current_level_3 .subreferent_challenge a.active,
.current_level_3 .subreferent_classement a:hover,
.current_level_3 .subreferent_classement a.active,
.current_level_3 .referent_mix_classement a:hover,
.current_level_3 .referent_mix_classement a.active,
.current_level_3 .referent_mix_summary a:hover,
.current_level_3 .referent_mix_summary a.active,
.current_level_3 .rang_name,
.current_level_3 h2,
.current_level_3 .sales .qte,
.current_level_3 #ranking_groupes_select li:hover,
.current_level_3 #groupes_select li:hover,
.current_level_3 ul.users li:hover,
.current_level_3 ul#subreferent_classement li:hover,
.current_level_3 .legende_reelle,
.current_level_3 .ratios .legende_reelle
.current_level_3 #periode li:hover,
.current_level_3 .filters .active,
.current_level_3 .date_sync,
.current_level_3 .bloc_type_footer a:hover{
	color:#fffb26;
}
.current_level_3 #Calque_team .st2,
.current_level_3 .momemtum_list path,
.current_level_3 .container_footer ul.menu li #circle_stars,
.current_level_3 .close_legende #point circle,
.current_level_3 .close_legende #cadre1 path,
.current_level_3 .infos_legende #point path,
.current_level_3 .user_select #icone path,
.current_level_3 .container_svg_select .vendeur #icone1,
.current_level_3 .since #icone circle,
.current_level_3 .rounded_level #icone path,
.current_level_3 .level_circle #cercle1 path,
.current_level_3 .container_footer .filters #icone circle,
.current_level_3 .container_footer ul.menu li #point1, 
.current_level_3 .container_footer ul.menu li #point1 circle, 
.current_level_3 .container_footer ul.menu li #Point{
	fill:#fffb26;
	transition: all 0.3s ease-out;
}
.current_level_3 .stores-load-button, 
.current_level_3 .users-load-button,
.current_level_3 ul.stores li,
.current_level_3 ul.users li,
.current_level_3 #search_store,
.current_level_3 #search_user,
.current_level_3 #search_store:hover,
.current_level_3 #search_user:hover,
.current_level_3 #search_store:focus-visible,
.current_level_3 #search_user,
.current_level_3 .chart_display,
.current_level_3 ul#subreferent_classement li,
.current_level_3 ul.ranking li.current div,
.current_level_3 ul.ranking li div.current,
.current_level_3 ul#periode li,
.current_level_3 .filters{
	border-color:#fffb26;
}
.current_level_3 .subreferent_challenge a:hover::after,
.current_level_3 .subreferent_challenge a.active::after,
.current_level_3 .subreferent_classement a:hover::after,
.current_level_3 .subreferent_classement a.active::after,
.current_level_3 .referent_mix_classement a:hover::after,
.current_level_3 .referent_mix_classement a.active::after,
.current_level_3 .referent_mix_summary a:hover::after,
.current_level_3 .referent_mix_summary a.active::after,
.current_level_3 .position_bg,
.current_level_3 h2:after,
.current_level_3 .gradient_box,
.current_level_3 .classements_container .position_bg{
	background: linear-gradient(to right, #fffb26, #fefd89);
}
.current_level_3 .momentum_notif,
.current_level_3 #basic-user-avatar-form input[type='submit'],
.current_level_3 .perso_details input[type="submit"],
.current_level_3 .rounded_reverse,
.current_level_3 .bloc_type_header::after,
.current_level_3 .progress-moved .bar-reelle,
.current_level_3 .progress-moved .bar-reelle-groupe,
.current_level_3 .reelle{
	background: #fffb26
}

/* CURRENT LEVEL 4 */
.current_level_4 .momemtum_list polyline,
.current_level_4 .view_ranking.statuts.active svg polyline,
.current_level_4 .bloc_type_footer #icone polyline,
.current_level_4 .container.legende path,
.current_level_4 .container.legende polyline,
.current_level_4 .container.legende line,
.current_level_4 .container.legende rect,
.current_level_4 .rounded_reverse:hover #deconnexion line,
.current_level_4 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_4 .since #icone rect,
.current_level_4 .since #icone line,
.current_level_4 .name_rank #icone polyline,
.current_level_4 .container_svg_select #icone1 path,
.current_level_4 .container_svg_select #icone2 path,
.current_level_4 .container_svg_select #icone2 circle,
.current_level_4 .selected_user_type #icone2 path,
.current_level_4 .selected_user_type #icone2 circle,
.current_level_4 .selected_user_type #icone line,
.current_level_4 .selected_periode #icone rect,
.current_level_4 .selected_periode #icone line,
.current_level_4 .position_header #icone1 rect,
.current_level_4 .position_header #icone1 line,
.current_level_4 .position_content #icone1 path,
.current_level_4 .user_name  #icone path,
.current_level_4 .user_name circle,
.current_level_4 .store_name #icone path,
.current_level_4 .store_name #icone polyline,
.current_level_4 .container_footer ul.menu li:hover #barre,
.current_level_4 .container_footer ul.menu li.current #barre,
.current_level_4 .container_footer ul.menu li:hover #cercle1,
.current_level_4 .container_footer ul.menu li.current #cercle1,
.current_level_4 .container_footer ul.menu li:hover #cercle2,
.current_level_4 .container_footer ul.menu li.current #cercle2,
.current_level_4 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_4 .container_footer ul.menu li.current #contour-cercle1,
.current_level_4 .container_footer ul.menu li:hover #icone1 rect,
.current_level_4 .container_footer ul.menu li:hover #icone1 line,
.current_level_4 .container_footer ul.menu li:hover #icone1 circle,
.current_level_4 .container_footer ul.menu li:hover #icone1 path,
.current_level_4 .container_footer ul.menu li.current #icone1 rect,
.current_level_4 .container_footer ul.menu li.current #icone1 line,
.current_level_4 .container_footer ul.menu li.current #icone1 circle,
.current_level_4 .container_footer ul.menu li.current #icone1 path,
.current_level_4 #scrollTopBtn #contour-cercle1,
.current_level_4 #scrollTopBtn #icone1{
	stroke:#009cff;
	transition: all 0.3s ease-out;
}
.current_level_4 .modify_profile_image,
.current_level_4 .legende .count,
.current_level_4 .statuts_right .count,
.current_level_4 .container.legende .count,
.current_level_4 .legend-chart .percent_symbol,
.current_level_4 .rounded_reverse:hover a,
.current_level_4 .infos_legende,
.current_level_4 .subreferent_challenge a:hover,
.current_level_4 .subreferent_challenge a.active,
.current_level_4 .subreferent_classement a:hover,
.current_level_4 .subreferent_classement a.active,
.current_level_4 .referent_mix_classement a:hover,
.current_level_4 .referent_mix_classement a.active,
.current_level_4 .referent_mix_summary a:hover,
.current_level_4 .referent_mix_summary a.active,
.current_level_4 .rang_name,
.current_level_4 h2,
.current_level_4 .sales .qte,
.current_level_4 #ranking_groupes_select li:hover,
.current_level_4 #groupes_select li:hover,
.current_level_4 ul.users li:hover,
.current_level_4 ul#subreferent_classement li:hover,
.current_level_4 .legende_reelle,
.current_level_4 .ratios .legende_reelle
.current_level_4 #periode li:hover,
.current_level_4 .filters .active,
.current_level_4 .date_sync,
.current_level_4 .bloc_type_footer a:hover{
	color:#009cff;
}
.current_level_4 #Calque_team .st2,
.current_level_4 .momemtum_list path,
.current_level_4 .container_footer ul.menu li #circle_stars,
.current_level_4 .close_legende #point circle,
.current_level_4 .close_legende #cadre1 path,
.current_level_4 .infos_legende #point path,
.current_level_4 .user_select #icone path,
.current_level_4 .container_svg_select .vendeur #icone1,
.current_level_4 .since #icone circle,
.current_level_4 .rounded_level #icone path,
.current_level_4 .level_circle #cercle1 path,
.current_level_4 .container_footer .filters #icone circle,
.current_level_4 .container_footer ul.menu li #point1, 
.current_level_4 .container_footer ul.menu li #point1 circle, 
.current_level_4 .container_footer ul.menu li #Point{
	fill:#009cff;
	transition: all 0.3s ease-out;
}
.current_level_4 .stores-load-button, 
.current_level_4 .users-load-button,
.current_level_4 ul.stores li,
.current_level_4 ul.users li,
.current_level_4 #search_store,
.current_level_4 #search_user,
.current_level_4 #search_store:hover,
.current_level_4 #search_user:hover,
.current_level_4 #search_store:focus-visible,
.current_level_4 #search_user,
.current_level_4 .chart_display,
.current_level_4 ul#subreferent_classement li,
.current_level_4 ul.ranking li.current div,
.current_level_4 ul.ranking li div.current,
.current_level_4 ul#periode li,
.current_level_4 .filters{
	border-color:#009cff;
}
.current_level_4 .subreferent_challenge a:hover::after,
.current_level_4 .subreferent_challenge a.active::after,
.current_level_4 .subreferent_classement a:hover::after,
.current_level_4 .subreferent_classement a.active::after,
.current_level_4 .referent_mix_classement a:hover::after,
.current_level_4 .referent_mix_classement a.active::after,
.current_level_4 .referent_mix_summary a:hover::after,
.current_level_4 .referent_mix_summary a.active::after,
.current_level_4 .position_bg,
.current_level_4 h2:after,
.current_level_4 .gradient_box,
.current_level_4 .classements_container .position_bg{
	background: linear-gradient(to right, #009cff, #02fffe);
}
.current_level_4 .momentum_notif,
.current_level_4 #basic-user-avatar-form input[type='submit'],
.current_level_4 .perso_details input[type="submit"],
.current_level_4 .rounded_reverse,
.current_level_4 .bloc_type_header::after,
.current_level_4 .progress-moved .bar-reelle,
.current_level_4 .progress-moved .bar-reelle-groupe,
.current_level_4 .reelle{
	background: #009cff
}

/* CURRENT LEVEL 5 */
.current_level_5 .momemtum_list polyline,
.current_level_5 .view_ranking.statuts.active svg polyline,
.current_level_5 .bloc_type_footer #icone polyline,
.current_level_5 .container.legende path,
.current_level_5 .container.legende polyline,
.current_level_5 .container.legende line,
.current_level_5 .container.legende rect,
.current_level_5 .rounded_reverse:hover #deconnexion line,
.current_level_5 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_5 .since #icone rect,
.current_level_5 .since #icone line,
.current_level_5 .name_rank #icone polyline,
.current_level_5 .container_svg_select #icone1 path,
.current_level_5 .container_svg_select #icone2 path,
.current_level_5 .container_svg_select #icone2 circle,
.current_level_5 .selected_user_type #icone2 path,
.current_level_5 .selected_user_type #icone2 circle,
.current_level_5 .selected_user_type #icone line,
.current_level_5 .selected_periode #icone rect,
.current_level_5 .selected_periode #icone line,
.current_level_5 .position_header #icone1 rect,
.current_level_5 .position_header #icone1 line,
.current_level_5 .position_content #icone1 path,
.current_level_5 .user_name  #icone path,
.current_level_5 .user_name circle,
.current_level_5 .store_name #icone path,
.current_level_5 .store_name #icone polyline,
.current_level_5 .container_footer ul.menu li:hover #barre,
.current_level_5 .container_footer ul.menu li.current #barre,
.current_level_5 .container_footer ul.menu li:hover #cercle1,
.current_level_5 .container_footer ul.menu li.current #cercle1,
.current_level_5 .container_footer ul.menu li:hover #cercle2,
.current_level_5 .container_footer ul.menu li.current #cercle2,
.current_level_5 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_5 .container_footer ul.menu li.current #contour-cercle1,
.current_level_5 .container_footer ul.menu li:hover #icone1 rect,
.current_level_5 .container_footer ul.menu li:hover #icone1 line,
.current_level_5 .container_footer ul.menu li:hover #icone1 circle,
.current_level_5 .container_footer ul.menu li:hover #icone1 path,
.current_level_5 .container_footer ul.menu li.current #icone1 rect,
.current_level_5 .container_footer ul.menu li.current #icone1 line,
.current_level_5 .container_footer ul.menu li.current #icone1 circle,
.current_level_5 .container_footer ul.menu li.current #icone1 path,
.current_level_5 #scrollTopBtn #contour-cercle1,
.current_level_5 #scrollTopBtn #icone1{
	stroke:#01ff02;
	transition: all 0.3s ease-out;
}
.current_level_5 .modify_profile_image,
.current_level_5 .legende .count,
.current_level_5 .statuts_right .count,
.current_level_5 .container.legende .count,
.current_level_5 .legend-chart .percent_symbol,
.current_level_5 .rounded_reverse:hover a,
.current_level_5 .infos_legende,
.current_level_5 .subreferent_challenge a:hover,
.current_level_5 .subreferent_challenge a.active,
.current_level_5 .subreferent_classement a:hover,
.current_level_5 .subreferent_classement a.active,
.current_level_5 .referent_mix_classement a:hover,
.current_level_5 .referent_mix_classement a.active,
.current_level_5 .referent_mix_summary a:hover,
.current_level_5 .referent_mix_summary a.active,
.current_level_5 .rang_name,
.current_level_5 h2,
.current_level_5 .sales .qte,
.current_level_5 #ranking_groupes_select li:hover,
.current_level_5 #groupes_select li:hover,
.current_level_5 ul.users li:hover,
.current_level_5 ul#subreferent_classement li:hover,
.current_level_5 .legende_reelle,
.current_level_5 .ratios .legende_reelle
.current_level_5 #periode li:hover,
.current_level_5 .filters .active,
.current_level_5 .date_sync,
.current_level_5 .bloc_type_footer a:hover{
	color:#01ff02;
}
.current_level_5 #Calque_team .st2,
.current_level_5 .momemtum_list path,
.current_level_5 .container_footer ul.menu li #circle_stars,
.current_level_5 .close_legende #point circle,
.current_level_5 .close_legende #cadre1 path,
.current_level_5 .infos_legende #point path,
.current_level_5 .user_select #icone path,
.current_level_5 .container_svg_select .vendeur #icone1,
.current_level_5 .since #icone circle,
.current_level_5 .rounded_level #icone path,
.current_level_5 .level_circle #cercle1 path,
.current_level_5 .container_footer .filters #icone circle,
.current_level_5 .container_footer ul.menu li #point1, 
.current_level_5 .container_footer ul.menu li #point1 circle, 
.current_level_5 .container_footer ul.menu li #Point{
	fill:#01ff02;
	transition: all 0.3s ease-out;
}
.current_level_5 .stores-load-button, 
.current_level_5 .users-load-button,
.current_level_5 ul.stores li,
.current_level_5 ul.users li,
.current_level_5 #search_store,
.current_level_5 #search_user,
.current_level_5 #search_store:hover,
.current_level_5 #search_user:hover,
.current_level_5 #search_store:focus-visible,
.current_level_5 #search_user,
.current_level_5 .chart_display,
.current_level_5 ul#subreferent_classement li,
.current_level_5 ul.ranking li.current div,
.current_level_5 ul.ranking li div.current,
.current_level_5 ul#periode li,
.current_level_5 .filters{
	border-color:#01ff02;
}
.current_level_5 .subreferent_challenge a:hover::after,
.current_level_5 .subreferent_challenge a.active::after,
.current_level_5 .subreferent_classement a:hover::after,
.current_level_5 .subreferent_classement a.active::after,
.current_level_5 .referent_mix_classement a:hover::after,
.current_level_5 .referent_mix_classement a.active::after,
.current_level_5 .referent_mix_summary a:hover::after,
.current_level_5 .referent_mix_summary a.active::after,
.current_level_5 .position_bg,
.current_level_5 h2:after,
.current_level_5 .gradient_box,
.current_level_5 .classements_container .position_bg{
	background: linear-gradient(to right, #01ff02, #dbfc2f);
}
.current_level_5 .momentum_notif,
.current_level_5 #basic-user-avatar-form input[type='submit'],
.current_level_5 .perso_details input[type="submit"],
.current_level_5 .rounded_reverse,
.current_level_5 .bloc_type_header::after,
.current_level_5 .progress-moved .bar-reelle,
.current_level_5 .progress-moved .bar-reelle-groupe,
.current_level_5 .reelle{
	background: #01ff02
}
/* CURRENT LEVEL 6 */
.current_level_6 .momemtum_list polyline,
.current_level_6 .view_ranking.statuts.active svg polyline,
.current_level_6 .bloc_type_footer #icone polyline,
.current_level_6 .container.legende path,
.current_level_6 .container.legende polyline,
.current_level_6 .container.legende line,
.current_level_6 .container.legende rect,
.current_level_6 .rounded_reverse:hover #deconnexion line,
.current_level_6 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_6 .since #icone rect,
.current_level_6 .since #icone line,
.current_level_6 .name_rank #icone polyline,
.current_level_6 .container_svg_select #icone1 path,
.current_level_6 .container_svg_select #icone2 path,
.current_level_6 .container_svg_select #icone2 circle,
.current_level_6 .selected_user_type #icone2 path,
.current_level_6 .selected_user_type #icone2 circle,
.current_level_6 .selected_user_type #icone line,
.current_level_6 .selected_periode #icone rect,
.current_level_6 .selected_periode #icone line,
.current_level_6 .position_header #icone1 rect,
.current_level_6 .position_header #icone1 line,
.current_level_6 .position_content #icone1 path,
.current_level_6 .user_name  #icone path,
.current_level_6 .user_name circle,
.current_level_6 .store_name #icone path,
.current_level_6 .store_name #icone polyline,
.current_level_6 .container_footer ul.menu li:hover #barre,
.current_level_6 .container_footer ul.menu li.current #barre,
.current_level_6 .container_footer ul.menu li:hover #cercle1,
.current_level_6 .container_footer ul.menu li.current #cercle1,
.current_level_6 .container_footer ul.menu li:hover #cercle2,
.current_level_6 .container_footer ul.menu li.current #cercle2,
.current_level_6 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_6 .container_footer ul.menu li.current #contour-cercle1,
.current_level_6 .container_footer ul.menu li:hover #icone1 rect,
.current_level_6 .container_footer ul.menu li:hover #icone1 line,
.current_level_6 .container_footer ul.menu li:hover #icone1 circle,
.current_level_6 .container_footer ul.menu li:hover #icone1 path,
.current_level_6 .container_footer ul.menu li.current #icone1 rect,
.current_level_6 .container_footer ul.menu li.current #icone1 line,
.current_level_6 .container_footer ul.menu li.current #icone1 circle,
.current_level_6 .container_footer ul.menu li.current #icone1 path,
.current_level_6 #scrollTopBtn #contour-cercle1,
.current_level_6 #scrollTopBtn #icone1{
	stroke:#f54961;
	transition: all 0.3s ease-out;
}
.current_level_6 .modify_profile_image,
.current_level_6 .legende .count,
.current_level_6 .statuts_right .count,
.current_level_6 .container.legende .count,
.current_level_6 .legend-chart .percent_symbol,
.current_level_6 .rounded_reverse:hover a,
.current_level_6 .infos_legende,
.current_level_6 .subreferent_challenge a:hover,
.current_level_6 .subreferent_challenge a.active,
.current_level_6 .subreferent_classement a:hover,
.current_level_6 .subreferent_classement a.active,
.current_level_6 .referent_mix_classement a:hover,
.current_level_6 .referent_mix_classement a.active,
.current_level_6 .referent_mix_summary a:hover,
.current_level_6 .referent_mix_summary a.active,
.current_level_6 .rang_name,
.current_level_6 h2,
.current_level_6 .sales .qte,
.current_level_6 #ranking_groupes_select li:hover,
.current_level_6 #groupes_select li:hover,
.current_level_6 ul.users li:hover,
.current_level_6 ul#subreferent_classement li:hover,
.current_level_6 .legende_reelle,
.current_level_6 .ratios .legende_reelle
.current_level_6 #periode li:hover,
.current_level_6 .filters .active,
.current_level_6 .date_sync,
.current_level_6 .bloc_type_footer a:hover{
	color:#f54961;
}
.current_level_6 #Calque_team .st2,
.current_level_6 .momemtum_list path,
.current_level_6 .container_footer ul.menu li #circle_stars,
.current_level_6 .close_legende #point circle,
.current_level_6 .close_legende #cadre1 path,
.current_level_6 .infos_legende #point path,
.current_level_6 .user_select #icone path,
.current_level_6 .container_svg_select .vendeur #icone1,
.current_level_6 .since #icone circle,
.current_level_6 .rounded_level #icone path,
.current_level_6 .level_circle #cercle1 path,
.current_level_6 .container_footer .filters #icone circle,
.current_level_6 .container_footer ul.menu li #point1, 
.current_level_6 .container_footer ul.menu li #point1 circle, 
.current_level_6 .container_footer ul.menu li #Point{
	fill:#f54961;
	transition: all 0.3s ease-out;
}
.current_level_6 .stores-load-button, 
.current_level_6 .users-load-button,
.current_level_6 ul.stores li,
.current_level_6 ul.users li,
.current_level_6 #search_store,
.current_level_6 #search_user,
.current_level_6 #search_store:hover,
.current_level_6 #search_user:hover,
.current_level_6 #search_store:focus-visible,
.current_level_6 #search_user,
.current_level_6 .chart_display,
.current_level_6 ul#subreferent_classement li,
.current_level_6 ul.ranking li.current div,
.current_level_6 ul.ranking li div.current,
.current_level_6 ul#periode li,
.current_level_6 .filters{
	border-color:#f54961;
}
.current_level_6 .subreferent_challenge a:hover::after,
.current_level_6 .subreferent_challenge a.active::after,
.current_level_6 .subreferent_classement a:hover::after,
.current_level_6 .subreferent_classement a.active::after,
.current_level_6 .referent_mix_classement a:hover::after,
.current_level_6 .referent_mix_classement a.active::after,
.current_level_6 .referent_mix_summary a:hover::after,
.current_level_6 .referent_mix_summary a.active::after,
.current_level_6 .position_bg,
.current_level_6 h2:after,
.current_level_6 .gradient_box,
.current_level_6 .classements_container .position_bg{
	background: linear-gradient(to right, #f54961, #db7f93);
}
.current_level_6 .momentum_notif,
.current_level_6 #basic-user-avatar-form input[type='submit'],
.current_level_6 .perso_details input[type="submit"],
.current_level_6 .rounded_reverse,
.current_level_6 .bloc_type_header::after,
.current_level_6 .progress-moved .bar-reelle,
.current_level_6 .progress-moved .bar-reelle-groupe,
.current_level_6 .reelle{
	background: #f54961
}
/* CURRENT LEVEL 7 */
#iconecoupe path,
#iconecoupe line,
.current_level_7 .momemtum_list polyline,
.current_level_7 .view_ranking.statuts.active svg polyline,
.current_level_7 .bloc_type_footer #icone polyline,
.current_level_7 .container.legende path,
.current_level_7 .container.legende polyline,
.current_level_7 .container.legende line,
.current_level_7 .container.legende rect,
.current_level_7 .rounded_reverse:hover #deconnexion line,
.current_level_7 .rounded_reverse:hover #deconnexion #contour-cercle1,
.current_level_7 .since #icone rect,
.current_level_7 .since #icone line,
.current_level_7 .name_rank #icone polyline,
.current_level_7 .container_svg_select #icone1 path,
.current_level_7 .container_svg_select #icone2 path,
.current_level_7 .container_svg_select #icone2 circle,
.current_level_7 .selected_user_type #icone2 path,
.current_level_7 .selected_user_type #icone2 circle,
.current_level_7 .selected_user_type #icone line,
.current_level_7 .selected_periode #icone rect,
.current_level_7 .selected_periode #icone line,
.current_level_7 .position_header #icone1 rect,
.current_level_7 .position_header #icone1 line,
.current_level_7 .position_content #icone1 path,
.current_level_7 .user_name  #icone path,
.current_level_7 .user_name circle,
.current_level_7 .store_name #icone path,
.current_level_7 .store_name #icone polyline,
.current_level_7 .container_footer ul.menu li:hover #barre,
.current_level_7 .container_footer ul.menu li.current #barre,
.current_level_7 .container_footer ul.menu li:hover #cercle1,
.current_level_7 .container_footer ul.menu li.current #cercle1,
.current_level_7 .container_footer ul.menu li:hover #cercle2,
.current_level_7 .container_footer ul.menu li.current #cercle2,
.current_level_7 .container_footer ul.menu li:hover #contour-cercle1,
.current_level_7 .container_footer ul.menu li.current #contour-cercle1,
.current_level_7 .container_footer ul.menu li:hover #icone1 rect,
.current_level_7 .container_footer ul.menu li:hover #icone1 line,
.current_level_7 .container_footer ul.menu li:hover #icone1 circle,
.current_level_7 .container_footer ul.menu li:hover #icone1 path,
.current_level_7 .container_footer ul.menu li.current #icone1 rect,
.current_level_7 .container_footer ul.menu li.current #icone1 line,
.current_level_7 .container_footer ul.menu li.current #icone1 circle,
.current_level_7 .container_footer ul.menu li.current #icone1 path,
.current_level_7 #scrollTopBtn #contour-cercle1,
.current_level_7 #scrollTopBtn #icone1{
	stroke:#f5c312;
	transition: all 0.3s ease-out;
}
.current_level_7 .modify_profile_image,
.current_level_7 .legende .count,
.current_level_7 .statuts_right .count,
.current_level_7 .container.legende .count,
.current_level_7 .legend-chart .percent_symbol,
.current_level_7 .rounded_reverse:hover a,
.current_level_7 .infos_legende,
.current_level_7 .subreferent_challenge a:hover,
.current_level_7 .subreferent_challenge a.active,
.current_level_7 .subreferent_classement a:hover,
.current_level_7 .subreferent_classement a.active,
.current_level_7 .referent_mix_classement a:hover,
.current_level_7 .referent_mix_classement a.active,
.current_level_7 .referent_mix_summary a:hover,
.current_level_7 .referent_mix_summary a.active,
.current_level_7 .rang_name,
.current_level_7 h2,
.current_level_7 .sales .qte,
.current_level_7 #ranking_groupes_select li:hover,
.current_level_7 #groupes_select li:hover,
.current_level_7 ul.users li:hover,
.current_level_7 ul#subreferent_classement li:hover,
.current_level_7 .legende_reelle,
.current_level_7 .ratios .legende_reelle
.current_level_7 #periode li:hover,
.current_level_7 .filters .active,
.current_level_7 .date_sync,
.current_level_7 .bloc_type_footer a:hover{
	color:#f5c312;
}
.current_level_7 #Calque_team .st2,
.current_level_7 .momemtum_list path,
.current_level_7 .container_footer ul.menu li #circle_stars,
.current_level_7 .close_legende #point circle,
.current_level_7 .close_legende #cadre1 path,
.current_level_7 .infos_legende #point path,
.current_level_7 .user_select  #icone path,
.current_level_7 .container_svg_select .vendeur #icone1,
.current_level_7 .since #icone circle,
.current_level_7 .rounded_level #icone path,
.current_level_7 .level_circle #cercle1 path,
.current_level_7 .container_footer .filters #icone circle,
.current_level_7 .container_footer ul.menu li #point1, 
.current_level_7 .container_footer ul.menu li #point1 circle, 
.current_level_7 .container_footer ul.menu li #Point{
	fill:#f5c312;
	transition: all 0.3s ease-out;
}
.current_level_7 .stores-load-button, 
.current_level_7 .users-load-button,
.current_level_7 ul.stores li,
.current_level_7 ul.users li,
.current_level_7 #search_store,
.current_level_7 #search_user,
.current_level_7 #search_store:hover,
.current_level_7 #search_user:hover,
.current_level_7 #search_store:focus-visible,
.current_level_7 #search_user,
.current_level_7 .chart_display,
.current_level_7 ul#subreferent_classement li,
.current_level_7 ul.ranking li.current div,
.current_level_7 ul.ranking li div.current,
.current_level_7 ul#periode li,
.current_level_7 .filters{
	border-color:#f5c312;
}
.current_level_7 .subreferent_challenge a:hover::after,
.current_level_7 .subreferent_challenge a.active::after,
.current_level_7 .subreferent_classement a:hover::after,
.current_level_7 .subreferent_classement a.active::after,
.current_level_7 .referent_mix_classement a:hover::after,
.current_level_7 .referent_mix_classement a.active::after,
.current_level_7 .referent_mix_summary a:hover::after,
.current_level_7 .referent_mix_summary a.active::after,
.current_level_7 .position_bg,
.current_level_7 h2:after,
.current_level_7 .gradient_box,
.current_level_7 .classements_container .position_bg{
	background: linear-gradient(to right, #f5c312, #ccbd43);
}
.current_level_7 .momentum_notif,
.current_level_7 #basic-user-avatar-form input[type='submit'],
.current_level_7 .perso_details input[type="submit"],
.current_level_7 .rounded_reverse,
.current_level_7 .bloc_type_header::after,
.current_level_7 .progress-moved .bar-reelle,
.current_level_7 .progress-moved .bar-reelle-groupe,
.current_level_7 .reelle{
	background: #f5c312
}
/* LEVEL 0 */
.level_0 .position_header #icone1 rect,
.level_0 .position_header #icone1 line,
.level_0 .position_content #icone1 path,
.level_0 .user_name  #icone path,
.level_0 .user_name circle,
.level_0 .store_name #icone path,
.level_0 .store_name #icone polyline
{
	stroke:#0ffcff;
	transition: all 0.3s ease-out;
}
.level_0 .legende_reelle,
.level_0 .rang_name,
.level_0 h2,
.level_0 .ratios .legende_reelle,
.level_0 .sales .qte,
.level_0 .active,
.level_0 .legend-chart .percent_symbol{
	color:#0ffcff;
}
.level_0 .level_circle #cercle1 path{
	fill:#0ffcff;
	transition: all 0.3s ease-out;
}
.user_level_0 div.user_img_container img,
.level_0 .chart_display{
	border-color:#0ffcff;
}
.level_0 .position_bg,
.level_0 h2:after,
.level_0 .infos_vendeur .gradient_box{
	background: linear-gradient(to right, #0ffcff, #c7ffff);
}
.level_0 .progress-moved .bar-reelle,
.level_0 .progress-moved .bar-reelle-groupe,
.level_0 .reelle{
	background: #0ffcff
}
.current_level_0 .pum-close.popmake-close:after{
	background:url('img/icone_close.svg');
}
/* LEVEL 1 */
.level_1 .rounded_reverse:hover #deconnexion line,
.level_1 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_1 .position_header #icone1 rect,
.level_1 .position_header #icone1 line,
.level_1 .position_content #icone1 path,
.level_1 .user_name  #icone path,
.level_1 .user_name circle,
.level_1 .store_name #icone path,
.level_1 .store_name #icone polyline
{
	stroke:#ff3ec5;
	transition: all 0.3s ease-out;
}
.level_1 .legende_reelle,
.level_1 .rang_name,
.level_1 h2,
.level_1 .ratios .legende_reelle,
.level_1 .sales .qte,
.level_1 .active,
.level_1 .legend-chart .percent_symbol{
	color:#ff3ec5;
}
.level_1 .level_circle #cercle1 path{
	fill:#ff3ec5;
	transition: all 0.3s ease-out;
}
.user_level_1 div.user_img_container img,
.level_1 .chart_display{
	border-color:#ff3ec5;
}
.level_1 .position_bg,
.level_1 h2:after,
.level_1 .infos_vendeur .gradient_box{
	background: linear-gradient(to right, #ff3ec5, #ff9be0);
}
.level_1 .progress-moved .bar-reelle,
.level_1 .progress-moved .bar-reelle-groupe,
.level_1 .reelle{
	background: #ff3ec5
}
.current_level_1 .pum-close.popmake-close:after{
	background:url('img/icone_close_1.svg');
}
/* LEVEL 2 */
.level_2 .rounded_reverse:hover #deconnexion line,
.level_2 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_2 .position_header #icone1 rect,
.level_2 .position_header #icone1 line,
.level_2 .position_content #icone1 path,
.level_2 .user_name  #icone path,
.level_2 .user_name circle,
.level_2 .store_name #icone path,
.level_2 .store_name #icone polyline
{
	stroke:#985af9;
	transition: all 0.3s ease-out;
}
.level_2 .referent_mix_classement a:hover,
.level_2 .referent_mix_classement a.active,
.level_2 .referent_mix_classement li a:hover,
.level_2 .referent_mix_summary a:hover,
.level_2 .referent_mix_summary a.active,
.level_2 .referent_mix_summary li a:hover,
.level_2 .legende_reelle,
.level_2 .sales .qte,
.level_2 .ratios .legende_reelle,
.level_2 .rang_name,
.level_2 h2,
.level_2 .legend-chart .percent_symbol,
.level_2 .active,
.level_2 .sales .qte
{
	color:#985af9;
}
.level_2 .level_circle #cercle1 path
{
	fill:#985af9;
	transition: all 0.3s ease-out;
}
.level_2 .referent_mix_classement a:hover::after,
.level_2 .referent_mix_classement a.active::after,
.level_2 .referent_mix_summary a:hover::after,
.level_2 .referent_mix_summary a.active::after,
.level_2 .position_bg,
.level_2 h2:after,
.level_2 .gradient_box{
	background: linear-gradient(to right, #985af9, #babff5);
}
.level_2 .chart_display,
.user_level_2 div.user_img_container img
{
	border-color:#985af9;
}
.level_2 .progress-moved .bar-reelle,
.level_2 .progress-moved .bar-reelle-groupe,
.level_2 .reelle{
	background-color: #985af9
}
.current_level_2 .pum-close.popmake-close:after{
	background:url('img/icone_close_2.svg');
}
/* LEVEL 3 */
.level_3 .rounded_reverse:hover #deconnexion line,
.level_3 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_3 .position_header #icone1 rect,
.level_3 .position_header #icone1 line,
.level_3 .position_content #icone1 path,
.level_3 .user_name  #icone path,
.level_3 .user_name circle,
.level_3 .store_name #icone path,
.level_3 .store_name #icone polyline
{
	stroke:#fffb26;
	transition: all 0.3s ease-out;
}
.level_3 .referent_mix_classement a:hover,
.level_3 .referent_mix_classement a.active,
.level_3 .referent_mix_classement li a:hover,
.level_3 .referent_mix_summary a:hover,
.level_3 .referent_mix_summary a.active,
.level_3 .referent_mix_summary li a:hover,
.level_3 .legende_reelle,
.level_3 .sales .qte,
.level_3 .ratios .legende_reelle,
.level_3 .rang_name,
.level_3 h2,
.level_3 .legend-chart .percent_symbol,
.level_3 .active,
.level_3 .sales .qte
{
	color:#fffb26;
}
.level_3 .level_circle #cercle1 path
{
	fill:#fffb26;
	transition: all 0.3s ease-out;
}
.level_3 .referent_mix_classement a:hover::after,
.level_3 .referent_mix_classement a.active::after,
.level_3 .referent_mix_summary a:hover::after,
.level_3 .referent_mix_summary a.active::after,
.level_3 .position_bg,
.level_3 h2:after,
.level_3 .gradient_box{
	background: linear-gradient(to right, #fffb26, #fefd89);
}
.level_3 .chart_display,
.user_level_3 div.user_img_container img
{
	border-color:#fffb26;
}
.level_3 .progress-moved .bar-reelle,
.level_3 .progress-moved .bar-reelle-groupe,
.level_3 .reelle{
	background-color: #fffb26
}
.current_level_3 .pum-close.popmake-close:after{
	background:url('img/icone_close_3.svg');
}
/* LEVEL 4 */
.level_4 .rounded_reverse:hover #deconnexion line,
.level_4 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_4 .position_header #icone1 rect,
.level_4 .position_header #icone1 line,
.level_4 .position_content #icone1 path,
.level_4 .user_name  #icone path,
.level_4 .user_name circle,
.level_4 .store_name #icone path,
.level_4 .store_name #icone polyline
{
	stroke:#009cff;
	transition: all 0.3s ease-out;
}
.level_4 .legende_reelle,
.level_4 .rang_name,
.level_4 h2,
.level_4 .ratios .legende_reelle,
.level_4 .sales .qte,
.level_4 .active,
.level_4 .legend-chart .percent_symbol{
	color:#009cff;
}
.level_4 .level_circle #cercle1 path{
	fill:#009cff;
	transition: all 0.3s ease-out;
}
.user_level_4 div.user_img_container img,
.level_4 .chart_display{
	border-color:#009cff;
}
.level_4 .position_bg,
.level_4 h2:after,
.level_4 .infos_vendeur .gradient_box{
	background: linear-gradient(to right, #009cff, #02fffe);
}
.level_4 .progress-moved .bar-reelle,
.level_4 .progress-moved .bar-reelle-groupe,
.level_4 .reelle{
	background: #009cff
}
.current_level_4 .pum-close.popmake-close:after{
	background:url('img/icone_close_4.svg');
}
/* LEVEL 5 */
.level_5 .rounded_reverse:hover #deconnexion line,
.level_5 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_5 .position_header #icone1 rect,
.level_5 .position_header #icone1 line,
.level_5 .position_content #icone1 path,
.level_5 .user_name  #icone path,
.level_5 .user_name circle,
.level_5 .store_name #icone path,
.level_5 .store_name #icone polyline
{
	stroke:#01ff02;
	transition: all 0.3s ease-out;
}
.level_5 .legende_reelle,
.level_5 .rang_name,
.level_5 h2,
.level_5 .ratios .legende_reelle,
.level_5 .sales .qte,
.level_5 .active,
.level_5 .legend-chart .percent_symbol{
	color:#01ff02;
}
.level_5 .level_circle #cercle1 path{
	fill:#01ff02;
	transition: all 0.3s ease-out;
}
.user_level_5 div.user_img_container img,
.level_5 .chart_display{
	border-color:#01ff02;
}
.level_5 .position_bg,
.level_5 h2:after,
.level_5 .infos_vendeur .gradient_box{
	background: linear-gradient(to right, #01ff02, #dbfc2f);
}
.level_5 .progress-moved .bar-reelle,
.level_5 .progress-moved .bar-reelle-groupe,
.level_5 .reelle{
	background: #01ff02
}
.current_level_5 .pum-close.popmake-close:after{
	background:url('img/icone_close_5.svg');
}
/* LEVEL 6 */
.level_6 .rounded_reverse:hover #deconnexion line,
.level_6 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_6 .position_header #icone1 rect,
.level_6 .position_header #icone1 line,
.level_6 .position_content #icone1 path,
.level_6 .user_name  #icone path,
.level_6 .user_name circle,
.level_6 .store_name #icone path,
.level_6 .store_name #icone polyline
{
	stroke:#f54961;
	transition: all 0.3s ease-out;
}
.level_6 .legende_reelle,
.level_6 .rang_name,
.level_6 h2,
.level_6 .ratios .legende_reelle,
.level_6 .sales .qte,
.level_6 .active,
.level_6 .legend-chart .percent_symbol{
	color:#f54961;
}
.level_6 .level_circle #cercle1 path{
	fill:#f54961;
	transition: all 0.3s ease-out;
}
.user_level_6 div.user_img_container img,
.level_6 .chart_display{
	border-color:#f54961;
}
.level_6 .position_bg,
.level_6 h2:after,
.level_6 .infos_vendeur .gradient_box{
	background: linear-gradient(to right, #f54961, #db7f93);
}
.level_6 .progress-moved .bar-reelle,
.level_6 .progress-moved .bar-reelle-groupe,
.level_6 .reelle{
	background: #f54961
}
.current_level_6 .pum-close.popmake-close:after{
	background:url('img/icone_close_6.svg');
}
/* LEVEL 7 */
.level_7 .rounded_reverse:hover #deconnexion line,
.level_7 .rounded_reverse:hover #deconnexion #contour-cercle1,
.level_7 .position_header #icone1 rect,
.level_7 .position_header #icone1 line,
.level_7 .position_content #icone1 path,
.level_7 .user_name  #icone path,
.level_7 .user_name circle,
.level_7 .store_name #icone path,
.level_7 .store_name #icone polyline
{
	stroke:#f5c312;
	transition: all 0.3s ease-out;
}
.level_7 .legende_reelle,
.level_7 .rang_name,
.level_7 h2,
.level_7 .ratios .legende_reelle,
.level_7 .sales .qte,
.level_7 .active,
.level_7 .legend-chart .percent_symbol{
	color:#f5c312;
}
.level_7 .level_circle #cercle1 path{
	fill:#f5c312;
	transition: all 0.3s ease-out;
}
.user_level_7 div.user_img_container img,
.level_7 .chart_display{
	border-color:#f5c312;
}
.level_7 .position_bg,
.level_7 h2:after,
.level_7 .infos_vendeur .gradient_box{
	background: linear-gradient(to right, #f5c312, #ccbd43);
}
.level_7 .progress-moved .bar-reelle,
.level_7 .progress-moved .bar-reelle-groupe,
.level_7 .reelle{
	background: #f5c312
}
.current_level_7 .pum-close.popmake-close:after{
	background:url('img/icone_close_7.svg');
}
/* competition */
.picto_competition{
	display: block;
    width: 40px;
    height: 40px;
    border: 2px solid red;
    border-radius: 500px;
}
.competition_1 h2,
.competition_1 ul#subreferent_classement li:hover,
.competition_1 ul#subreferent_classement label.active,
.competition_1 .subreferent_classement a:hover, 
.competition_1 .subreferent_classement a.active,
.competition_1 .subreferent_classement .active,
.competition_1 #groupes_select li:hover,
.competition_1 ul.users li:hover, 
.page-template-page-competition .date_sync,
.page-template-page-competition .infos_legende
{
	color:#FEDD00 !important;
}
.competition_1 #search_user,
.competition_1 ul.ranking li.current div,
.competition_1 ul#subreferent_classement li,
.competition_1 ul#groupes_select li,
.competition_1 .filters_competition,
.competition_1 ul.ranking li div.worldcup,
.page-template-page-competition .filters,
.page-template-page-competition ul.users li
 {
	border-color:#FEDD00 !important;
}
.competition_1 .bloc_type_header::after,
.competition_1 .referent_mix_classement a:hover::after, 
.competition_1 .referent_mix_classement a.active::after, 
.competition_1 .referent_mix_summary a:hover::after, 
.competition_1 .referent_mix_summary a.active::after, 
.competition_1 .position_bg, 
.competition_1 h2:after, 
.competition_1 .gradient_box, 
.competition_1 .classements_container .position_bg {
    background: linear-gradient(to right, #FEDD00, #FFFC00);
}
.page-template-page-competition #Calque_team .st2,
.page-template-page-competition .momemtum_list path,
.page-template-page-competition .container_footer ul.menu li #circle_stars,
.page-template-page-competition .close_legende #point circle,
.page-template-page-competition .close_legende #cadre1 path,
.page-template-page-competition .infos_legende #point path,
.page-template-page-competition .user_select  #icone path,
.page-template-page-competition .container_svg_select .vendeur #icone1,
.page-template-page-competition .since #icone circle,
.page-template-page-competition .rounded_level #icone path,
.page-template-page-competition .level_circle #cercle1 path,
.page-template-page-competition .container_footer .filters #icone circle,
.page-template-page-competition .container_footer ul.menu li #point1, 
.page-template-page-competition .container_footer ul.menu li #point1 circle, 
.page-template-page-competition .container_footer ul.menu li #Point{
	fill:#FEDD00!important;
}
.page-template-page-competition .filters_competition #icone polyline,
.page-template-page-competition .selected_user_type polyline,
.page-template-page-competition .momemtum_list polyline,
.page-template-page-competition .view_ranking.statuts.active svg polyline,
.page-template-page-competition .bloc_type_footer #icone polyline,
.page-template-page-competition .container.legende path,
.page-template-page-competition .container.legende polyline,
.page-template-page-competition .container.legende line,
.page-template-page-competition .container.legende rect,
.page-template-page-competition .rounded_reverse:hover #deconnexion line,
.page-template-page-competition .rounded_reverse:hover #deconnexion #contour-cercle1,
.page-template-page-competition .since #icone rect,
.page-template-page-competition .since #icone line,
.page-template-page-competition .name_rank #icone polyline,
.page-template-page-competition .container_svg_select #icone1 path,
.page-template-page-competition .container_svg_select #icone2 path,
.page-template-page-competition .container_svg_select #icone2 circle,
.page-template-page-competition .selected_user_type #icone2 path,
.page-template-page-competition .selected_user_type #icone2 circle,
.page-template-page-competition .selected_user_type #icone line,
.page-template-page-competition .selected_periode #icone rect,
.page-template-page-competition .selected_periode #icone line,
.page-template-page-competition .position_header #icone1 rect,
.page-template-page-competition .position_header #icone1 line,
.page-template-page-competition .position_content #icone1 path,
.page-template-page-competition .user_name  #icone path,
.page-template-page-competition .user_name circle,
.page-template-page-competition .store_name #icone path,
.page-template-page-competition .store_name #icone polyline,
.page-template-page-competition .container_footer ul.menu li:hover #barre,
.page-template-page-competition .container_footer ul.menu li.current #barre,
.page-template-page-competition .container_footer ul.menu li:hover #cercle1,
.page-template-page-competition .container_footer ul.menu li.current #cercle1,
.page-template-page-competition .container_footer ul.menu li:hover #cercle2,
.page-template-page-competition .container_footer ul.menu li.current #cercle2,
.page-template-page-competition .container_footer ul.menu li:hover #contour-cercle1,
.page-template-page-competition .container_footer ul.menu li.current #contour-cercle1,
.page-template-page-competition .container_footer ul.menu li:hover #icone1 rect,
.page-template-page-competition .container_footer ul.menu li:hover #icone1 line,
.page-template-page-competition .container_footer ul.menu li:hover #icone1 circle,
.page-template-page-competition .container_footer ul.menu li:hover #icone1 path,
.page-template-page-competition .container_footer ul.menu li.current #icone1 rect,
.page-template-page-competition .container_footer ul.menu li.current #icone1 line,
.page-template-page-competition .container_footer ul.menu li.current #icone1 circle,
.page-template-page-competition .container_footer ul.menu li.current #icone1 path,
#worldcup #icone_competition polyline,
.page-template-page-competition .worldcup .selected_user_type polyline,
#worldcup #deconnexion #contour-cercle path,
#worldcup #deconnexion #X line,
.page-template-page-competition #scrollTopBtn #contour-cercle1,
.page-template-page-competition #scrollTopBtn #icone1{
	stroke:#FEDD00!important;
}
.filters_competition{
	padding:0 10px;
	background: #000;
}
.filters_competition .selected_user_type{
	display: flex;
	margin: 0;
    padding: 3px;
    align-items: center;
    justify-content: space-between;
}
.competition_1 .subreferent_classement a::after, 
.competition_1 .subreferent_classement a:hover::after, 
.competition_1 .subreferent_classement a.active::after{
	display: none;
}
.competition_1 .subreferent_classement li.current_week a:after,
.competition_1 .subreferent_classement li.current_week a.active:after,
.competition_1 .subreferent_classement li.current_week a:hover:after,
.competition_1 .subreferent_classement li.check a:after,
.competition_1 .subreferent_classement li.check a.active:after,
.competition_1 .subreferent_classement li.check a:hover:after{
	display: block;
	margin:5px auto;
	background: none;
	text-align: center;
	font-size: 10px;
}
.competition_1 li.check a:after{
	content:'✅';
}
.competition_1 li.current_week a:after{
	content:'🕐';
}
.competition_1 .title_td{
	font-size:.7em;
}
.competition_1 .details_classement_ballondor #search_user, 
.competition_1 .details_classement_ballondor ul.ranking li.current div, 
.competition_1 .details_classement_ballondor ul#subreferent_classement li, 
.competition_1 .ballondor ul#subreferent_classement li, 
.competition_1 .details_classement_ballondor ul#groupes_select li, 
.competition_1 .filters_competition.ballondor , 
.competition_1 .details_classement_ballondor ul.ranking li div.worldcup,
.page-template-page-competition.ballondor .filters,
.page-template-page-competition.ballondor ul.users li{
	border-color:#056BB3!important
}
.competition_1 .details_classement_ballondor .bloc_type_header::after, 
.competition_1 .details_classement_ballondor .referent_mix_classement a:hover::after, 
.competition_1 .details_classement_ballondor .referent_mix_classement a.active::after, 
.competition_1 .details_classement_ballondor .referent_mix_summary a:hover::after, 
.competition_1 .details_classement_ballondor .referent_mix_summary a.active::after, 
.competition_1 .details_classement_ballondor .position_bg, 
.competition_1 .details_classement_ballondor h2:after, 
.competition_1 .details_classement_ballondor .gradient_box, 
.competition_1 .details_classement_ballondor .classements_container .position_bg {
    background: linear-gradient(to right, #056BB3, #3043FF);
}
.page-template-page-competition.ballondor #Calque_team .st2,
.page-template-page-competition.ballondor .momemtum_list path,
.page-template-page-competition.ballondor .container_footer ul.menu li #circle_stars,
.page-template-page-competition.ballondor .close_legende #point circle,
.page-template-page-competition.ballondor .close_legende #cadre1 path,
.page-template-page-competition.ballondor .infos_legende #point path,
.page-template-page-competition.ballondor .user_select  #icone path,
.page-template-page-competition.ballondor .container_svg_select .vendeur #icone1,
.page-template-page-competition.ballondor .since #icone circle,
.page-template-page-competition.ballondor .rounded_level #icone path,
.page-template-page-competition.ballondor .level_circle #cercle1 path,
.page-template-page-competition.ballondor .container_footer .filters #icone circle,
.page-template-page-competition.ballondor .container_footer ul.menu li #point1, 
.page-template-page-competition.ballondor .container_footer ul.menu li #point1 circle, 
.page-template-page-competition.ballondor .container_footer ul.menu li #Point{
	fill:#056BB3!important;
}
.page-template-page-competition.ballondor .filters_competition #icone polyline,
.page-template-page-competition.ballondor .selected_user_type polyline,
.page-template-page-competition.ballondor .momemtum_list polyline,
.page-template-page-competition.ballondor .view_ranking.statuts.active svg polyline,
.page-template-page-competition.ballondor .bloc_type_footer #icone polyline,
.page-template-page-competition.ballondor .container.legende path,
.page-template-page-competition.ballondor .container.legende polyline,
.page-template-page-competition.ballondor .container.legende line,
.page-template-page-competition.ballondor .container.legende rect,
.page-template-page-competition.ballondor .rounded_reverse:hover #deconnexion line,
.page-template-page-competition.ballondor .rounded_reverse:hover #deconnexion #contour-cercle1,
.page-template-page-competition.ballondor .since #icone rect,
.page-template-page-competition.ballondor .since #icone line,
.page-template-page-competition.ballondor .name_rank #icone polyline,
.page-template-page-competition.ballondor .container_svg_select #icone1 path,
.page-template-page-competition.ballondor .container_svg_select #icone2 path,
.page-template-page-competition.ballondor .container_svg_select #icone2 circle,
.page-template-page-competition.ballondor .selected_user_type #icone2 path,
.page-template-page-competition.ballondor .selected_user_type #icone2 circle,
.page-template-page-competition.ballondor .selected_user_type #icone line,
.page-template-page-competition.ballondor .selected_periode #icone rect,
.page-template-page-competition.ballondor .selected_periode #icone line,
.page-template-page-competition.ballondor .position_header #icone1 rect,
.page-template-page-competition.ballondor .position_header #icone1 line,
.page-template-page-competition.ballondor .position_content #icone1 path,
.page-template-page-competition.ballondor .user_name  #icone path,
.page-template-page-competition.ballondor .user_name circle,
.page-template-page-competition.ballondor .store_name #icone path,
.page-template-page-competition.ballondor .store_name #icone polyline,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #barre,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #barre,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #cercle1,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #cercle1,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #cercle2,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #cercle2,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #contour-cercle1,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #contour-cercle1,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #icone1 rect,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #icone1 line,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #icone1 circle,
.page-template-page-competition.ballondor .container_footer ul.menu li:hover #icone1 path,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #icone1 rect,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #icone1 line,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #icone1 circle,
.page-template-page-competition.ballondor .container_footer ul.menu li.current #icone1 path,
#ballondor #icone_competition polyline,
.page-template-page-competition .ballondor .selected_user_type polyline,
#ballondor #deconnexion #contour-cercle path,
#ballondor #deconnexion #X line,
.page-template-page-competition.ballondor #scrollTopBtn #contour-cercle1,
.page-template-page-competition.ballondor #scrollTopBtn #icone1{
	stroke:#056BB3!important;
}
.competition_1 .ballondor h2, 
.competition_1 .ballondor ul#subreferent_classement li:hover, 
.competition_1 .ballondor ul#subreferent_classement label.active,
.competition_1 .ballondor .subreferent_classement a:hover, 
.competition_1 .ballondor .subreferent_classement a.active, 
.competition_1 .ballondor #groupes_select li:hover,
.competition_1 #ballondor ul.users li:hover, 
.page-template-page-competition.ballondor .date_sync,
.page-template-page-competition.ballondor .infos_legende{
	color:#056BB3!important;
}
.competition_1 .details_classement_raffle #search_user, 
.competition_1 .details_classement_raffle ul.ranking li.current div, 
.competition_1 .details_classement_raffle ul#subreferent_classement li, 
.competition_1 .raffle ul#subreferent_classement li, 
.competition_1 .details_classement_raffle ul#groupes_select li, 
.competition_1 .filters_competition.raffle , 
.competition_1 .details_classement_raffle ul.ranking li div.worldcup,
.page-template-page-competition.raffle .filters,
.page-template-page-competition.raffle ul.users li{
	border-color:#30FFB1!important
}
.competition_1 .details_classement_raffle .bloc_type_header::after, 
.competition_1 .details_classement_raffle .referent_mix_classement a:hover::after, 
.competition_1 .details_classement_raffle .referent_mix_classement a.active::after, 
.competition_1 .details_classement_raffle .referent_mix_summary a:hover::after, 
.competition_1 .details_classement_raffle .referent_mix_summary a.active::after, 
.competition_1 .details_classement_raffle .position_bg, 
.competition_1 .details_classement_raffle h2:after, 
.competition_1 .details_classement_raffle .gradient_box, 
.competition_1 .details_classement_raffle .classements_container .position_bg {
    background: linear-gradient(to right, #30FFB1, #30FF6A);
}

.page-template-page-competition.raffle #Calque_team .st2,
.page-template-page-competition.raffle .momemtum_list path,
.page-template-page-competition.raffle .container_footer ul.menu li #circle_stars,
.page-template-page-competition.raffle .close_legende #point circle,
.page-template-page-competition.raffle .close_legende #cadre1 path,
.page-template-page-competition.raffle .infos_legende #point path,
.page-template-page-competition.raffle .user_select  #icone path,
.page-template-page-competition.raffle .container_svg_select .vendeur #icone1,
.page-template-page-competition.raffle .since #icone circle,
.page-template-page-competition.raffle .rounded_level #icone path,
.page-template-page-competition.raffle .level_circle #cercle1 path,
.page-template-page-competition.raffle .container_footer .filters #icone circle,
.page-template-page-competition.raffle .container_footer ul.menu li #point1, 
.page-template-page-competition.raffle .container_footer ul.menu li #point1 circle, 
.page-template-page-competition.raffle .container_footer ul.menu li #Point{
	fill:#30FFB1!important;
}
.page-template-page-competition.raffle #icone polyline,
.page-template-page-competition.raffle .selected_user_type polyline,
.page-template-page-competition.raffle .momemtum_list polyline,
.page-template-page-competition.raffle .view_ranking.statuts.active svg polyline,
.page-template-page-competition.raffle .bloc_type_footer #icone polyline,
.page-template-page-competition.raffle .container.legende path,
.page-template-page-competition.raffle .container.legende polyline,
.page-template-page-competition.raffle .container.legende line,
.page-template-page-competition.raffle .container.legende rect,
.page-template-page-competition.raffle .rounded_reverse:hover #deconnexion line,
.page-template-page-competition.raffle .rounded_reverse:hover #deconnexion #contour-cercle1,
.page-template-page-competition.raffle .since #icone rect,
.page-template-page-competition.raffle .since #icone line,
.page-template-page-competition.raffle .name_rank #icone polyline,
.page-template-page-competition.raffle .container_svg_select #icone1 path,
.page-template-page-competition.raffle .container_svg_select #icone2 path,
.page-template-page-competition.raffle .container_svg_select #icone2 circle,
.page-template-page-competition.raffle .selected_user_type #icone2 path,
.page-template-page-competition.raffle .selected_user_type #icone2 circle,
.page-template-page-competition.raffle .selected_user_type #icone line,
.page-template-page-competition.raffle .selected_periode #icone rect,
.page-template-page-competition.raffle .selected_periode #icone line,
.page-template-page-competition.raffle .position_header #icone1 rect,
.page-template-page-competition.raffle .position_header #icone1 line,
.page-template-page-competition.raffle .position_content #icone1 path,
.page-template-page-competition.raffle .user_name  #icone path,
.page-template-page-competition.raffle .user_name circle,
.page-template-page-competition.raffle .store_name #icone path,
.page-template-page-competition.raffle .store_name #icone polyline,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #barre,
.page-template-page-competition.raffle .container_footer ul.menu li.current #barre,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #cercle1,
.page-template-page-competition.raffle .container_footer ul.menu li.current #cercle1,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #cercle2,
.page-template-page-competition.raffle .container_footer ul.menu li.current #cercle2,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #contour-cercle1,
.page-template-page-competition.raffle .container_footer ul.menu li.current #contour-cercle1,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #icone1 rect,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #icone1 line,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #icone1 circle,
.page-template-page-competition.raffle .container_footer ul.menu li:hover #icone1 path,
.page-template-page-competition.raffle .container_footer ul.menu li.current #icone1 rect,
.page-template-page-competition.raffle .container_footer ul.menu li.current #icone1 line,
.page-template-page-competition.raffle .container_footer ul.menu li.current #icone1 circle,
.page-template-page-competition.raffle .container_footer ul.menu li.current #icone1 path,
#raffle #icone_competition polyline,
.page-template-page-competition .raffle .selected_user_type polyline,
#raffle #deconnexion #contour-cercle path,
#ballondor #deconnexion #X line,
.page-template-page-competition.raffle #scrollTopBtn #contour-cercle1,
.page-template-page-competition.raffle #scrollTopBtn #icone1{
	stroke:#30FFB1!important;
}
.competition_1 .raffle h2, 
.competition_1 .raffle ul#subreferent_classement li:hover, 
.competition_1 .raffle ul#subreferent_classement label.active,
.competition_1 .raffle .subreferent_classement a:hover, 
.competition_1 .raffle .subreferent_classement a.active, 
.competition_1 .raffle #groupes_select li:hover,
.competition_1 #raffle ul.users li:hover, 
.page-template-page-competition.raffle .date_sync,
.page-template-page-competition.raffle .infos_legende{
	color:#30FFB1!important;
}
ul.ranking li div.name_rank span.groupe_display{
	width: auto;
	font-size: .8rem;
	font-weight: 400;
}
body[class*=" level_"] .no_user_level_dependancy h2 {
  color: #0ffcff!important;
}
body[class*=" level_"] .gradient_box
{
	/*background: #0ffcff ;*/
}
body[class*=" level_"] .no_user_level_dependancy h2:after
{
	background: #0ffcff !important;
}
body[class*=" level_"] .no_user_level_dependancy .store_name #icone path{
	stroke:  #0ffcff !important;
}
.strong{
	font-weight:bold;
}
#Calque_team .st0{fill:#FFFFFF;}
#Calque_team .st1{fill:none;}
#Calque_team .st2{fill:#00FFFF;}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
		display: block !important;
}
.container_footer ul.menu li.badges,
.container_footer ul.menu li.news{
	position: relative;
}
.badges_notif,
.momentum_notif{
	display: block;
	width:10px;
	height: 10px;
	border-radius: 50px;
	top:0;
	right:10px;
	position: absolute;
}
.momentum_notif,
.badges_notif{
	background: red;
}
#delete_search{
	display:none ;
	width: 36px;
	font-size: 19px;
	font-weight: 700;
	cursor: pointer;
}
#delete_search.show{
	display:block ;
}
#pays_pin,
#enseigne_pin,
#groupe_pin,
#store_pin{
	top:-20px;
	position: relative;
	visibility:hidden;
	cursor: pointer;
}
.ranking_rank{
	visibility:hidden;
	left:-200%;
	position: relative;
}
body{
	margin:0;
	font-family: "Montserrat", sans-serif;
}
body,
.login_container,
.container_footer{
	background: #000;
	color:#fff;
}
h2{
	color:#0ffcff;
	text-align: center;
	text-transform: uppercase;
	font-weight:100;
	font-size:22px;
}
h2:after{
	content:'';
	width:80px;
	height:1px;
	background: linear-gradient(to right, #0ffcff, #c7ffff);
	display: block;
	margin:20px auto 0;
}
.require1_infos,
.require2_infos,
.require3_infos,
.sign_in_form,
.password_form,
.question_form,
h2.not_underlined:after{
	display: none;
}
.blue{
	color:#0ffcff;
}
.sign_in_form.form_en_cours{
	display: block;
	margin-bottom: 30px;
}
.green{
	font-size:.8em;
	text-align: center;
	color:green;
}
.green_fluo{
	font-size:.8em;
	text-align: center;
	color:#44d744;
}
.content_await .green,
.content_await .green_fluo{
	font-size: 1.1em;
	margin-bottom:50px;
}
.error{
	font-size:.8em;
	text-align: center;
	color:red;
}
.error_login{
	background: white;
	padding:15px 10px;
	color:#000;
	border-left: 5px solid #fff;
	font-size:.8em;
}
.error_login.vert{
	border-color:green!important;
	color:green;
}
.error_login.orange{
	border-color:orange!important;
	color:orange;
}
.error_login.rouge{
	border-color:red!important;
	color:red;
}
#logo-memo{
	width:200px;
	margin-bottom:50px;
}
.text_center{
	text-align:center
}
.align_center{
	align-items: center;
}
.align_stretch{
	align-items: stretch;
}
.flex_col_center{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.flex{
	display:flex;
}
.flex-d{
	flex-direction: column;
}
.flex_r{
	flex-direction: row;
}
.flex_grow{
	flex-grow:1;
}
.flex-center{
	justify-content: center;
}
.flex-space-between{
	justify-content: space-between;
}
.flex_space-evenly{
	justify-content: space-evenly;
}
.flex_space-around{
	justify-content: space-around;
}
.flex_end{
	justify-content: flex-end;
}
.align_right{
	text-align: right;
}
.align_left{
	text-align: left;
}
.bloc_type_header p{
	margin:0;
}
.cg-5{
	column-gap: 5%;
}
.cg-20{
	column-gap: 20%;
}
.statuts{
	column-gap: 3%;
}
.statuts_left,
.statuts_right{
	width:40%;
	align-items: center;
	display:flex;
}
.rounded_statuts{
	width:20%;
	height:30px;
	border-radius: 30px;
}
.statuts_right{
	font-weight:700;
	font-size:1.2em;
}	
.statuts_right .count{
	color:#0ffcff;
	font-weight:300;
	font-size:.8em;
}	
.position_content .statuts{
	margin-bottom:10px;
}
.position_content .periode{
	width:80%;
	margin:0 auto 45px;
}
.solo_team_container{
	row-gap: 10px;
}
.close_legende{
	width:50px;
	position: fixed;
	top: 0;
	right:0;
	z-index:10;
}
.close_close{
	width:50px;
	position: absolute;
	top: 0;
	right:0;
	z-index:10;
}
.types_badges,
.referents{
	flex-wrap: wrap;
}
.ref{
	width:25%;
}
.types_b{
	width:33%;
}
.types_b H2{
	margin-bottom:5px;
}
.types_b span{
	font-size: .8em;
	text-align: center;
}
.page-template-page-legende{
	padding-top:40px;
}
.page-id-12 .container .filters,
.page-template-page-badges .container .filters,
.mb30{
	margin-bottom: 30px;
}
.mb50{
	margin-bottom: 50px!important;
}
.mb30{
	margin-bottom: 30px!important;
}
.mt20{
	margin-top: 30px!important;
}
.mt30{
	margin-top: 30px!important;
}
.rounded{
 	width: 100%;
    background: black;
    border-radius: 30px;
    padding: 0 5px;
    display: flex;
    align-items: center;
}
.rounded_reverse
{
    background: #0ffcff;
}
.rounded_reverse:hover
{
    background: #000;
}
.rounded_reverse a{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color:#000;
}
.rounded_reverse:hover a{
    color:#0ffcff
}
.rounded_reverse a.gifts_link{
	justify-content: center;
	padding:10px 0;
	text-transform: uppercase;
 	font-weight: bold;
}
.rounded_groupe{
 	width: 100%;
    background: black;
    border-radius: 30px;
    padding: 0 5px;
}
#langues_select svg{
	width:50px;
}
.infos_legende svg{
	width:36px;
}
#langues_select{
	text-align: right;
}
.user_name,
.store_name{
	font-size:.8em;
}
.store_name a{
	flex-grow: 1;
}
.statuts_right svg,
.position_content svg{
	height:45px;
}
.position_content .solo_team  svg{
	width :70%;
	height: auto;
}
.rounded_groupe svg,
.selected_user_type svg,
.position_header svg,
.rounded svg{
	width:50px;
}
.filters_competition svg{
	width:30px;
	margin:10px;
	height:auto!important;
}
.filters_competition .container_svg_select {
    width: auto;
    text-align: left;
}
.infos_rankings svg,
.momemtum_list svg{
	width:20px;
}
.selected_periode svg{
	width:30px;
}
.rounded.ref_ranking{
	height: 50px;
	column-gap: 10px;
	padding-left: 15px;
}
.rounded.ref_ranking svg,
.container_svg_select svg{
	height:34px;
}
.container_svg_select svg.user_select{
	height:26px;
}
.container_svg_select svg{
	height:40px;
}
.position_header {
	display: flex;
	align-items: center;
}
.position_header svg{
	margin-right: 30px;
}
.w_300{
	width: 300px;
}
.max_300{
	max-width: 300px;
	margin:0 auto;
}
.max_400{
	max-width: 400px;
	margin:0 auto;
}
.infos_vendeur,
.top_stats{
	margin-bottom:30px;
	justify-content:space-around;
}
.upload_avatar,
#ranking_groupes_select,
#groupes_select,
#subreferent_classement,
#filters_form,
.perso_details{
	display:none;
}
.modify_profile_image,
.change_avatar{
	font-size: 0.8em;
}
#filters_form{
	padding-bottom: 12px;
}
.filters_competition,
.filters{
	width: 80%;
    margin: 0 auto;
    max-width: 300px;
    border:1px solid #0ffcff;
    border-radius: 30px;
}
.page-template-page-classements-cached-app .classements_container .filters,
.page-template-page-classements-app .classements_container .filters,
.page-template-page-classements .classements_container .filters{
    margin-bottom: 40px;
}
.filters.open{
    border-radius: 30px;
}
.selected_user_name,
.selected_groupe,
.selected_user_type,
.selected_periode {
	display: flex;
	margin: 0;
    padding: 3px;
    align-items:center;
    font-weight:700;
}
.selected_user_name,
.selected_groupe{
	justify-content: space-between;
}
.selected_periode.active{	
    padding: 10px 15px
}
.perso_details{
	font-weight:300;
	font-size:.8em;
}
.perso_details input[type='date']{
	border-radius: 30px;
}
.perso_details div{
	margin-bottom:5px
}
ul.subreferent_challenge,
ul#langues_select,
ul.stores,
ul#ranking_groupes_select,
ul#groupes_select,
ul.users,
ul#subreferent_classement,
ul.subreferent_classement,
ul.referent_mix_classement,
ul.referent_mix_summary,
ul.ranking,
ul#periode{
    margin:0;
    padding:0;
    list-style-type: none;
}
.subreferent_challenge,
.subreferent_classement,
.referent_mix_classement,
.referent_mix_summary{
	column-gap: 20px;
	margin-bottom: 40px!important;
}
.subreferent_challenge a,
.subreferent_classement a,
.referent_mix_classement a,
.referent_mix_summary a{
	color:#4D4D4D;
	transition: all 0.3s ease-out;
	font-size: 20px;
}
.subreferent_challenge a:hover,
.subreferent_challenge a.active,
.subreferent_classement a:hover,
.subreferent_classement a.active,
.referent_mix_classement a:hover,
.referent_mix_classement a.active,
.referent_mix_summary a:hover,
.referent_mix_summary a.active{
	color:#0ffcff;
	transition: all 0.3s ease-out;
}
.subreferent_challenge a:after,
.subreferent_classement a:after,
.referent_mix_classement a:after,
.referent_mix_classement a:after,
.referent_mix_summary a:after,
.referent_mix_summary a:after{
	content:'';
	width:100%;
	height:1px;
	background: #4D4D4D;
	display: block;
	margin:20px auto 0;
	transition: all 0.3s ease-out;
}
.subreferent_challenge a:hover:after,
.subreferent_challenge a.active:after,
.subreferent_classement a:hover:after,
.subreferent_classement a.active:after,
.referent_mix_classement a:hover:after,
.referent_mix_classement a.active:after,
.referent_mix_summary a:hover:after,
.referent_mix_summary a.active:after{
	background: linear-gradient(to right, #0ffcff, #c7ffff);
	transition: all 0.3s ease-out;
}

ul#langues_select input[type=radio]{
	visibility: hidden;
}
#langs_form,
ul#subreferent_classement input[type=radio],
ul#periode input[type=radio]{
	display: none;
}
ul#ranking_groupes_select li,
ul#groupes_select li,
ul#subreferent_classement li,
ul#periode li{
	border:none;
	border-bottom:1px solid #0ffcff;
	border-radius: 10px;
	text-align:left;
	padding:10px;
	padding-left:47px;
	font-weight:700;
}

ul#subreferent_classement li label{
	display: flex;
	align-items: center;
	column-gap: 10px;
}
ul#ranking_groupes_select li:last-child,
ul#groupes_select li:last-child,
ul#subreferent_classement li:last-child,
ul#periode li:last-child{
	border:none;
}
.date_sync{
	font-size:11px;
	margin: 4px 0 12px;
}
.title_chart h3{
	margin-bottom: 10px;
}
.rounds{
	column-gap: 10px;
	margin-bottom: 30px;
}
.rounds span{
	width:4px;
	height:4px;
	display: block;
	border-radius: 100px;
}
.rounds span.#0ffcff{
	background: #0ffcff;
}
.rounds span.purple{
	background: #FF008C;
}
.rounds span.orange{
	background: #FF6401;
}
.rounds span.jaune{
	background: #FFFF02;
}
.rounds span.vert{
	background: #06FF00;
}
.rounds span.bleu{
	background: #0072FF;
}
.rounds span.violet{
	background: #AA00FF;
}
.full_width{
	width: 100%;
}
#langs_form{
	padding:0 3px;
}

/* Login page */
.login_container{
	height: 100vh;
	padding:0px;
}
.gradient_box{
	border-radius: 30px;
  	background: linear-gradient(to right, #0ffcff, #c7ffff);
  	padding: 1px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin-top: 0;
    margin-bottom: 10px;
    position:relative;
}
.gradient_level{
	height:100%;
	border-radius: 30px;
	text-align: center;
 	line-height: 46px;
 	font-weight: 700;
 	width:0;
}
.gradient_level_0{
	background: linear-gradient(90deg,  #0ffcff 0%,  #0ffcff 75%,  #c7ffff 100%);
}
.gradient_level_1{
	background: linear-gradient(90deg,  #ff3ec5 0%,  #ff3ec5 75%,  #ff9be0 100%);
}
.gradient_level_2{
	background: linear-gradient(90deg,  #985af9 0%,  #985af9 75%,  #babff5 100%);
}
.gradient_level_3{
	background: linear-gradient(90deg,  #fffb26 0%,  #fffb26 75%,  #fefd89 100%);
}
.gradient_level_4{
	background: linear-gradient(90deg,  #009cff 0%,  #009cff 75%,  #02fffe 100%);
}
.gradient_level_5{
	background: linear-gradient(90deg,  #01ff02 0%,  #01ff02 75%,  #dbfc2f 100%);
}
.gradient_level_6{
	background: linear-gradient(90deg,  #f54961 0%,  #f54961 75%,  #db7f93 100%);
}
.gradient_level_7{
	background: linear-gradient(90deg,  #f5c312 0%,  #f5c312 75%,  #ccbd43 100%);
}
.rounded_level{
	padding:0 2px;
}
.level_infos{
	height: 46px;
	flex-grow: 1;
	display: block;
	border-radius: 30px;
	background: #fff;
	position:relative;
	overflow: hidden;
}
.level_infos p{
	position: absolute;
	z-index: 10;
	text-align: center;
	width: 100%;
	top: 0;
	margin: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color:#000;
}
.level_infos svg{
	width:20px;
}
.gradient_box_groupe{
	border-radius: 30px;
  	background: linear-gradient(to right, #0ffcff, #c7ffff);
  	padding: 1px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin-top: 0;
    margin-bottom: 10px;
    position:relative;
}
.position_bg{
	border-radius: 0 30px 0 0;
  	background: linear-gradient(to right, #0ffcff, #c7ffff);
  	padding: 2px 2px 0 0;
    position:relative;
}
.legende .position_bg{
	border-radius: 30px 30px 0 0;
	padding: 2px 2px 0 ;
	border-bottom: none;
}
.type_ventes .position_bg{
	background: linear-gradient(to right, #6600ff, #00ffff);
}
.type_fusion .position_bg{
	background: linear-gradient(to right, #6600ff, #ff00ff);
}
.type_multi .position_bg{
	background: linear-gradient(to right, #00ff00, #ffff00);
}
.type_sprint .position_bg{
	background: linear-gradient(to right, #6600ff,#ff00ff, #00ff00);
}
.type_sprint .bloc_type_header p,
.type_sprint .line-badge{
	justify-content: center;
}
.position_content{
	background: #000;
	border-radius: 0 30px 0 0;
	padding:30px 0 20px
}
.subdetails_classement_momentum .position_content{
	padding:0px 0 20px
}
.subdetails_classement.position_content{
	padding:0 0 20px;
}

.legende .position_content{
	border-radius: 30px 30px 0 0;
}
/*.bloc_type .position_content{
	padding:20px 0 20px
}*/
.classements_container  .position_content,
.details_classement .position_content{
	padding:0
}
.bloc_type{
	margin-bottom: 0px;
}
.page-template-page-classements-cached-app .bloc_type,
.page-template-page-classements-app .bloc_type,
.page-template-page-classements .bloc_type{
	margin-bottom: 30px;
}
.bloc_type_bg{
	border-radius: 50px 50px 0 0;
	padding: 1px 1px 0;
	margin-bottom:5px;
}
.bloc_type_bg .position_content{
	border-radius: 50px 50px 0 0;
	padding:15px 0;
	font-weight: 700;
	font-size: 20px;
}
.bloc_type_bg.bottom{
	border-radius: 0 0 50px 50px;
	padding: 0 1px 1px;
	margin-top:5px;
}
.bloc_type_bg.bottom .position_content{
	border-radius: 0 0 50px 50px;
	padding:5px 0;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
}
.badge_trophy_type:after,
.badge_sprint_type:after,
.bloc_type_header:after{
	content:'';
	width:4px;
	height:4px;
	background: #FF0000;
	display: block;
	margin:0px auto;
	border-radius: 100px
}
.type_summary .bloc_type_header:after,
.type_trophy .bloc_type_header:after,
.type_sprint .bloc_type_header:after{
	display:none
}
.badge_type_ventes:after,
.type_ventes .bloc_type_header:after,
.type_sales .bloc_type_header:after{
	background: #00FFFF;
}
.badge_type_fusion:after,
.type_fusion .bloc_type_header:after{
	background: #ff66ff;
}
.badge_type_multi:after,
.type_multi .bloc_type_header:after{
	background: #00ff00;
}
.bloc_type_footer a{
	display: flex;
	justify-content: center;
	align-items: center;
}
.ratios .position_content{
	padding-right: 20px;
}
.classement{
	/*justify-content: flex-end;*/
	margin-bottom: 8px;
	column-gap: 12px;
}
.rang_info.counter,
.counter,
.counter_visible,
#counter{
	color: #000;
}
.rang_name{
	color:#0ffcff;
}
.submit_btn{
	margin-top: 0px;
	margin-bottom: 10px;
}
.input_login:focus-visible ,
.input_login{
	border-radius: 500px;
	width: 200px;
    border: none;
    padding: 13px;
    background: #000;
    color:#fff;
    -webkit-appearance: none;
    outline: none;
    font-family:"Montserrat", sans-serif; 
    padding-left:42px;
}
.input_login.email_password{
	width: 100%;
}
.gradient_box.textarea,
textarea.input_login{
	border-radius: 20px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0ffcff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #000;
}
.input_login:focus-visible{
	color:#0ffcff;
}
.gradient_box.customer:before{
	content:'';
	width:24px;
	height:24px;
	display: block;
	position: absolute;
	left: 13px;
	background: url('img/icone_connexion_profil_2.svg');
}

.gradient_box.pwd:before{
	content:'';
	width:24px;
	height:24px;
	display: block;
	position: absolute;
	left: 13px;
	background: url('img/icone_password_2.svg');
}

.gradient_box.email:before{
	content:'';
	width:24px;
	height:24px;
	display: block;
	position: absolute;
	left: 13px;
	background: url('img/icone_connexion_profil_2.svg');
}
/*.input_login::-webkit-input-placeholder,
.input_login:-ms-input-placeholder,
.input_login:-moz-input-placeholder,
.input_login::-moz-placeholder,*/
#search_user::placeholder,
.input_login::placeholder{
	color:#FFF;
	font-family:"Montserrat", sans-serif; 
}
.container{
	max-width:660px;
	margin:0 auto;
	/*padding:10px 10px 50px 10px;*/
	width:90%;
	padding:5%;
	padding-bottom:200px;
}
#basic-user-avatar-form input[type='submit'],
.perso_details input[type='submit'],
#appModalCta,
#wp-submit,
.wp-submit,
#wp-submit-email
{
	width:100%;
	border-radius: 100px;
	color:#000;
	background: rgb(0,255,255);
	background: linear-gradient(90deg, rgba(0,255,255,1) 0%, rgba(0,255,255,1) 65%, rgba(255,255,255,1) 100%);
	border:none;
	font-family:"Montserrat", sans-serif; 
	font-weight: 700;
	padding:11px;
	font-size:16px;
}
#appModalCta,
#wp-submit,
.wp-submit{
	display: block;
}
#appModalCta{
	padding:10px 20px;
	width: auto;
}
#wp-submit-signin:disabled {
  opacity: 0.6;              /* rend le bouton visuellement "désactivé" */
  cursor: not-allowed;       /* change le curseur */
}
.wp-submit.auto-width{
	width:auto;
	display: inline-block;
	padding:11px 20px;
}
.perso_details input[type='submit']{
	width: auto;
  margin-top: 5px;
  font-size: .8em;
  padding: 7px 15px;
	background: #00FFFF;
}
a{
	color:#fff;
	text-decoration: none;
}

/* menu */
.container_footer{
	width:90%;
	position: sticky;
	width:100%;
	position: fixed;
	margin:0 auto;
	padding:3px 4px;
	text-align: center;
    bottom: 0;
   -webkit-box-shadow: 0px -10px 10px 0px #000000; 
	box-shadow: 0px -10px 10px 0px #000000;
	z-index:10;
}
.container_footer ul.menu{
	max-width:660px;
	list-style-type: none;
	margin:0px auto;
	padding:0;
	display: flex;
	justify-content: space-around;
	align-items:center;
}
.container_footer ul.menu li{
	width:50px;
}
.container_footer ul.menu li.dashboard #contour-cercle1{
	stroke:black;
}
.container_footer ul.menu li.dashboard:hover #barre,
.container_footer ul.menu li.dashboard.current #barre,
.container_footer ul.menu li.dashboard:hover #cercle1,
.container_footer ul.menu li.dashboard.current #cercle1,
.container_footer ul.menu li.dashboard:hover #cercle2,
.container_footer ul.menu li.dashboard.current #cercle2,
.container_footer ul.menu li.dashboard:hover #contour-cercle1,
.container_footer ul.menu li.dashboard.current #contour-cercle1{
	transition: all 0.3s ease-out;
}
.container_footer ul.menu li.dashboard:hover #point1 circle, 
.container_footer ul.menu li.dashboard.current #point1 circle{
	transition: all 0.3s ease-out;
}
.container_footer ul.menu li.current #circle_stars,
.container_footer ul.menu li:hover #circle_stars, 
.position_header #point1 circle,
.container_footer ul.menu li:hover #point1, 
.container_footer ul.menu li.current #point1,
.container_footer ul.menu li:hover #point1 circle, 
.container_footer ul.menu li.current #point1 circle,
.container_footer ul.menu li:hover #Point,
.container_footer ul.menu li.current #Point{
	fill:white;
	transition: all 0.3s ease-out;
}

/* Doughnuts */
.chart_display{
  background: transparent url('img/plus.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.legend-chart .percent_symbol{
	margin-right:5px;
}
.legend-chart .picto{
	margin-right:10px;
	height: 27px;
}
.legend-chart ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.legend-chart li{
	position: relative;
	height:27px;
	margin-bottom: 17px;
	color:#fff;
	display:flex;
	align-items: center;
	font-size: 20px;
}
.ratios .legende_reelle,
.ratios .legende_theorique,
.rang_info,
.legend-chart .percent_info{
	color:#fff;
	font-size: 22px;
	font-weight: 700;
}

.legend-chart .percent_symbol{
	color:#0ffcff;
	font-variant-position: super;
}
.rang_suffixe{
	font-size: 13px;
	font-weight: 100;
}
.appareils,
.films{
	width:100%;
	margin-bottom: 50px;
}
.appareils .flip-card,
.films .flip-card{
	padding:0;
}
.dashboard_user .appareils{
	margin-bottom: 75px;
}
.legend-chart
{
	width: 45%;
}
.chart_display
{
	width: 40%;
}
.legend-chart .picto svg{
	width:27px;
}
.chart_display{
	border:1px solid #0ffcff;
	border-radius:500px;
	padding: 25px;
	position: relative;
}
.ratios,
.positions{
	display: flex;
	margin-bottom:50px;
	column-gap: 8%;
}
.positions{
	justify-content:space-between
}
.ratio_groupe{
	justify-content:center;
}
/*.rang,*/
.ratio_store{
	width:50%;
}
.position_container{
	width:46%;
}
.details_classement,
.subdetails_classement,
.subdetails_challenge{
	display: none;
}
.text-center{
	text-align: center;
}
.sales_infos,
.avatar{
	text-align: center;
	position: relative;
	width:50%;
}
.avatar img{
	position: absolute;
    top: 20%;
    left: 20%;
    border-radius: 500px;
    width: 60%;
    height: 60%;
}
.sales_infos .qte{
	font-size:4em;
	font-weight:700;
}
.sales_infos .ventes{
	text-transform: uppercase;
	font-size:2.8em;
	font-weight:300;
}
.sales_infos.other_kpis .qte{
	font-size:2.5em;
	font-weight:700;
}
.sales_infos.other_kpis .ventes{
	text-transform: uppercase;
	font-size:1.3em;
	font-weight:300;
}
.stats_kpis{
	width:100%;
	margin-bottom: 50px;
}
.uppercase{
	text-transform: uppercase;
}
.legende{
	column-gap: 10px;
    align-items: center;
    margin-bottom:30px;
}
.reelle,
.theorique{
	width:12px;
	height:12px;
	border-radius: 100px;
	display: block;
}
.reelle{
	background: #0ffcff;
}
.theorique{
	background: #FFF;
}
.legende_reelle{
	color: #0ffcff;
}
/* Barre de progression */
.progress{
	border-radius: 30px;
	background: #4d4d4d;  
	margin-bottom: 6px;
}
.progress-theoric{
	margin-bottom: 6px;
	margin-top: 3px;
}
.progress-reelle{
	margin-bottom: 3px;
}
.progress-bar{
	height: 4px;
	border-radius: 30px;
	transition: 0.4s linear;  
 	transition-property: width, background-color;  
 	width:0;
}
.percent_progress{
	font-weight:400;
}
/*.progress-moved .progress-bar {
  animation: progressAnimation 3s;
}*/
.progress-moved .bar-theoric {
 	background-color: #FFF;
	/*animation: progressAnimationTheo 3s;*/
}
.progress-moved .bar-reelle {
 	/*animation: progressAnimationReal 3s;*/
 	background-color: #0ffcff;
}
.progress-moved .bar-theoric-groupe {
	background-color: #FFF;
	/*animation: progressAnimationGroupeTheo 3s;*/
}
.progress-moved .bar-reelle-groupe {
 	/**/
 	background-color: #0ffcff;
}
/*.progress-moved .bar-theoric.visible{
	animation: progressAnimationTheo 3s;
}
.progress-moved .bar-reelle.visible{
	animation: progressAnimationReal 3s;
}
.progress-moved .bar-theoric-groupe.visible{
	animation: progressAnimationGroupeTheo 3s;
}
.progress-moved .bar-reelle-groupe.visible{
	animation: progressAnimationGroupeReal 3s;
}*/
.ratios .position_header h3{
	background: #000;
    position: absolute;
    z-index: 1;
    padding-right: 8px;
    font-weight:400;
}
ul.ranking li{
	margin-bottom: 1%;
}
ul.ranking li .gaped,
ul.ranking li strong,
ul.ranking li span,
ul.ranking li a{
	column-gap: 1%;
}
ul.ranking li div{
	padding:1%;
	border:1px solid #4D4D4D;
	display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow:1;
    position: relative;
}
ul.ranking li.publish div.material_rank,
ul.ranking li.vendeur div.material_rank{
	border-left:3px solid #01ff02;
}
ul.ranking li.attente div.material_rank{
	border-left:3px solid #f5c312;
}
ul.ranking li.inactif div.material_rank{
	border-left:3px solid #f54961;
}
.img_rank,
.material_rank,
.qte_rank{
	width:10%;
}
.material_rank,
.img_rank,
.qte_rank{
	font-weight: 700;
}
.material_rank,
.qte_rank{
	font-size: 20px;
}
ul.ranking li div.name_rank{
	width:56%;
	padding:2%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
ul.ranking li.users_ranks.inactif div.name_rank,
ul.ranking li.users_ranks.attente div.name_rank{
	font-style: italic;
	color:#666;
}
ul.ranking li div.user_img_container {
	border:none
}
#seller_name{
	display: flex;
	align-items: center;
	column-gap: 8px;
}
#groupe_name,
ul.ranking li div.name_rank span{
	display: flex;
	align-items: center;
	width: 100%;
	column-gap: 8px;
}
#seller_name .flag,
ul.ranking li div.name_rank .flag,
.store_name .flag,
#groupe_name .flag{
	position: relative;
}
div.user_img_container img{
	border:3px solid #0ffcff;
	border-radius:500px
}
.container_svg_select{
	width:68px;
	text-align: right;
}
/*ul.ranking.ranking_users li div.user_img_container:before{
	content: '';
    width:calc( 100% - 6px);
    height: 50%;
    border: 3px solid #0ffcff;
    border-radius: 500px;
    border-top-left-radius: 0;
    position: absolute;
    border-top-right-radius: 0;
    border-top: none;
    bottom: 0;
}*/
.img_rank img{
	border-radius: 500px;
	width: 60px;
	height: 60px;
}
.sales .qte,
.referent_mix_summary li a:hover,
.referent_mix_classement li a:hover{
	color:#0ffcff;
}
.private{
	width: 100%;
	text-align: center;
	height: 50vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.users_form{
	margin: 30px auto;
}
.js-load{
	width: 100%;
	display: flex;
}
.stores-load-button,
.users-load-button{
	background: #000;
	/*border:1px solid #0ffcff;*/
	border:none;
	border-radius: 500px;
	width:40px;
	height:40px;
	color:#fff;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}
#search_store,
#search_user,
#search_store:hover,
#search_user:hover,
#search_store:focus-visible,
#search_user{
	border:none;
	border-bottom: 1px solid #0ffcff;
	background: #000;
	/*width:calc(100% - 40px);*/
	width:100%;
	height:25px;
	padding-left: 25px;
	color:#fff;
	font-size: 13px;
	border-radius: 0;
    -webkit-appearance: none;
    outline: none;
}
ul.stores li,
ul.users li{
	padding: 6px 0 6px 25px;
	border-bottom:1px solid #0ffcff;
	font-size: 13px;
}
ul.stores li:hover,
ul.users li:hover{
	cursor: pointer;
}
.pum-container,
.pum-overlay{
	background: #000!important;
}
.pum-container .pum-content,
.pum-container .pum-content p{
	color:#fff!important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-weight: 700;
	font-size:20px;
}
.pum-container .pum-content{
	height: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.pum-close.popmake-close{
	padding:0!important;
	background: none!important;
}
.pum-close.popmake-close:after{
	display: block;
	width:40px;
	height: 40px;
	background: red;
	content: '';
	position: relative;
	right:7.5px;
	background: url('img/icone_close.svg');
}
.pum-container .pum-title{
	color:#fff!important;
	text-align: center!important;
}

.fasc-button:hover,
.fasc-button {
	border-radius: 30px;
	background: linear-gradient(to right, #0ffcff, #c7ffff)!important;
	width:100%;
	padding:7px 30px!important;
}
.line-badge {
	width:100%;
	margin-bottom: 0px;
}
.badge{
	width:31%;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.badges_content{
	column-gap: 3.5%;
	flex-wrap: wrap;
}
.badges_compte .badge{
	margin-bottom:15px;
}
.bold{
	font-weight: bold;
}
.badge p{
	font-size: 1.5em;
	font-weight: bold;
	margin:7px 0 25px;  
	display: flex;
	align-items: center;
}
.badges_compte .badge p{
	font-size: 1.2em;
	font-weight: 300;
	margin:7px 0;
}
.badge_not_view{
	width:6px;
	height:6px;
	border-radius: 50px;
	background: red;
	margin-left: 7px;
}
.pn-wrapper{
	background: #000!important;
	margin:0!important;
}
.pn-wrapper .btn.act{
	color:#0ffcff!important;
}
.view_ranking.type_ventes.active svg polyline{
	stroke:#00FFFF;
}
.view_ranking.type_fusion.active svg polyline{
	stroke:#ff66ff;
}
.view_ranking.type_multi.active svg polyline{
	stroke:#00ff00;
}
.badge_ventes,
.type_ventes .count,
.type_ventes .flip-card-inner{
	color:#00FFFF;
}
.badge_fusion,
.type_fusion .count,
.type_fusion .flip-card-inner{
	color:#ff66ff;
}
.badge_multi,
.type_multi .count,
.type_multi .flip-card-inner{
	color:#00ff00;
}
ul.ranking li div.user_img_container{
	display: flex;
	align-items: center;
}

.flip-card{
	width: 100%;
	padding:0 15px;
	font-size:1.2em;
	background-color: transparent;
  perspective: 1000px;
  cursor: pointer;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top:0;
  z-index:1;
}

.flip-card-front{
	position: relative;
}
.flip-card-front {
  background-color: #000;
  color: black;
}
/*
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card:hover .flip-card-front{
	visibility: hidden;
	 -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}*/

.flip-card.active .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card.active .flip-card-front{
	visibility: hidden;
	 -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-back {
  background-color: #000;
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.films .flip-card-back,
.appareils .flip-card-back {
  flex-direction: row;
}
.films .flip-card,
.appareils .flip-card {
  font-size:1em;
}
.badges_list_winners{
	display:none;
	width:100%;
}
ul.ranking.momemtum_statuts li div.name_rank{
	width:80%;
}
.legende .count,
.count_momentum{
	padding-left: 5px;
}
.positions .position_header h3{
	font-weight: 300;
}
#basic-user-avatar-form img,
#basic-user-avatar-form .description,
#basic-user-avatar-form #basic-user-avatar-erase,
#basic-user-avatar-form label
{
	display:none;
}
a.form_en_cours,
.requirements.form_en_cours{
	display: none;
}
.requirements img{
	width:237px;
}
.disabled{
	color: #666;
}
.requirements{
	width: 310px;
	margin:0 auto;
}
.sign_in_form{
	width: 260px;
	margin:0 auto 30px;
}
.sign_in_form label{
	font-size: .8em;
}
#questionform .input_login,
.sign_in_form .input_login{
	padding-left: 13px;
	width: 231px;
}
#sign_in_request{
	width:auto;
}
#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 150px; /* au-dessus de ton container_footer */
    right: 0px;
    z-index: 99;
    border: none;
    border-radius: 50% 0 0 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 22px;
    background-color: #000;
    color: white;
}

input[type="date"]{
	color-scheme: dark;
}
.login_container h3{
	margin-top:0 ;
}
.requirements ol{
	border-left:3px solid #0ffcff;

}
.requirements li{
	margin-bottom: 10px;
}
.sign_in_form svg,
.requirements svg{
	width: 24px;
	height: 24px;
	cursor:pointer;
}
.langues img,
.langues svg{
	width: 40px;
	height: 40px;
	cursor:pointer;
}
.requirements i{
	color:#0ffcff;
	font-size: 0.9em;
}
#sign_in_form label{
	font-size: 0.9em;
}
.levels_content{
	margin-bottom:50px;
}
#gitfs_details img{
	max-width: 80%;
}
.gitfs_details{
	display: none;
}
.hidden{
	display: none;
}
.nb_cuts{
	margin-left:5px;
	font-size: .8em;
	font-weight:700;
	color:#fff;
}
.title_td{
	font-size: .8em;
	font-weight: 300;
}
.evo {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    justify-content: center;
}

.evo .click_counter.up, 
.evo.up {
    color: #16a34a; /* vert */
}

.evo .click_counter.down, 
.evo.down {
    color: #dc2626; /* rouge */
}

.evo.neutral {
    color: #6b7280; /* gris */
}

.evo .arrow {
    margin-right: 4px;
    width:12px;
    height:12px;
    display: inline-block;
}
.chart-rank {
    width: 100% !important;
    height: 300px !important;
}
.chart-debug-overlay {
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(0,0,0,0.75);
    color: #00ff00;
    padding: 10px;
    font-size: 12px;
    font-family: monospace;
    border-radius: 4px;
    z-index: 99999;
    max-width: 260px;
    pointer-events: none;
    white-space: pre-wrap;
}
.chart-debug-container {
    position: relative;
}
.chart-tooltip {
    position: absolute;
    background: #000;
    border-radius: 6px;
    padding: 4px 4px;
    font-size: 13px;
    border: 1px solid #000;
    pointer-events: none;
    transform: translate(-50%, -160%);
    white-space: nowrap;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
}
.chart-ventes .chart-tooltip {
	color: rgba(0,255,255);
}
.chart-fusion .chart-tooltip {
	color: rgba(255,102,255);
}
.chart-multi .chart-tooltip {
	color: rgba(255,255,0);
}

.chart-tooltip.highlight {
    background: #00aaff;
    color: black;
    border-color: #00aaff;
    font-weight:700;
}
.chart-ventes .chart-tooltip.highlight {
	background: rgba(0,255,255);
	border-color: rgba(0,255,255);
}
.chart-fusion .chart-tooltip.highlight {
	background: rgba(255,102,255);
	border-color: rgba(255,102,255);
}
.chart-multi .chart-tooltip.highlight {
	background: rgba(255,255,0);
	border-color: rgba(255,255,0);
}

/* Trait vertical sous le tooltip */
.chart-tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%; /* juste en dessous du tooltip */
    transform: translateX(-50%);

    width: 2px;          /* épaisseur du trait */
    height: 15px;        /* longueur du trait */
    background: #888;    /* couleur du trait */

    border-radius: 2px;
}
/*.chart-tooltip.highlight::after {
    background: #00aaff; 
}*/
.chart-ventes .chart-tooltip::after {
	background: rgba(0,255,255);
}
.chart-fusion .chart-tooltip::after {
	background: rgba(255,102,255);
}
.chart-multi .chart-tooltip::after {
	background: rgba(255,255,0);
}
.summary_container{
	display: block;
}
.summary_content h3{
	margin-bottom:30px;
}
.img_rank img.flag,
.flag{
	border:none;
	width: 20px;
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
}
.no_webapp #loginform,
.no_webapp #forgot,
.no_webapp #signup,
.webapp #install_notice
{
	display:none;
}

.no_webapp.force_login #loginform,
.webapp #loginform,
.webapp #forgot,
.webapp #signup,
.no_webapp #install_notice
{
	display:block!important;
}
#iosA2hsModal .a2hs-backdrop{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 9998;
}
#iosA2hsModal .a2hs-card{
  position: fixed;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  border-radius: 12px;
  padding: 16px;
  width: min(92vw, 360px);
  z-index: 9999;
}
#iosA2hsModal .a2hs-title{
  font-weight: 700;
  margin-bottom: 10px;
}
#iosA2hsModal .a2hs-steps{
  font-size: .8em;
}
.a2hs-steps{
 	margin : 30px 0 ;
 }
.a2hs-steps img{
  width:48px;
}
.users_form{
	position: sticky;
  top: 0;                 /* colle en haut */
  z-index: 1000;          /* au-dessus du contenu */
  background: #000;       /* obligatoire pour éviter la transparence */
  padding: 12px 25%;
}
.app-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:999999;}
.app-modal{width:min(92vw);background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.45);color:#fff;overflow:hidden;}
.app-modal-h{text-align:center;padding:18px 18px 0;font-size:18px;font-weight:700;}
.app-modal-b{padding:12px 18px 18px;color:rgba(255,255,255,.88);line-height:1.5;}
.app-modal-b p{margin:0 0 10px}
.app-modal-b ol{margin:0 0 0 18px}
.app-modal-f{display:flex;gap:10px;justify-content:center;padding:0 18px 18px;}
.app-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}
.app-btn-primary{background:#8ab4f8;color:#0b0b0b;}
.app-btn-ghost{background:rgba(255,255,255,.08);color:#fff;}
.app-modal-b img{border-radius:16px;}

.pn-wrapper{
  position: fixed !important;
  left: -99999px !important;
  top: -99999px !important;
  display: block !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#page-loader {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.loader-spinner {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255,255,255,0.2);
    border-top-color: aqua;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.loader-content {
    text-align: center;
    color: white;
    background: rgba(0, 0, 0);
    background-image: url('img/logo_mo.png');
    background-size: 100% ;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    border-radius: 500px;
}



/*** RESPONSIVE ***/
@media only screen and (max-width: 660px) {
	.container{
		/*width:90%;
		margin:0 auto;
		padding:5%;*/
		padding-bottom:200px;

	}
	.sales .qte {
	    font-size: 3em;
	}
	.sales .ventes {
	    font-size: 2em;
	}
	.sales_infos .qte {
	    font-size: 3em;
	}
	.sales_infos .ventes {
	    font-size: 2em;
	}
	.chart_display{
		padding:6px;
	}
	.badge p,
	.stores-load-button, .users-load-button,
	.subreferent_classement a,
	.referent_mix_classement a,
	.referent_mix_summary a,
	.legend-chart li{
		font-size:1em;
	}
	.legend-chart .percent_info {
    	font-size: 1.2em;
    }

	.flip-card{
		font-size: .8em;
	}
	.classement .rang_name{
		font-size: .8em;
	}
    .legend-chart .picto svg{
    	width:20px;
    }
    .legend-chart li{
    	height:20px;
    	margin-bottom: 16px;
    }
    .legend-chart .picto{
    	height:20px;
    }
    .subreferent_classement a::after, 
    .referent_mix_classement a::after, 
    .referent_mix_summary a::after
    {
    	margin: 10px 0 0;
    }
    .img_rank img {
	  width: 30px;
	  height: 30px;
	}
	.badges_compte .badge p{
		font-size: 1em;
	}
	.ref{
		width:50%;
	}
	.types_b H2{
		font-size: 1.2em;
	}
	.position_content .name_rank svg{
		height:28px;
	}
	.positions .position_content svg{
		height:22px;
	}
	.positions .rang{
	  width: 59%;
	}
	.position_content svg {
	  height: 36px;
	}
	.img_rank img.flag,
	.flag{
		width: 12px;
		height: 12px;
	}
	.bloc_type_bg .position_content{
		font-size: 16px;
	}
}
@media only screen and (max-width: 480px) {
	.container{
		width:90%;
		margin:0 auto;
		padding:5%;
		padding-bottom:200px;

	}
	.positions .position_content svg{
		display:none
	}
	.sales .qte {
	    font-size: 3em;
	}
	.sales .ventes {
	    font-size: 2em;
	}
	.sales_infos .ventes {
	    font-size: 1.8em;
	}
	.chart_display{
		padding:6px;
	}
	.subreferent_classement a,
	.referent_mix_classement a,
	.referent_mix_summary a,
	.rang_name,
	.legend-chart li{
		font-size:.8em;
	}
	.material_rank,
	.qte_rank,
	.legend-chart .percent_info {
    	font-size: 1em;
    }
    .millier .material_rank, .millier .qte_rank{
    	font-size: .8em;
    }
    .dizaine_millier .material_rank, .dizaine_millier .qte_rank{
    	font-size: .7em;
    }
    .millions .material_rank, .millions .qte_rank{
    	font-size: .6em;
    }
    .legend-chart .picto svg{
    	width:17px;
    }
    .legend-chart li{
    	height:17px;
    	margin-bottom: 10px;
    }
    .legend-chart .picto{
    	height:17px;
    }
    .bloc_type_footer a,
    ul.ranking li div.name_rank{
    	font-size:.7em;
    }
    .rounded.ref_ranking svg, .container_svg_select svg {
	  height: 24px;
	}
	.container_svg_select {
  		width: 44px;
  		margin-right:10px;
  	}
  	.flip-card{
		font-size: .7em;
	}
	 .positions .rang {
	    width: 100%;
	  }
	  .positions .classement{
	  	padding-left:10px;
	  }
	.position_content svg {
	  height: 25px;
	}
	.evo .arrow {
	    margin-right: 2px;
	    width:10px;
	    height:10px;
	}
	.evo {
	    font-size:10px;
    	line-height: 10px;
	}
}