
/* Colors Legend *******************/

/* With opacity */

	/* Light Grey			rgba(178, 179, 180) */
	/* Light Grey			rgba(85, 100, 110) */
	/* Grey					rgba(38, 41, 46) */

	/* Light Blue			rgba(125, 185, 221) */
	/* Blue					rgba(37, 79, 113) */

/* Without opacity */

	/* Pale Grey			#e8edf2 */
	/* Light Grey			#edf2f6 */
	/* Light Grey			#f7f8f9 */
	/* Light Grey			#f3f7fa */
	/* Light Grey			#e4edf4 */
	/* Grey					#b2b3b4 */
	/* Dark Grey			#777a8b */
	/* Dark Grey			#55646e */
	/* Dark Grey			#1f233f */

	/* Seafoam Blue			#7db9dd */
	/* Muted Blue			#346a98 */
	/* Darker Slate Blue	#254f71 */
	/* Dark Blue			#2c5e87 */
	/* Darker Blue			#1f2340 */

	/* Pale Teal			#68bcba */
	/* Faded Orange			#f69068 */
	/* Sand					#e0bd63 */

/* Preset Tags *******************/

body {
	color: rgba(38, 41, 46, 0.7);
}

hr {
	background-color: #e8edf2;
}

h1 {
	color: #346a98;
}

h1.overlay,
h1.page-title,
h2.overlay,
h3.overlay,
h4.overlay,
h5.overlay {
	color: #ffffff;
}

h1:before {
	background-color: #7db9dd;
}

h1.page-title {
	color: #ffffff;
}

h1.simplified {
	color: #1f233f;
}

h2 {
	color: rgba(37, 79, 113, 0.6);
}

h2.highlight {
	color: #7db9dd;
}

h2.highlight span span {
	color: #346a98;
}

h2.highlight:before,
h2.highlight:after {
	background-color: #346a98;
}

h3, h3.question span {
	color: #55646e;
}

h3:not(.question):before , h3.question span:before {
	background-color: #7db9dd;
}

h3.question {
	color: rgba(85, 100, 110, 0.5);
}

h3.simplified {
	color: #1f233f;
}

h4 {
	color: rgba(37, 79, 113, 0.6);
}

h4.simplified {
	color: #1f233f;
}

h5 {
	color: #55646e;
}

.intro-p {
	color: #55646e;
}

p.overlay,
.intro-p.overlay {
	color: #ffffff;
}

p.legend-p {
	color: rgba(85, 100, 110, 0.5);
}

.title-choice h2 {
	color: #1f2340;
}

a, a:hover > .fa, a.selected > .fa {
	color: #346a98;
}

a > .fa {
	color: #7db9dd;
}

label {
	color: #b2b3b4;
}

::placeholder {
	color: rgba(85, 100, 110, 0.5);
}

body .pending {
	color: #7db9dd !important;
}

body .valid {
	color: #68bcba !important;
}

body .attention {
	color: #e0bd63 !important;
}

body .error {
	color: #f69068 !important;
}

.incorrectfeedback {
	color: #ff0303 !important;
}

body span.text-highlight {
	color: #346a98;;
}

body .discreet {
	color: rgba(85, 100, 110, 0.5) !important;
}

body .discreet.overlay {
	color: rgba(255, 255, 255, 0.5) !important;
}

/* Favorite *******************/

.favorite i {
	color: #e0bd63;
	background-color: #ffffff;
	border-color: #e0bd63;
}

.favorite.selected i {
	color: #ffffff;
	background-color: #e0bd63;
	border-color: transparent;
}

/* Scrollbar *******************/

