/* Colors *******************/

:root {

	--white: #ffffff;
	--em2i-primary-color: #E30613; /* red */
	--em2i-secondary-color: #3391AA; /* blue */
	--em2i-secondary-red: #E9322B; /* light red */
	--em2i-secondary-color: #EF9B52; /* light orange */
	
	--em2i-blue: #7679F2;
	--em2i-background-light-color: #EEF3FB;
	--em2i-background-color: #E7E8EB;
	--em2i-component-background-color: #515151;
	--em2i-line-light-color: #CFD2D7;
	--em2i-line-color: #C9CAE7;
	--em2i-icon-color: #999999;
	--em2i-icon-light-color: #9EA4AF;
	--em2i-grey-light: #868D9B;
	--em2i-grey: #566074;
	--em2i-grey-choice: #666666;
	--em2i-grey-choice-background: #F2F2F2;
	--em2i-grey-blue: #0D1C38;
	--em2i-grey-dark: #1D3243;
	--em2i-grey-darker: #1C1D3B;
	--em2i-grey-darkest: #1E1E1E;
	--em2i-grey-black: #000064;
}

/* Preset Tags *******************/

body, p {
	color: var(--em2i-grey-blue);
}

h1, h2, h3,
h1.simplified, h2.simplified, h3.simplified {
	color: var(--em2i-grey-darkest);
}

h4, h4.simplified {
	color: var(--em2i-grey-darker);
}

a,
a:hover,
a:focus,
a:active {
	color: var(--em2i-primary-color);
}

a > .fa,
a:hover > .fa, 
a.selected > .fa {
	color: var(--em2i-primary-color);
}

/* Label / Input Text *******************/

label {
	color: var(--em2i-grey-blue);
}

input[type="text"], 
input[type="password"], 
input[type="number"], 
textarea {
	border-color: var(--em2i-line-light-color);
	box-shadow: none;
}

input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="number"]:hover, 
textarea:hover {
	border-color: var(--em2i-grey-blue);
}

input[type="text"]:focus, 
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: var(--em2i-grey-blue) !important;
}

.input-icon i {
	color: var(--em2i-grey-blue);
}

/* Radio / Checkbox *******************/

.input-option-container span {
	color: var(--em2i-grey-blue);
}

input[type=checkbox]:checked + span i {
	color: var(--em2i-grey-blue);
}

input[type=checkbox] + span:before,
input[type=radio] + span:before {
	border-color: var(--em2i-line-light-color);
}

input[type=checkbox]:hover + span:before
input[type=radio]:hover + span:before {
	border-color: var(--em2i-grey-blue);
}

input[type=radio]:checked + span:after {
	background-color: var(--em2i-grey-blue);
	color: var(--white);
}

input[type=checkbox]:checked + span:before, 
input[type=radio]:checked + span:before {
	border-color: var(--em2i-line-light-color);
	background-color: var(--em2i-line-light-color);
	color: var(--white);
}

/* Select ****************** modif 4.6

.custom-select-container .custom-select .select-list .placeholder {
	border-color: var(--em2i-line-light-color);
}*/

.custom-select-container .custom-select .select-list ul {
	border-color: var(--em2i-grey-blue);
	box-shadow: none;
}

.custom-select-container .custom-select:not(.flag-select) ul li {
	color: var(--em2i-grey-darkest);
}

.custom-select.open .select-list ul li:hover {
	background-color: var(--em2i-background-light-color);
}

.custom-select-container .custom-select:not(.flag-select) i {
	color: var(--em2i-icon-light-color);
}

/* Call To Action *******************/

.cta-action .fa, 
.cta-action:hover .fa, 
.cta-contextual.main,
.cta-contextual.main:hover,
.cta-contextual.primary,
.cta-contextual.primary:hover {
	background-color: var(--em2i-primary-color);
	color: var(--white);
	border-color: var(--em2i-primary-color);
	-webkit-text-stroke: inherit;
}

.cta-action span {
	color: var(--em2i-primary-color);
}

