/* Colors Legend *******************/
/* Without opacity */

	/* Light Grey			#f1f0f5 */
	/* Grey					#878787 */

	/* Lighter Blue			#008dcf */
	/* Light Blue			#3944b7 */
	/* Blue					#2d316e */
	/* Dark Blue			#1c1b3a */
	/* Violet				#495098 */
	/* Red					#eb2b1c */
	/* Orange				#e79736 */
	/* Yellow				#fbc40f */

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

h1 {
	color: #2d316e;
}

h2, h3 {
	color: #1c1b3a;
}

a {
	color: #878787;
}

.ucar-title-choice h2 {
	color: #2d316e;
}

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

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
textarea:disabled {
	border-bottom-color: #e1e5eb;
}

input[type="text"],
input[type="password"],
input[type="number"],
textarea {
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.2);
	border-bottom-color: transparent;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
	color: #ffffff;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
textarea:hover,
input[type="text"]:active,
input[type="password"]:active,
input[type="number"]:active,
textarea:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	color: #1c1b3a;
	border-bottom-color: transparent !important;
}

.input-icon > a,
.input-icon .fa {
	color: #ffffff;
}

.input-icon > a:hover,
.input-icon .fa:hover {
	color: #008dcf;
}

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

.cta-contextual.primary {
	background: #fbc40f;
	background: linear-gradient(90deg, rgba(231,151,54,1) 0%, rgba(251,196,15,1) 100%);
	border-color: #ffffff;
}

.cta-contextual.primary:hover {
	border-color: #ffffff;
	color: #ffffff;
}

.cta-contextual {
	border-color: #2d316e;
	color: #2d316e;
}

.cta-contextual:hover {
	border-color: #3944b7;
	color: #2d316e;
}


.cta-contextual.overlay {
	border-color: #ffffff;
	color: #ffffff;
}

.cta-contextual:active:before,
.cta-contextual.selected:before {
	border-color: transparent;
}

/* Keyword *******************/

.keyword {
	background-color: #ffffff;
	color: #1c1b3a;
	border-color: transparent;
}

.keyword span {
	border-color: transparent;
}

.keyword.selected > span,
.keyword input:checked + span {
	background-color: #008dcf;
}

/* Subject Type *******************/

.subject-type {
	color: #ffffff;
}

.subject-type .icon-container {
	background-color: #ffffff;
}

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

.badge-container .badge {
	background: #fbc40f;
	background: linear-gradient(90deg, rgba(231,151,54,1) 0%, rgba(251,196,15,1) 100%);
	border-color: #2d316e;
}

.badge {
	color: #ffffff;
}

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

.ucar-course-preview .image-container:after {
	background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.8) 100%);
}

.ucar-course-preview .keyword.current {
	background-color: #008dcf;
}

.ucar-course-preview .keyword.todo {
	background-color: #ffffff;
	color: #1c1b3a;
}

.ucar-course-preview .keyword.done {
	background-color: transparent;
	border-color: #ffffff;
	color: #ffffff;
}

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

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

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

header {
	background-color: #2d316e;
}

.main-nav > ul > li > a,
.main-nav > ul > li > a.selected,
.main-nav > ul > li > a > .fa {
	color: #ffffff;
}

.main-nav > ul > li > a:not(.selected):hover {
	color: #008dcf !important;
}

header .main-nav > ul > li > a.selected:after {
	background-color: #ffffff;
}

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

header .nav-submenu > li:hover {
	background-color: #008dcf;
}

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

footer {
	background-color: #2d316e;
}

footer p {
	color: #ffffff;
}

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

.sidebar-nav {
	background-color: #2d316e;
}

.sidebar-nav-list .selected,
.sidebar-nav-list .selected .fa {
	color: #ffffff;
}

.sidebar-nav-list .selected {
	background-color: #ffffff;
	color: #2d316e;
}

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

#sidebar-nav-container .sidebar-nav-list a:hover .fa {
	color: #2d316e;
}

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

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

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

/* Accueil *******************/

.ucar-home-course-highlight {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.ucar-home-course-highlight.mandatory {
	color: #2d316e;
}

.ucar-home-course-highlight.late {
	color: #eb2b1c;
}

.ucar-home-course-highlight.free {
	color: #1c1b3a;
}


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

.cta-contextual.primary {
	background: #fbc40f;
	background: linear-gradient(90deg, rgba(231,151,54,1) 0%, rgba(251,196,15,1) 100%);
	border-color: #ffffff;
}

.cta-contextual.primary:hover {
	border-color: #ffffff;
	color: #ffffff;
}

.cta-contextual {
	border-color: #2d316e;
	color: #2d316e;
}

.cta-contextual:hover {
	border-color: #3944b7;
	color: #2d316e;
}


.cta-contextual.overlay {
	border-color: #ffffff;
	color: #ffffff;
}

.cta-contextual:active:before,
.cta-contextual.selected:before {
	border-color: transparent;
}