/* Colors Legend *******************/

	/* Blue Primary			#003479 */
	/* Blue Secondary		#144785 */
	/* Blue Tertiary		#133F74 */
	/* Dark Blue			#0E325E */
	/* Soft Blue			#6AA4EB */

	/* Cyan					#00B9E3 */
	/* Magenta				#C31867 */
	/* Orange				#EA8C04 */
	/* Yellow				#FDC400 */
	/* Violet				#80368B */
	/* Green				#A5C31C */

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

h1, h2, h3, h4 {
	color: #003479;
}

h1:before,
h2:before,
h3:not(.question):before,
h4:before {
	background-color: #6AA4EB;
}

h4 {
	color: #133F74;
}

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

a {
	color: #003479;
}

a:hover {
	color: #133F74;
}

a:focus,
a:active {
	color: #144785;
}

a.discreet {
	color: #646669 !important;
}

a.disabled {
	color: #BCBEBF;
}

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

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

input[type="text"],
input[type="password"],
input[type="number"],
textarea {
	background-color: #ffffff;
	border-color: #D3D3D4;
	color: #212529;
}

input[type="text"].error,
input[type="password"].error,
input[type="number"].error,
textarea .error{
	border-color: #C31867;
}

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 {
	border-color: #133F74 !important;
}

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

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

input[type=checkbox]:checked + span i {
	color: #133F74;
}

input[type=checkbox]:checked + span:before,
input[type=checkbox]:checked:hover + span:before,
input[type=radio]:checked + span:before,
input[type=radio]:checked:hover + span:before {
	border-color: #133F74;
}

input[type=radio]:checked + span:after {
	background-color: #133F74;
}

/* Select *******************/

.custom-select {
	background-color: #ffffff;
	border-color: #D3D3D4;
	color: #212529;
}

.custom-select i {
	color: #212529;
}

.custom-select:not(.open) > ul {
	border-color: #BCBEBF;
}

.custom-select:not(.open) > ul,
.select-list .placeholder {
	color: #BCBEBF;
}

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

.select-list .placeholder,
.select-list ul {
	border-color: transparent;
}

.custom-select > ul,
.custom-select:hover .select-list .placeholder {
	border-color: transparent !important;
}

.select-list:hover .placeholder,
.select-list ul {
	border-color: #BCBEBF;
}

.select-list .selected {
	color: #D3D3D4;
}

.select-list ul li {
	background-color: #ffffff;
	color: #D3D3D4;
}

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

.custom-select.open .select-list .placeholder {
	border-color: #ececec;
}

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

.custom-select.multiline.open .select-list ul li[data-value]:hover {
	color: #2bb4bb;
}

.select-button {
	background-color: #ececec;
	color: #000000;
}

.select-button i {
	color: #303030;
}

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

.cta-action .fa,
.cta-action:hover .fa {
	background-color: #003479;
}

.cta-action:hover .fa, .cta-action.selected .fa {
	background-color: #144785;
	color: #ffffff;
}

.cta-action:active .fa {
	background-color: #133F74;
	color: #ffffff;
}

@media (max-width: 768px) {
	
	.cta-action:not(.light):not(.cta-timer),
	.cta-action:not(.light):not(.cta-timer):hover {
		background-color: #003479;
	}
}

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

.cta-contextual:hover {
	border-color: #133F74;
	color: #133F74;
}

.cta-contextual:focus,
.cta-contextual:active {
	color: #144785;
	border-color: #144785;
}

.cta-contextual:active:before {
	display: none;
}

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

.cta-contextual.primary:hover {
	border-color: #133F74;
	background: #133F74;
}

.cta-contextual.primary:focus,
.cta-contextual.primary:active {
	border-color: #144785;
	background: #144785;
}

.cta-contextual.disabled,
.cta-contextual.primary.disabled {
	color: #A6A8A9;
	background: #F5F5F7;
	border: 1px solid #E9E9EA;
}

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

.gauge-horizontal.simple-gauge .gauge-display {
	background-color: #00B9E3;
}

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

.badge-container .badge {
	background-color: #00B9E3;
	border-color: #ffffff;
}

.badge {
	color: #ffffff;
}

.badge-container i {
	color: #A6A8A9;
}

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

.banner {
	background-color: #7E2E7A;
}

.banner.mandatory {
	background-color: #C31867;
}

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

.star-ranking .fa {
	color: #CFD2D7;
}

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

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

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

.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i {
	background-color: #003479;
}

.hearted i::before {
	color: #003479;
}

.hearted.selected i::before {
	color: #003479;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-display {
	background-color: #00B9E3;
}

.preview.default-course-preview .hashtag {
	color: #EA8C04;
}

.preview.course-preview .star-ranking-container .small i:not(.fa-star) {
	color: #EA8C04;
}

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

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

.main-container .colored-row-container h2 {
	color: #584446;
}

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

header {
	background-color: #ffffff;
	box-shadow: 0 2px 4px #E7E8EB;
}

header .main-nav > ul > li + li:before {
	background-color: #D5D7DC;
}

header .main-nav > ul > li > a {
	color: #212529;
}

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

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

header .main-nav > ul > li:hover > a:not(.selected) {
	color: #01A4EA;
}

header .main-nav > ul > li:active > a:not(.selected) {
	color: #144785;
}

header .nav-submenu > li:hover {
    background-color: #01A4EA;
}

