:root {
    --rouge: #da291c;
    --gris: #4b4e52;
    --noir: #232427;
    --rouge-pale : #e2e2e2;
}


/*BGCOLOR:ROUGE*/
/* .addDetaillant input[type="submit"],
.btn-call,
.infos .details button,
.liste button,
.rappel-header,
.hero-side,.boitelogin input[type="submit"],
.header,
.header nav ul li ul,
.report_output table th,
.filtresrapport .titre,
.bandeau_recherche .titre,
.result_poll .questions .title-bar,
.details h2,
.calendrier .left a.addcalendar,
div#calendar div.calheader,
div#calendar div.calheader,
.calendrier.edit form input[type="submit"],
.details ul:not(.listefichiers) li div {
    background-color: var(--noir)!important;
    background: var(--noir)!important;
} */

/*BGCOLOR:NOIR*/

/* #bandeau,
.button,
form .submit,
.custom-select-wrapper .selection-items i.add-item,
a.addcomments,
.infowindow button {
    background-color: var(--rouge)!important;
    background: var(--rouge)!important;

}
.recherche_nom input[type="button"] {
    background-color: var(--rouge)!important;

} */

/*BGCOLOR:ROUGE-PALE*/
/* .report_output table tr:nth-child(odd),
.filtresrapport,
.details,
.details ul:not(.listefichiers) li {
    background-color: var(--rouge-pale);
    background: var(--rouge-pale);
} */

/*BGCOLOR:ROUGE_HOVER*/
/* .report_output table tr.tr_to_click:hover,
.details ul:not(.listefichiers) li:hover {
    background-color: #dd5c5c;
} */

/*BGCOLOR:GRIS*/
/* .main-dashboard .board .board-content table thead th {
    background-color: var(--gris);
} */

/*COLOR:NOIR*/
/* .col-accueil h2,
.loginForm h2,
.filtresrapport h1,
.details .infos label,
.details .infos span.moresupplier,
.moresupplier,
.details .infos span.moreservice,
.moreservice,
.infowindow p.nom,
.details p.nom,
.main-dashboard .board .board-heading h1,
.main-dashboard .board .board-heading .periode-change .chkbox-all label,
.main-dashboard .board .board-heading .month-selection .chkbox-all label,
.main-dashboard .board .board-heading .periode-change i,
.main-dashboard .board .board-heading .periode-change span,
.main-dashboard .board .board-heading .month-selection i,
.main-dashboard .board .board-heading .month-selection span,
.details_comm div.commentaires p.date,
.comments p.date,
.report_output table td p.detaillant a,
.editcontact .title,
.calendrier.edit h1 {
    color: var(--noir)!important;
} */

/*UNIQUES*/
/* .header nav ul.main_menu.mobile li.selected {
    border-left: 10px solid var(--rouge);
}
.header nav ul li.selected a {
    color: var(--rouge);
    font-weight: 600;
}
.filtresrapport a.addbutton span {
    border: 2px solid var(--noir);
    background-color: var(--noir);
}
.filtresrapport a.addbutton span:first-child {
    border: 2px solid var(--rouge);
    background-color: var(--rouge);
}
.details.editcontact form.edit > div {
    background-color: #ffffff;
    border: 2px solid var(--noir);
}
.main-dashboard .board .board-content .box-quotes .box-left {
    background: var(--gris);
    background: linear-gradient(135deg, var(--gris) 0%, var(--noir)100%);
}
.main-dashboard .board .board-heading .periode-change .ok{
    background-color: var(--noir)!important;
    border: 1px solid var(--noir)!important;
}

.filtresrapport .outils,.report_output table td .emailcomment,.filtresrapport input[type="text"]#eventsDateDebut, .filtresrapport input[type="text"]#eventsDateFin,select#month {
    filter: grayscale(100%) brightness(104%);
    -webkit-filter: grayscale(100%) brightness(104%);
    -moz-filter: grayscale(100%) brightness(104%);
}
.hero-side {
    background-color: var(--noir)!important;
    background-image: url(../images/bg-half-cloud.png)!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: right!important;
}

.tox.tox-tinymce button{
 background-color: inherit!important;
 background: inherit!important;
}

.tox.tox-tinymce button span{
    color:rgb(34, 47, 62)!important;
   } */