/* 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: #028DD3;
}

    a > .fa {
        color: #028DD3;
    }

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: var(--primary-button-color);
    background-color: #ffffff;
}

    .table-list-button:hover {
        cursor: pointer;
    }

        .table-list-button:hover .fa {
            color: var(--stronger-button-color);
        }

    .table-list-button.active {
        background-color: var(--open-dropdown-background-color);
    }

.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: #e0bd63;
}

    .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: var(--primary-button-color);
    color: var(--default-button-color);
}

.news-wall-btn:hover i {
    background-color: var(--stronger-button-color);
}

.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: var(--primary-button-color);
    border-color: var(--primary-button-color);
}

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

/* 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: var(--primary-button-color);
        color: var(--default-button-color);
    }

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

    .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: var(--primary-button-color);
}

.training-counter {
    background-color: #ffffff;
}

.trainings-numbers-container .training-counter.in-progress {
    background-color: #7096b6;
}

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

.trainings-numbers-container .training-counter.to-be-done {
    background-color: #e0bd63;
}

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

.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: #028DD3 !important;
}

.contest-details-main-container .contest-details-goal-action .cta-action:hover .fa {
    background-color: #006293 !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: #028DD3;
}

.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: #028DD3;
    }

    .contest-list-categories .selected,
    .contest-list-categories .selected a,
    .contest-list-categories a:hover {
        color: #028DD3;
    }

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;
}

/* Home Community Messages Widget */

.home-widget-community-messages-container .home-community-message-container,
.home-widget-community-messages-container .home-community-message-add-container {
    background-color: #ffffff;
}

.home-widget-community-messages-container .home-community-message-form {
    border-top-color: #f3f7fa;
}
/* Home Graph Widget */

.home-widget-graph-job {
    background-color: #1f233f;
}

    .home-widget-graph-job .cta-contextual {
        border-color: #1f233f;
    }

.home-widget-graph-job-container .graph-job-wrapper {
    background-color: transparent;
}

.home-widget-graph-job-container .graph-job-polygon-min,
.home-widget-graph-job-container .graph-job-polygon-max {
    stroke: #ffffff33; /* 20% opacity */
}

.home-widget-graph-job-container .graphic-job-line.background {
    background-color: #ffffff33; /* 20% opacity */
}

.home-widget-graph-job-container h4 {
    color: #7db9dd;
}

    .home-widget-graph-job-container h4 span {
        color: #ffffff;
    }

/* Home Search Widget With Keywords */

.header-widget:has(.search-banner-keywords-container) {
    background-color: #346a98;
}

    .header-widget:has(.search-banner-keywords-container) .SearchBoxWidget h4 {
        color: #ffffff !important;
    }

    .header-widget:has(.search-banner-keywords-container) .SearchBoxWidget .searchBox {
        background-color: transparent !important;
    }

.search-banner-keywords-container li {
    border-color: #ffffff;
}

    .search-banner-keywords-container li,
    .search-banner-keywords-container li a {
        color: #ffffff;
    }


.course-followup-title-container a:hover > .fa {
    color: #006293;
}

.course-followup-title-container h2:hover {
    color: #006293;
}

/**************************/
/*  Job page : new gauge  */
/**************************/

:root {
  /* Couleurs principales */
  --jauge-ok: #1FAD7C;
  --jauge-ko: #E0BD63;
}

.job-skills-content .job-skills-details-list .job-skill-details {
  background-color: #ffffff;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list .popover p {
  color: #55646E;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list .popover p:first-child {
  color: #0D1C38;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list .popover:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-1 li:nth-child(2) .job-skill-info {
  border: 1px dashed #0D1C38;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-2 li:nth-child(3) .job-skill-info {
  border: 1px dashed #0D1C38;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-3 li:nth-child(4) .job-skill-info {
  border: 1px dashed #0D1C38;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-4 li:nth-child(5) .job-skill-info {
  border: 1px dashed #0D1C38;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-5 li:nth-child(6) .job-skill-info {
  border: 1px dashed #0D1C38;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-6 li:nth-child(7) .job-skill-info {
  border: 1px dashed #0D1C38;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-7 li:nth-child(8) .job-skill-info {
  border: 1px dashed #0D1C38;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-8 li:nth-child(9) .job-skill-info {
  border: 1px dashed #0D1C38;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-9 li:nth-child(10) .job-skill-info {
  border: 1px dashed #0D1C38;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objective-is-10 li:nth-child(11) .job-skill-info {
  border: 1px dashed #0D1C38;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full li.is-finished .bar {
  background-color: var(--jauge-ok);
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full li.is-finished .job-skill-info {
  color: var(--jauge-ok);
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-1 li:nth-child(2) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-1 li:nth-child(2) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-1 li:nth-child(2) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-2 li:nth-child(3) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-2 li:nth-child(3) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-2 li:nth-child(3) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-3 li:nth-child(4) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-3 li:nth-child(4) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-3 li:nth-child(4) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-4 li:nth-child(5) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-4 li:nth-child(5) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-4 li:nth-child(5) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-5 li:nth-child(6) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-5 li:nth-child(6) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-5 li:nth-child(6) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-6 li:nth-child(7) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-6 li:nth-child(7) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-6 li:nth-child(7) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-7 li:nth-child(8) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-7 li:nth-child(8) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-7 li:nth-child(8) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-8 li:nth-child(9) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-8 li:nth-child(9) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-8 li:nth-child(9) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-9 li:nth-child(10) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-9 li:nth-child(10) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-9 li:nth-child(10) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-10 li:nth-child(11) .job-skill-info {
  border: 1px solid var(--jauge-ok);
  background-color: var(--jauge-ok);
  color: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-10 li:nth-child(11) .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list.objectif-full.objective-is-10 li:nth-child(11) .job-skill-info .fa-check {
  color: #ffffff;
  fill: #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list li.is-finished .bar {
  background-color: var(--jauge-ko);
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list li.is-finished .job-skill-info {
  color: #25334C;
}

.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list li .bar {
  background-color: #E7E8EB;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list li .job-skill-info {
  color: #868D9B;
  border: 1px solid #ffffff;
}
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list li .job-skill-info svg,
.job-skills-content .job-skills-details-list .job-skill-details .job-skill-list li .job-skill-info .fa-check {
  color: #868D9B;
  fill: #868D9B;
}