.custom-scrollbar::-webkit-scrollbar-track,
.custom-scrollbar-y::-webkit-scrollbar-track,
.custom-scrollbar ::-webkit-scrollbar-track,
.custom-scrollbar-y ::-webkit-scrollbar-track {
	background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar-y::-webkit-scrollbar,
.custom-scrollbar ::-webkit-scrollbar,
.custom-scrollbar-y ::-webkit-scrollbar {
	background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar-y::-webkit-scrollbar-thumb,
.custom-scrollbar ::-webkit-scrollbar-thumb,
.custom-scrollbar-y ::-webkit-scrollbar-thumb {
	background-color: rgba(52, 106, 152, 0.15);
}

/* Label / Input Text *******************/

input[type="text"],
input[type="password"],
input[type="number"],
textarea {
	color: #55646e;
	border-bottom-color: rgba(125, 185, 221, 0.5);
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
textarea:hover {
	border-bottom-color: #7db9dd;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-bottom-color: #1f233f;
}

.select-button {
	background-color: #e4edf4;
	color: #000000;
}

.select-button i {
	color: #2c5e87;
}

/* Email Field *******************/

label.email-field {
	border-color: #ffffff;
}

label.email-field input {
	color: #ffffff;
}

label.email-field input::placeholder {
	color: #55646e;
}

label.email-field a,
label.email-field button,
label.email-field .fa {
	color: #ffffff;
}

/* Radio / Checkbox *******************/

.input-option-container span {
	color: #55646e;
}

input[type=checkbox] + span:before,
input[type=radio] + span:before {
	border-color: rgba(85, 100, 110, 0.15);
	background-color: #ffffff;
}

input[type=checkbox] + span:hover:before,
input[type=radio] + span:hover:before {
	border-color: rgba(85, 100, 110, 0.5);
}

input[type=checkbox][disabled] + span:hover:before,
input[type=radio][disabled] + span:hover:before {
	border-color: rgba(85, 100, 110, 0.15);
	color: rgba(85, 100, 110, 0.15);
}

input[type=checkbox]:checked + span:before,
input[type=radio]:checked + span:before {
	border-color: #7db9dd;
}

input[type=checkbox]:checked:hover + span:before,
input[type=radio]:checked:hover + span:before {
	border-color: #346a98;
}

input[type=checkbox][disabled]:checked + span:before,
input[type=radio][disabled]:checked + span:before {
	border-color: rgba(85, 100, 110, 0.15);
	color: rgba(85, 100, 110, 0.15);
}

input[type=checkbox]:checked + span i {
	color: #7db9dd;
}

input[type=radio]:checked + span:after {
	background-color: #7db9dd;
}

.input-icon.overlay input {
	border-bottom-color: #ffffff;
	background-color: #ffffff;
}

.input-icon.overlay i {
	color: #7db9dd;
}

/* UI Menu *******************/

.ui-autocomplete {
	background-color: #ffffff;
	border-color: #7db9dd;
	box-shadow: 0 -1px 8px 0 rgba(125, 185, 221, 0.3);
}

.ui-autocomplete li {
	color: #1f233f;
}

.ui-autocomplete li:hover {
	background-color: #edf2f6;
}

/* Input File *******************/

.input-file {
	border-bottom-color: rgba(125, 185, 221, 0.5);
}

.input-file:hover {
	border-bottom-color: #7db9dd;
}

.input-file .filename {
	color: #55646e;
}

.input-icon i {
	color: #7db9dd;
}

.input-icon i:hover,
.input-file:hover i {
	color: #346a98;
}

/* Select *******************/

.custom-select i {
	color: #7db9dd;
}

.custom-select:not(.open) > ul {
	border-color: rgba(125, 185, 221, 0.5);
}

.custom-select:not(.open) > ul,
.select-list .placeholder {
	color: rgba(85, 100, 110, 0.5);
}

.select-list ul {
	box-shadow: 0 -1px 8px 0 rgba(125, 185, 221, 0.3);
}

.select-list .placeholder,
.select-list ul {
	border-color: transparent;
}

.select-list:hover .placeholder,
.select-list ul {
	border-color: #7db9dd;
}

.select-list .selected {
	color: #55646e;
}

.select-list ul li {
	background-color: #ffffff;
	color: #55646e;
}

.custom-select.open .select-list ul li:hover {
	background-color: #edf2f6;
}

.custom-select.multiline .select-list > li:last-child {
	border-color: #7db9dd;
	box-shadow: 0 -1px 8px 0 rgba(125, 185, 221, 0.3);
}

.custom-select.open .select-list .placeholder {
	border-color: #1f233f;
}

.custom-select.flag-select.open .select-list .placeholder {
	border-color: transparent;
}

.custom-select.multiline .select-list ul {
	box-shadow: none;
	border-color: transparent;
}

.custom-select.multiline .select-list ul .ligroup > span {
	color: #b2b3b4;
}

.custom-select.flag-select.open .select-list ul li:hover {
	background-color: #edf2f6;
}

.custom-select.multiline.open .select-list ul li:hover {
	background-color: #ffffff;
}

.custom-select.multiline .select-list .ligroup ul > li {
	border-top-color: #e7e7e7;
	color: #131414;
}

.custom-select.multiline.open .select-list ul li[data-value]:hover {
	color: #346a98;
}

.custom-select.multiline .select-list .ligroup .option-legend {
	color: #b2b3b4;
}

.custom-select-container.overlay .custom-select i {
	color: #ffffff;
}

.custom-select-container.overlay .custom-select > ul, 
.custom-select-container.overlay .custom-select:not(.open) > ul,
.custom-select-container.overlay .custom-select.open .select-list .placeholder,
.custom-select-container.overlay .custom-select .select-list .placeholder,
.custom-select-container.overlay .custom-select .select-list:hover .placeholder {
	border-color: rgba(255,255,255,0.5);
}

.custom-select-container.overlay .custom-select > ul,
.custom-select-container.overlay .custom-select:not(.open) > ul,
.custom-select-container.overlay .select-list .placeholder {
	color: #ffffff;
}

/* Multiselect *******************/

.multiple-select-container .multiple-select-btn .fa {
	color: #777a8b;
}

.multiple-select-container .multiple-select-option .fa {
	background-color: #f3f7fa;
	color: #777a8b;
}

.multiple-select-container .select-list {
	border-bottom-color: transparent;
}

.multiple-select-container .custom-select:not(.open) > .select-list:hover .placeholder {
	border-bottom-color: #7db9dd;
}

.multiple-select-container .selected-option {
	border-color: #777a8b;
}

.multiple-select-container .selected-option .fa {
	color: #777a8b;
}

.multiple-select-container ::-webkit-scrollbar {
	background-color: #ffffff;
}

/* Call To Action *******************/

.cta-contextual {
	border-color: #7db9dd;
}

.cta-contextual:hover {
	border-color: #346a98;
}

.cta-contextual:active,
.cta-contextual.selected,
.cta-contextual:active:before,
.cta-contextual.selected:before {
	border-color: #254f71;
}

.cta-contextual.primary {
	background-color: #7db9dd;
	border-color: #7db9dd;
	color: #ffffff;
}

.cta-contextual.overlay {
	border-color: #ffffff;
	color: #ffffff;
}

.cta-action .fa {
	color: #ffffff;
	background-color: #7db9dd;
}

.cta-action:hover .fa {
	color: #ffffff;
	background-color: #346a98;
}

.cta-action:active .fa,
.cta-action.selected .fa {
	color: #ffffff;
	background-color: #254f71;
}

.cta-action.light:active .fa,
.cta-action.light.selected .fa {
	color: #ffffff;
	background-color: #254f71;
}

.cta-action.light {
	color: #e0bd63;
}

.cta-action.light .fa {
	color: #e0bd63;
	background-color: transparent;
	border-color: #e0bd63;
}

.cta-action.light:hover .fa,
.cta-action.light:active .fa,
.cta-action.light.selected .fa {
	color: #e0bd63;
	background-color: transparent;
}

@media (max-width: 768px) {
	
	.cta-action:not(.light):not(.cta-timer) {
		color: #ffffff;
		background-color: #7db9dd;
	}
}

.cta-timer .semi-circle span:before {
	border-color: #254f71;
}

.cta-timer:hover .semi-circle span:before,
.cta-timer:active .semi-circle span:before,
.cta-timer.selected .semi-circle span:before {
	border-color: #7db9dd;
}

/* Gauges *******************/

.gauge-value {
	color: #7db9dd;
}

.complete .gauge-value {
	color: #68bcba;
}

.gauge-circle .gauge-value {
	border-color: rgba(178, 179, 180, 0.2);
}

.gauge-circle.filled .gauge-value {
	color: #000000;
}

.gauge-circle .semi-circle span:before {
	border-color: #7db9dd;
}

.gauge-circle.complete .semi-circle span:before {
	border-color: #68bcba;
}

.gauge-horizontal .gauge-display {
	background-color: #7db9dd;
}

.gauge-horizontal.simple-gauge {
	background-color: #e8edf2;
}

.gauge-horizontal.simple-gauge .gauge-value {
	color: #55646e;
}

.gauge-horizontal.simple-gauge .gauge-display {
	background-color: #e0bd63;
}

.gauge-horizontal.complete .gauge-display {
	background-color: #68bcba;
}

.gauge-horizontal.simple-gauge.filled {
	background-color: transparent;
}

.gauge-horizontal.simple-gauge.filled .gauge-value {
	color: #000000;
	border-color: #7db9dd;
}

.gauge-horizontal.simple-gauge.filled .gauge-display {
	background-color: #7db9dd;
}

/* Award Badge *******************/

.award-list li:hover {
	background-color: #ffffff;
	box-shadow: 0 6px 12px 0 rgba(125, 185, 221, 0.3);
}

.award-badge.received .gauge-circle .gauge-value {
	border-color: #d4b058;
}

.award-badge.received .award-badge-icon {
	color: #ffedbf;
}

.award-badge .gauge-circle .gauge-value {
	border-color: #ffffff;
}

.award-badge .gauge-circle .semi-circle span:before {
	border-color: #d4b058;
}

.award-badge .award-badge-icon,
.award-badge .award-badge-stars {
	color: #ffffff;
}

/* Toolbar *******************/

.toolbar ul a:hover .fa {
	background-color: #e8edf2;
}

.toolbar .cta-action.open .fa {
	background-color: #254f71;
}

/* Subject Type *******************/

.subject-type {
	color: #000000;
}

/* Badge *******************/

.badge-container .badge {
	background-color: #f69068;
	border-color: #2d5e87;
}

.badge {
	color: #ffffff;
}

/* Keyword *******************/

.keyword > span,
.keyword input:checked + span {
	color: rgba(38, 41, 46, 0.7);
	border-color: rgba(38, 41, 46, 0.3);
}

.keyword.selected > span,
.keyword input:checked + span {
	color: #ffffff;
	border-color: transparent;
	background-color: rgba(38, 41, 46, 0.3);
}

/* Skill *******************/

.skill-list li {
	background-color: #ffffff;
	color: #346a98;
}

.skill-list i {
	color: #e0bd63;
}

/* Indicator *******************/

.indicator {
	color: rgba(38, 41, 46, 0.3);
}

/* Banner *******************/

.banner {
	color: #ffffff;
	background-color: #346a98;
}

.banner-discreet {
	background-color: #777a8b;
}

/* Star Ranking *******************/

.star-ranking .fa {
	color: #e8edf2;
}

.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: #e0bd63;
}

.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: #ffffff;
}

.star-ranking .fa:hover ~ .fa {
	color: #e8edf2;
}

/* Radio Ranking *******************/

.radio-ranking input[type=radio] ~ label:before {
	border-color: rgba(85, 100, 110, 0.15);
	background-color: #ffffff;
}

.radio-ranking input[type=radio]:checked + label:before,
.radio-ranking input[type=radio]:checked + label ~ label:before {
	border-color: #7db9dd;
}

.radio-ranking input[type=radio]:checked + label:after,
.radio-ranking input[type=radio]:checked + label ~ label:after {
	background-color: #7db9dd;
}

.radio-ranking input[type=radio]:not(:checked) + label:hover:before,
.radio-ranking input[type=radio]:not(:checked) + label:hover ~ label:before {
	border-color: rgba(85, 100, 110, 0.5);
}

.radio-ranking input[type=radio]:not(:checked) + label:hover:after,
.radio-ranking input[type=radio]:not(:checked) + label:hover ~ label:after {
	background-color: #7db9dd;
}

.radio-ranking input[type=radio]:checked ~ label:hover:before,
.radio-ranking input[type=radio]:checked ~ label:hover ~ label:before,
.radio-ranking input[type=radio]:not(:checked) + label:hover ~ input[type=radio]:checked ~ label:before {
	border-color: #346a98 !important;
}

.radio-ranking input[type=radio]:checked ~ label:hover:after,
.radio-ranking input[type=radio]:checked ~ label:hover ~ label:after,
.radio-ranking input[type=radio]:not(:checked) + label:hover ~ input[type=radio]:checked ~ label:after {
	background-color: #7db9dd;
}

.radio-ranking input[type=radio] ~ label span {
	color: #55646e;
}

/* Counter *******************/

.counter {
	color: rgba(255, 255, 255, 0.6);
}

.counter span {
	color: #ffffff;
}

/* Stats Graphic *******************/

.stats-graphic [data-value="0"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 0 #346a98; }
.stats-graphic [data-value="0"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 0 #e0bd63; }
.stats-graphic [data-value="0"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 0 #e8edf2; }
.stats-graphic [data-value="1"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 8px #346a98; }
.stats-graphic [data-value="1"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 8px #e0bd63; }
.stats-graphic [data-value="1"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 8px #e8edf2; }
.stats-graphic [data-value="2"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 18px #346a98; }
.stats-graphic [data-value="2"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 18px #e0bd63; }
.stats-graphic [data-value="2"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 18px #e8edf2; }
.stats-graphic [data-value="3"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 28px #346a98; }
.stats-graphic [data-value="3"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 28px #e0bd63; }
.stats-graphic [data-value="3"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 28px #e8edf2; }
.stats-graphic [data-value="4"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 40px #346a98; }
.stats-graphic [data-value="4"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 40px #e0bd63; }
.stats-graphic [data-value="4"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 40px #e8edf2; }
.stats-graphic [data-value="5"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 48px #346a98; }
.stats-graphic [data-value="5"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 48px #e0bd63; }
.stats-graphic [data-value="5"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 48px #e8edf2; }
.stats-graphic [data-value="6"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 56px #346a98; }
.stats-graphic [data-value="6"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 56px #e0bd63; }
.stats-graphic [data-value="6"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 56px #e8edf2; }
.stats-graphic [data-value="7"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 62px #346a98; }
.stats-graphic [data-value="7"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 62px #e0bd63; }
.stats-graphic [data-value="7"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 62px #e8edf2; }
.stats-graphic [data-value="8"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 70px #346a98; }
.stats-graphic [data-value="8"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 70px #e0bd63; }
.stats-graphic [data-value="8"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 70px #e8edf2; }
.stats-graphic [data-value="9"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 75px #346a98; }
.stats-graphic [data-value="9"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 75px #e0bd63; }
.stats-graphic [data-value="9"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 75px #e8edf2; }
.stats-graphic [data-value="10"].stats-graphic-section-1 .third-circle span:before { box-shadow: 0 0 0 80px #346a98; }
.stats-graphic [data-value="10"].stats-graphic-section-2 .third-circle span:before { box-shadow: 0 0 0 80px #e0bd63; }
.stats-graphic [data-value="10"].stats-graphic-section-3 .third-circle span:before { box-shadow: 0 0 0 80px #e8edf2; }

.stats-text-section .value {
	color: #1f233f;
}

.stats-text-section-1 i {
	color: #346a98;
}

.stats-text-section-2 i {
	color: #e0bd63;
}

.stats-text-section-3 i {
	color: #e8edf2;
}

/* Category And Course Preview *******************/

.preview {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Card Mode *******************/

.card-mode .preview.category-preview .inner,
.card-mode .preview.category-preview .inner h5 {
	color: #ffffff;
}

.card-mode .preview.category-preview::before {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
}

.card-mode .preview.course-preview {
	background-color: #f3f7fa;
	box-shadow: none;
}

.main-container .colored-row-container:not(.highlight):not(.trainings) .card-mode .preview.course-preview {
	background-color: #ffffff;
}

.card-mode .preview.course-preview .cta-stats {
	border-color: #ffffff;
	color: #ffffff;
}

.card-mode .preview.course-preview h5,
.card-mode .preview.community-preview h5 {
	color: #55646e;
}

.card-mode .preview.course-preview .inner > span,
.card-mode .preview.community-preview .inner > span,
.card-mode .preview.course-preview .inner > p,
.card-mode .preview.community-preview .inner > p {
	color: rgba(38, 41, 46, 0.3);
}

.card-mode .preview.course-preview:hover h5,
.card-mode .preview.community-preview:hover h5 {
	color: #254f71;
}

.card-mode .preview.course-preview:hover .image-container::before,
.card-mode .preview.community-preview:hover .image-container::before {
	background-color: rgba(37, 79, 113, 0.79);
}

.card-mode .preview.course-preview:hover .cta-action .fa,
.card-mode .preview.community-preview:hover .cta-action .fa {
	background-color: #346a98;
}

.card-mode .preview.community-preview .users-container .more > span {
	border-color: #e0bd63;
	color: #e0bd63;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-horizontal {
	background-color: #e8edf2;
}

.card-mode .preview.default-course-preview.hoverless .cta-action:not(.selected) .fa {
	background-color: #7db9dd;
}

.card-mode .preview.default-course-preview.hoverless:hover .cta-action.selected .fa,
.card-mode .preview.default-course-preview.hoverless .cta-action:hover .fa,
.card-mode .preview.default-course-preview.hoverless .cta-action.selected:hover .fa {
	background-color: #254f71;
}

.card-mode .preview.default-course-preview .subject-type,
.card-mode .preview.default-course-preview h3 {
	color: #000000;
}

.preview.default-course-preview .other-data {
	color: rgba(19, 20, 20, 0.5);
}

.preview.default-course-preview .optional-action i {
	color: rgba(19, 20, 20, 0.5);
}

.hearted i::before {
	color: #7db9dd;
}

.hearted.selected i::before {
	color: #7db9dd;
}

.hearted i span,
.hearted.selected span i::before {
	color: #ffffff;
}

.preview.default-course-preview .hashtag {
	color: #e0bd63;
}

.preview.course-preview.default-course-preview .data {
	color: rgba(38, 41, 46, 0.7);
}

.card-mode .preview.default-course-preview:hover .image-container:before {
	background-color: rgba(0, 0, 0, 0.5);
}

.card-mode .preview.default-course-preview .preview-hover,
.card-mode .preview.default-course-preview .preview-hover p {
	color: #ffffff;
}

.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i {
	background-color: #7db9dd;
}

/* List Mode *******************/

.list-mode .preview.category-preview::before {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.list-mode .preview.category-preview .fa {
	color: #ffffff;
}

.list-mode .preview .inner > span,
.list-mode .preview .inner > p {
	color: rgba(38, 41, 46, 0.3);
}

/* User Preview *******************/

.user-preview span {
	color: rgba(38, 41, 46, 0.3);
}

.card-mode .user-preview hr {
	background-color: #346a98;
}

/* Subject Preview *******************/

.subject-highlights {
	background-color: #f3f7fa;
}

.subject-highlights .category {
	color: #55646e;
}

.subject-data .subject-author {
	color: rgba(38, 41, 46, 0.3);
}

/* Accordion *******************/

.accordion {
	background-color: #f3f7fa;
}

.accordion-button .fa {
	border-color: #346a98;
	color: #346a98;
	background-color: #ffffff;
}

.accordion-button .fa-chevron-right {
	border-color: #55646e;
	background-color: #55646e;
	color: #ffffff;
}

/* Comments *******************/

.new-comment-block {
	background-color: #f7f8f9;
}

.new-comment-block::before {
	border-color: transparent transparent #f7f8f9 transparent;
}

.author-status {
	color: #777a8b;
	background-color: #e4edf4;
}

.comment-list .comment {
	border-top-color: #f3f7fa;
}

.comment-list > .comment:last-child {
	border-bottom-color: #f3f7fa;
}

/* Tables *******************/

table.complex tbody td {
	background-color: #ffffff;
}

table.complex thead {
	color: #b2b3b4;
	border-bottom-color: #1f233f;
}

table.complex tbody tr:not(:first-child),
table.simplified tbody tr:not(:first-child) {
	border-top-color: #f3f7fa;
}

table.complex tbody tr:hover td:first-child {
	border-left-color: #7db9dd;
}

table.complex tbody tr:hover td:first-child,
table.complex tbody tr:hover td:first-child a {
	border-left-color: #7db9dd;
	color: #7db9dd;
}

table.complex tbody td:first-child {
	border-left-color: transparent;
}

table.complex tbody td {
	color: #55646e;
}

table.simplified tbody tr:not(:first-child) {
	border-top-color: #e8edf2;
}

table.simplified td:first-child {
	color: #b2b3b4;
}

.table-list li {
	background-color: #ffffff;
}

.table-list li.selected:before {
	background-color: #7db9dd;
}

.table-list li.highlighted {
	background-color: rgba(125, 185, 221, 0.2);
}

.table-list li.active {
	background-color: #ffffff;
}

.table-list-button {
	color: rgba(19,20,20,0.5);
	background-color: #ffffff;
}

.table-list-button.active {
	background-color: #e7e7e7;
}

.table-list .table-list-menu {
	background-color: #ffffff;
	box-shadow: 0 5px 30px 0 rgba(16,27,79,0.15);
}

.table-list .table-list-menu li {
	background-color: transparent;
}

.table-list .table-list-menu li a {
	color: #000000;
}

@media screen and (max-width: 1024px) {
	
	.table-list .table-list-col {
		border-bottom-color: #f3f7fa;
	}
}

/* Timeline Table *******************/

.timeline-table-accordion-button {
	border-top-color: rgba(217, 227, 234, 0.6);
	border-bottom-color: rgba(217, 227, 234, 0.6);
}

.timeline-table-wrapper {
	border-top-color: #e8edf2;
	border-bottom-color: #e8edf2;
}

.timeline-table-wrapper table {
	border-top-color: #e8edf2;
	border-bottom-color: #e8edf2;
	background-color: #ffffff;
}

.timeline-table tr td:first-child {
	border-left-color: rgba(217, 227, 234, 0.6);
}

.timeline-table tr.previous td:first-child {
	border-left-color: #7db9dd;
}

.timeline-table tr.current {
	background-color: #e8edf2;
}

.timeline-table tr.current td {
	color: #346a98;
}

.timeline-table .status {
	background-color: #ffffff;
}

.timeline-table .status-valid {
	border-color: #f3f7fa;
	color: #7db9dd;
}

.timeline-table .status-current {
	border-color: #ffffff;
	background-color: #7db9dd;
	color: #ffffff;
}

.timeline-table .status-todo {
	border-color: transparent;
	background-color: #ffffff;
	color: #7db9dd;
}

.timeline-table tr.upcoming td:first-child {
	color: rgba(38, 41, 46, 0.3);
}

.timeline-table .status-current::before {
	border-left-color: #7db9dd;
}

/* Popup *******************/

.popup {
	background-color: #ffffff;
	box-shadow: 0 24px 48px 0 rgba(125, 185, 221, 0.3);
}

.popup > .close-btn::before {
	border-right-color: rgba(52, 106, 152, 0.15);
}

.popup > .close-btn::after {
	border-bottom-color: rgba(52, 106, 152, 0.15);
}

.popup-sidebar {
	background-color: #f3f7fa;
}

/* Advanced Search *******************/

.advanced-search {
	background-color: #ffffff;
	box-shadow: 0 12px 24px 0 rgba(31, 35, 63, 0.2);
}

/* Category Menu *******************/

.category-menu ul {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.category-menu ul > li > ul {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1);
}

.category-menu li:hover,
.category-menu li.active {
	background-color: #f3f7fa;
	color: #7db9dd;
}

.category-menu::before {
	border-bottom: 8px solid #ffffff;
}

/**************************************************/
/* Navigation */ 
/**************************************************/

.main-container .colored-row-container {
	background-color: #f3f7fa;
}

.main-container .colored-row-container.highlight {
	background-color: #346a98;
	color: #ffffff;
}

.main-container .colored-row-container.main-highlight {
	background-color: #346a98;
}

.catalogue-search-results {
	border-bottom-color: rgba(178, 179, 180, 0.2);
}

/* Header *******************/

header {
	background-color: #346a98;
}

header a, 
header a > .fa, 
header a:hover > .fa, 
header a.selected > .fa {
	color: #7db9dd;
}

header .logged-in-profile-container {
	color: #ffffff;
	background-color: #2c5e87;
}

header .logged-in-profile > .score {
	color: #e0bd63;
}

header .logged-in-profile-container .logged-in-profile .nav-submenu li:hover .flag-select .placeholder {
	color: #ffffff;
}

.profile-reminders a .fa {
	color: #ffffff;
}

.profile-reminders a:hover,
.profile-reminders a:hover .fa {
	color: rgba(255, 255, 255, 0.8);
}

header .select-list:hover .placeholder,
header .select-list ul {
	border-color: transparent;
}

header .custom-select:not(.open) > ul {
	border-color: transparent;
}

header .multiple-select-container .custom-select:not(.open) > .select-list:hover .placeholder {
	border-bottom-color: transparent;
}

header .custom-select.open .select-list .placeholder {
	border-color: transparent;
}

.main-nav > ul > li > a,
.main-nav > ul > li > a > .fa {
	color: #7db9dd;
}

.main-nav > ul > li:hover > a:not(.selected),
.main-nav > ul > li:hover > a:not(.selected) .fa {
	color: #e0bd63;
}

.main-nav a.selected,
.main-nav a.selected .fa {
	color: #ffffff;
}

.main-nav a.selected .fa:after {
	background-color: #ffffff;
}

.side-nav-btn,
.side-nav-btn .fa {
	color: #ffffff;
}

.side-nav-btn:hover,
.side-nav-btn:hover .fa {
	color: #ffffff;
	text-decoration: none;
}

header .help,
header .help .fa {
	border-color: rgba(255, 255, 255, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

header .help:hover,
header .help:hover .fa {
	border-color: #ffffff;
	color: #ffffff;
}

/* Nav Submenu *******************/

header .nav-submenu {
	background-color: #ffffff;
}

header .nav-submenu::after {
	border-bottom: 8px solid #ffffff;
}

header .nav-submenu > li a {
	color: #55646e;
}

header .nav-submenu > li:hover {
	background-color: #e0bd63;
}

header .nav-submenu > li:hover a,
header .nav-submenu > li:hover .fa {
	color: #ffffff !important;
}

/* Footer *******************/

footer {
	background-color: #1f2340;
	color: #ffffff;
}

footer .fa,
footer h5,
footer a {
	color: #ffffff;
}

footer p {
	color: #55646e;
}

/* Side Nav *******************/

.sidebar-nav {
	background-color: #2d5e87;
}

.sidebar-nav a,
.sidebar-nav a > .fa {
	color: rgba(255, 255, 255, 0.8);
}

.sidebar-nav-list a.selected,
.sidebar-nav-list a.selected .fa {
	background-color: #346a98;
	color: #7db9dd;
}

.sidebar-header a.close-btn:hover,
.sidebar-header a.close-btn:hover .fa {
	color: #ffffff;
}

#sidebar-nav-container:before {
	background-color: rgba(0, 0, 0, 0.4);
}

#sidebar-nav-container .sidebar-nav-list ~ .sidebar-nav-list {
	border-top-color: #7db9dd;
}

#sidebar-nav-container .sidebar-header .close-btn:hover {
	border-color: #ffffff;
}

#sidebar-nav-container .sidebar-nav-list :hover,
#sidebar-nav-container .sidebar-nav-list :hover .fa {
	color: #ffffff;
}

#sidebar-nav-container.open-side-submenu .sidebar-nav-list > li.active > a {
	color: #e0bd63;
}

#sidebar-nav-container .sidebar-nav-list .select-list .placeholder {
	color: rgba(255, 255, 255, 0.8);
}

#sidebar-nav-container .sidebar-nav-list .select-list:hover .placeholder {
	color: #ffffff;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .select-list ul li {
	color: rgba(255, 255, 255, 0.8);
	background-color: transparent;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .select-list ul li:hover {
	color: #ffffff;
}

#sidebar-nav-container .sidebar-nav-list .logout {
	border-top-color: #7db9dd;
}

/* Sidebar Column *******************/

.sidebar-column {
	color: #7db9dd;
	background-color: #254f71;
}

/* Leaderboard *******************/

.leaderboard {
	color: #ffffff;
}

.leaderboard .image-container span {
	background-color: rgba(31, 35, 63, 0.6);
}

.leaderboard li.selected {
	background-color: #e0bd63;
}

.leaderboard li.selected:before {
	border-right-color: #e0bd63;
}

.leaderboard li.selected .image-container span {
	border-color: #ffffff;
}

.leaderboard  li:not(.selected) .score {
	color: #e0bd63;
}

/* Content Menu *******************/

.contextual-menu,
.contextual-menu > ul {
	border-bottom-color: #edf2f6;
}

.contextual-menu > ul > li > a,
.contextual-menu > ul > li > span {
	color: #b2b3b4;
}

.contextual-menu > ul > li.selected {
	border-bottom-color: #e0bd63;
}

.contextual-menu > ul > li.selected > a,
.contextual-menu > ul > li.selected > span {
	color: #1f233f;
}

.contextual-menu > ul > li .badge {
	background-color: #346a98;
	border-color: #346a98;
}

.contextual-menu > ul > li:not(.selected) > a:hover {
	color: #7db9dd;
}

.contextual-menu > ul > li:not(.selected) > a .badge {
	background-color: #b2b3b4;
	border-color: #b2b3b4;
}

.contextual-menu > ul > li:not(.selected) > a:hover .badge {
	background-color: #7db9dd;
	border-color: #7db9dd;
}

/* Filter Container *******************/

.filter-container,
.filter-content {
	background-color: #f3f7fa;
}

.filters-btn:hover .fa,
.filters-btn.selected .fa {
	color: #e0bd63;
}

@media (max-width: 768px) {
	
	.filter-container {
		background-color: transparent;
	}
	
	.filter-container:before {
		background-color: rgba(0, 0, 0, 0.4);
	}
	
	.filter-container .filter-content .close-btn {
		border-color: #7db9dd;
	}
	
	.filter-container .filter-content .close-btn:hover {
		border-color: #346a98;
	}
}

/* Breadcrumbs *******************/

.back-btn {
	border-color: #b2b3b4;
	color: #346a98;
}

.back-btn.overlay {
	border-color: #ffffff;
	color: #ffffff;
}

.back-btn.overlay .fa {
	color: #ffffff;
}

.breadcrumbs {
	color: #1f233f;
}

.breadcrumbs li:before {
	background-color: #b2b3b4;
}

.breadcrumbs li:hover,
.breadcrumbs li:hover a {
	color: #7db9dd;
}

.breadcrumbs li:hover:before {
	background-color: #7db9dd;
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
	color: #e0bd63;
}

.breadcrumbs li:last-child:before {
	background-color: #e0bd63;
}

.breadcrumbs-links a,
.breadcrumbs-links a:hover i,
.breadcrumbs-links span {
	border-color: #7db9dd;
	color: #7db9dd;
}

.breadcrumbs-links i {
	color: rgba(125, 185, 221, 0.5);
}

/* Stats Recap *******************/

.recap-data {
	border-color: #2c5e87;
}

.recap-data.selected {
	background-color: #2c5e87;
	color: #ffffff;
}

/**************************************************/
/* Pages */
/**************************************************/

/* Login *******************/

#login footer {
	background-color: #ffffff;
	color: #rgba(38, 41, 46, 0.7);
}

#login footer .fa,
#login footer a {
	color: #346a98;
}

#login footer .app-version {
	color: rgba(38, 41, 46, 0.7);
}

/* Home *******************/

.home-col-right {
	border-left-color: #e8edf2;
}

.home-col-left > section:not(:first-child),
.home-col-right > section:not(:first-child) {
	border-top-color: #e8edf2;
}

.campagne-main-container h2,
.campagne-main-container p {
	color: #000000;
}

.campagne-main-container .cta-contextual {
	background-color: #ffffff;
	color: #2c5e87;
}

.campagne-main-container .cta-contextual span span {
	color: #000000;
}

.formation-decision-popup-active:before {
	background-color: rgba(0, 0, 0, 0.1);
}

.formation-decision-popup-container .popup {
	box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.2);
}

.formation-decision-container section + section {
	border-top-color: #e4edf4;
}

.formation-request-sidebar {
	background-color: #ffffff;
}

.preview.formation-summary .image-container::before {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
}

.preview.formation-summary .metadata,
.preview.formation-summary h3,
.preview.formation-summary .other-data {
	color: #ffffff;
}

.formation-request-label {
	color: #131414;
	opacity: 0.5;
}

.formation-request-data {
	color: #131414;
}

.formation-request-comment,
.formation-request-decision,
.formation-decision-container {
	background-color: #ffffff;
}

.formation-request-main-col .formation-decision-container {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.formation-request-comment::before {
	border-color: transparent transparent #ffffff transparent;
}

.formation-choice-container,
.formation-collaborator-choice-container {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.formation-creation-chosen-collaborator li {
	border-bottom-color: #edf2f6;
}

@media (max-width: 768px) {
	
	section.home-more-news {
		background-color: #ffffff;
	}
	
	.home-col-right {
		border-top-color: #e8edf2;
	}
	
	.formation-choice-cta-container {
		background-color: #ffffff;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	}
}

/* Parcours *******************/

.parcours-header-icon i {
	color: #68bcba;
	border-color: #68bcba;
}

/* Catalogue *******************/

.default-catalogue-search-container input {
	background-color: #ffffff;
}

.hearted-total i::before {
	color: #7db9dd;
}

.hearted-total i span {
	color: #ffffff;
}

.selected-criteria {
	color: #ffffff;
	background-color: #e0bd63;
}

/* Profile *******************/

.profile-highlights::before {
	background-color: #f3f7fa;
}

.profile-highlights .profile-highlight {
	border-color: #f3f7fa;
	color: #ffffff;
}

.profile-highlights .time {
	background-color: #ffffff;
	color: #346a98;
}

.profile-highlights .launches {
	background-color: #7096b6;
}

.profile-highlights .assignements {
	background-color: #68bcba;
}

.profile-highlights .score {
	background-color: #e0bd63;
}

.profile-highlights .ranking {
	background-color: #254f71;
}

/* Community *******************/

.community-subject-header .counter,
.community-subject-header .counter span {
	color: #7db9dd;
}

.community-subjects-filters {
	border-right-color: #f3f7fa;
}

.community-subjects-filters .filter-container {
	background-color: transparent;
}

.community-subject-appreciation .indicator {
	background-color: #f3f7fa;
}

.community-subjects-filters .filter-content {
	background-color: #ffffff;
}

@media (max-width: 768px) {

	.community-subjects-filters .filter-content {
		background-color: #f3f7fa;
	}
}

/* Pricing *******************/

.pricing-content {
	border-color: #b2b3b4;
}

/* Lesson *******************/

.lesson-timeline-intro {
	background-color: #7db9dd;
	color: #ffffff;
}

.lesson-timeline-intro .breadcrumbs li,
.lesson-timeline-intro .breadcrumbs li a {
	color: #ffffff;
}

.lesson-timeline-intro h4 {
	color: #ffffff;
}

.lesson-timeline-intro .gauge-horizontal .gauge-value {
	color: #ffffff;
}

.lesson-timeline-intro .gauge-horizontal .gauge-display {
	background-color: #ffffff;
}

.lesson-timeline {
	background-color: #ffffff;
}

.lesson-timeline .lesson-step {
	border-bottom-color: #ffffff;
	color: #999999;
}

.lesson-timeline .lesson-step .lesson-step-status {
	background-color: #ffffff;
	color: #7db9dd;
	border-color: #f0f0f0;
}

.lesson-timeline .lesson-step.current {
	background-color: #e8edf2;
}

.lesson-timeline .lesson-step.done {
	background-color: #ffffff;
}

.lesson-timeline .lesson-step.done i,
.lesson-timeline .lesson-step.current i {
	color: #232323;
}

.lesson-timeline .lesson-step.done span {
	color: #232323;
}

.lesson-timeline .lesson-step.current span {
	color: #7db9dd;
}

.lesson-timeline .lesson-step.done:before,
.lesson-timeline .lesson-step.current:before {
	background-color: #7db9dd;
}

.lesson-timeline .lesson-step.done .lesson-step-status {
	background-color: #f0f0f0;
	border-color: #7db9dd;
}

.lesson-timeline .lesson-step.current .lesson-step-status {
	background-color: #7db9dd;
	border-color: #ffffff;
}

.lesson-timeline .lesson-step.done .lesson-step-status i {
	color: #7db9dd;
}

.lesson-timeline .lesson-step.current .lesson-step-status i {
	color: #ffffff;
}

/* Message Box *******************/

.sidebar-message-box-menu li {
	color: #55646e;
}

.sidebar-message-box-menu li a {
	color: #55646e;
}

.sidebar-message-box-menu li a i {
	color: #55646e;
}

.sidebar-message-box-menu li.selected a {
	background-color: #e4edf4;
}

.sidebar-message-box-menu li.selected a,
.sidebar-message-box-menu li.selected a i,
.sidebar-message-box-menu li a:hover {
	color: #346a98;
}

.message-box-options {
	border-left-color: #55646e;
}

.message-box-options a i {
	color: #55646e;
}

.message-box-options a:hover i {
	color: #346a98;
}

.message-box-header {
	border-bottom-color: #e8edf2;
}

table.message-box-content thead {
	border-bottom-color: #1f233f;
	color: #b2b3b4;
}

table.message-box-content td {
	border-bottom-color: #f3f7fa;
}

.message-box-content td a {
	color: #55646e;
}

.message-box-content tr.selected {
	background-color: #f3f7fa;
}

.message-attachment-list .message-attachment-thumbnail {
	background-color: #edf2f6;
}

.message-attachment-list .delete-attachement {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.message-attachment-list .delete-attachement .fa {
	color: #b2b3b4;
}

@media (max-width: 768px) {
	
	*::-ms-backdrop, .sidebar-message-box { /* IE11 */
		background-color: #ffffff !important;
	}
	
	.sidebar-message-box-menu li.selected input[type=checkbox] + span:before {
		border-color: #7db9dd;
	}

	.sidebar-message-box-menu li.selected input[type=checkbox] + span i {
		color: #7db9dd;
	}
}

/* Coaching *******************/

.resource-preview .resource-preview-action-container,
.resource-preview .resource-preview-info,
.resource-preview .resource-preview-info h5 {
	color: #ffffff;
}

.resource-preview .resource-preview-action-container {
	background-color: rgba(0, 0, 0, 0.2);
}

/* News Wall *******************/

.news-wall-colored-container {
	background-color: #e8edf2;
}

.news-wall-row {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
	color: #ffffff;
	background-color: #ffffff;
}

.news-wall-row.news-wall-file-container:hover {
	background-color: #eceff4;
}

.news-wall-file-container {
	color: #55646e;
}

.news-wall-btn i {
	background-color: #7db9dd;
	color: #ffffff;
}

.news-wall-btn:hover i {
	background-color: #346a98;
	color: #ffffff;
}

.news-wall-title {
	font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif;
}

.news-wall-row .news-wall-title {
	color: #ffffff;
}

.news-wall-file-container .news-wall-title {
	color: #1f233f;
}

.news-wall-file {
	background-color: #eceff4;
}

.news-wall-background:before {
	background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

.news-wall-pagination a,
.news-wall-pagination a .fa,
.news-wall-pagination a:hover .fa {
	color: rgba(85,100,110,0.2);
}

.news-wall-pagination .current,
.news-wall-pagination .current .fa,
.news-wall-pagination .current:hover .fa {
	color: #E0BD63;
}

.news-wall-row:not(.news-wall-file-container):hover .news-wall-background:before {
	background-color: rgba(0,0,0,0.8);
}

/* SPOC Menu *******************/

/* SPOC Left */

.spoc-sidebar-container {
	background-color: #254f71;
}

.spoc-sidebar-container .close-btn:hover {
	border-color: #ffffff;
}

.spoc-sidebar-container .close-btn:hover i {
	color: #ffffff;
}

.spoc-sidebar {
	background-color: #2d5e87;
}

.spoc-sidebar-breadcrumbs {
	background-color: #254f71;
}

.spoc-sidebar-breadcrumbs a,
.spoc-sidebar-breadcrumbs a i {
	color: rgba(255, 255, 255, 0.8);
}

.spoc-sidebar-breadcrumbs a:hover,
.spoc-sidebar-breadcrumbs a:hover i {
	color: #ffffff;
}

.spoc-sidebar-header .img-container:before {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.spoc-sidebar-header .gauge-value {
	color: #ffffff;
}

.spoc-sidebar-title {
	background-color: #e8edf2;
}

.spoc-side-menu,
.spoc-side-menu a,
.spoc-side-menu a i {
	color: rgba(255, 255, 255, 0.8);
}

.spoc-side-menu a.selected {
	background-color: #346a98;
	color: #7db9dd;
}

.spoc-side-menu a.selected i {
	color: #7db9dd;
}

.spoc-side-menu a:not(.selected):hover,
.spoc-side-menu a:not(.selected):hover i {
	color: #ffffff;
}

.spoc-sidebar .lesson-timeline .lesson-step.done > span:before,
.spoc-sidebar .lesson-timeline .lesson-step.current > span:before {
	background-color: #7db9dd;
}

.spoc-sidebar .lesson-timeline .lesson-step.done span,
.spoc-sidebar .lesson-timeline .lesson-step.done p {
	color: rgba(38, 41, 46, 0.7);
}

.spoc-sidebar .lesson-timeline .lesson-step.current span,
.spoc-sidebar .lesson-timeline .lesson-step.current p {
	color: #346a98;
}

@media (max-width: 768px) {
	
	.spoc-sidebar-container:before {
		background: linear-gradient(to right, rgba(0, 0, 0, 0.4), transparent);
	}
}

/* SPOC Banner */

.spoc-banner {
	background-color: #e8edf2;
}

/* SPOC Main Container */

.spoc-main-container .table-container .timeline-table .status.status-valid {
	border-color: #7db9dd;
}

.spoc-lesson {
	border-top-color: #e8edf2;
	border-bottom-color: #e8edf2;
}

.spoc-lesson.current {
	background-color: #e8edf2;
}

.spoc-lesson.current .spoc-lesson-content {
	color: #346a98;
}

.spoc-lesson .status {
	background-color: #ffffff;
}

.spoc-lesson .status-valid {
	border-color: #7db9dd;
	color: #7db9dd;
}

.spoc-lesson .status-current {
	border-color: #ffffff;
	background-color: #7db9dd;
	color: #ffffff;
}

.spoc-lesson .status-todo {
	border-color: transparent;
	background-color: #ffffff;
	color: #7db9dd;
}

.spoc-lesson.upcoming .spoc-lesson-content {
	color: rgba(38, 41, 46, 0.3);
}

.spoc-lesson .status-current::before {
	border-left-color: #7db9dd;
}

.spoc-lesson-content .content:before {
	background-color: #7db9dd;
}

/* Stakes - Learning Place */

.generic-wall-container .news-wall-row {
	background-color: transparent;
}

.generic-wall-container .news-wall-small-row {
	color: #000000;
	background-color: #ffffff;
	box-shadow: 0 4px 42px -4px rgba(0,38,58,0.18);
}

.generic-wall-container .news-wall-btn {
	background: none;
	background-color: #ffffff;
}

.generic-wall-container .news-wall-btn i {
	color: #346a98;
}

.stake-card {
	background-color: #254f71;
}

.stake-card.has-progress {
	background-color: #ffffff;
}

.stake-header {
	background-color: #ffffff;
}

.stake-header .gauge-horizontal {
	background-color: rgba(38, 41, 46, 0.1);
}

.stake-card .stake-content,
.stake-card .stake-content .counter {
	color: #ffffff;
}

.stake-card.has-progress .stake-content,
.stake-card.has-progress .stake-content .counter {
	color: rgba(38, 41, 46, 0.7);
}

.stake-card .stake-value {
	color: #ffffff;
}

.stake-card.has-progress .stake-value {
	color: #254f71;
}

.stake-content .counter span {
	color: #254f71;
}

.stake-content .counter > span {
	color: #7db9dd;
}

.collab-pic-list img {
	border-color: #ffffff;
}

.learning-progression-stakes-container .news-wall-btn {
	background: none;
	background-color: #346a98;
}

.learning-progression-stakes-container .news-wall-btn i {
	color: #ffffff;
}

.learning-formations-container .news-wall-btn,
.learning-top-formations-container .news-wall-btn {
	background: none;
	background-color: #f3f7fa;
}

.my-stakes-container .generic-wall-container .news-wall-col.ending .news-wall-row {
	color: #346a98;
	border-color: #346a98;
}

/* Courses Wall Container *******************/

.my-stakes-container .generic-wall-container .news-wall-btn {
	background-color: transparent;
}

.my-stakes-container .generic-wall-container .news-wall-btn i {
	background-color: #7db9dd;
	color: #ffffff;
}

.my-stakes-container .generic-wall-container .news-wall-btn:hover i {
	background-color: #346a98;
}

.my-stakes-container .generic-wall-container .news-wall-btn:before {
	background-color: #ffffff;
	border-color: #e4edf4;
}

/* Lesson Menu - Lesson Catalogue Menu */

.col-lesson-menu-sidebar {
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.1);
	background-color: #ffffff;
}

.col-lesson-menu-sidebar .data {
	color: rgba(19,20,20,0.5);
}

.col-lesson-menu-header .data {
	color: #131414;
}

.col-lesson-menu-header .data i {
	color: rgba(19,20,20,0.5);
}

.lesson-list-instance {
	border-top-color: #edf3f7;
}

.lesson-list-instance:last-child {
	border-bottom-color: #edf3f7;
}

.lesson-list-instance.current {
	border-top-color: #e0f3fe;
	border-bottom-color: #e0f3fe;
	background-color: #e0f3fe;
}

.lesson-list-instance-option i {
	color: #eceff1;
}

.current .lesson-list-instance-option i {
	color: #b8dbf0;
}

.current .lesson-list-instance-option a:hover i {
	color: #346a98;
}

.lesson-list-instance-content {
	border-left-color: #e8edf2;
}

.lesson-list-instance.previous .lesson-list-instance-content,
.lesson-list-instance.current .lesson-list-instance-content {
	border-left-color: #7db9dd;
}

.lesson-list-instance-content > .status {
	background-color: transparent;
	border-color: transparent;
	color: #bbc1c5;
}

.lesson-list-instance-content > .status.status-valid {
	background-color: #346a98;
	border-color: #ffffff;
	color: #ffffff;
}

.lesson-list-instance-content > .status.status-current {
	background-color: #ffffff;
	border-color: #7db9dd;
	color: #7db9dd;
}

.lesson-list-instance-content h5 {
	color: #323232;
}

.lesson-list-instance-content .content .status {
	color: #bbc1c5;
}

.lesson-list-instance.previous .content .status {
	color: #346a98;
}

.lesson-list-instance.current .content .status {
	color: #7db9dd;
}

.lesson-list-instance-content .stats span + span {
	border-left-color: #edf3f7;
}

.followers-pic-list img {
	border-color: #ffffff;
}

.lesson-list-container.small .lesson-list-instance-option i {
	color: rgba(125,185,221,0.5);
}

/* Learning Place Catalogue *******************/

.catalogue-sidebar-button {
	color: #7db9dd;
	border-color: #7db9dd;
	background-color: #ffffff;
}

.catalogue-sidebar-button.selected {
	border-color: #2c5e87;
}

.catalogue-sidebar-list {
	background-color: #ffffff;
	box-shadow: -10px 4px 42px -4px rgba(0,38,58,0.18),
				10px 4px 42px -4px rgba(0,38,58,0.18);
}

.catalogue-sidebar-list .catalogue-sidebar-list {
	box-shadow: 10px 4px 42px -4px rgba(0,38,58,0.18);
}

.catalogue-sidebar-list .catalogue-sidebar-list-shadow:before {
	box-shadow: 10px 4px 42px -4px rgba(0,38,58,0.18);
}

.catalogue-sidebar-list li.selected {
	background-color: #f3f7fa;
}

.catalogue-sidebar-list li.selected,
.catalogue-sidebar-list li.selected > i {
	color: #7db9dd;
}

.catalogue-sidebar-list li.selected .catalogue-sidebar-list {
	color: rgba(38, 41, 46, 0.7);
}

.catalogue-sidebar-filter {
	background-color: transparent;
}

/* Dashboard *******************/

.dashboard-presentation-ranking {
	color: #ffffff;
}

.dashboard-presentation-ranking:after {
	background-color: #2c5e87;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.dashboard-presentation-content h1 {
	color: #346a98;
}

.dashboard-leaderboard-col.active .dashboard-leaderboard-position {
	background-color: #7db9dd;
	color: #ffffff;
}

/* Trainings *******************/

.main-container .colored-row-container.trainings {
	border-bottom-color: rgba(0, 0, 0, 0.2);
}

.trainings-main-container .trainings-main-content {
	border-right-color: rgba(0, 0, 0, 0.2);
}

.training-value-container:not(:first-child) {
	border-top-color: rgba(0, 0, 0, 0.2);
}

.training-value {
	color: #346a98;
}

.training-counter {
	background-color: #ffffff;
}

.trainings-numbers-container .training-counter.in-progress {
	background-color:  #7096b6;
}

.trainings-numbers-container .training-counter.to-be-done {
	background-color: #e0bd63;
}

.trainings-numbers-container .training-counter.done {
	background-color: #68bcba;
}

.trainings-numbers-container .training-counter .training-value,
.trainings-numbers-container .training-counter span {
	color: #ffffff;;
}

.training-counter span {
	color: #ffffff;
}

.training-counter-footer a {
	color: #7db9dd;
}

.training-badge.owned .img-container {
	background-color: #ffffff;
}

.training-badge:not(.owned) .img-container {
	border-color: rgba(255, 255, 255, 0.5);
}

/* Passeport Formation *******************/

.passeport-formation-header {
	background-color: #ffffff;
}

.passeport-formation-user {
	color: rgba(19,20,20,0.5);
}

.user-badge {
	background-color: #2c5e87;
	color: #ffffff;
}

/* Habitat Knowledge *******************/

.habitat-knowledge-container .activity-flow > .inner {
	box-shadow: 0 5px 30px 0 rgba(16,27,79,0.15);
}

.featured-steps > span {
	background-color: #ffffff;
	box-shadow: 0 4px 42px -4px rgba(0,38,58,0.18);
	color: #7db9dd;
}

.featured-steps > span span span {
	color: #346a98;
}

/* Espace Management Home *******************/

.ms-team-details-container {
	background-color: #FFFFFF;
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
}

.ms-team-details-container .value-container .value {
	color: #1f233f;
}

.ms-team-details-container .value-container .topic {
	color: #b2b3b4;
}

.ms-team-details-container .col-6:before {
	background-color: #e4edf4;
}

/* Espace Management *******************/

.ms-filter-search {
	background-color: #ffffff;
}

.ms-filter-container .ms-filter-search input {
	background-color: #ffffff !important;
	border-color: #000000 !important;
}

.ms-filter-search ul ul:before {
	background-color: #e4edf4;
}

.ms-filter-search li li:before {
	background-color: #e4edf4;
}

.grid-box-container {
	background-color: #FFFFFF;
}

.ms-light-container {
	border-color: #e4edf4;
	color: #55646e;
}

.ms-status-indicator {
	background-color: #f69068;
}

.ms-status-indicator.current {
	background-color: #e0bd63;
}

.ms-status-indicator.done {
	background-color: #68bcba;
}

.ms-lessons-gauge-container.selected {
	background-color: #e4edf4;
}

.ms-lessons-gauge .value {
	background-color: #f69068;
	color: #ffffff;
}

.ms-lessons-gauge .value.current {
	background-color: #e0bd63;
}

.ms-lessons-gauge .value.done {
	background-color: #68bcba;
}

.ms-lessons-gauge-grid-container {
	color: #b2b3b4;
}

.ms-lessons-gauge-grid-container div:before {
	background-color: #e4edf4;
}

.ms-collaborators-container .topic {
	color: #b2b3b4;
}

.ms-lessons-gauge-details {
	background-color: #ffffff;
	border-color: #346a98;
}

/* Suivi Formations *******************/
/* Suivi Collaborateurs *******************/

.table-list-value {
	color: #b2b3b4;
}

.collaborator-followup-details-popup-active:before,
.course-followup-details-popup-active:before {
	background-color: rgba(0, 0, 0, 0.1);
}

.collaborator-followup-details-popup-container .popup,
.course-followup-details-popup-container .popup {
	box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.2);
}

.collaborator-followup-details-popup-container hr,
.course-followup-details-popup-container hr {
	background-color: #131414;
}

.collaborator-followup-details-popup-container .table-course-preview + .table-course-preview {
	border-top-color: rgba(88,68,70,0.25);
}

.course-followup-details-popup-container .course-followup-collaborator-row + .course-followup-collaborator-row {
	border-top-color: #E7E7E7;
}

.course-preview-tag {
	background-color: #f7e7f0;
	color: #B9066F;
}

/* Presential Popup *******************/

.presential-popup-content:before {
	background-color: #E8EDF2;
}

.presential-popup-content.current:before {
	background-color: #7DB9DD;
}

.presential-popup-content h5 {
	color: #BBC1C5;
}

.presential-popup-content.current h5 {
	color: #7DB9DD;
}

.presential-popup-content .presential-popup-status-bookmark i {
	color: #ECEFF1;
}

.presential-popup-content.current .presential-popup-status-bookmark i {
	color: rgba(125,185,221,0.4);
}

.presential-popup-status-container .status {
	background-color: transparent;
	border-color: transparent;
	color: #BBC1C5;
}

.presential-popup-status-container .status.status-current {
	background-color: #ffffff;
	border-color: #7DB9DD;
	color: #7DB9DD;
}

.presential-popup-data:first-child span {
	color: #131414;
}

.presential-popup-data i {
	color: rgba(19,20,20,0.5);
}

@media (max-width: 960px) {
	
	.presential-popup-content .presential-popup-col-2 {
		border-left-color: #E8EDF2;
	}
	
	.presential-popup-content.current .presential-popup-col-2 {
		border-left-color: #7DB9DD;
	}
}

/**************************************************/
/* Print */ 
/**************************************************/

@media print {
	
	header,
	footer {
		display: none !important;
	}
	
	.main-container .colored-row-container {
		background-color: #ffffff;
	}
	
	.passeport-formation-table-container .table-list .header {
		border-bottom-color: #000000;
	}
	
	.passeport-formation-table-container .table-list li:not(.header) {
		border-bottom-color: #efefef;
	}
}

/**************************************************/
/* Resource */
/**************************************************/

.learning-ressource .light-background {
	background-color: #F3F4F5;
	border-color: #F3F4F5;
}

.resource-other-chapter-button {
	color: #3D4960;
}

	.resource-other-chapter-button i {
		color: #3A7CF7;
	}

	.resource-other-chapter-button:hover {
		background-color: #E7E8EB;
	}

/* Sidebar */

.resource-sidebar-button-icon {
	background: #FFFFFF;
	color: #9EA4AF;
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 100, 0.3));
}

	.resource-sidebar-button-icon .fa {
		color: #9EA4AF;
	}

.resource-sidebar-main-button:hover .fa,
.resource-sidebar-button:hover .fa {
	color: #1C3C78;
}

.resource-sidebar {
	background-color: #ffffff;
	box-shadow: 0px 1px 18px -3px rgba(0, 0, 100, 0.18);
}

.resource-sidebar-header {
	color: #ffffff;
}

	.resource-sidebar-header:before {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
	}

	.resource-sidebar-header h3 {
		color: #ffffff;
	}

	.resource-sidebar-header .resource-sidebar-chapter-data + .resource-sidebar-chapter-data {
		border-left-color: #ffffff;
	}

	.resource-sidebar-header .resource-sidebar-gauge:before {
		background-color: #FFFFFF;
	}

	.resource-sidebar-header .resource-sidebar-gauge-value {
		background-color: #FFFFFF;
	}

.resource-sidebar-chapter-element {
	color: #0D1C38;
}

	.resource-sidebar-chapter-element.selected {
		background-color: #ECF3FF;
		border-right-color: #1C3C78;
	}

	.resource-sidebar-chapter-element .resource-sidebar-chapter-status {
		color: #1C3C78;
	}

	.resource-sidebar-chapter-element .gauge-circle .gauge-value {
		border-color: #D9D9D9;
	}

	.resource-sidebar-chapter-element .gauge-circle .semi-circle span:before {
		border-color: #1C3C78;
	}

/*Adapted generic styles */

.resource-main-content {
	color: #3D4960;
}

	.resource-main-content h1,
	.resource-main-content h2,
	.resource-main-content h3,
	.resource-main-content h4 {
		color: #1F233F;
	}

		.resource-main-content h1:before {
			background-color: #84ADF9;
		}

	.resource-main-content p {
		color: #3D4960;
	}

	.resource-main-content .cta-contextual.primary {
		background-color: #3A7CF7;
		border-color: #3A7CF7;
		color: #ffffff;
	}

/* Module Cover */

.resource-module-cover,
.resource-module-cover h1 {
	color: #ffffff;
}

	.resource-module-cover:before {
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
	}

/* Module Quiz */

.resource-module-quiz-content {
	background: #FFFFFF;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.resource-module-quiz-result {
	border-color: #E7E8EB;
}

.resource-module-quiz-options label {
	color: #0D1C38;
}

.resource-module-quiz-options .answer {
	background: #E7F9F3;
}

	.resource-module-quiz-options .answer i {
		color: #1FAD7C;
	}

.resource-module-quiz-result-value.positive i {
	color: #1FAD7C;
}

.resource-module-quiz-result-value.negative i {
	color: #F76A52;
}

/* Module Audio */

.resource-module-audio {
	background: #0D1C38;
}

	.resource-module-audio:before {
		background-image: linear-gradient(0deg, rgba(13, 28, 56, 0.8), rgba(13, 28, 56, 0.8));
	}

	.resource-module-audio,
	.resource-module-audio h1 {
		color: #ffffff;
	}

/* Module Flipcards */

.flipcard {
	background-color: #ffffff;
	border-color: #F3F4F5;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

	.flipcard .solid-background,
	.flipcard .background {
		color: #ffffff;
	}

	.flipcard .solid-background {
		background-color: #0D1C38;
	}

	.flipcard .background:before {
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
	}

	.flipcard:not(.flipped) .front.solid-background ~ .flipcard-button,
	.flipcard.flipped .back.solid-background ~ .flipcard-button,
	.flipcard:not(.flipped) .front.background ~ .flipcard-button,
	.flipcard.flipped .back.background ~ .flipcard-button {
		color: #ffffff;
	}

/* Module Carousel */

.resource-carousel-slides-container {
	border-color: #F3F4F5;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.resource-carousel-slide {
	background-color: #ffffff;
}

	.resource-carousel-slide.background {
		background-color: #0D1C38;
		color: #ffffff;
	}

		.resource-carousel-slide.background:before {
			background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
		}

		.resource-carousel-slide.background h3,
		.resource-carousel-slide.background p {
			color: #ffffff;
		}

.resource-carousel-button {
	background-color: #ffffff;
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 100, 0.3));
}

	.resource-carousel-button i {
		color: #9EA4AF;
	}

	.resource-carousel-button:hover i {
		color: #1C3C78;
	}

.resource-carousel-shortcut {
	background-color: #CFD2D7;
}

.resource-carousel-container[data-current-slide="1"] .resource-carousel-shortcut:nth-child(1),
.resource-carousel-container[data-current-slide="2"] .resource-carousel-shortcut:nth-child(2),
.resource-carousel-container[data-current-slide="3"] .resource-carousel-shortcut:nth-child(3),
.resource-carousel-container[data-current-slide="4"] .resource-carousel-shortcut:nth-child(4),
.resource-carousel-container[data-current-slide="5"] .resource-carousel-shortcut:nth-child(5),
.resource-carousel-container[data-current-slide="6"] .resource-carousel-shortcut:nth-child(6),
.resource-carousel-container[data-current-slide="7"] .resource-carousel-shortcut:nth-child(7),
.resource-carousel-container[data-current-slide="8"] .resource-carousel-shortcut:nth-child(8),
.resource-carousel-container[data-current-slide="9"] .resource-carousel-shortcut:nth-child(9),
.resource-carousel-container[data-current-slide="10"] .resource-carousel-shortcut:nth-child(10) {
	background-color: #1C3C78;
}

/* Module Accordion */

.resource-module-accordion {
	background-color: #ffffff;
	border-color: #F3F4F5;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

	.resource-module-accordion.open:before {
		background-color: #1C3C78;
	}

.resource-module-accordion-icon {
	color: #566074;
}

/* Module Quote */

.resource-module-quote {
	background-color: #0D1C38;
}

	.resource-module-quote,
	.resource-module-quote p {
		color: #ffffff;
	}

		.resource-module-quote.background:before {
			background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
		}

		.resource-module-quote.light-background {
			background-color: #F3F4F5;
		}

			.resource-module-quote.light-background,
			.resource-module-quote.light-background p {
				color: #0D1C38;
			}

		.resource-module-quote .resource-module-quote-icon {
			color: #ffffff;
		}

		.resource-module-quote.light-background blockquote,
		.resource-module-quote.light-background blockquote .resource-module-quote-icon {
			color: #0D1C38;
		}

/* Module Feedback */

.resource-module-feedback {
	border-color: #84ADF9;
	background-color: #ECF3FF;
}

	.resource-module-feedback i {
		color: #1C3C78;
	}

	.resource-module-feedback,
	.resource-module-feedback h5,
	.resource-module-feedback p {
		color: #1C3C78;
	}

		.resource-module-feedback.positive {
			border-color: #BCE6D8;
			background-color: #E7F9F3;
		}

			.resource-module-feedback.positive i {
				color: #1FAD7C;
			}

			.resource-module-feedback.positive,
			.resource-module-feedback.positive h5,
			.resource-module-feedback.positive p {
				color: #063A28;
			}

		.resource-module-feedback.negative {
			border-color: #FDD2CB;
			background-color: #FFF4F2;
		}

			.resource-module-feedback.negative i {
				color: #F76A52;
			}

			.resource-module-feedback.negative,
			.resource-module-feedback.negative h5,
			.resource-module-feedback.negative p {
				color: #591F15;
			}

		.resource-module-feedback.info {
			border-color: #F6EBD0;
			background-color: #FFFBF2;
		}

			.resource-module-feedback.info i {
				color: #E0BD63;
			}

			.resource-module-feedback.info,
			.resource-module-feedback.info h5,
			.resource-module-feedback.info p {
				color: #715715;
			}

/********** DISCONNECTED PAGES REVIEW **********/

/* Generic Login */

body#login h1 {
	/*color: #1F233F;*/
	color: #346A98;
}

body#login h2 {
	/*color: #1F233F;*/
	color: #346A98;
}

.login-field-container input[type="text"],
.login-field-container input[type="password"],
.login-field-container input[type="number"] {
	background: #FFFFFF;
	border-color: #CFD2D7;
}

.login-field-container label {
	 color: #1F233F;
}

body#login .cta-action {
	background-color: #7db9dd;
	border-color: #7db9dd;
	color: #ffffff;
}


body#login .cta-action:hover,
body#login .cta-contextual.primary:hover {
	background-color: #346a98;
	border-color: #346a98;
}

body#login .cta-action:active,
body#login .cta-action.selected,
body#login .cta-action:active:before,
body#login .cta-action.selected:before {
	border-color: #254f71;
}

body#login .cta-action .fa {
	box-shadow: none;
	background-color: transparent;
}

body#login .external-auth-container h2 {
	color: rgba(38, 41, 46, 1);
}

body#login .custom-select:not(.open) .select-list {
	border-color: #CFD2D7;
}

body#login .custom-select.select-list {
	border-color: transparent;
}

body#login .custom-select i {
	color: #9EA4AF;
}

body#login .custom-select-container.disabled ul {
	border-color: #CFD2D7;
	color: #9EA4AF;
}

body#login .select-list ul {
	background-color: #ffffff;
	border-color: #2A5CB8;
}

body#login .select-list ul li {
	color: #566074;
}

body#login .select-list ul li:hover {
	color: #0D1C38;
}

body#login .select-list ul::-webkit-scrollbar-track {
	background-color: transparent;
}

body#login .select-list ul::-webkit-scrollbar {
	background-color: transparent;
}

body#login .select-list ul::-webkit-scrollbar-thumb {
	background-color: #84ADF9;
	opacity: 0;
}

body#login .footer-options .support-block-login .cta-contextual,
body#login .footer-options .discreet {
	color: #346a98 !important;
}

/* Cookies popup */

body.front-popup-body.logged-in:not(.learning-ressource) h3,
body.front-popup-body.logged-in:not(.learning-ressource) h4 {
	color: #1F233F;
}

body.front-popup-body.logged-in .cookie-form .cta-container .cta-action.secondary {
	color: rgba(38, 41, 46, 1);
}

/* Signup */

body#login .createnewaccount .cta-container .cta-contextual.primary {
	color: #ffffff;
}

body#login .createnewaccount .cta-container .cta-contextual:not(.primary) {
	color: rgba(38, 41, 46, 1);
}

/* Password recover */

body#login .WinButtonDetailsAdmin .cta-contextual.primary {
	color: #ffffff;
}

body#login .WinButtonDetailsAdmin .cta-contextual:not(.primary) {
	color: rgba(38, 41, 46, 1);
}

/* Forgotten password */

body#login .loginMainContainer .cta-container .cta-contextual.primary {
	color: #ffffff;
}

body#login .loginMainContainer .cta-container .cta-contextual:not(.primary) {
	color: rgba(38, 41, 46, 1);
}

/* App download */

body#login .login-download-app-code-container {
	color: rgba(38, 41, 46, 1);
}

body#login .login-download-app-code-container h3 {
	color: rgba(38, 41, 46, 1);
}

body#login .login-download-app-code {
	color: #346A98;
}

/* Logout */

body#login table.Logoff {
	color: rgba(38, 41, 46, 1);
}

body#login .notLoggedContainer .cta-action span {
	color: #ffffff;
}
/* Job evaluation popup */