.cta-contextual,
.cta-contextual:hover {
	background-color: var(--white);
	color: var(--em2i-primary-color);
	border-color:  var(--em2i-primary-color);
}
.cta-contextual.secondary,
.cta-contextual.secondary:hover {
	background-color:  var(--em2i-primary-color);
	color: var(--white);
	border-color:  var(--em2i-primary-color);
}

.cta-contextual.main i,
.cta-contextual.main:hover i,
.cta-contextual i,
.cta-contextual:hover i {
	color: var(--white);
}

@media (max-width: 768px) {

	.cta-action:not(.light):not(.cta-timer) {
		background-color: var(--em2i-primary-color);
	}
}

/* Gauges *******************/

.gauge-horizontal,
.gauge-horizontal.simple-gauge {
	background-color: var(--em2i-component-background-color:);
}

.gauge-horizontal .gauge-display,
.gauge-horizontal.simple-gauge .gauge-display {
	background-color: var(--em2i-primary-color);
}

.gauge-list .gauge-display {
	background-color: var(--em2i-primary-color);
}

/* Badge *******************/

.badge-container .badge {
	background-color: var(--em2i-primary-color) !important;
	border-color: var(--white);
}

.badge {
	color: var(--white);
}

.badge-container i {
	color: var(--em2i-icon-color);
}

/* Banner *******************/

.banner {
	background-color: var(--em2i-primary-color);
}

/* Star Ranking *******************/

.star-ranking .fa {
	color: var(--em2i-component-background-color:);
}

.star-ranking i {
	color: var(--em2i-secondary-color);
}

.star-ranking-container .legend,
.star-1 .fa:first-child,
.star-2 .fa:first-child,
.star-2 .fa:nth-child(2),
.star-3 .fa:first-child,
.star-3 .fa:nth-child(2),
.star-3 .fa:nth-child(3),
.star-4 .fa:first-child,
.star-4 .fa:nth-child(2),
.star-4 .fa:nth-child(3),
.star-4 .fa:nth-child(4),
.star-5 .fa,
.star-ranking:hover .fa {
	color: var(--em2i-secondary-color);
}

.contrast.star-1 .fa:first-child,
.contrast.star-2 .fa:first-child,
.contrast.star-2 .fa:nth-child(2),
.contrast.star-3 .fa:first-child,
.contrast.star-3 .fa:nth-child(2),
.contrast.star-3 .fa:nth-child(3),
.contrast.star-4 .fa:first-child,
.contrast.star-4 .fa:nth-child(2),
.contrast.star-4 .fa:nth-child(3),
.contrast.star-4 .fa:nth-child(4),
.contrast.star-5 .fa,
.contrast.star-ranking:hover .fa {
	color: var(--white);
}

.star-ranking .fa:hover ~ .fa {
	color: var(--em2i-component-background-color:);
}

/* Mode Buttons *******************/

.settings .card-mode-btn,
.settings .list-mode-btn,
.settings .card-mode-btn i,
.settings .list-mode-btn i {
	color: var(--em2i-icon-light-color);
}

.settings .card-mode-btn.selected,
.settings .list-mode-btn.selected {
	background-color: var(--em2i-background-color);
	color: var(--em2i-grey-darkest);
}

.settings .card-mode-btn.selected i,
.settings .list-mode-btn.selected i {
	color: var(--em2i-grey-darkest);
}

/* Course Preview *******************/

.card-mode .preview.default-course-preview {
	background-color: var(--white);
	box-shadow: 0 0 1px 1px rgba(28, 29, 59, 0.15) !important;
}

.card-mode .preview.default-course-preview > div.inner {
	background-color: transparent;
}

.hearted i::before {
	color: var(--em2i-primary-color);
}

.hearted.selected i::before {
	color: var(--em2i-primary-color);
}

.card-mode .preview.course-preview:hover .preview-hover .cta-action .fa {
	background-color: var(--em2i-primary-color);
}

