
/* Colors Legend *******************/

	/* Red			#d72d4b */
	/* Green		#79bd20 */
	/* Blue			#002538 */
	/* Gris Clair	#d9d9d9 */
	/* Gris Foncé	#272c31 */

/* Preset Tags *******************/

body {
	color: #ffffff;
}

h1, h2, h3, h4 {
	color: #ffffff;
}

h1.overlay, h2.overlay, h3.overlay, h4.overlay {
	color: #002538;
}

a, 
a:hover > .fa, 
a.selected > .fa {
	color: #ffffff;
}

body .pending {
	color: #d7bf70 !important;
}

body .valid {
	color: #79bd20 !important;
}

.intro-p {
	color: #ffffff;
}

/* Call To Action *******************/

.cta-contextual {
	background-color: #d72d4b;
	border-color: transparent !important;
	color: #ffffff;
}

.cta-contextual:before {
	border-color: transparent !important;
}

.cta-contextual.primary {
	background-color: #002538;
}

.cta-contextual.overlay {
	background-color: transparent;
	border-color: #ffffff !important;
}

.cta-contextual.primary.overlay {
	background-color: #ffffff;
	border-color: #d72d4b !important;
	color: #002538 !important;
}

/* Label / Input Text *******************/

input[type="text"], 
input[type="password"], 
input[type="number"], 
textarea {
	background-color: #d9d9d9;
}

/* Radio / Checkbox *******************/

input[type=checkbox]:checked + span i {
	color: #002538;
}

input[type=checkbox]:checked + span:before,
input[type=checkbox]:checked:not(:disabled):hover + span:before,
input[type=radio]:checked + span:before,
input[type=radio]:checked:not(:disabled):hover + span:before {
	border-color: #002538;
}

input[type=radio]:checked + span:after {
    background-color: #002538;
}

/* Gauges *******************/

.gauge-horizontal.simple-gauge:not(.filled) .gauge-value {
	color: #000000;
}

.gauge-horizontal.simple-gauge:not(.filled) .gauge-display {
	background-color: #79bd20;
}

.gauge-circle.filled .gauge-value {
	border-color: transparent;
	color: #ffffff;
}

.gauge-circle.filled .progression-circle:before {
	border-color: #ffffff;
}

.gauge-circle.filled .semi-circle span:before {
	border-color: #d72d4b;
}

.gauge-horizontal.simple-gauge.filled .gauge-value {
	color: #ffffff;
	border-color: #ffffff;
}

.gauge-horizontal.simple-gauge.filled .gauge-display {
	background-color: #d72d4b;
}

/**************************************************/
/* Navigation */ 
/**************************************************/

.main-container .colored-row-container {
	background-color: transparent;
}

header {
	background-color: #272c31;
}

.main-nav > ul > li > a,
.main-nav > ul > li > a.selected,
.main-nav > ul > li > a > .fa,
header .nav-submenu > li a i {
	color: #ffffff;
}

.main-nav > ul > li > a:not(.selected):hover {
	color: #ffffff !important;
}

header .main-nav > ul > li > a.selected:after {
	background-color: #ffffff;
}

.side-nav-btn,
.side-nav-btn:hover,
.side-nav-btn .fa,
.side-nav-btn:hover .fa {
	color: #ffffff;
}

header .logged-in-profile-container {
	background-color: transparent;
}

header .nav-submenu > li:hover {
	background-color: #002538;
}

header .header-search-container input {
	background-color: #ffffff;
	box-shadow: 0 2px 12px -2px rgba(0, 0, 0, 0.15);
}

header .header-search-container .input-icon .fa {
	color: #002538;
}

header .logged-in-profile > .name {
	color: #ffffff;
}

/* Side Nav *******************/

.sidebar-nav {
	background-color: #002538;
}

.sidebar-nav-list .selected,
.sidebar-nav-list .selected .fa {
	color: #ffffff;
}

.sidebar-nav-list .selected {
	background-color: #ffffff;
	color: #002538;
}

#sidebar-nav-container .sidebar-nav-list a:hover {
	color: #002538;
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover {
	color: #ffffff;
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover .fa {
	color: #ffffff;
}

/**************************************************/
/* Pages */ 
/**************************************************/

body {
	background: linear-gradient(45deg,  #182647 0%,#101923 100%);
}

/* Dashboard *******************/

.dashboard-presentation-container.logged-in {
	color: #000000;
}

.dashboard-presentation-container.logged-in:after {
	background-color: #ffffff;
}

.dashboard-latest-achievement .dashboard-trophy {
	color: rgba(0, 0, 0, 0.4);
}

.dashboard-presentation-ranking:after {
	background-color: #79bd20;
}

.dashboard-presentation-content .metadata .discreet {
	color: rgba(255, 255, 255, 0.5) !important;
}

.dashboard-presentation-content .metadata i {
	color: #ffffff;
}

.dashboard-presentation-content h1 {
	color: #ffffff;
}

.dashboard-leaderboard-col.active .dashboard-leaderboard-position {
	background-color: #d72d4b;
}

/* Home *******************/

.cinq-home-main-banner,
.cinq-home-team-banner,
.cinq-home-steps {
	background-color: #ffffff;
}

.cinq-home-main-banner,
.cinq-home-main-banner h1,
.cinq-home-main-banner .intro-p {
	color: #002538;
}

.cinq-home-steps,
.cinq-home-steps h2 {
	color: #272c31;
}

.cinq-home-leadership-banner {
	background-color: #d9d9d9;
	color: #272c31;
}

.cinq-home-leadership-banner h1 {
	color: #272c31;
}

.cinq-home-leadership-banner h1 span {
	color: #d72d4b;
}

.cinq-home-icon:before {
	border-left-color: #272c31;
}

.cinq-home-icon:first-child:before {
	border-top-color: #272c31;
}

.cinq-home-icon:last-child:before {
	border-top-color: #272c31;
	border-right-color: #272c31;
}

.header-anchor {
	background-color: #ffffff;
}

.header-anchor .fa,
.header-anchor:hover .fa {
	color: #d72d4b;
}

.cinq-form {
	background-color: #ffffff;
}

.cinq-form h1,
.cinq-form h2,
.cinq-form h3,
.cinq-form p,
.cinq-form label {
	background-color: #ffffff;
	color: #002538;
}