.job-eval-level-desc {
	color: #1C3C78;
	border-color: #84ADF9;
	background-color: #ECF3FF;
}

	.job-eval-level-desc h5 {
		color: #1C3C78;
	}

.job-level-comment-container textarea {
	border-color: #CFD2D7;
}

.job-level-btn-container {
	box-shadow: 0px -1px 0px rgba(29, 50, 67, 0.1);
}

/* Graph */

.graph-job-wrapper {
	background-color: #1F233F;
}

.graphic-job-line.background {
	background-color: #1C3C78;
}

.graph-job .graphic-job-description {
	color: #ffffff;
}

.graph-job-polygon-min,
.graph-job-polygon-max {
	stroke: #1C3C78;
	fill: transparent;
}

.graph-job-polygon.goals {
	stroke: #1FAD7C;
	fill: transparent;
}

.graph-job-polygon.reach {
	stroke: #ffffff;
	fill: #ECF3FF4D; /* 30% Opacity */
}

.graphic-job-line.value:before,
.graphic-job-line.value:after {
	background-color: #84ADF9;
	border-color: #1F233F;;
}

.graphic-job-line.value.success:after {
	background-color: #28E0A1;
}

/* Line Graph */

.line-graph-wrapper .line-graph-horizontal-background .line,
.line-graph-wrapper .line-graph-vertical-background .line {
	background-color: #E7E8EB;
}