.side-nav-btn,
.side-nav-btn:hover,
.side-nav-btn .fa,
.side-nav-btn:hover .fa {
	color: #133F74;
}

.header-search-block .multiple-select-container .multiple-select-btn .fa {
	color: #0D1C38;
}

header .logged-in-profile-container {
	background-color: #ffffff;
	color: #909294;
}

.profile-reminders a,
.profile-reminders a:hover, 
.profile-reminders a:hover .fa {
	color: #A6A8A9;
}

.profile-reminders a .fa {
	color: #A6A8A9;
}

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

footer {
	background-color: #0E325E;
	color: #ffffff;
}

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

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

.sidebar-nav {
	background-color: #003479;
}

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

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

/*.profile-reminders a .fa {
	color: #ffffff;
}*/

#sidebar-nav-container .sidebar-nav-list > li > .custom-select {
	background-color: transparent;
	border-color: transparent;
	color: #ffffff;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .fa {
	color: #ffffff;
}

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

.breadcrumbs {
	color: #919191;
}

.breadcrumbs li:before {
	background-color: #A6A8A9;
}

.breadcrumbs li:hover,
.breadcrumbs li:hover a {
	color: #133F74;
}

.breadcrumbs li:hover:before {
	background-color: #A6A8A9;
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
	color: #133F74;
}

.breadcrumbs li:last-child:before {
	background-color: #00B9E3;
}

/**************************************************/
/* Content */ 
/**************************************************/

.single-column {
	background-color : #EFEFEF;
}

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

.janssen-home-main-container {
	background-color: #01A4EA;
	color: #FFFFFF;
}

.janssen-home-main-container h1.simplified,
.janssen-home-main-container .intro-p {
    color: #FFFFFF;
}

.widget-categories-list .categories-list li {
    background-color: #ffffff;
}

.meteo-home-course-highlight.mandatory,
.meteo-home-course-highlight.late,
.meteo-home-course-highlight.free,
.meteo-home-course-highlight.urgent,
.meteo-home-course-highlight.done {
    background-color: #FFFFFF;
	color:#003479;
}

.meteo-home-course-highlight.mandatory {
	color:#21A876;
}

.meteo-home-course-highlight.late {
	color:#E4027E;
}

.meteo-home-course-highlight.free {
	color:#2BB4BB;
}

.meteo-home-course-highlight.urgent {
	color:#1E7BBA;
}

.meteo-home-course-highlight.done {
	color:#BACA20;
}



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

/* News Wall *******************/

.generic-wall-container .news-wall-btn {
	background-color: rgba(255, 255, 255, 0.4) !important;
}

.generic-wall-container .news-wall-previous-btn {
	background: transparent !important;
}

.generic-wall-container .news-wall-next-btn {
	background: transparent !important;
}

.generic-wall-container .news-wall-btn i {
	background-color: #FFFFFF;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.14);
	color: #55646E;
}

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

.b2v-home-img-container {
	background-color: #003479;
}

.choice .choice_btn_car {
	color: #646669;
}

.choice .choice_btn_car.choice_btn_car_select {
	background: #FFFFFF;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
	color: #003479;
}

.choice .choice_btn_car:hover {
	color: #133F74;
}

.choice .choice_btn_car:active {
	color: #144785;
}

.choice .choice_btn_car[disabled],
.choice .choice_btn_car.disabled {
	color: #9EA4AF;
}

/* Météo *************************/
.meteo-title-choice a.selected-title {
	color: #003479;
}

/* My Trainings ******************/
.trainings-main-current {
    background-color: #01A4EA;
}

.trainings-main-current h3 {
	color: #FFFFFF;
}

/* Catalog ************************/
.catalog .colored-row-container {
	background-color: #01A4EA;
}

/* Custom **************************/

.body-competences_comportementales .widget-freetext,
.body-management .widget-freetext{
	background-color: #01A4EA;
	color:#FFFFFF;
}

.body-competences_comportementales .header-widget.widget-freetext,
.body-management .header-widget.widget-freetext {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}

.body-competences_comportementales .my-stakes-container,
.body-management .my-stakes-container {
	background-color:#FFFFFF;
	padding:5px 20px !important;
}

.body-competences_comportementales .my-stakes-container .generic-wall-container .news-wall-small-row,
.body-management .my-stakes-container .generic-wall-container .news-wall-small-row {
	background-color:#E6EBF2;
	box-shadow:none;
	color:#003479;
}

.body-competences_comportementales .my-stakes-container .generic-wall-container .news-wall-small-row:hover,
.body-management .my-stakes-container .generic-wall-container .news-wall-small-row:hover {	
	color:#01A4EA;
}

.body-competences_comportementales .widget-freetext img,
.body-management .widget-freetext img{
	padding-left:100px;
}

.body-competences_comportementales .widget-freetext h4.simplified,
.body-management .widget-freetext h4.simplified{
	color:#FFFFFF;
}

.main-container .colored-row-container.widget-searchBoxWidget > .inner {
	background-color: #1C75BC;
	padding:10px 0px;
}

.main-container .colored-row-container.widget-searchBoxWidget > .inner .searchBox {
	background-color: #1C75BC;
}

.main-container .colored-row-container.widget-searchBoxWidget .header-search-block {
	width:480px;
}

.main-container .colored-row-container.widget-searchBoxWidget .search-container .placeholder input[type='text'].multiselect-input-auto-complete {
	margin-top:-10px;
}

.hearted i::before {
    color: #00B9E3;
}