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

:root {

	--primary-color: #FFCD00;
	--primary-white: #ffffff;
	
	/* Secondary */
	
	--secondary-black: #000000;
	--secondary-grey-dark: #4C4C4C;
	--secondary-grey-medium: #999999; 
	--secondary-light: #DBE1ED;
	--secondary-lighter: #E5EAF2;
	--secondary-lightest: #F1F3F8;
	
	--secondary-red: #8A2C24;
	--secondary-grey-light: #CCCCCC;
	--secondary-orange: #E1A260;
	--secondary-orange-light: #EFE4DC;
	--secondary-red-light: #A98996;
	
	/* Functional */
	
	--function-green: #008153;
	--function-green-lightest: #EDF5EA;
	--function-blue: #4CA79F;
	--function-blue-lightest: #E9F8F7;
	--function-red: #CA0600;
	--function-red-lightest: #F8E9E9;
	--function-orange: #FFA000;
	--function-orange-lightest: #FFF5E5;
	
	--function-grey: #6D6D6D;
	--function-green-light: #78B41E;
}

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

body, p {
	color: var(--secondary-grey-dark);
}


h1, h2, h3, h4,
h1.simplified, h2.simplified, h3.simplified, h4.simplified {
	color: var(--secondary-black);
}

a,
a:hover,
a:focus,
a:active {
	color: var(--secondary-black);
}

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

body .error {
	color: var(--secondary-orange) !important;
}

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

label {
	color: var(--secondary-grey-dark);
}

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

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

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

.input-icon i {
	color: var(--primary-color);
}

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

.input-option-container span {
	color: var(--secondary-black);
}

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

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

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

input[type=checkbox][disabled]:checked + span:before, 
input[type=radio][disabled]:checked + span:before {
	border-color: var(--primary-color);
}

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

input[type=checkbox]:checked:hover + span:before, 
input[type=radio]:checked:hover + span:before {
	border-color: var(--primary-color);
}

 Select ******************

.select-list .placeholder,
.select-list:hover .placeholder {
	border-color: var(--secondary-grey-medium);
}

.custom-select.open .select-list .placeholder {
	border-color: var(--secondary-grey-medium);
}

.custom-select i {
	color: var(--primary-color);
}

.select-list ul {
	box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
}

.custom-select.open .select-list ul li:hover {
	background-color: var(--secondary-lighter);
}
/*
.select-list:hover .placeholder, 
.select-list ul {
	border-color: var(--secondary-grey-medium);
}
*/
/* Call To Action *******************/

.cta-contextual:not(.cta-save) {
	background-color: var(--primary-white);
	color: var(--secondary-black);
	border-color: var(--secondary-black);
}

.cta-contextual:hover {
	color: var(--primary-color);
}

.cta-contextual.primary {
	background-color: var(--primary-color);
	color: var(--secondary-black);
	border-color: var(--primary-color);
}

.cta-contextual.primary:hover {
	color: var(--primary-white);
}

.cta-contextual i,
.cta-contextual:hover i {
	color: var(--secondary-black);
}

.cta-action .fa {
	background-color: var(--primary-color);
	color: var(--secondary-black);
}

.cta-action:hover .fa {
	background-color: var(--primary-color);
}

.cta-action span {
	color: var(--secondary-black);
}

@media (max-width: 768px) {

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

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

.gauge-horizontal,
.gauge-horizontal.simple-gauge {
	background-color: var(--secondary-lighter);
}

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

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


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

.badge {
	color: var(--secondary-black);
}

.badge-container i {
	color: var(--secondary-grey-medium);
}

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

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

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

.star-ranking .fa {
	color: var(--secondary-lighter);
}

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

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

.star-ranking .fa:hover ~ .fa {
	color: var(--secondary-lighter);
}

/* Card Mode *******************/

.hearted i::before {
	color: var(--secondary-black);
}

.hearted.selected i::before {
	color: var(--secondary-black);
}

.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i {
	background-color: var(--primary-color);
}

.card-mode .preview.default-course-preview .subject-type,
.list-mode .preview.default-course-preview .subject-type,
.card-mode .preview.default-course-preview .other-data,
.preview.default-course-preview .other-data i {
	color: var(--secondary-grey-medium);
}

.list-mode .preview.course-preview .other-data .gauge-horizontal {
	background-color: var(--secondary-lighter);
}

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

.main-container .colored-row-container {
	background-color: var(--secondary-lightest);
}

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

header {
	background-color: var(--primary-white);
	box-shadow: 0 0 28px 0 rgba(0,0,0,0.08);
}

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

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

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

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

.side-nav-btn,
.side-nav-btn:hover,
.side-nav-btn .fa,
.side-nav-btn:hover .fa {
	color: var(--secondary-black);
}

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

header .logged-in-profile > .name {
	color: var(--secondary-black);
}

header .logged-in-profile > .score {
	color: var(--function-blue);
}

header .nav-submenu > li:hover {
	background-color: var(--secondary-black);
}

header .nav-submenu > li#liGoToLogoff:hover {
	background-color: var(--secondary-orange);
}