.line-graph-wrapper .line-graph-horizontal-background .value,
.line-graph-wrapper .line-graph-vertical-background .value {
	color: #566074;
	opacity: 0.4;
}

.line-graph-wrapper .line-graph line {
	stroke: #3A7CF7;
}

.line-graph-wrapper .graph-point {
	box-shadow: 0px 1px 4px rgba(0, 0, 100, 0.3);
	border-color: #ffffff;
	background-color: #84ADF9;
}

.line-graph-wrapper .goal-reached .graph-point {
	box-shadow: 0px 1px 4px rgba(0, 0, 100, 0.3);
	border-color: #ffffff;
	background-color: #28E0A1;
	color: #ffffff;
}

.line-graph-wrapper .graph-point-tooltip {
	color: #55646E;
	background-color: #ffffff;
	box-shadow: 0px 6px 18px rgba(29, 50, 67, 0.1);
}

.line-graph-wrapper .graph-point-tooltip:before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffffff;
}

.line-graph-wrapper .graph-point-tooltip h5 {
	color: #0D1C38;
}

.line-graph-references .requirement {
	border-bottom: 2px dashed #1FAD7C;
}

.line-graph-references-legend .description {
	color: #868D9B;
}


/* Catalogue Specific *******************/

.catalog-page .main-container .catalog-main-search-container {
	background-color: #F3F7FA;
}

