/* 

Bleu Cosy : #3A7CF7
Gris : #B6BBC3
Gris clair : #E7E8EB
Rouge : #F76A52
Noir : #000000;
Blanc : #FFFFFF

BG : #F3F4F9

*/

/**************************
		GLOBAL
**************************/
.header {
	background-color: white;
}
.main-container {
    background-color: #F3F4F9;
}

.main-container .colored-row-container,
.main-container .colored-row-container.trainings {
	background-color: #FFFFFF;
}


/*************************
		HEADER      
*************************/

header {
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
}

header .logged-in-profile-container {
    background-color: #FFFFFF;
	color: #B6BBC3;
}

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

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

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

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

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

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

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

header .nav-submenu > li a.error {
	color:#F76A52 !important;
}

header .nav-submenu > li:hover {
    background-color: #3A7CF7;
	color:#FFFFFF;
}

header .nav-submenu > li:hover a.error {
	color:#FFFFFF !important;
}

/****************************
		FOOTER
****************************/

footer {
    background-color: #ffffff;
    color: #B6BBC3;
}

footer .fa, footer h5, footer a {
   color: #B6BBC3;
}

/*****************************
		BUTTONS
*****************************/
.cta-contextual.main {
    border-color: #3A7CF7;
    background-color: #3A7CF7;
    color: #ffffff;
}

.cta-contextual.main > .fa {
    color: #FFFFFF;
}

.cta-contextual.main:hover {
    border-color: #F76A52;
    background-color: #F76A52;
    color: #ffffff;
}

.cta-contextual.main:hover > .fa {
    color: #FFFFFF;
}