.preview.default-course-preview .hashtag {
	color: var(--em2i-secondary-color);
}

.preview.default-course-preview .other-data {
	color: var(--em2i-grey-darkest);
}

@media (max-width: 768px) {
	
	.list-mode .preview.default-course-preview .card-list-btn-container .cta-action {
		background-color: var(--em2i-primary-color);
	}
}

/* Accordion *******************/

.accordion {
	background-color: transparent;
}

.accordion-button h4 {
	color: var(--em2i-grey-darker) !important;
}

.accordion-button .fa,
.accordion-button .fa-chevron-right {
	border-color: transparent;
	background-color: transparent;
	color: var(--em2i-grey-darker);
}

/* Courses Wall Container *******************/

.my-stakes-container .generic-wall-container .news-wall-btn i,
.my-stakes-container .generic-wall-container .news-wall-btn:hover i {
	background-color: var(--em2i-primary-color);
}

.my-stakes-container .generic-wall-container .news-wall-btn:before {
	border-color: transparent;
	background-color: var(--white) !important;
}

.news-wall-btn {
	background: none;
}

.news-wall-btn i,
.news-wall-btn:hover i {
	background-color: var(--em2i-primary-color);
	color: var(--white);
}

.my-stakes-container .generic-wall-container .news-wall-col.ending .news-wall-row {
	color: var(--em2i-grey-light);
	border-color: rgba(28, 29, 59, 0.15);
}

.my-stakes-container .generic-wall-container .news-wall-col.ending .news-wall-row:hover {
	color: var(--em2i-primary-color);
}

/**************************************************/
/* Navigation */ 
/**************************************************/

.main-container .colored-row-container {
	background-color: transparent;
}

/* Header *******************/

header {
	background-color: var(--white);
	box-shadow: 0px 1px 12px rgba(0, 0, 100, 0.08);
}

header .main-nav > ul > li > a,
.main-nav > ul > li > a,
.main-nav > ul > li > a > .fa,
header .nav-submenu > li a i {
	color: var(--em2i-grey-darkest) !important;
}

header .main-nav > ul > li + li:before {
	background-color: var(--em2i-line-light-color);
}

.main-nav > ul > li > a.selected {
	color: var(--em2i-primary-color) !important;
}

.main-nav > ul > li > a:not(.selected):hover {
	color: var(--em2i-primary-color);
}

header .main-nav > ul > li > a.selected:after {
	background-color: var(--em2i-primary-color);
}

header .header-search-block .custom-select .select-list .placeholder,
header .multiple-select-container .custom-select:not(.open) > .select-list:hover .placeholder {
	border-color: var(--em2i-line-light-color);
}

header .header-search-block .multiple-select-container .multiple-select-btn .fa {
	color: var(--em2i-grey-blue);
}

header .side-nav-btn,
header .side-nav-btn:hover,
header .side-nav-btn .fa,
header .side-nav-btn:hover .fa {
	color: var(--em2i-grey-blue);
}

header .header-content .side-nav-btn {
	border-color: var(--em2i-line-light-color);
}

header .logged-in-profile-container {
	background-color: transparent;
}

header .logged-in-profile > .name {
	color: var(--em2i-grey-darkest);
}

header .nav-submenu > li#liGoToLogoff a {
	color: var(--em2i-primary-color) !important;
}

header .nav-submenu > li:hover {
	background-color: var(--em2i-grey-darkest);
}

header .nav-submenu > li#liGoToLogoff:hover {
	background-color: var(--em2i-grey-darkest);
}

header .nav-submenu > li#liGoToLogoff:hover a {
	color: var(--white) !important;
}

.profile-reminders a .fa,
.profile-reminders a:hover, 
.profile-reminders a:hover .fa {
	color: var(--em2i-icon-color);
}

/* Contextual Menu *******************/

.single-column .subMenuInner:has(.contextual-menu) {
	background-color: var(--white);
}

.single-column .subMenuInner .contextual-menu {
	border-bottom-color: var(--em2i-background-light-color);
}