.catalog-page .catalogue-search-container .placeholder input[type="text"].multiselect-input-auto-complete {
	border-color: #CFD2D7;
}

.catalog-page .search-container .placeholder input[type='text'].multiselect-input-auto-complete {
	border-bottom-color: #CFD2D7 !important;
}

.catalog-page .catalog-search.multiple-select-container .multiple-select-btn .fa {
	color: #0D1C38;
}

.catalog-page .catalogue-sidebar-filter h4 {
	color: #1C3C78;
}

.catalog-page .catalog-sidebar-filter-tab,
.catalog-page .catalog-sidebar-filter-tab i,
.catalog-page .catalog-sidebar-filter-tab:hover i {
	color: #0D1C38;
}

.catalog-page .catalog-sidebar-filter-tab:hover,
.catalog-page .catalog-sidebar-filter-tab:hover i,
.catalog-page .catalog-sidebar-filter-tab.selected {
	background-color: #e1edf4;
}

.catalog-page .catalog-sidebar-filter-col-container {
	background-color: #ffffff;
	border-color: #84ADF9;
}

.catalog-page .catalog-sidebar-filter-col {
	background-color: #ffffff;
	box-shadow: 0px 1px 18px -3px rgba(0, 0, 100, 0.18);
}

.catalog-page .catalog-sidebar-filter-col .advanced-search-container input {
	border-color: #CFD2D7;
}