.custom-select-container-observations .input-icon {
    background-color: #FFFFFF;
    border: 1px  solid #E7E8EB;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}

.custom-select-container-observations input[type="text"] {
    color: #B6BBC3;
}

.custom-select-container-observations .input-icon .fa {
	color:#000000;
}

.cta-action .fa {
    color: #ffffff;
    background-color: #3A7CF7;
}

.cta-action:hover .fa {
    color: #ffffff;
    background-color: #F76A52;
}

/*****************************
		CAMPAIGN LIST
*****************************/
.cosy-filters .filter-container, 
.cosy-filters .filter-content {
    background-color: transparent;
}

.cosy-filters .custom-select,
.cosy-form .custom-select {
    background-color: #ffffff;
    border: 1px solid #E7E8EB;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}

.cosy-filters .select-list:hover .placeholder,
.cosy-filters .select-list ul,
.cosy-form .select-list:hover .placeholder,
.cosy-form .select-list ul {
    border-color: #B6BBC3;
}

.cosy-filters .select-list ul,
.cosy-form .select-list ul {
    box-shadow: 0 -1px 8px 0 #E7E8EB;
}

.cosy-filters .custom-select i,
.cosy-form .custom-select i {
    color: #B6BBC3;
}

.cosy-filters .custom-select.open .select-list ul li:hover,
.cosy-form .custom-select.open .select-list ul li:hover {
    background-color: #3A7CF7;
    color: #FFFFFF;
}

.cosy-filters h4,
.cosy-form h4 {
    color: #B6BBC3;
}

.cosy-grid .table-list li {
	border:1px solid #E7E8EB;
}

.cosy-grid .table-list li:not(.header):hover {
	background-color:#E7E8EB;
}

.cosy-grid .campaign-status{
	background-color: #3A7CF7;
	color:#FFFFFF;
}

.cosy-grid .campaign-status.Projected{
	background-color: #E7E8EB;
	color: #7F7F7F;
}

.cosy-grid .table-list li:not(.header):hover .campaign-status.Projected{
	background-color: #FFFFFF;
	color: #7F7F7F;
}

.cosy-grid .campaign-status.Scheduled{
	background-color: #B6BBC3;
}

.cosy-grid .campaign-status.On-going{
	background-color: #3A7CF7;
}

.cosy-grid .campaign-status.Completed{
	background-color: #F76A52;
}

.gauge-list {
    background-color: #E7E8EB;
}

.cosy-grid .table-list li:not(.header):hover .gauge-list{
	background-color: #FFFFFF;
}

.cosy-grid .gauge-list .gauge-display {
    background-color: #3A7CF7;
}

/************************************
		Mes Obeservations
************************************/

.cosy-grid table {
	border : 1px solid #E7E8EB;
}

.cosy-grid table thead tr,
.cosy-grid table tbody tr {
	background-color:#FFFFFF;	
}

.cosy-grid table tbody tr:hover {
	background-color:#E7E8EB;
}

.cosy-grid table thead tr th,
.cosy-grid table tbody tr:not(:last-child) td{
	border-bottom : 1px solid #E7E8EB;
}

/****************************************
		MENU DU COURS
****************************************/
.gauge-horizontal.simple-gauge .gauge-display {
    background-color: #3A7CF7;
}


h3:not(.question):before, h3.question span:before {
    background-color: #3A7CF7;
}

.timeline-table .status-todo {
    color: #3A7CF7;
}

.timeline-table .status-current {
    background-color: #F76A52;
}

/* Form */

label {
	color: #868D9B;
}

input[type=date],
input[type=text],
textarea {
	border-color: #CFD2D7;
}

input[type=date]:disabled,
input[type=text]:disabled {
	background-color: #E7E8EB;
	border-color: #E7E8EB;
}

textarea:disabled {
	background-color: #F3F4F5;
	border-color: #F3F4F5;
}
/*****************************
       CAMPAIGN
*****************************/
.step-section-container {
	box-shadow: 0px 1px 12px rgba(0, 0, 100, 0.08);
	background-color: #ffffff;
}
.btn {
	background: #3A7CF7;
	border-color: #3A7CF7;
	color: #ffffff;
}

.btn-previous:before,
.btn-next:after {
	border-left-color: #ffffff;
	border-bottom-color: #ffffff;
}

.btn.light {
	background-color: transparent;
	color: #3A7CF7;
}

.btn.light:before,
.btn.light:after {
	border-left-color: #3A7CF7;
	border-bottom-color: #3A7CF7;
}


.object-table-container .object-table-header,
.object-table-container .object-table-row-header,
.object-table-container .object-table-row {
	background-color: #ffffff;
}

.object-table-container .object-table {
	border-color: #E7E8EB;
}

.object-table-container .object-table-row {
	border-top-color: #E7E8EB;
}

.timeline-table .status-current::before {
    border-left-color: #F76A52;
}

a > .fa,
a:hover > .fa{
    color: #3A7CF7;
}

.timeline-table-wrapper {
    border-top-color: #B6BBC3;
    border-bottom-color: #B6BBC3;
}

.timeline-table-wrapper table {
    border-top-color: #B6BBC3;
    border-bottom-color: #B6BBC3;
    background-color: #FFFFFF;
}

.timeline-table tr td:first-child {
    border-left-color: #B6BBC3;
}

.timeline-table tr.current {
    background-color: #B6BBC3;
}

.timeline-table tr.current td,
.timeline-table tr.current td a,
.timeline-table tr.current td a:hover {
    color: #FFFFFF;
}

.timeline-table tr.previous td:first-child {
    border-left-color: #F76A52;
}

.timeline-table .status-valid {
    border-color: #F76A52;
    color: #F76A52;
}

.go-to-catalog-link + .following-content {
    border-top: 1px solid #E7E8EB;    
}

/***********************************
		CARTES COURS
***********************************/
.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i {
    background-color: #3A7CF7;
}

.gauge-horizontal .gauge-display {
    background-color: #3A7CF7;
}

.banner {
    background-color: #F76A52;
}

.hearted i::before,
.hearted.selected i::before{
    color: #F76A52;
}


/********************************
        FORMULAIRE CAMPAGNE
********************************/
.header-step > .header-step-value {
    border-color: #E7E8EB;
}

.header-step ~ .header-step:before {
    background-color: #E7E8EB;
}

.header-step ~ .header-step.previous:before,
.header-step ~ .header-step.current:before {
    background-color: #3A7CF7;
}

.header-step > .header-step-title {
    color: #E7E8EB;
}

.header-step.previous > .header-step-title,
.header-step.current > .header-step-title {
    color: #000000;
}

.header-step.previous > .header-step-value {
    background-color: #FFFFFF;
    border-color: #3A7CF7;
    color: #3A7CF7;
}

.header-step.current > .header-step-value {
    background-color: #3A7CF7;
    border-color: #3A7CF7;
    color: #FFFFFF;
}

.light-background .main-container {
    background-color: #FFFFFF;
}

div.header {
    border-bottom-width:0px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}

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

input[type=checkbox]:checked + span:before {
    border-color: #E7E8EB;
}

input[type=checkbox]:checked:hover + span:before {
    border-color: #B6BBC3;
}

.cosy-form label {
    color: #B6BBC3;
}

/**************************************
		OBJECT TABLE
**************************************/

.object-table-container .object-table-header,
.object-table-container .object-table-row-header,
.object-table-container .object-table-row {
    background-color: #ffffff;
}

.object-table-container .object-table {
    border-color: #E7E8EB;
}

.assesments-results-table-container .object-table-row-header.green:before {
    background-color: #1FAD7C;
}

.assesments-results-table-container .object-table-row-header.red:before {
    background-color: #F76A52;
}

.assesments-results-table-container .object-table-row-header.gold:before {
    background-color: #E0BD63;
}

.object-table-container .object-table-row {
    border-top-color: #E7E8EB;
}

.assesments-results-table-container .object-table-row.green:before {
    background-color: #28E0A1;
}

.assesments-results-table-container .object-table-row.red:before {
    background-color: #F76A52;
}

.assesments-results-table-container .object-table-row.gold:before {
    background-color: #E0BD63;
}

.cosy-form .date-group .fa-calendar {
    color: #B6BBC3;
}

.cosy-form .object-table .select-list .placeholder:not(.selected) {
    color: #B6BBC3;
}

/****************************
        REPORTS
****************************/
.reports-front .input-group .form-control {
    background-color: #FFFFFF;
    color: #B6BBC3;
}

.reports-front .btn.btn-success {
    color: #FFFFFF;
    background-color: #3A7CF7;
    border-color: #3A7CF7;
}

.reports-front .btn.btn-success:hover {
    color: #FFFFFF;
    background-color: #F76A52;
    border-color: #F76A52;
}

.reports-front .input-group .btn.btn-success {
    color: #3A7CF7;
    background-color: transparent;
    border-color: transparent;
}

.reports-front .input-group .btn.btn-success:hover {
    color: #F76A52;
    background-color: transparent;
    border-color: transparent;
}

.reports-front .input-group .btn.grey-mint,
.reports-front .input-group .btn.grey-mint:hover {
    color: #B6BBC3;
    background-color: transparent;
    border-color: transparent;
}

.inner.only-nav {
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}

.campaign-user-red {
    color: #e7505a;
}

.campaign-user-orange {
    color: orange;
}

.steps-content .btn-next .fa-spinner {
    color:white;
}