.single-column .subMenuInner .contextual-menu-container .contextual-menu li a {
	color: var(--em2i-grey);
}

.single-column .subMenuInner .contextual-menu-container .contextual-menu li.selected a,
.single-column .subMenuInner .contextual-menu-container .contextual-menu li:hover a {
	color: var(--em2i-primary-color);
}

/* Footer *******************/

footer {
	background-color: var(--em2i-grey-darker);
}

footer .em2i-footer-tagline p {
	color: var(--white);
}

/* Side Nav *******************/

#sidebar-nav-container .sidebar-nav {
	
	background-color: var(--em2i-primary-color);
}

#sidebar-nav-container .sidebar-nav-list .selected {
	background-color: var(--em2i-primary-color); !important;
}

#sidebar-nav-container .sidebar-nav-list ~ .sidebar-nav-list,
#sidebar-nav-container .sidebar-nav-list .logout {
	border-top-color: var(--white);
}

/* Breadcrumbs *******************/

.breadcrumbs-container .back-btn {
	border-color: var(--em2i-grey-light);
	color: var(--em2i-grey-light);
}

.breadcrumbs-container .back-btn i {
	color: var(--em2i-grey-darker);
}

.breadcrumbs-container .back-btn:hover i {
	color: var(--em2i-primary-color);
}

.breadcrumbs {
	color: var(--em2i-grey-light);
}

.breadcrumbs li:before,
.breadcrumbs li:last-child:before,
.breadcrumbs li:hover:before {
	background-color: var(--em2i-grey-light);
}

.breadcrumbs li,
.breadcrumbs li a {
	color: var(--em2i-grey-light);
}

.breadcrumbs li:hover,
.breadcrumbs li:hover a {
	color: var(--em2i-primary-color);
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
	color: var(--em2i-grey-darker);
}

/**************************************************/
/* Pages */ 
/**************************************************/

/* Login *******************/

body#login .cta-action,
body#login .cta-action:hover {
	/*background-color: var(--em2i-primary-color);*/
	color: var(--white);
	/*border-color: var(--em2i-primary-color);*/
}

body#login .cta-action span {
	/*color: var(--white);*/
}

body#login .cta-action {
	/*filter: drop-shadow(0px 1px 4px rgba(0, 0, 100, 0.3));*/
}

body#login .footer-options .support-block-login .cta-contextual, 
body#login .footer-options .discreet {
	color: var(--em2i-grey) !important;
}

.popup {
	box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.3);
}

.front-popup {
	border-color: var(--em2i-grey-darkest);
}

.popup .cookie-form .cookie-choice label.toggle-info {
	color: var(--em2i-grey);
}

body.front-popup-body.logged-in:not(.learning-ressource) h3, 
body.front-popup-body.logged-in:not(.learning-ressource) h4 {
	color: var(--em2i-grey-darkest);
}

.popup > .close-btn::before {
	border-right-color: var(--em2i-grey);
}

.popup > .close-btn::after {
	border-bottom-color: var(--em2i-grey);
}

.popup > .close-btn:hover::before {
	border-right-color: var(--em2i-primary-color);
}

.popup > .close-btn:hover::after {
	border-bottom-color: var(--em2i-primary-color);
}

body#login h2 {
	color: var(--em2i-grey-darkest);
}

#login #forgottenPassword .cta-container .cta-contextual.primary:hover {
	border-color: var(--em2i-primary-color);
	background-color: var(--em2i-primary-color);
}

/* Home *******************/

.contest-list-widget-header a {
	color: var(--em2i-primary-color) !important;
}

/* Home Welcome Banner */