.catalog-page .catalog-sidebar-filter-col .advanced-search-container .input-icon > a,
.catalog-page .catalog-sidebar-filter-col .advanced-search-container .input-icon > a:hover,
.catalog-page .catalog-sidebar-filter-col .advanced-search-container .input-icon > .fa,
.catalog-page .catalog-sidebar-filter-col .advanced-search-container .input-icon > a .fa {
	color: #0D1C38;
}

.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: #F3F4F5;
}

/* Job Specific *******************/

.job-page .job-popup-title {
	box-shadow: 0px 1px 0px rgba(29, 50, 67, 0.1);
}

.job-page .custom-scrollbar::-webkit-scrollbar-track,
.job-page .custom-scrollbar-y::-webkit-scrollbar-track,
.job-page .custom-scrollbar ::-webkit-scrollbar-track,
.job-page .custom-scrollbar-y ::-webkit-scrollbar-track {
	background-color: transparent;
}

.job-page .custom-scrollbar::-webkit-scrollbar,
.job-page .custom-scrollbar-y::-webkit-scrollbar,
.job-page .custom-scrollbar ::-webkit-scrollbar,
.job-page .custom-scrollbar-y ::-webkit-scrollbar {
	background-color: transparent;
}

.job-page .custom-scrollbar::-webkit-scrollbar-thumb,
.job-page .custom-scrollbar-y::-webkit-scrollbar-thumb,
.job-page .custom-scrollbar ::-webkit-scrollbar-thumb,
.job-page .custom-scrollbar-y ::-webkit-scrollbar-thumb {
	background-color: #84ADF9;
}

.job-main-container section {
	background-color: #1F233F;
	color: #ffffff;
}

.job-main-container h1, 
.job-main-container h2, 
.job-main-container h3, 
.job-main-container p, 
.job-main-container a,
.job-main-container a i,
.job-main-container a:hover i {
	color: #ffffff;
}

.job-main-container h4 {
	color: #84ADF9;
}

.job-main-container input::placeholder {
	color: #9EA4AF;
}

.job-main-container .cta-contextual,
.job-main-container .cta-contextual:hover {
	border-color: #ffffff;
	color: #ffffff;
}

.graph-type-container .custom-select i {
	color: #ffffff;
}

.graph-type-container .custom-select:not(.open) > ul {
	border-color: transparent;
}

.graph-type-container .custom-select ul {
	border-color: #ffffff;
}

.graph-type-container .select-list .placeholder,
.graph-type-container .custom-select.open .select-list .placeholder,
.graph-type-container .select-list:hover .placeholder {
	border-color: #ffffff;
	color: #ffffff;
}

.job-main-banner-gauges p {
	color: #CFD2D7;
}

/* Skills list */

.job-skills-content h3 {
	color: #0D1C38;
}

.job-skill-details {
	background-color: #F3F7FA;
}

.job-skill-status-gauge-content {
	background: #E7E8EB;
}

.job-skill-status-gauge {
	background-color: #84ADF9;
}

.job-skill-details.goal-reached .job-skill-status-gauge {
	background-color: #28E0A1;
}

.job-skill-details .job-skill-status-gauge:before {
	box-shadow: 0px 1px 4px rgba(0, 0, 100, 0.3);
	border-color: #ffffff;
	background-color: #84ADF9;
}

.job-skill-details.goal-reached .job-skill-status-gauge .reach {
	box-shadow: 0px 1px 4px rgba(0, 0, 100, 0.3);
	border-color: #ffffff;
	background-color: #28E0A1;
	color: #ffffff;
}

.job-skill-status-gauge-bg .goal {
	border-color: #868D9B;
	color: #868D9B;
	background-color: #ffffff;
}

.job-skill-status-gauge-user .job-skill-status-user-pic {
	border-color: #ffffff;
	box-shadow: 0px 1px 4px rgba(0, 0, 100, 0.3);
}

.job-skill-cta-history {
	color: #9EA4AF;
}

.job-skill-cta-history:hover {
	color: #3A7CF7;
}

.job-skill-tooltip {
	color: #55646E;
	background-color: #ffffff;
	box-shadow: 0px 6px 18px rgba(29, 50, 67, 0.1);
}

.job-skill-tooltip h5 {
	color: #0D1C38;
}

.job-skill-tooltip:before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffffff;
}

/* Graph */

.graph-job-wrapper {
	background-color: #1F233F;
}

.graphic-job-line.background {
	background-color: #1C3C78;
}

.graph-job .graphic-job-description {
	color: #ffffff;
}

.graph-job-polygon-min,
.graph-job-polygon-max {
	stroke: #1C3C78;
	fill: transparent;
}

.graph-job-polygon.goals {
	stroke: #1FAD7C;
	fill: transparent;
}

.graph-job-polygon.reach {
	stroke: #ffffff;
	fill: #ECF3FF4D; /* 30% Opacity */
}

.graphic-job-line.value:before,
.graphic-job-line.value:after {
	background-color: #84ADF9;
	border-color: #1F233F;;
}

.graphic-job-line.value.success:after {
	background-color: #28E0A1;
}

/* Line Graph */

.line-graph-wrapper .line-graph-horizontal-background .line,
.line-graph-wrapper .line-graph-vertical-background .line {
	background-color: #E7E8EB;
}

.line-graph-wrapper .line-graph-horizontal-background .value,
.line-graph-wrapper .line-graph-vertical-background .value {
	color: #566074;
	opacity: 0.4;
}

.line-graph-wrapper .line-graph line {
	stroke: #3A7CF7;
}

.line-graph-wrapper .graph-point {
	box-shadow: 0px 1px 4px rgba(0, 0, 100, 0.3);
	border-color: #ffffff;
	background-color: #84ADF9;
}

.line-graph-wrapper .goal-reached .graph-point {
	box-shadow: 0px 1px 4px rgba(0, 0, 100, 0.3);
	border-color: #ffffff;
	background-color: #28E0A1;
	color: #ffffff;
}

.line-graph-wrapper .graph-point-tooltip {
	color: #55646E;
	background-color: #ffffff;
	box-shadow: 0px 6px 18px rgba(29, 50, 67, 0.1);
}

.line-graph-wrapper .graph-point-tooltip:before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffffff;
}

.line-graph-wrapper .graph-point-tooltip h5 {
	color: #0D1C38;
}

.line-graph-references .requirement {
	border-bottom: 2px dashed #1FAD7C;
}

.line-graph-references-legend .description {
	color: #868D9B;
}

/* Job gauge */

.gauge-job-horizontal {
	background-color: #6E7788;
}

.gauge-job-horizontal .gauge-display {
	background-color: #84ADF9;
}

.gauge-job-horizontal.goal-reached .gauge-display {
	background-color: #28E0A1;
}

/* Job evaluation popup */

.job-eval-level-desc {
	color: #1C3C78;
	border-color: #84ADF9;
	background-color: #ECF3FF;
}

.job-eval-level-desc h5 {
	color: #1C3C78;
}

.job-level-comment-container textarea {
	border-color: #CFD2D7;
}

.job-level-btn-container {
	box-shadow: 0px -1px 0px rgba(29, 50, 67, 0.1);
}

/* Course comments */

.custom-comments-container-background {
	background: #0D1C38;
}

