/* 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,
h3.overlay,
h4.overlay,
h5.overlay {
	color: #ffffff;
}

h1:before {
	background-color: #7db9dd;
}

h1.page-title {
	color: #ffffff;
}

h2 {
	color: rgba(37, 79, 113, 0.6);
}

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

h4 {
	color: rgba(37, 79, 113, 0.6);
}

h5 {
	color: #55646e;
}

.intro-p {
	color: #55646e;
}

p.overlay,
.intro-p.overlay {
	color: #ffffff;
}


p.legend-p {
	color: rgba(85, 100, 110, 0.5);
}

a, a:hover > .fa, a.selected > .fa {
	color: #346a98;
}

a > .fa {
	color: #7db9dd;
}

label {
	color: #b2b3b4;
}

::placeholder {
	color:#FFFFFF;
}

body .pending {
	color: #7db9dd !important;
}

body .valid {
	color: #68bcba !important;
}

body .attention {
	color: #e0bd63 !important;
}

body .error {
	color: #f69068 !important;
}

body span.text-highlight {
	color: #346a98;;
}

body .discreet {
	color: rgba(85, 100, 110, 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 ::-webkit-scrollbar-track {
	background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar ::-webkit-scrollbar {
	background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar ::-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;
}

/* 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]: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]:checked + span i {
	color: #7db9dd;
}

input[type=radio]:checked + span:after {
	background-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.open .select-list .placeholder {
	border-color: #1f233f;
}

.custom-select.flag-select.open .select-list .placeholder {
	border-color: transparent;
}

.custom-select.flag-select.open .select-list ul li:hover {
	background-color: #edf2f6;
}

/* 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-action .fa {
	color: #ffffff;
	background-color: #7db9dd;
}

.cta-action:hover .fa {
	color: #ffffff;
	/*background-color: #346a98;*/
	background-color: #7d1571;
}

.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 .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.complete .gauge-display {
	background-color: #68bcba;
}

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

/* 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);
}

/* Indicator *******************/

.indicator {
	color: rgba(38, 41, 46, 0.3);
}

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

.banner {
	color: #ffffff;
	background-color: #346a98;
}

.banner-discreet {
	background-color: #777a8b;
}

/* Category Preview *******************/

.klesia-category-preview .image-container:after {
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)
}

.klesia-category-preview p,
.klesia-category-preview h3,
.klesia-category-preview .inner {
	color: #ffffff;
}

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

.klesia-course-preview .image-container:after {
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)
}

.klesia-course-preview p,
.klesia-course-preview h3,
.klesia-course-preview .inner,
.klesia-course-preview .data {
	color: #ffffff;
}

.klesia-course-preview .keyword {
	background-color: #2bb4bb;
	color: #ffffff;
}

.klesia-course-preview .keyword.todo {
	background-color: #f29400;
	color: #ffffff;
}

.klesia-course-preview .keyword.current {
	background-color: #e4027e;
	color: #ffffff;
}

.klesia-course-preview .keyword.done {
	background-color: #ffffff;
	color: #919191;
}

.klesia-course-preview .subject-type {
	color: #ffffff;
}

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

.cfem-course-previewCLS .image-container:after {
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)
}

.cfem-course-previewCLS p,
.cfem-course-previewCLS h3,
.cfem-course-previewCLS .inner,
.cfem-course-previewCLS .data {
	color: #ffffff;
}

.cfem-course-previewCLS .keyword {
	background-color: #2bb4bb;
	color: #ffffff;
}

.cfem-course-previewCLS .keyword.todo {
	background-color: #f29400;
	color: #ffffff;
}

.cfem-course-previewCLS .keyword.current {
	background-color: #e4027e;
	color: #ffffff;
}

.cfem-course-previewCLS .keyword.done {
	background-color: #ffffff;
	color: #919191;
}

.cfem-course-previewCLS .subject-type {
	color: #ffffff;
}



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

.star-ranking .fa {
	color: rgba(125, 185, 221, 0.3);
}

.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: rgba(125, 185, 221, 0.3);
}

/* 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 .inner {
	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: #7d1571;
}

.card-mode .preview.community-preview .users-container .more > span {
	border-color: #e0bd63;
	color: #e0bd63;
}

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

/* Timeline Table *******************/

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

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

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

.main-nav > ul > li > a,
.main-nav > ul > li > a > .fa {
	color: rgba(255, 255, 255, 0.8);
}

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

.main-nav a.selected .fa:after {
	background-color: #7db9dd;
}

.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 .selected,
.sidebar-nav-list .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-header .close-btn:hover {
	border-color: #ffffff;
}

#sidebar-nav-container .sidebar-nav-list a:hover,
#sidebar-nav-container .sidebar-nav-list a:hover .fa {
	color: #ffffff;
}

#sidebar-nav-container.open-side-submenu .sidebar-nav-list > li.active > a {
	color: #e0bd63;
}

/* Side Profile *******************/

#sidebar-profile-container:before {
	background-color: rgba(0, 0, 0, 0.4);
}

#sidebar-profile-container .sidebar-profile {
	background-color: #2d5e87;
}

#sidebar-profile-container .logged-in-profile-container {
	color: #ffffff;
}

#sidebar-profile-container .logged-in-profile > .score {
	color: #e0bd63;
}

#sidebar-profile-container .sidebar-profile a,
#sidebar-profile-container .sidebar-profile a > .fa,
#sidebar-profile-container .nav-submenu .custom-select .fa {
	color: rgba(255, 255, 255, 0.8);
}

#sidebar-profile-container .sidebar-profile a:hover,
#sidebar-profile-container .close-btn:hover,
#sidebar-profile-container .close-btn:hover .fa {
	color: #ffffff;
}

#sidebar-profile-container .sidebar-header .close-btn:hover {
	border-color: #ffffff;
}

#sidebar-profile-container .nav-submenu .select-list .placeholder {
	color: rgba(255, 255, 255, 0.8);
}

#sidebar-profile-container .nav-submenu .select-list:hover .placeholder {
	color: #ffffff;
}

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

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

@media (max-width: 768px) {
	
	section.home-more-news {
		background-color: #ffffff;
	}
	
	.home-col-right {
		border-top-color: #e8edf2;
	}
}

/* Parcours *******************/

.parcours-header-icon i {
	color: #68bcba;
	border-color: #68bcba;
}

/* 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-subjects-filters .filter-content {
	background-color: #ffffff;
}

.community-subject-appreciation .indicator {
	background-color: #f3f7fa;
}

/* Pricing *******************/

.pricing-content {
	border-color: #b2b3b4;
}

/* 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 {
	color: #7db9dd;
}

.news-wall-btn:hover i {
	color: #346a98;
}

.news-wall-previous-btn {
	background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #E8EDF2 100%);
}

.news-wall-next-btn {
	background: linear-gradient(270deg, #E8EDF2 0%, rgba(255,255,255,0) 100%);
}

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