.header-widget:has(.home-banner-welcome) {
	background: linear-gradient(270deg, rgba(0, 5, 120, 0.35) 0%, #1D046E 38.18%, #25036C 48.8%, #760051 100%), url('/_domains/root_domain/assets/front/img/home-banner-welcome-background.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
}

.header-widget:has(.home-banner-welcome) h1 {
	color: #ffffff;
}

@media (max-width: 768px) {
	
	.header-widget:has(.home-banner-welcome) {
		background-size: cover;
	}
}

/* Concours */

.home-more-news section.contest-slider .contest-preview,
.home-more-news section.contest-carousel .contest-preview {
	border-color: #1C1D3B26;
	box-shadow: none;
}

/* Home Community Messages Widget */

.main-container .widget-freetext:has(.home-widget-community-messages-container) {
	background-color: var(--em2i-background-light-color);
}

.home-widget-community-messages-container .comment-list .comment,
.home-widget-community-messages-container .home-community-message-form {
	border-top-color: var(--em2i-background-light-color);
}

.home-widget-community-messages-container .comment-interactions-container a,
.home-widget-community-messages-container .comment-interactions-container a i {
	color: var(--em2i-grey);
}

/* Home Graph Widget */

.home-col-left .home-widget-graph-job-container h3 {
	padding-bottom: 12px;
}

.home-widget-graph-job {
	background: linear-gradient(270deg, #000578 0%, #760051 100%);
}

.home-widget-graph-job-container h4 {
	color: var(--em2i-blue);
}

.home-widget-graph-job-container .cta-contextual,
.home-widget-graph-job-container .cta-contextual i,
.home-widget-graph-job-container .cta-contextual:hover,
.home-widget-graph-job-container .cta-contextual:hover i {
	color: var(--em2i-primary-color);
}

.home-widget-graph-job-container .cta-contextual,
.home-widget-graph-job-container .cta-contextual:hover {
	background-color: var(--white);
	border-color: var(--white);
}

/* Home Badges Widget */

.home-widget-awards-container ul.award-list li:hover {
	box-shadow: none;
}

.home-widget-awards-container .award-badge-name,
.home-widget-awards-container ul.award-list li:hover .award-badge-name {
	color: var(--em2i-grey-darker);
}

.home-widget-awards-container .award-badge.not-received ~.award-badge-name {
	color: var(--em2i-icon-color);
}

/* Home Search Widget With Keywords */

.header-widget:has(.search-banner-keywords-container) {
	background: linear-gradient(270deg, rgba(0, 5, 120, 0.35) 0%, #1D046E 38.18%, #25036C 48.8%, #760051 100%), url('/_domains/root_domain/assets/front/img/home-banner-welcome-background.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
}

@media (max-width: 960px) {
	
	.header-widget:has(.search-banner-keywords-container) {
		background-size: cover;
	}
}

/* Suggestions */

.my-stakes-container:has(.title-container .choice) .choice_btn_car {
	color: var(--em2i-grey-choice);
}

.my-stakes-container:has(.title-container .choice) .choice_btn_car_select {
	color: var(--em2i-grey-black);
	background-color: var(--em2i-grey-choice-background);
}

/* Events */

.home-col-right .table-container .date-container {
	background: var(--em2i-grey-darker);
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
	color: var(--white);
}

.home-col-right .table-container .event-container {
	color: var(--em2i-primary-color);
}

.home-col-right .table-container .event-container .subject a {
	color: var(--em2i-grey-blue);
}

.home-col-right .table-container .event-container .descr {
	color: var(--em2i-grey-choice);
}

/* Categories */

.widget-categories-list li:hover h4 {
	color: var(--em2i-primary-color);
}

/* News */

.generic-news-carousel-main-slider .news-wall-pagination .current, 
.generic-news-carousel-main-slider .news-wall-pagination .current .fa, 
.generic-news-carousel-main-slider .news-wall-pagination .current:hover .fa {
	color: var(--em2i-primary-color);
}

.generic-news-carousel-main-slider .news-wall-container {
	background-color: var(--em2i-background-light-color);
}

/* Follow Us */

.em2i-follow-us-container {
	background-image: url('/_domains/root_domain/assets/front/img/home-follow-us.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.em2i-follow-us-container:before {
	background-color: var(--em2i-grey-darker);
	opacity: 0.7;
}

.em2i-follow-us {
	color: var(--white);
}

/* Formations *******************/

.trainings-main-container .trainings-main-content {
	border-right-color: transparent;
}

.trainings-numbers-container .training-numbers-summary .training-value-container,
.trainings-numbers-container .training-numbers-summary .training-value {
	color: var(--em2i-grey-blue);
}

.trainings-numbers-container .training-numbers-summary .training-value-container .training-value {
	color: var(--em2i-grey-darker);
}

.trainings-numbers-container .training-numbers-summary .training-value-container:first-child .training-value {
	color: var(--em2i-primary-color);
}

.trainings-numbers-container .training-numbers-summary .training-value-container:hover,
.trainings-numbers-container .training-numbers-summary .training-value-container:hover .training-value {
	color: var(--em2i-primary-color);
}

.trainings-numbers-container .training-counter.in-progress {
	background: linear-gradient(270deg, #000578 0%, #760051 100%);
}

.trainings-numbers-container .training-counter.in-progress .counter:hover span {
	color: var(--white);
}

.trainings-numbers-container .training-counter.to-be-done {
	background-color: var(--em2i-background-light-color);
}

.trainings-numbers-container .training-counter.done {
	background-color: #F3F4F5;
}

.trainings-numbers-container .training-counter.in-progress .counter span {
	color: var(--white);
}

.trainings-numbers-container .training-counter.to-be-done span,
.trainings-numbers-container .training-counter.to-be-done .counter:hover span,
.trainings-numbers-container .training-counter.done span,
.trainings-numbers-container .training-counter.done .counter:hover span,
.trainings-numbers-container .training-counter.done a {
	color: var(--em2i-grey-blue);
}

.list-mode .preview.default-course-preview {
	background: var(--white);
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

/* Course *******************/

.main-container .lesson-menu-main-container {
	background-color: var(--em2i-background-light-color);
}

.main-container .col-lesson-menu-sidebar {
	background: var(--white);
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.main-container .col-lesson-menu-sidebar a,
.main-container .col-lesson-menu-sidebar a i {
	color: var(--em2i-grey-darker);
}

.main-container .col-lesson-menu-sidebar a:hover {
	color: var(--em2i-primary-color);
}

/* Lesson List */

.lesson-list-instance .lesson-list-instance-option a i {
	color: var(--em2i-background-color);
}

.lesson-list-instance.current .lesson-list-instance-option a i {
	color: var(--em2i-grey-darker);
}

.lesson-list-instance-content > .status.status-valid {
	color: var(--white);
	border-color: var(--white);
	background-color: var(--em2i-primary-color);
}

.lesson-list-instance-content > .status.status-current {
	color: var(--em2i-primary-color);
	border-color: var(--em2i-primary-color);
	background-color: var(--white);
}

.lesson-list-instance-content > .status.status-todo {
	color: var(--em2i-icon-light-color);
	border-color: var(--em2i-icon-light-color);
	background-color: var(--white);
}

.lesson-list-instance .content .status {
	color: #6E7788;
}

.lesson-list-instance.current .content .status {
	color: var(--em2i-grey-darker);
}

.lesson-list-instance-content {
	border-left-color: var(--em2i-line-light-color);
}

.lesson-list-instance.previous .lesson-list-instance-content,
.lesson-list-instance.current .lesson-list-instance-content {
	border-left-color: var(--em2i-primary-color);
}

/* Timeline */

.timeline-table-wrapper .timeline-table .status-current {
	background-color: var(--white);
	border-color: var(--em2i-primary-color);
	color: var(--em2i-primary-color);
}

.timeline-table tr.previous td:first-child,
.timeline-table-wrapper .timeline-table .status-current::before {
	border-left-color: var(--em2i-primary-color);
}

.timeline-table .status-valid {
	color: var(--white);
	border-color: var(--white);
	background-color: var(--em2i-primary-color);
}

.timeline-table-wrapper .timeline-table .status-todo {
	border-color: var(--em2i-line-light-color);
	color: var(--em2i-line-light-color);
	background-color: var(--white);
}

.timeline-table tr.current {
	background-color: var(--em2i-background-light-color);
}

.timeline-table tr.current td {
	color: var(--em2i-grey-darker);
}

.timeline-table-wrapper,
.timeline-table-wrapper table {
	border-top-color: var(--em2i-background-light-color);
	border-bottom-color: var(--em2i-background-light-color);
}

@media (max-width: 768px) {
	
	.col-lesson-menu-content .cta-action:not(.light):not(.cta-timer)  span,
	.lesson-list-container .cta-action:not(.light):not(.cta-timer)  span {
		color: var(--white)
	}
	
	.lesson-menu-main-container .col-lesson-menu-header .cta-action {
		background-color: var(--em2i-primary-color);
	}
	
	.lesson-menu-main-container .col-lesson-menu-header .cta-action span {
		color: var(--white);
	}
	
	.timeline-table-wrapper .cta-action {
		background-color: var(--em2i-primary-color) !important;
	}
	
	.col-lesson-menu-content .timeline-table a {
		background-color: var(--em2i-primary-color) !important;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
	}
	
	.col-lesson-menu-content .timeline-table a i {
		color: var(--white);
	}
}

/* Catalog *******************/

.catalog-page .main-container .catalog-main-search-container {
	background-color: transparent;
	border-bottom-color: var(--em2i-line-color);
}

.catalog-page .catalogue-search-container .custom-select:not(.flag-select) .select-list .placeholder,
.catalog-page .catalogue-search-container .multiple-select-container .custom-select > .select-list .placeholder {
	border-color: transparent;
}

.catalog-page .search-container .placeholder input[type='text']:focus.multiselect-input-auto-complete {
	border-bottom-color: var(--em2i-grey-blue) !important
}

.catalog-page .selected-option {
	color: var(--em2i-grey-darker);
	border-color: var(--em2i-grey-darker);
}

.catalog-page .selected-option .delete-option {
	color: var(--em2i-icon-light-color);
}

.catalog-page .catalog-sidebar-filter-tab, 
.catalog-page .catalog-sidebar-filter-tab i, 
.catalog-page .catalog-sidebar-filter-tab:hover i {
	color: var(--em2i-primary-color);
}

.catalog-page .catalog-sidebar-filter-tab:hover, 
.catalog-page .catalog-sidebar-filter-tab:hover i, 
.catalog-page .catalog-sidebar-filter-tab.selected {
	background-color: var(--em2i-background-light-color);
	color: var(--em2i-primary-color);
}

.catalog-page .catalog-sidebar-filter-col-container {
	border-color: var(--em2i-grey-black);
}

.catalog-page .catalog-sidebar-filter-col {
	box-shadow: 0px 1px 18px -3px rgba(0, 0, 100, 0.18);
}

.catalog-page li > .catalog-sidebar-filter-option, 
.catalog-page li > a > .catalog-sidebar-filter-option {
	color: var(--em2i-grey-dark);
	background-color: transparent;
}

.catalog-page li.selected > .catalog-sidebar-filter-option, 
.catalog-page li.selected > a > .catalog-sidebar-filter-option, 
.catalog-page .catalog-sidebar-filter-option:hover {
	background-color: var(--em2i-background-light-color);
}

.catalog-page input[type=checkbox]:hover + span:before, 
.catalog-page input[type=checkbox]:checked + span:before, 
.catalog-page input[type=checkbox]:checked:hover + span:before, 
.catalog-page input[type=radio]:hover + span:before,
.catalog-page input[type=radio]:checked + span:before,
.catalog-page input[type=radio]:checked:hover + span:before {
	border-color: var(--em2i-grey-blue);
	color: var(--white);
}

.catalog-page input[type=checkbox]:checked + span:before, 
.catalog-page input[type=checkbox]:checked:hover + span:before, 
.catalog-page input[type=radio]:checked + span:before,
.catalog-page input[type=radio]:checked:hover + span:before {
	background-color: var(--em2i-grey-blue);
}

.catalogue-sidebar-filter:not(:last-child) {
	border-bottom-color: var(--em2i-line-light-color);
}

.catalog-page .catalogue-course-preview-container .list-mode .course-preview.default-course-preview {
	background: #FFFFFF;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.catalog-page .catalogue-course-preview-container .list-mode .preview.default-course-preview .data-container .hashtag {
	color: var(--em2i-secondary-color);
}

@media (max-width: 768px) {
	
	.catalog-main-search-container .catalog-result-sorting-header .cta-action {
		border-color: var(--em2i-primary-color);
		background-color: var(--white);
		color: var(--white);
		box-shadow: none;
	}
}

/* Catalog Course *******************/

.col-lesson-menu-header .data ~ .data {
	color: var(--em2i-grey-dark);
}

.col-lesson-catalogue-main-container .col-lesson-menu-sidebar {
	background: #FFFFFF;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.lesson-list-container.small .lesson-list-instance-option i {
	color: var(--em2i-line-light-color);
}

/* Profile *******************/

#overview::before {
	background-color: transparent;
}

.profile-options .custom-select-container .custom-select {
	background-color: var(--white);
}

.profile-highlights::before {
	background-color: var(--em2i-background-light-color);
}

.profile-highlights .time {
	color: var(--em2i-grey-darker);
}

.profile-highlights .launches {
	background: linear-gradient(270deg, #000578 0%, #760051 100%);
	color: var(--white);
}

.profile-highlights .assignements {
	background-color: var(--em2i-secondary-red);
	color: var(--white);
}

.profile-highlights .badges {
	background-color: var(--em2i-secondary-color);
	color: var(--white);
}

/* Profile Récompenses *******************/

.reward-interface ul.award-list li:hover {
	box-shadow: none;
}

.reward-interface .badgeCollection {
	border-bottom-color: var(--em2i-background-light-color);
}

.reward-interface .award-badge-name,
.reward-interface ul.award-list li:hover .award-badge-name {
	color: var(--em2i-grey-darker);
}

.reward-interface .award-badge.not-received ~.award-badge-name {
	color: var(--em2i-icon-color);
}

/* Profile Edition *******************/

#TblInstruction {
	background-color: var(--em2i-background-light-color);
}

#divProfil .custom-select .select-list:hover .placeholder {
	border-bottom: none !important;
}

#divProfil .profile-password-container {
	background-color: var(--em2i-background-light-color);
}

#divProfil .pwdChangeBtns a,
#divProfil .pwdChangeBtns i {
	color: var(--em2i-primary-color);
}

#divProfil .cta-action i {
	box-shadow: none;
}

#divProfil .cta-action .cta-save input {
	background-color: var(--em2i-primary-color);
	color: var(--white) !important;
}

@media (max-width: 768px) {
	
	#divProfil .cta-action {
		box-shadow: none;
		background-color: transparent;
	}
}

/* Concours *******************/

.main-container:has(.contest-details-main-container) {
	background-color: var(--em2i-background-light-color);
}

.contest-details-ranking a {
	color: var(--em2i-primary-color);
}

#sidebar-nav-container .sidebar-nav {
	background-color: #ffffff;
	color:
}

#sidebar-nav-container .sidebar-nav-list :hover, #sidebar-nav-container .sidebar-nav-list :hover .fa {
    color: #5b4a4a;
}

.sidebar-nav a, .sidebar-nav a > .fa {
    color: #666666;
}

header .main-nav > ul > li > a, .main-nav > ul > li > a, .main-nav > ul > li > a > .fa, header .nav-submenu > li a i {
    color: #1e1e1e !important;
}


body {
    /* main colors */
    --primary-button-color: var(--em2i-primary-color) !important;
}

.cta-action.small:hover > .fa, .cta-action.small:hover span, .cta-action.small:hover {
  color: var(--em2i-primary-color) !important;
  background-color: #fff;
}