.course-comments-container .custom-scrollbar::-webkit-scrollbar-thumb,
.course-comments-container .custom-scrollbar-y::-webkit-scrollbar-thumb,
.course-comments-container .custom-scrollbar ::-webkit-scrollbar-thumb,
.course-comments-container .custom-scrollbar-y ::-webkit-scrollbar-thumb {
	background-color: #84ADF9;
}

.course-comments-content {
	background-color: #ffffff;
	box-shadow: 0px 1px 18px -3px rgba(0, 0, 100, 0.18);
}

.course-comments-content,
.course-comments-content h4 {
	color: #0D1C38;
}

.course-comments-container .close-btn::before {
	border-right-color: #6E7788;
}

.course-comments-container .close-btn::after {
	border-bottom-color: #6E7788;
}

/* Start markdown textarea */

.markdown-textarea-container {
	border-color: #CFD2D7;
	background: #FFFFFF;
	color: #0D1C38;
}

.markdown-textarea-container.has-focus {
	border-color: #2A5CB8;
}

.markdown-textarea-container .markdown-textearea-option-group ~ .markdown-textearea-option-group:before {
	background-color: #B6BBC3;
}

.markdown-textarea-container .markdown-textearea-option,
.markdown-textarea-container .markdown-textearea-option i {
	color: #1C3C78;
	background-color: transparent;
	border-color: transparent;
}

.markdown-textarea-container .markdown-textearea-option:hover,
.markdown-textarea-container .markdown-textearea-option:hover i {
	color: #3A7CF7;
}

.markdown-textarea-container .markdown-textarea-validation .primary {
	border-color: #E7E8EB !important;
	background: #F5F5F7 !important;
	color: #9EA4AF !important;
}

.markdown-textarea-container.has-input .markdown-textarea-validation .primary {
	border-color: #3A7CF7 !important;
	background: #3A7CF7 !important;
	color: #ffffff !important;
}

/* End markdown textarea */

.course-comments-content .course-comment-legend {
	color: #1C3C78;
}

.course-comments-content .course-comments-none {
	color: #566074;
}

.course-comments-content .course-comment,
.course-comments-content .course-comment-answer,
.course-comments-content .course-comment-more-answers {
	border-top-color: #f3f7fa;
}

.course-comments-content .course-comment-header i {
	color: #868D9B;
}

.course-comment-actions,
.course-comment-actions a,
.course-comment-actions a i {
	color: #6E7788;
}

.course-comments-content .course-comment-action-like.liked,
.course-comments-content .course-comment-action-like.liked i {
	color: #3A7CF7;
}

.course-comments-content .course-comment-deleted-icon {
	background-color: #B6BBC3;
	color: #ffffff;
}

.course-comments-content .course-comment-more-answers a,
.course-comments-content .course-comment-more-answers a i {
	color: #6E7788;
}

.course-comments-content .course-comment-options-icon i {
	color: #9EA4AF;
}

.course-comments-content .course-comment-options-icon:hover i {
	color: #3A7CF7;
}

/*Adapted CSS from latest xLMS version *******************/

.catalog-page .selected-option {
	border-color: #7DB9DD;
	color: #7DB9DD;
}

.catalog-page .selected-option .delete-option {
	color: #7DB9DD;
}

/* Call To Action *******************/

.custom-transition-page .cta-contextual,
.markdown-textarea-container .cta-contextual,
.job-page .cta-contextual {
	border-color: #3A7CF7;
	color: #3A7CF7;	
}

.job-page .job-skill-details .cta-contextual,
.job-page .job-skill-details .cta-contextual {
	background-color: #FFFFFF !important;
}

.custom-transition-page .cta-contextual:hover,
.markdown-textarea-container .cta-contextual:hover,
.job-page .cta-contextual:hover {
	border-color: #2A5CB8;
	color: #2A5CB8;
}

.custom-transition-page .cta-contextual:active,
.custom-transition-page .cta-contextual.selected,
.markdown-textarea-container .cta-contextual:active,
.markdown-textarea-container .cta-contextual.selected,
.job-page .cta-contextual:active,
.job-page .cta-contextual.selected {
	color: #336FDE;
}

.custom-transition-page .cta-contextual.primary,
.markdown-textarea-container .cta-contextual.primary,
.job-page .cta-contextual.primary {
	background-color: #3A7CF7;
	color: #ffffff;
}

.custom-transition-page .cta-contextual.primary i,
.markdown-textarea-container .cta-contextual.primary i,
.job-page .cta-contextual.primary i {
	color: #ffffff;
}

.custom-transition-page .cta-contextual.primary:hover,
.markdown-textarea-container .cta-contextual.primary:hover,
.job-page .cta-contextual.primary:hover {
	background-color: #2A5CB8;
	color: #ffffff;
}

.custom-transition-page .cta-contextual.primary:active,
.custom-transition-page .cta-contextual.primary.selected,
.markdown-textarea-container .cta-contextual.primary:active,
.markdown-textarea-container .cta-contextual.primary.selected,
.job-page .cta-contextual.primary:active,
.job-page .cta-contextual.primary.selected {
	background-color: #336FDE;
}

.custom-transition-page .cta-contextual.secondary,
.markdown-textarea-container .cta-contextual.secondary,
.job-page .cta-contextual.secondary {
	border-color: transparent;
	background-color: transparent;
	color: #9EA4AF;
}

.custom-transition-page .cta-contextual.secondary i,
.markdown-textarea-container .cta-contextual.secondary i,
.job-page .cta-contextual.secondary i {
	color: #9EA4AF;
}

.custom-transition-page .cta-contextual.secondary:hover,
.markdown-textarea-container .cta-contextual.secondary:hover,
.job-page .cta-contextual.secondary:hover {
	background-color: #E7E8EB;
	color: #566074;
}

.custom-transition-page .cta-contextual.secondary:hover i,
.markdown-textarea-container .cta-contextual.secondary:hover i,
.job-page .cta-contextual.secondary:hover i {
	color: #566074;
}

.custom-transition-page .cta-contextual.secondary:active,
.custom-transition-page .cta-contextual.secondary.selected,
.custom-transition-page .cta-contextual.secondary:active i,
.custom-transition-page .cta-contextual.secondary.selected i,
.markdown-textarea-container .cta-contextual.secondary:active,
.markdown-textarea-container .cta-contextual.secondary.selected,
.markdown-textarea-container .cta-contextual.secondary:active i,
.markdown-textarea-container .cta-contextual.secondary.selected i,
.job-page .cta-contextual.secondary:active,
.job-page .cta-contextual.secondary.selected,
.job-page .cta-contextual.secondary:active i,
.job-page .cta-contextual.secondary.selected i {
	color: #0D1C38;
}

.custom-transition-page .cta-contextual.overlay,
.markdown-textarea-container .cta-contextual.overlay,
.job-page .cta-contextual.overlay {
	border-color: #ffffff;
	background-color: transparent;
	color: #ffffff;
}

.custom-transition-page .cta-contextual.overlay i,
.markdown-textarea-container .cta-contextual.overlay i,
.job-page .cta-contextual.overlay i {
	color: #ffffff;
}

.custom-transition-page .cta-contextual.overlay:hover,
.custom-transition-page .cta-contextual.overlay:active,
.custom-transition-page .cta-contextual.overlay.selected,
.custom-transition-page .cta-contextual.overlay:active i,
.custom-transition-page .cta-contextual.overlay.selected i,
.markdown-textarea-container .cta-contextual.overlay:hover,
.markdown-textarea-container .cta-contextual.overlay:active,
.markdown-textarea-container .cta-contextual.overlay.selected,
.markdown-textarea-container .cta-contextual.overlay:active i,
.markdown-textarea-container .cta-contextual.overlay.selected i,
.job-page .cta-contextual.overlay:hover,
.job-page .cta-contextual.overlay:active,
.job-page .cta-contextual.overlay.selected,
.job-page .cta-contextual.overlay:active i,
.job-page .cta-contextual.overlay.selected i {
	color: #ffffff;
}

.custom-transition-page .cta-contextual.disabled,
.markdown-textarea-container .cta-contextual.disabled,
.job-page .cta-contextual.disabled {
	color: #9EA4AF;
	border-color: #E7E8EB;
	background-color: #F5F5F7;
}

.custom-transition-page .cta-contextual.disabled:hover,
.custom-transition-page .cta-contextual.disabled:active,
.custom-transition-page .cta-contextual.disabled.selected,
.custom-transition-page .cta-contextual.disabled:active i,
.custom-transition-page .cta-contextual.disabled.selected i,
.markdown-textarea-container .cta-contextual.disabled:hover,
.markdown-textarea-container .cta-contextual.disabled:active,
.markdown-textarea-container .cta-contextual.disabled.selected,
.markdown-textarea-container .cta-contextual.disabled:active i,
.markdown-textarea-container .cta-contextual.disabled.selected i,
.job-page .cta-contextual.disabled:hover,
.job-page .cta-contextual.disabled:active,
.job-page .cta-contextual.disabled.selected,
.job-page .cta-contextual.disabled:active i,
.job-page .cta-contextual.disabled.selected i {
	color: #9EA4AF;
}

/* Select *******************/

.catalog-result-sorting-options .custom-select:not(.open) .select-list {
	border-color: transparent;
}

.catalog-result-sorting-options .custom-select.select-list {
	border-color: transparent;
}

.catalog-result-sorting-options .custom-select i {
	color: #9EA4AF;
}

.catalog-result-sorting-options .custom-select-container.disabled ul {
	border-color: #CFD2D7;
	color: #9EA4AF;
}

.catalog-result-sorting-options .select-list ul {
	background-color: #ffffff;
	border-color: #2A5CB8;
}

.catalog-result-sorting-options .select-list:hover .placeholder,
.catalog-result-sorting-options .select-list ul {
	border-bottom-color: transparent;
}

.catalog-result-sorting-options .select-list ul li {
	color: #566074;
}

.catalog-result-sorting-options .select-list ul li:hover {
	color: #0D1C38;
}

.catalog-result-sorting-options .select-list ul::-webkit-scrollbar-track {
	background-color: transparent;
}

.catalog-result-sorting-options .select-list ul::-webkit-scrollbar {
	background-color: transparent;
}

.catalog-result-sorting-options .select-list ul::-webkit-scrollbar-thumb {
	background-color: #84ADF9;
	opacity: 0;
}

/* Radio / Checkbox *******************/

.catalog-page .input-option-container span {
	color: #0D1C38;
}

.catalog-page input[type=checkbox] + span:before,
.catalog-page input[type=radio] + span:before {
	border-color: #B6BBC3;
	background-color: #ffffff;
}

.catalog-page input[type=checkbox] + span:hover:before,
.catalog-page input[type=radio] + span:hover:before {
	border-color: #336FDE;
}

.catalog-page input[type=checkbox]:checked + span:before,
.catalog-page input[type=radio]:checked + span:before {
	border-color: #2A5CB8;
	background-color: #2A5CB8;
}

.catalog-page input[type=checkbox]:checked:hover + span:before,
.catalog-page input[type=radio]:checked:hover + span:before {
	border-color: #336FDE;
	background-color: #336FDE;
}

.catalog-page input[type=checkbox]:checked + span i {
	color: #ffffff;
}

.catalog-page input[type=radio]:checked + span:after {
	background-color:  #ffffff;
}

.catalog-page input[type=checkbox][disabled]:checked + span:before,
.catalog-page input[type=radio][disabled]:checked + span:before {
	border-color: #CFD2D7;
	background-color: #F3F4F5;
}

.catalog-page input[type=checkbox][disabled]:checked + span i:before {
	color: #B6BBC3;
}

.catalog-page input[type=radio][disabled]:checked + span:after {
	background-color: #B6BBC3;
}

/* Badge *******************/

.catalog-main-search-container .badge-container i {
	color: #9EA4AF;
}

.catalog-main-search-container .badge {
	background-color: #F76A52;
	border-color: #ffffff;
	color: #ffffff;
}

.catalog-main-search-container .badge-container .badge {
	border-color: transparent;
}

.catalog-main-search-container .badge.primary {
	background-color: #7DB9DD;
}

/**************************************************/
/* Resource */
/**************************************************/

.learning-ressource .light-background {
	background-color: #F3F4F5;
	border-color: #F3F4F5;
}

.resource-other-chapter-button {
	color: #3D4960;
}

.resource-other-chapter-button i {
	color: #3A7CF7;
}

.resource-other-chapter-button:hover {
	background-color: #E7E8EB;
}

/* Sidebar */

.resource-sidebar-button-icon {
	background: #FFFFFF;
	color: #9EA4AF;
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 100, 0.3));
}

.resource-sidebar-button-icon .fa {
	color: #9EA4AF;
}

.resource-sidebar-main-button:hover .fa,
.resource-sidebar-button:hover .fa {
	color: #1C3C78;
}

.resource-sidebar {
	background-color: #ffffff;
	box-shadow: 0px 1px 18px -3px rgba(0, 0, 100, 0.18);
}

.resource-sidebar-header {
	color: #ffffff;
}