.profile-reminders a .fa,
.profile-reminders a:hover, 
.profile-reminders a:hover .fa {
	color: var(--secondary-grey-medium);
}

header .header-content .side-nav-btn {
	border-color: var(--secondary-grey-medium);
}

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

footer {
	color: var(--primary-white);
	background-color: var(--secondary-black);
}

footer p {
	color: rgba(255,255,255,0.5);
}

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

.sidebar-nav {
	background-color: var(--secondary-black);
}

.sidebar-nav-list .selected,
.sidebar-nav-list .selected .fa {
	color: var(--secondary-grey-dark) !important;
}

.sidebar-nav-list .selected .fa {
	background-color: transparent !important;
}

.sidebar-nav-list .selected {
	background-color: var(--primary-white) !important;
	color: var(--secondary-grey-dark) !important;
}

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

#sidebar-nav-container .sidebar-nav-list a.selected:hover, 
#sidebar-nav-container .sidebar-nav-list a.selected:hover .fa {
	color: var(--secondary-grey-dark);
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover {
	color: var(--primary-white);
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover .fa {
	color: var(--primary-white);
}

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

#sidebar-profile-container .sidebar-profile {
	background-color: var(--secondary-grey-dark);
}

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

.breadcrumbs {
	color: var(--secondary-grey-dark);
}

.breadcrumbs li:before {
	background-color: var(--secondary-grey-dark);
}

.breadcrumbs li:hover,
.breadcrumbs li:hover a {
	color: var(--secondary-black);
}

.breadcrumbs li:hover:before {
	background-color: var(--secondary-grey-dark);
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
	color: var(--secondary-black);
}

.breadcrumbs li:last-child:before {
	background-color: var(--secondary-grey-dark);
}

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

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

.js-float-label-wrapper.populated label {
	color: var(--secondary-grey-medium) !important;
}

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

.widget-searchBoxWidget .SearchBoxWidget {
	background-color: var(--primary-color) !important;
}

.widget-searchBoxWidget h4.overlay {
	color: var(--secondary-black);
}

.inner.widget-searchBoxWidget .searchBox {
	background-color: var(--primary-color) !important;
}

.inner:not(.colored-row-container) .searchBox {
	background-color: transparent !important;
}

.widget-searchBoxWidget .custom-select:not(.flag-select) .select-list .placeholder {
	border-color: var(--secondary-grey-light);
}

.widget-searchBoxWidget .header-search-block .multiple-select-container .multiple-select-btn .fa {
	color: var(--secondary-black);
}

.widget-course-path .course-path {
	background-color: var(--primary-white);
}

.body-default.custom .middiv .home-col-left .colored-row-container, 
.main-container .generic-news-carousel-container {
	background-color: transparent;
}

.home-col-left .generic-news-carousel-container .news-wall-col {
	background-color: var(--primary-white);
}

.widget-news-une .news-wall-pagination a, 
.widget-news-une .news-wall-pagination a .fa, 
.widget-news-une .news-wall-pagination a:hover .fa {
	color: var(--secondary-grey-light) !important;
}

.widget-news-une .news-wall-pagination .current, 
.widget-news-une .news-wall-pagination .current .fa, 
.widget-news-une .news-wall-pagination .current:hover .fa {
	color: var(--secondary-black) !important;
}

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

.training-numbers-summary,
.training-counter {
	background-color: #ffffff;
	box-shadow: none;
	border-color: var(--secondary-light);
}

.training-counter span {
	color: var(--secondary-grey-medium);
}

.training-numbers-summary .training-value {
	color: var(--secondary-black);
}

.training-value-container > span:not(.training-value) {
	color: var(--secondary-black);
}

.training-counter.in-progress {
	background-color: var(--function-blue-lightest);
}

.training-counter.in-progress .training-value {
	color: var(--function-blue);
}

.training-counter.to-be-done {
	background-color: var(--function-green-lightest);
}

.training-counter.to-be-done .training-value {
	color: var(--function-green);
}

.training-counter.done {
	background-color: var(--function-orange-lightest);
}

.training-counter.done .training-value {
	color: var(--function-orange);
}

.training-counter-footer a {
	color: var(--secondary-grey-medium);
}

/* Catalogue *******************/

.catalogue-search-container .multiple-select-container .custom-select:not(.open) > .select-list:hover .placeholder {
	border-bottom-color: var(--secondary-grey-medium) !important;
}

.catalog-search.multiple-select-container .multiple-select-btn .fa {
	color: var(--secondary-black);
}

.catalogue-search-container .hearted-total i:before {
	color: var(--secondary-black);
}

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

.col-lesson-menu-container {
	background-color: var(--secondary-lightest);
}

.timeline-table-wrapper .timeline-table .status-current {
	background-color: var(--function-blue);
}

.timeline-table-wrapper .timeline-table .status-current::before {
	border-left-color: var(--function-blue);
}

.timeline-table-wrapper .timeline-table .status-todo {
	color: var(--function-blue);
}

.timeline-table tr.current {
	background-color: var(--secondary-lightest);
}

.timeline-table tr.current td {
	color: var(--secondary-black);
}