.resource-sidebar-header:before {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.resource-sidebar-header h3 {
	color: #ffffff;
}

.resource-sidebar-header .resource-sidebar-chapter-data + .resource-sidebar-chapter-data {
	border-left-color: #ffffff;
}

.resource-sidebar-header .resource-sidebar-gauge:before {
	background-color: #FFFFFF;
}

.resource-sidebar-header .resource-sidebar-gauge-value {
	background-color: #FFFFFF;
}

.resource-sidebar-chapter-element {
	color: #0D1C38;
}

.resource-sidebar-chapter-element.selected {
	background-color: #ECF3FF;
	border-right-color: #1C3C78;
}

.resource-sidebar-chapter-element .resource-sidebar-chapter-status {
	color: #1C3C78;
}

.resource-sidebar-chapter-element .gauge-circle .gauge-value {
	border-color: #D9D9D9;
}

.resource-sidebar-chapter-element .gauge-circle .semi-circle span:before {
	border-color: #1C3C78;
}

/*Adapted generic styles */

.resource-main-content {
	color: #3D4960;
}

.resource-main-content h1,
.resource-main-content h2,
.resource-main-content h3,
.resource-main-content h4 {
	color: #1F233F;
}

.resource-main-content h1:before {
	background-color: #84ADF9;
}

.resource-main-content p {
	color: #3D4960;
}

.resource-main-content .cta-contextual.primary {
	background-color: #3A7CF7;
	border-color: #3A7CF7;
	color: #ffffff;
}

/* Module Cover */

.resource-module-cover,
.resource-module-cover h1 {
	color: #ffffff;
}

.resource-module-cover:before {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

/* Module Quiz */

.resource-module-quiz-content {
	background: #FFFFFF;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.resource-module-quiz-result {
	border-color: #E7E8EB;
}

.resource-module-quiz-options label {
	color: #0D1C38;
}

.resource-module-quiz-options .answer {
	background: #E7F9F3;
}

.resource-module-quiz-options .answer i {
	color: #1FAD7C;
}

.resource-module-quiz-result-value.positive i {
	color: #1FAD7C;
}

.resource-module-quiz-result-value.negative i {
	color: #F76A52;
}

/* Module Audio */

.resource-module-audio {
	background: #0D1C38;
}

.resource-module-audio:before {
	background-image: linear-gradient(0deg, rgba(13, 28, 56, 0.8), rgba(13, 28, 56, 0.8));
}

.resource-module-audio,
.resource-module-audio h1 {
	color: #ffffff;
}

/* Module Flipcards */

.flipcard {
	background-color: #ffffff;
	border-color: #F3F4F5;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.flipcard .solid-background,
.flipcard .background {
	color: #ffffff;
}

.flipcard .solid-background {
	background-color: #0D1C38;
}

.flipcard .background:before {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.flipcard:not(.flipped) .front.solid-background ~ .flipcard-button,
.flipcard.flipped .back.solid-background ~ .flipcard-button,
.flipcard:not(.flipped) .front.background ~ .flipcard-button,
.flipcard.flipped .back.background ~ .flipcard-button {
	color: #ffffff;
}

/* Module Carousel */

.resource-carousel-slides-container {
	border-color: #F3F4F5;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.resource-carousel-slide {
	background-color: #ffffff;
}

.resource-carousel-slide.background {
	background-color: #0D1C38;
	color: #ffffff;
}

.resource-carousel-slide.background:before {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.resource-carousel-slide.background h3,
.resource-carousel-slide.background p {
	color: #ffffff;
}

.resource-carousel-button {
	background-color: #ffffff;
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 100, 0.3));
}

.resource-carousel-button i {
	color: #9EA4AF;
}

.resource-carousel-button:hover i {
	color: #1C3C78;
}

.resource-carousel-shortcut {
	background-color: #CFD2D7;
}

.resource-carousel-container[data-current-slide="1"] .resource-carousel-shortcut:nth-child(1),
.resource-carousel-container[data-current-slide="2"] .resource-carousel-shortcut:nth-child(2),
.resource-carousel-container[data-current-slide="3"] .resource-carousel-shortcut:nth-child(3),
.resource-carousel-container[data-current-slide="4"] .resource-carousel-shortcut:nth-child(4),
.resource-carousel-container[data-current-slide="5"] .resource-carousel-shortcut:nth-child(5),
.resource-carousel-container[data-current-slide="6"] .resource-carousel-shortcut:nth-child(6),
.resource-carousel-container[data-current-slide="7"] .resource-carousel-shortcut:nth-child(7),
.resource-carousel-container[data-current-slide="8"] .resource-carousel-shortcut:nth-child(8),
.resource-carousel-container[data-current-slide="9"] .resource-carousel-shortcut:nth-child(9),
.resource-carousel-container[data-current-slide="10"] .resource-carousel-shortcut:nth-child(10) {
	background-color: #1C3C78;
}

/* Module Accordion */

.resource-module-accordion {
	background-color: #ffffff;
	border-color: #F3F4F5;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.resource-module-accordion.open:before {
	background-color: #1C3C78;
}

.resource-module-accordion-icon {
	color: #566074;
}

/* Module Quote */

.resource-module-quote {
	background-color: #0D1C38;
}

.resource-module-quote,
.resource-module-quote p {
	color: #ffffff;
}

.resource-module-quote.background:before {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.resource-module-quote.light-background {
	background-color: #F3F4F5;
}

.resource-module-quote.light-background,
.resource-module-quote.light-background p {
	color:#0D1C38;
}

.resource-module-quote .resource-module-quote-icon {
	color: #ffffff;
}

.resource-module-quote.light-background blockquote,
.resource-module-quote.light-background blockquote .resource-module-quote-icon {
	color:#0D1C38;
}

/* Module Feedback */

.resource-module-feedback {
	border-color: #84ADF9;
	background-color: #ECF3FF;
}

.resource-module-feedback i {
	color: #1C3C78;
}

.resource-module-feedback,
.resource-module-feedback h5,
.resource-module-feedback p {
	color: #1C3C78;
}

.resource-module-feedback.positive {
	border-color: #BCE6D8;
	background-color: #E7F9F3;
}

.resource-module-feedback.positive i {
	color: #1FAD7C;
}

.resource-module-feedback.positive,
.resource-module-feedback.positive h5,
.resource-module-feedback.positive p {
	color: #063A28;
}

.resource-module-feedback.negative {
	border-color: #FDD2CB;
	background-color: #FFF4F2;
}

.resource-module-feedback.negative i {
	color:#F76A52;
}

.resource-module-feedback.negative,
.resource-module-feedback.negative h5,
.resource-module-feedback.negative p {
	color: #591F15;
}

.resource-module-feedback.info {
	border-color: #F6EBD0;
	background-color: #FFFBF2;
}

.resource-module-feedback.info i {
	color: #E0BD63;
}

.resource-module-feedback.info,
.resource-module-feedback.info h5,
.resource-module-feedback.info p {
	color: #715715;
}

/* Contest Details */

.contest-details-banner {
	background-color: #ffffff;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
	color: #566074;
}

.contest-details-banner h1 {
	color: #0D1C38;
}

.contest-details-desc-container,
.contest-details-desc-container p {
	color: #566074;
}

.contest-details-steps:not(:empty) {
	border-bottom-color: #e7e8eb;
}

.contest-details-step {
	border-top-color: #e7e8eb;
}

.contest-details-step-header h3 {
	color: #0D1C38;
}

.contest-details-step-status {
	background: #FFFFFF;
	color: #1FAD7C;
}

.contest-details-goal {
	background-color: #FFFFFF;
}

.contest-details-goal-progress-container h4 {
	color: #0D1C38;
}

.contest-details-goal-progress {
	color: #9EA4AF;
}

.contest-details-goal-progress-bar {
	background: rgba(81, 81, 81, 0.1);
}

.contest-details-goal-progress-bar .value {
	background: #3A7CF7;
}

.contest-details-goal-status {
	background-color: #F3F4F5;
	color: #1FAD7C;
}

.contest-details-main-container .contest-details-goal-action .cta-action .fa {
	background-color: #3A7CF7 !important;
}

.contest-details-main-container .contest-details-goal-action .cta-action:hover .fa {
	background-color: #2A5CB8 !important;
}

.contest-details-goal-points {
	color: #6E7788;
}

.contest-details-goal-points .value {
	color: #0D1C38;
}

.contest-details-ranking-content {
	background: #FFFFFF;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.contest-details-team-summary {
	background-color: #6645F733; /* 33 = 20% opacity */
}

.contest-details-team-icon {
	background-color: #6645F7;
	color: #ffffff;
}

.contest-details-ranking-container h3 {
	color: #0D1C38;
}

.contest-details-team-members li {
	border-color: #0D1C38;
}

.contest-details-team-member {
	color: #FFFFFF;
}

.contest-details-team-member:nth-child(1) {
	background-color: #6645F7;
}

.contest-details-team-member:nth-child(2) {
	background-color: #E0BD63;
}

.contest-details-team-member:nth-child(3) {
	background-color: #F76A52;
}

.contest-details-team-member:nth-child(4) {
	background-color: #1FAD7C;
}

.contest-details-team-member:nth-child(5) {
	background-color: #6645F7;
}

.contest-details-team-member:nth-child(6) {
	background-color: #F79345;
}

.contest-details-team-others {
	background-color: #E7E8EB;
	color: #0D1C38;
}

.contest-details-team-points {
	color: #0D1C38;
}

.contest-details-ranking-container h4 {
	color: #0D1C38;
}

.contest-details-ranking a {
	color: #3A7CF7;
}

.contest-details-ranking-list li {
	border-top-color: #F3F4F5;
}

.contest-details-ranking-position .value {
	border-color: #E7E8EB;
	color: #566074;
}

.contest-details-ranking-top .contest-details-ranking-position .value {
	color: transparent;
}

.contest-details-ranking-team-position {
	background-color: #6645F7;
	color: #ffffff;
}

.contest-details-ranking-name {
	color: #0D1C38;
}

.contest-details-ranking-points .value {
	background-color: #F3F4F5;
	color: #3D4960;
}

.contest-details-ranking-top .contest-details-ranking-points .value {
	background-color: #F6EBD0;
	color: #AD8829;
}

.contest-details-ranking-ellipsis {
	color: #B6BBC3;
}

/* Popup */

.contest-details-ranking-popup h4 {
	box-shadow: 0px 1px 0px rgba(29, 50, 67, 0.1);
}

.contest-details-popoup-legend {
	color: #6E7788;
}

.custom-transition-page .custom-scrollbar::-webkit-scrollbar-track,
.custom-transition-page .custom-scrollbar-y::-webkit-scrollbar-track,
.custom-transition-page .custom-scrollbar ::-webkit-scrollbar-track,
.custom-transition-page .custom-scrollbar-y ::-webkit-scrollbar-track {
	background-color: transparent;
}

.custom-transition-page .custom-scrollbar::-webkit-scrollbar,
.custom-transition-page .custom-scrollbar-y::-webkit-scrollbar,
.custom-transition-page .custom-scrollbar ::-webkit-scrollbar,
.custom-transition-page .custom-scrollbar-y ::-webkit-scrollbar {
	background-color: transparent;
}

.custom-transition-page .custom-scrollbar::-webkit-scrollbar-thumb,
.custom-transition-page .custom-scrollbar-y::-webkit-scrollbar-thumb,
.custom-transition-page .custom-scrollbar ::-webkit-scrollbar-thumb,
.custom-transition-page .custom-scrollbar-y ::-webkit-scrollbar-thumb {
	background-color: #84ADF9;
}

.contest-details-ranking-popup .contest-details-ranking-own-position {
	background-color: #F3F4F5;
}

.contest-details-ranking-popup .contest-details-ranking-own-position .contest-details-ranking-points .value {
	background-color: #ffffff;
}

/* Contest List */

.contest-page-container h2 {
	color: #1F233F;
}

.contest-list-categories li + li {
	border-left-color: #CFD2D7;
}

.contest-list-categories a {
	color: #0D1C38;
}

.contest-list-categories a:before {
	background-color: #3A7CF7;
}

.contest-list-categories .selected,
.contest-list-categories .selected a,
.contest-list-categories a:hover {
	color: #3A7CF7;
}

ul.contest-list {
	border-top-color:#E7E8EB;
}

.contest-preview {
	background: #FFFFFF;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.contest-preview-label {
	color: #ffffff;
	background-color: #3A7CF7;
}

.contest-preview h3 {
	color: #0D1C38;
}

.contest-preview-metadata {
	color: #868D9B;
}

/* Contest Widgets */

.contest-list-widget-header h3 {
	color: #1F233F;
}

.contest-list-widget-header a {
	color: #3A7CF7;
}

/* Contest Slider = 3 cols */


.contest-slider .contest-slider-button {
	background-color: #ffffff;
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 100, 0.3));
}

.contest-slider .contest-slider-button i {
	color: #9EA4AF;
}

.contest-slider .contest-slider-button:hover i {
	color: #1C3C78;
}


/* Contest Carousel = 2 cols */

.contest-carousel .contest-list-container {
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}

.contest-carousel-shortcut {
	background-color: #CFD2D7;
}

.contest-carousel .contest-list-widget-content[data-current-slide="1"] .contest-carousel-shortcut:nth-child(1),
.contest-carousel .contest-list-widget-content[data-current-slide="2"] .contest-carousel-shortcut:nth-child(2),
.contest-carousel .contest-list-widget-content[data-current-slide="3"] .contest-carousel-shortcut:nth-child(3),
.contest-carousel .contest-list-widget-content[data-current-slide="4"] .contest-carousel-shortcut:nth-child(4),
.contest-carousel .contest-list-widget-content[data-current-slide="5"] .contest-carousel-shortcut:nth-child(5),
.contest-carousel .contest-list-widget-content[data-current-slide="6"] .contest-carousel-shortcut:nth-child(6),
.contest-carousel .contest-list-widget-content[data-current-slide="7"] .contest-carousel-shortcut:nth-child(7),
.contest-carousel .contest-list-widget-content[data-current-slide="8"] .contest-carousel-shortcut:nth-child(8),
.contest-carousel .contest-list-widget-content[data-current-slide="9"] .contest-carousel-shortcut:nth-child(9),
.contest-carousel .contest-list-widget-content[data-current-slide="10"] .contest-carousel-shortcut:nth-child(10) {
	background-color: #3A7CF7;
}

