/***********************************************************/
/*   page GEMCEL */
/***********************************************************/
/*bord de la frame recherche et stat*/
.cara-gemcel #tabs-2-iframe {
    border-color: #ffffff;
    margin:0;
    padding:0;
}

.jqueryMessageBox{
    background-color:transparent;
}
/***********************************************************/
/* *****                  COMMUN                     ***** */
/***********************************************************/
.cara-right {
    text-align: right;
}

/***********************************************************/
/* *****                  MC                         ***** */
/***********************************************************/
:root {
    --cara-mc-bg-color: var(--cara-mc-color-sombre);
    --cara-mc-bg-color-inverse: var(--cara-mc-color-clair);
    --cara-mc-color: var(--cara-mc-color-plus-clair);
    --cara-mc-color-inverse: var(--cara-mc-color-plus-sombre);

}
html {
    --cara-mc-bg-color: var(--cara-mc-color-sombre);
    --cara-mc-bg-color-inverse: var(--cara-mc-color-clair);
    --cara-mc-color: var(--cara-mc-color-plus-clair);
    --cara-mc-color-inverse: var(--cara-mc-color-plus-sombre);
}
.cara-mc-commun.cara-inverse {
    --cara-mc-bg-color-inverse: var(--cara-mc-color-sombre);
    --cara-mc-bg-color: var(--cara-mc-color-clair);
    --cara-mc-color-inverse: var(--cara-mc-color-plus-clair);
    --cara-mc-color: var(--cara-mc-color-plus-sombre);
}
/* -------------------  commun --------------------- */
.cara-mc-commun {
    background-color: var(--cara-mc-bg-color-inverse);
    color: var(--cara-mc-color-inverse);
}
.cara-mc-commun .modal-dialog {
    background-color: var(--cara-mc-bg-color);
    color: var(--cara-mc-color);
}
.cara-mc-commun input, .cara-mc-commun select {
    color: var(--cara-mc-color-noir);
}
.cara-mc-commun.cara-inverse input, .cara-mc-commun.cara-inverse select {
    color: var(--cara-mc-color-noir);
}


.cara-mc-commun .btn-danger:focus, .cara-mc-commun .btn-danger:active, .cara-mc-commun .btn-danger {
    background-color: var(--cara-mc-color-danger-clair-bg);
    border-color: var(--cara-mc-color-danger-clair-border);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .btn-danger:hover {
    background-color: var(--cara-mc-color-danger-sombre-bg);
    border-color: var(--cara-mc-color-danger-sombre-border);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .btn-warning:focus, .cara-mc-commun .btn-warning:active, .cara-mc-commun .btn-warning {
    background-color: var(--cara-mc-color-warning-clair-bg);
    border-color: var(--cara-mc-color-warning-clair-border);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .table > tbody > tr.warning > td, .cara-mc-commun .table > tbody > tr.warning > th {
    background-color: var(--cara-mc-color-warning-clair-bg);
}

.cara-mc-commun .btn-warning:hover {
    background-color: var(--cara-mc-color-warning-sombre-bg);
    border-color: var(--cara-mc-color-warning-sombre-border);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .bg-primary {
    background-color: var(--cara-mc-color-primary-sombre-bg);
    border: 1px var(--cara-mc-color-primary-clair-border) solid;
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .btn-primary:focus, .cara-mc-commun .btn-primary:active, .cara-mc-commun .btn-primary {
    background-color: var(--cara-mc-color-primary-sombre-bg);
    border-color: var(--cara-mc-color-primary-sombre-border);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .btn-primary:hover {
    background-color: var(--cara-mc-color-primary-clair-bg);
    border-color: var(--cara-mc-color-primary-clair-border);
    color: var(--cara-mc-color-blanc);
}
.cara-mc-commun.cara-inverse .btn-primary:focus, .cara-mc-commun .btn-primary:active, .cara-mc-commun .btn-primary {
    background-color: var(--cara-mc-color-primary-sombre-bg-inverse);
    border-color: var(--cara-mc-color-primary-sombre-border-inverse);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun.cara-inverse .btn-primary:hover {
    background-color: var(--cara-mc-color-primary-clair-bg-inverse);
    border-color: var(--cara-mc-color-primary-clair-border-inverse);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .btn-default:focus, .cara-mc-commun .btn-default:active, .cara-mc-commun .btn-default {
    background-color: var(--cara-mc-color-default-clair-bg);
    border-color: var(--cara-mc-color-default-clair-border);
    color: var(--cara-mc-color-noir);
}

.cara-mc-commun .btn-default:hover {
    background-color: var(--cara-mc-color-default-sombre-bg);
    border-color: var(--cara-mc-color-default-sombre-border);
    color: var(--cara-mc-color-noir);
}

.cara-mc-commun.cara-inverse .btn-default:focus, .cara-mc-commun.cara-inverse .btn-default:active, .cara-mc-commun.cara-inverse .btn-default {
    background-color: var(--cara-mc-color-default-sombre-bg-inverse);
    border-color: var(--cara-mc-color-default-sombre-border-inverse);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun.cara-inverse .btn-default:hover {
    background-color: var(--cara-mc-color-default-clair-bg-inverse);
    border-color: var(--cara-mc-color-default-clair-border-inverse);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun .panel.panel-default {
    background-color: var(--cara-mc-color-default-clair-bg);
    border-color: var(--cara-mc-color-default-sombre-border);
    color: var(--cara-mc-color-noir);
}
.cara-mc-commun .panel.panel-default .panel-heading {
    background-color: var(--cara-mc-color-default-sombre-bg-plus);
    border-color: var(--cara-mc-color-default-clair-border);
    color: var(--cara-mc-color-blanc);
}
.cara-mc-commun.cara-inverse .panel.panel-default {
    background-color: var(--cara-mc-color-default-sombre-bg);
    border-color: var(--cara-mc-color-default-clair-border);
    color: var(--cara-mc-color-noir);
}
.cara-mc-commun.cara-inverse .panel.panel-default .panel-heading {
    background-color: var(--cara-mc-color-default-sombre-bg-plus-inverse);
    border-color: var(--cara-mc-color-default-sombre-border);
    color: var(--cara-mc-color-blanc);
}

.cara-mc-commun.bg-danger {
    background-color: var(--cara-mc-color-danger);
}


/* --------------------- body -------------------- */

.cara-mc-body {
    background-color: var(--cara-mc-bg-color);
    color: var(--cara-mc-color);
    font-size: 1.3em;
    margin: 0px;
    padding: 0px;
    border: 0;
}
.cara-mc-body .bootstrap-datetimepicker-widget {
    color: var(--cara-mc-color-sombre);
}
.cara-mc-body .glyphicon {
    margin-right: 2px;
}
.cara-mc-body .dListing {
    background-color: var(--cara-mc-bg-color-inverse);
    color: var(--cara-mc-color-inverse);
}

.cara-mc-body table.editablegrid {
    border-collapse: collapse;
    border: 1px solid var(--cara-mc-liste-tb-border-color);
    margin-bottom: 0px;
}

.cara-mc-body table.editablegrid td {
    padding: 5px 2px 2px 5px;
    border: 1px solid var(--cara-mc-liste-tb-border-color);
    font-size: 12px;
    background-color: var(--cara-mc-liste-tb-color-bg);
    color: var(--cara-mc-liste-tb-color);
}

.cara-mc-body table.editablegrid th {
    padding: 2px;
    border: 1px solid var(--cara-mc-liste-tb-border-color);
    text-align: center;
    font-size: 14px;
    background-color: var(--cara-mc-liste-tb-entete-color-bg);
    color: var(--cara-mc-liste-tb-entete-color);
}


/* -------------------- MC-THEMES --------------------- */
:root {
    --cara-mc-themes-bg-color: var(--cara-mc-color-sombre);
    --cara-mc-themes-bg-color-inverse: var(--cara-mc-color-plus-clair);
    --cara-mc-themes-color: var(--cara-mc-color-plus-clair);
    --cara-mc-themes-color-inverse: var(--cara-mc-color-plus-sombre);
    --cara-mc-themes-border-color-visible: var(--cara-mc-color-clair);
    --cara-mc-themes-border-color-no-visible: var(--cara-mc-color-sombre);
    --cara-mc-themes-border-color-no-visible_inverse: var(--cara-mc-color-clair);
    --cara-mc-themes-border-color-visible-inverse: var(--cara-mc-color-sombre);
    --cara-mc-themes-hauteur-line: 20px;
    --cara-mc-themes-padding: 1px 6px 1px 6px;
    --cara-mc-themes-line-selected-color-bg: var(--cara-mc-color-mi);
    --cara-mc-themes-line-selected-color: var(--cara-mc-color-plus-sombre);
}
html {
    --cara-mc-themes-bg-color: var(--cara-mc-color-sombre);
    --cara-mc-themes-bg-color-inverse: var(--cara-mc-color-plus-clair);
    --cara-mc-themes-color: var(--cara-mc-color-plus-clair);
    --cara-mc-themes-color-inverse: var(--cara-mc-color-plus-sombre);
    --cara-mc-themes-border-color-visible: var(--cara-mc-color-clair);
    --cara-mc-themes-border-color-no-visible: var(--cara-mc-color-sombre);
    --cara-mc-themes-border-color-no-visible_inverse: var(--cara-mc-color-clair);
    --cara-mc-themes-border-color-visible-inverse: var(--cara-mc-color-sombre);
    --cara-mc-themes-hauteur-line: 20px;
    --cara-mc-themes-padding: 1px 6px 1px 6px;
    --cara-mc-themes-line-selected-color-bg: var(--cara-mc-color-mi);
    --cara-mc-themes-line-selected-color: var(--cara-mc-color-plus-sombre);
}
.cara-mcthemes-body {
    background-color: var(--cara-mc-themes-bg-color);
    /*background-color: #fcfbff;*/
}
.cara-mcthemes-body .themeLink {
    background-color: var(--cara-mc-themes-bg-color);
    /*background-color: #fcfbff;*/
}
.cara-mcthemes-body .filetree img {
    vertical-align: middle;
    margin-right:5px;
}
.cara-mcthemes-body .btn {
    padding: 0 6px;
    font-size: 14px;
    font-weight: bold;
}
.cara-mcthemes-body .filetree {
    color: var(--cara-mc-color);
    font-family: verdana,Arial;
    font-size: 13px;
}
.cara-mcthemes-body .filetree img {
    height: var(--cara-mc-themes-hauteur-line);
}
.cara-mcthemes-body .filetree .folder {
    border: solid 1px white;
    background-color: var(--cara-mc-themes-bg-color-inverse);
    color: var(--cara-mc-themes-color-inverse);
    font-family: verdana,Arial;
    font-size: 13px;
    cursor: pointer;
}
    .cara-mcthemes-body .filetree .themeLink {
        cursor: pointer;
        margin-left: -8px;
        padding: var(--cara-mc-themes-padding);
        line-height: var(--cara-mc-themes-hauteur-line);
        border: solid 1px var(--cara-mc-themes-border-color-no-visible);
        width: 400px;
    }
.cara-mcthemes-body .filetree li {
    overflow: hidden;
}
/*police thèmes principaux*/
.cara-mcthemes-body .filetree .expandable .folder {
    font-size: 1.7rem;
    font-weight: bold;
}
.cara-mcthemes-body .filetree li.expandable span.folder, .cara-mcthemes-body .filetree li.expandable div.folder {
    background: var(--cara-mc-themes-bg-color-inverse) url("../Design/images/vide.png") 0 0 no-repeat;
    padding: 1px 0 1px 0;
}
.cara-mcthemes-body .filetree span.folder, .cara-mcthemes-body .filetree div.folder {
    background: var(--cara-mc-themes-bg-color-inverse) url("../Design/images/vide.png") 0 0 no-repeat;
    padding: 1px 0 1px 0;
}
.cara-mcthemes-body .filetree .themeLink:hover {
    /*text-decoration:underline;*/
    border: solid 1px var(--cara-mc-themes-border-color-visible);
    /*padding-left: 28px;
    margin-left: -28px;*/
    background-color: var(--cara-mc-themes-line-selected-color-bg);
    color: var(--cara-mc-themes-line-selected-color)
}
.cara-mcthemes-body .filetree .themeLink:hover:before {
    content: "";
    background: url("images/flecheD.png") no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
}
/*bloc thème principal */
.cara-mcthemes-body .filetree li.expandable div.folder {
    padding: 8px 0;
}
.cara-mcthemes-body .filetree li.collapsable div.folder {
    padding: 5px 0 2px 10px;
}



/* --------------------- MC-LISTE ---------------------- */
:root{
    --cara-mc-liste-tb-color-bg: var(--cara-mc-color-plus-clair);
    --cara-mc-liste-tb-color: var(--cara-mc-color-noir);
    --cara-mc-liste-tb-entete-color-bg: var(--cara-mc-color-sombre);
    --cara-mc-liste-tb-entete-color: var(--cara-mc-color-blanc);
    --cara-mc-liste-tb-border-color: var(--cara-mc-color-gris-clair);
    --cara-mc-liste-panel-color-bg: var(--cara-mc-color-gris-clair);
    --cara-mc-liste-panel-color-border: var(--cara-mc-color-gris-sombre);
    --cara-mc-liste-panel-color: var(--cara-mc-color-noir);
}
html {
    --cara-mc-liste-tb-color-bg: var(--cara-mc-color-plus-clair);
    --cara-mc-liste-tb-color: var(--cara-mc-color-noir);
    --cara-mc-liste-tb-entete-color-bg: var(--cara-mc-color-sombre);
    --cara-mc-liste-tb-entete-color: var(--cara-mc-color-blanc);
    --cara-mc-liste-tb-border-color: var(--cara-mc-color-gris-clair);
    --cara-mc-liste-panel-color-bg: var(--cara-mc-color-gris-clair);
    --cara-mc-liste-panel-color-border: var(--cara-mc-color-gris-sombre);
    --cara-mc-liste-panel-color: var(--cara-mc-color-noir);
}

.cara-mcliste-body {
    background-color: var(--cara-mc-bg-color);
    color: var(--cara-mc-color);
    font-size: 1.3em;
}
.cara-mcliste-body.cara-inverse {
    background-color: var(--cara-mc-bg-color-inverse);
    color: var(--cara-mc-color-inverse);
}
.cara-mcliste-body.bg-danger {
    background-color: var(--cara-mc-color-danger);
    font-size: 1.3em;
}

.cara-mcliste-body .glyphicon{
    margin-right:2px;
}

.cara-mcliste-body table.editablegrid {
    border-collapse: collapse;
    border: 1px solid var(--cara-mc-liste-tb-border-color);
    margin-bottom: 0px;
}

.cara-mcliste-body table.editablegrid td {
    padding: 9px 2px 3px 5px;
    border: 1px solid var(--cara-mc-liste-tb-border-color);
    font-size: 12px;
    background-color: var(--cara-mc-liste-tb-color-bg);
    color: var(--cara-mc-liste-tb-color);
}
.cara-mcliste-body table.editablegrid th {
    padding: 2px;
    border: 1px solid var(--cara-mc-liste-tb-border-color);
    text-align: center;
    font-size: 14px;
    background-color: var(--cara-mc-liste-tb-entete-color-bg);
    color: var(--cara-mc-liste-tb-entete-color);
}

.cara-mcliste-body table.editablegrid td {
cursor: pointer;
}

.cara-mcliste-body .panel {
    background-color: var(--cara-mc-liste-panel-color-bg);
    color: var(--cara-mc-liste-panel-color);
    border-color: var(--cara-mc-liste-panel-color-border);
    padding-top: 0;
    padding-bottom: 0;
}
.cara-mcliste-body.cara-inverse .panel {
    background-color: var(--cara-mc-liste-panel-color-border);
    color: var(--cara-mc-liste-panel-color-border);
    border-color: var(--cara-mc-liste-panel-color-bg);
    padding-top: 0;
    padding-bottom: 0;
}
.cara-mcliste-body .panel .panel-body{
    padding-top: 0;
    padding-bottom: 0;
}

.cara-mcliste-body input.invalid {
    background: var(--cara-mc-color-danger);
    color: var(--cara-mc-color-blanc);
}

.cara-mcliste-body .bg-danger {
    background-color: var(--cara-mc-color-danger);
}

.cara-mcliste-body .btn-sm {
padding-top: 0;
padding-bottom: 0;
/*font-size:auto; */
}

.cara-mcliste-body .input-sm {
height: 20px;
}



.cara-mcliste-body h4 {
display: inline;
}

.cara-mcliste-body .panel-heading {
    padding: 5px;
    background-color: var(--cara-mc-color-gris-clair);
    color: var(--cara-mc-color-noir);
}


    /*.cara-mcliste-body label.btn {
background: gainsboro;
border: 1px solid #ddeeFF;
}
*/
.cara-mcliste-body label.btn.active {
    background: var(--cara-mc-color-primary-clair-bg);
    /*border: 1px solid #ddeeFF;*/
}

.cara-mcliste-body button.btn {
padding: 4px 9px;
}

.cara-mcliste-body label.btn.btnEtatRap {
padding: 2px 9px;
height: 28px;
}



.cara-mcliste-body input.form-control {
padding: 13px 18px;
}


/***********************************************************/
/* *****                STATS                        ***** */
/***********************************************************/
.cara-stats-commun {
    background-color: var(--cara-stats-color-clair);
}
.cara-stats-gauche {
    background-color: var(--cara-stats-color-plus-sombre);
}

.cara-stats-commun ul.cara-ul {
    background-color: var(--cara-stats-blanc);
    color:var(--cara-stats-noir);
}
.cara-stats-commun ul.cara-ul > li:hover {
    background-color: var(--cara-stats-color-plus-sombre);
    color: var(--cara-stats-blanc);
}


.cara-stats-commun .panel-default {
    border-color: var(--cara-stats-normal-border-color);
}
.cara-stats-commun .panel-default .panel-heading {
    background-color: var(--cara-stats-heading-bg-color);
    border-color: var(--cara-stats-heading-border-color);
}
    .cara-stats-commun .panel-default .panel-body {
        background-color: var(--cara-stats-color-clair);
        border-color: var(--cara-stats-color-plus-sombre);
    }

.cara-stats-commun .btn-default, .cara-stats-commun .input-group-btn {
    background-color: var(--cara-stats-color-mi);
    border-color: var(--cara-stats-color-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-mi) 0%, var(--cara-stats-color-mi) 100%);
}

    .cara-stats-commun .btn-default:hover, .cara-stats-commun .btn-default.active, .cara-stats-commun .input-group-btn:hover, .cara-stats-commun .input-group-btn.active {
        background-color: var(--cara-stats-color-clair);
        border-color: var(--cara-stats-color-plus-sombre);
        background-image: linear-gradient(to bottom, var(--cara-stats-color-clair) 0%, var(--cara-stats-color-clair) 100%);
    }


.cara-stats-commun .btn-primary {
    background-color: var(--cara-stats-color-mi);
    border-color: var(--cara-stats-color-sombre);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-mi) 0%, var(--cara-stats-color-sombre) 100%);
    color: var(--cara-stats-blanc);
}
.cara-stats-commun .btn-primary:hover, .cara-stats-commun .btn-primary.active {
    background-color: var(--cara-stats-color-clair);
    border-color: var(--cara-stats-color-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-clair) 0%, var(--cara-stats-color-clair) 100%);
    color: var(--cara-stats-noir);
}
.cara-stats-commun .btn-primary.active {
    border-width: 0px;
}


.cara-stats-commun .btn-primary.btn-danger, .cara-stats-commun .btn-danger {
    background-color: var(--cara-stats-color-danger-sombre-bg);
    border-color: var(--cara-stats-color-danger-sombre-border);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-danger-sombre-bg) 0%, var(--cara-stats-color-danger-sombre-bg) 100%);
}
.cara-stats-commun .btn-primary.btn-danger:hover, .cara-stats-commun .btn-danger:hover {
    background-color: var(--cara-stats-color-danger-clair-bg);
    border-color: var(--cara-stats-color-danger-clair-border);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-danger-clair-bg) 0%, var(--cara-stats-color-danger-clair-bg) 100%);
}

.cara-stats-commun .ui-widget-content .ui-widget-header {
    border: 1px solid var(--cara-stats-color-sombre);
    background-color: var(--cara-stats-color-clair);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-clair) 0%, var(--cara-stats-color-clair) 100%);
    color: var(--cara_stats-noir);
    font-weight: bold;
}
.cara-stats-commun .ui-widget-content .ui-state-hover {
    background-color: var(--cara-stats-color-plus-clair);
    border-color: var(--cara-stats-color-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-plus-clair) 0%, var(--cara-stats-color-plus-clair) 100%);
}
.cara-stats-commun .ui-widget-content .ui-state-default {
    background-color: var(--cara-stats-color-plus-clair);
    border-color: var(--cara-stats-color-clair);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-plus-clair) 0%, var(--cara-stats-color-plus-clair) 100%);
    color: var(--cara-stats-color-plus-sombre);
}
.cara-stats-commun .ui-widget-content .ui-state-active, .cara-stats-commun .ui-widget-content .ui-state-highlight.ui-state-active {
    background-color: var(--cara-stats-yellow);
    border-color: var(--cara-stats-orange);
    background-image: linear-gradient(to bottom, var(--cara-stats-yellow) 0%, var(--cara-stats-yellow) 100%);
    color: var(--cara-stats-noir);
}
.cara-stats-commun .ui-widget-content .ui-state-highlight {
    background-color: var(--cara-stats-color-clair);
    border-color: var(--cara-stats-color-mi);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-clair) 0%, var(--cara-stats-color-clair) 100%);
    color: var(--cara-stats-color-plus-sombre);
}

.cara-stats-commun .cara-titre h4 {
    color: var(--cara-stats-color-danger-sombre-bg);
}

.cara-stats-commun .cara-titre .filtreActif span, .cara-titre .filtreActif div {
    border-color: var(--cara-stats-orange);
    background-color: var(--cara-stats-blanc);
}

.cara-stats-commun table.editablegrid {
    background-color: var(--cara-stats-blanc);
    border-color: var(--cara-stats-color-plus-clair);
}

.cara-stats-commun table.editablegrid th {
    background-color: var(--cara-stats-color-clair);
    border-color: var(--cara-stats-color-mi);
}
.cara-stats-commun table.editablegrid.table > tbody > tr > td {
    background-color: var(--cara-stats-blanc);
    border-color: var(--cara-stats-color-clair);
    font-weight:normal;
    font-family:Verdana;
    color:var(--cara-stats-noir);
}
.cara-stats-commun .panel.panel-default .panel-heading, .cara-stats-commun .panel.panel-default .panel-footer {
    background-color: var(--cara-stats-color-sombre);
    border-color: var(--cara-stats-color-clair);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-sombre) 0%, var(--cara-stats-color-sombre) 100%);
}
.cara-stats-commun .arboEntete {
    background-color: var(--cara-stats-color-sombre);
}

.cara-stats-commun table.editablegrid.table > tbody > tr.inCaddie > td, .cara-stats-commun tr.inCaddie > td {
    background-color: var(--cara-stats-yellow);
}

.cara-stats-commun .jqplot-target{
    color:var(--cara-stats-noir);
}

.cara-stats-commun .panel.bg-default .panel-heading, .cara-stats-commun .panel.bg-default .panel-footer {
    background-color: var(--cara-stats-color-sombre);
}
.cara-stats-commun .panel.bg-default .panel-body{
    background-color: var(--cara-stats-color-clair);
}



.cara-stats-commun .input-group-addon {
    background-color: var(--cara-stats-color-clair);
}
.cara-stats-gauche .panel-heading .bg-default {
    background-color: var(--cara-stats-color-Sombre);
}
.cara-stats-gauche .panel-body .bg-default {
    background-color: var(--cara-stats-color-sombre);
    color:var(--cara-stats-color-plus-clair)
}
.cara-stats-gauche .panel-body .labelSpan.bg-default {
    background-color: var(--cara-stats-color-clair);
    color: var(--cara-stats-color-plus-sombre);
}
.cara-stats-gauche .panel-body .input-group-addon.labelSpan {
    color: var(--cara-stats-color-plus-sombre);
}
.cara-stats-gauche .form-control {
    color: black;
}
.cara-stats-gauche .panel-default .panel-heading {
    color: #fff
}
/*titres des rubriques panel gauche partie stat*/

/****************  DOCUMENTS  ****************/
:root {
    --cara-gpc-themes-background-color: var(--cara-gpc-color-sombre);
    --cara-gpc-themes-link-color-bg: var(--cara-gpc-color-mi);
    --cara-gpc-themes-link-color-default: var(--cara-gpc-color-plus-clair);
    --cara-gpc-themes-link-color-border-default: var(--cara-gpc-color-plus-sombre);
    --cara-gpc-themes-link-color-bg-active: var(--cara-gpc-color-mi);
    --cara-gpc-themes-link-color-active: var(--cara-gpc-color-plus-clair);
    --cara-gpc-themes-link-color-border-active: var(--cara-gpc-color-plus-sombre);
    --cara-gpc-commun-body-bg-archives: var(--cara-gpc-archives-body);
    --cara-gpc-commun-panel-bg-archives: var(--cara-gpc-archives-panel);
    --cara-gpc-themes-hauteur-line: 20px;
    --cara-gpc-themes-padding: 3px 6px 3px 6px;
}
html {
    --cara-gpc-themes-background-color: var(--cara-gpc-color-sombre);
    --cara-gpc-themes-link-color-bg: var(--cara-gpc-color-mi);
    --cara-gpc-themes-link-color-default: var(--cara-gpc-color-plus-sombre);
    --cara-gpc-themes-link-color-border-default: var(--cara-gpc-blanc);
    --cara-gpc-themes-link-color-bg-active: var(--cara-gpc-color-mi);
    --cara-gpc-themes-link-color-active: var(--cara-gpc-color-plus-clair);
    --cara-gpc-themes-link-color-border-active: var(--cara-gpc-color-plus-sombre);
    --cara-gpc-commun-body-bg-archives: var(--cara-gpc-archives-body);
    --cara-gpc-commun-panel-bg-archives: var(--cara-gpc-archives-panel);
    --cara-gpc-themes-hauteur-line: 20px;
    --cara-gpc-themes-padding: 3px 6px 3px 6px;
}
/*  -------- DOCUMENTS COMMUN ------- */
body.cara-gpc-commun {
    background-color: var(--cara-gpc-color-sombre);
}

.cara-gpc-commun .btn-primary {
    background-color: var(--cara-gpc-color-mi);
    border-color: var(--cara-gpc-color-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-gpc-color-mi) 0%, var(--cara-gpc-color-mi) 100%);
}
.cara-gpc-commun .btn-primary:hover, .cara-gpc-commun .btn-primary.active {
    background-color: var(--cara-gpc-color-sombre);
    border-color: var(--cara-gpc-color-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-gpc-color-sombre) 0%, var(--cara-gpc-color-sombre) 100%);
    color: var(--cara-gpc-blanc);
}
.cara-gpc-commun .btn-default {
    background-color: var(--cara-gpc-color-plus-clair);
    border-color: var(--cara-gpc-color-sombre);
    background-image: linear-gradient(to bottom, var(--cara-gpc-color-plus-clair) 0%, var(--cara-gpc-color-plus-clair) 100%);
}
.cara-gpc-commun .btn-default:hover, .cara-gpc-commun .btn-default.active {
    background-color: var(--cara-gpc-blanc);
    border-color: var(--cara-gpc-color-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-gpc-blanc) 0%, var(--cara-gpc-blanc) 100%);
}
.cara-gpc-commun .btn-success {
    background-color: var(--cara-gpc-color-success-sombre);
    border-color: var(--cara-gpc-color-success);
    background-image: linear-gradient(to bottom, var(--cara-gpc-color-success-sombre) 0%, var(--cara-gpc-color-success-sombre) 100%);
}

.cara-gpc-commun .btn-success:hover, .cara-gpc-commun .btn-success.active {
    background-color: var(--cara-gpc-color-success);
    border-color: var(--cara-gpc-color-success-sombre);
    background-image: linear-gradient(to bottom, var(--cara-gpc-color-success) 0%, var(--cara-gpc-color-success) 100%);
}
.cara-gpc-commun .form-control[disabled], .cara-gpc-commun .form-control[readonly], .cara-gpc-commun fieldset[disabled] .form-control{
    background-color:var(--cara-gpc-gris);
}
.cara-gpc-commun .bg-danger {
    background-color: var(--cara-gpc-color-error);
}
.cara-gpc-commun .info {
    background-color: var(--cara-gpc-color-sombre);
    color: var(--cara-gpc-blanc);
    border-color: var(--cara-gpc-color-plus-plus-sombre);
}




body.cara-gpc-commun.archives {
    background-color: var(--cara-gpc-commun-body-bg-archives);
}
body.cara-gpc-commun.archives .panel {
    background-color: var(--cara-gpc-commun-panel-bg-archives);
    border-color: var(--cara-gpc-commun-panel-bg-archives)
}
body.cara-gpc-commun .panel.panel-success .panel-body {
    background-color: var(--cara-gpc-color-clair);
}
body.cara-gpc-commun .panel.panel-default {
    border-color: var(--cara-gpc-color-sombre);
}
body.cara-gpc-commun .panel.panel-default .panel-heading {
    background-color: var(--cara-gpc-color-plus-clair);
    color: var(--cara-gpc-color-plus-plus-sombre);
    border-color: var(--cara-gpc-color-sombre);
}
body.cara-gpc-commun .panel.panel-success {
    border-color: var(--cara-gpc-color-plus-sombre);
}
body.cara-gpc-commun .panel.panel-success .panel-heading {
    background-color: var(--cara-gpc-color-sombre);
    border-color: var(--cara-gpc-color-plus-sombre);
    color: var(--cara-gpc-color-plus-clair);
}

body.cara-gpc-commun .panel.panel-default .panel-body {
    background-color: var(--cara-gpc-blanc);
}
body.cara-gpc-commun .list-group-item.list-group-item-default {
    background-color: var(--cara-gpc-color-clair);
}

body.cara-gpc-commun .table-hover > tbody > tr:hover > td, body.cara-gpc-commun .table-hover > tbody > tr:hover > th {
    background-color: var(--cara-gpc-color-clair);
}
.cara-gpc-commun .effects_error {
    background-color: var(--cara-gpc-color-error);
    border-color: var(--cara-gpc-color-error-sombre);
}
.cara-gpc-commun .input-group-addon {
    background-color: var(--cara-gpc-color-plus-clair);
    border-color: var(--cara-gpc-color-mi);
}
.cara-gpc-commun .form-control, .cara-gpc-commun input, .cara-gpc-commun textarea {
    border-color: var(--cara-gpc-color-mi);
}

.cara-gpc-commun .ui-widget-content .ui-widget-header {
    border: 1px solid var(--cara-stats-color-sombre);
    background-color: var(--cara-stats-color-clair);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-clair) 0%, var(--cara-stats-color-clair) 100%);
    color: var(--cara_stats-noir);
    font-weight: bold;
}

.cara-gpc-commun .ui-widget-content .ui-state-hover {
    background-color: var(--cara-stats-color-plus-clair);
    border-color: var(--cara-stats-color-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-plus-clair) 0%, var(--cara-stats-color-plus-clair) 100%);
}

.cara-gpc-commun .ui-widget-content .ui-state-default {
    background-color: var(--cara-stats-color-plus-clair);
    border-color: var(--cara-stats-color-clair);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-plus-clair) 0%, var(--cara-stats-color-plus-clair) 100%);
    color: var(--cara-stats-color-plus-sombre);
}

.cara-gpc-commun .ui-widget-content .ui-state-active, .cara-gpc-commun .ui-widget-content .ui-state-highlight.ui-state-active {
    background-color: var(--cara-stats-yellow);
    border-color: var(--cara-stats-orange);
    background-image: linear-gradient(to bottom, var(--cara-stats-yellow) 0%, var(--cara-stats-yellow) 100%);
    color: var(--cara-stats-noir);
}

.cara-gpc-commun .ui-widget-content .ui-state-highlight {
    background-color: var(--cara-stats-color-clair);
    border-color: var(--cara-stats-color-mi);
    background-image: linear-gradient(to bottom, var(--cara-stats-color-clair) 0%, var(--cara-stats-color-clair) 100%);
    color: var(--cara-stats-color-plus-sombre);
}

/*  -------- DOCUMENTS THEMES ------- */

body.cara-gpc-themes {
    background-color: var(--cara-gpc-themes-background-color);
}
.cara-gpc-themes .filetree {
    color: var(--cara-gpc-themes-link-color-default);
    font-family: verdana,Arial;
    font-size: 13px;
}
.cara-gpc-themes .filetree img {
    height: var(--cara-gpc-themes-hauteur-line);
}
.cara-gpc-themes .filetree .folder {
    border: solid 1px white;
    background-color: var(--cara-gpc-themes-link-color-bg);
    color: var(--cara-gpc-themes-link-color-default);
    font-family: verdana,Arial;
    font-size: 13px;
    cursor: pointer;
}
    .cara-gpc-themes .filetree .themeLink {
        cursor: pointer;
        margin-left: -8px;
        padding: var(--cara-gpc-themes-padding);
        border: solid 1px var(--cara-gpc-themes-background-color);
        width: 400px;
        padding: 4px 8px;

    }
.cara-gpc-themes .filetree li {
    overflow: hidden;
}
    .cara-gpc-themes .filetree li.expandable span.folder, .cara-gpc-themes .filetree li.expandable div.folder {
        background: var(--cara-gpc-themes-link-color-bg) url("../Design/images/vide.png") 0 0 no-repeat;
        padding: 5px;
    }

    .cara-gpc-themes .filetree span.folder, .cara-gpc-themes .filetree div.folder {
        background: var(--cara-gpc-themes-link-color-bg) url("../Design/images/vide.png") 0 0 no-repeat;
        padding: 5px;

    }
    .cara-gpc-themes .filetree .themeLink:hover {
        border: solid 1px var(--cara-gpc-themes-link-color-border-active);
        padding: var(--cara-gpc-themes-padding);
        background-color: var(--cara-gpc-themes-link-color-bg-active);
        color: var(--cara-gpc-themes-link-color-active);
        padding: 4px 8px;
    }

.cara-gpc-themes .filetree .themeLink:hover:before {
    content: "";
    background: url("images/flecheD.png") no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
}


/*.cara-gpc-themes .themeLink {
    border-color: var(--cara-gpc-themes-link-color-border-default);
}
.cara-gpc-themes .themeLink:hover {
    background-color: var(--cara-gpc-themes-link-color-bg-active);
    border-color: var(--cara-gpc-themes-link-color-border-active);
    color: var(--cara-gpc-themes-link-color-active)
}

.cara-gpc-themes #treeRoot {
    color: var(--cara-gpc-noir);
    background-color: var(--cara-gpc-blanc);
}
.cara-gpc-themes #treeRoot li {
    overflow: hidden;
}*/

/*.cara-gpc-themes #tree span.folder, .cara-gpc-themes #tree div.folder {
    background-color: var(--cara-gpc-blanc);
    border-color: var(--cara-gpc-blanc);
}*/
/*.cara-gpc-themes #tree span.folder:hover, .cara-gpc-themes #tree div.folder:hover {
    background-color: var(--cara-gpc-themes-link-color-bg-active);
    border-color: var(--cara-gpc-themes-link-color-border-active);
    color: var(--cara-gpc-themes-link-color-active)
}*/










/*******************************************************************************************************/
/****************************************** MESSAGERIE *************************************************/
/*******************************************************************************************************/
body.cara-messagerie-commun {
    --cara-msg-color-plus-plus-clair: var(--cara-messagerie-color-plus-plus-clair);
    --cara-msg-color-plus-clair: var(--cara-messagerie-color-plus-clair);
    --cara-msg-color-clair: var(--cara-messagerie-color-clair);
    --cara-msg-color-mi: var(--cara-messagerie-color-mi);
    --cara-msg-color-sombre: var(--cara-messagerie-color-sombre);
    --cara-msg-color-plus-sombre: var(--cara-messagerie-color-plus-sombre);
    --cara-msg-color-plus-plus-sombre: var(--cara-messagerie-color-plus-plus-sombre);
    --cara-msg-color-blanc: var(--cara-messagerie-blanc);
    --cara-msg-color-blanc-plus: var(--cara-messagerie-blanc-plus);
    --cara-msg-color-noir: var(--cara-messagerie-noir);
    --cara-msg-color-noir-plus: var(--cara-messagerie-noir-plus);
    --cara-msg-color-gris-clair: var(--cara-messagerie-gris-clair);
    --cara-msg-color-gris: var(--cara-messagerie-gris);
    --cara-msg-color-gris-sombre: var(--cara-messagerie-gris-sombre);
}
body.cara-messagerie-commun.cara-inverse {
    --cara-msg-color-plus-plus-clair: var(--cara-messagerie-color-plus-plus-sombre);
    --cara-msg-color-plus-clair: var(--cara-messagerie-color-plus-sombre);
    --cara-msg-color-clair: var(--cara-messagerie-color-sombre);
    --cara-msg-color-mi: var(--cara-messagerie-color-mi);
    --cara-msg-color-sombre: var(--cara-messagerie-color-clair);
    --cara-msg-color-plus-sombre: var(--cara-messagerie-color-plus-clair);
    --cara-msg-color-plus-plus-sombre: var(--cara-messagerie-color-plus-plus-clair);
    --cara-msg-color-blanc: var(--cara-messagerie-noir);
    --cara-msg-color-blanc-plus: var(--cara-messagerie-noir-plus);
    --cara-msg-color-noir: var(--cara-messagerie-blanc);
    --cara-msg-color-noir-plus: var(--cara-messagerie-blanc-plus);
    --cara-msg-color-gris-clair: var(--cara-messagerie-gris-sombre);
    --cara-msg-color-gris: var(--cara-messagerie-gris);
    --cara-msg-color-gris-sombre: var(--cara-messagerie-gris-clair);
}
body.cara-messagerie-commun.cara-ts-emission {
    --cara-msg-color-plus-plus-clair: var(--cara-messagerie-color-plus-plus-clair-emission);
    --cara-msg-color-plus-clair: var(--cara-messagerie-color-plus-clair-emission);
    --cara-msg-color-clair: var(--cara-messagerie-color-clair-emission);
    --cara-msg-color-mi: var(--cara-messagerie-color-mi-emission);
    --cara-msg-color-sombre: var(--cara-messagerie-color-sombre-emission);
    --cara-msg-color-plus-sombre: var(--cara-messagerie-color-plus-sombre-emission);
    --cara-msg-color-plus-plus-sombre: var(--cara-messagerie-color-plus-plus-sombre-emission);
    /*--cara-msg-color-blanc: var(--cara-messagerie-blanc);
    --cara-msg-color-blanc-plus: var(--cara-messagerie-blanc-plus);
    --cara-msg-color-noir: var(--cara-messagerie-noir);
    --cara-msg-color-noir-plus: var(--cara-messagerie-noir-plus);
    --cara-msg-color-gris-clair: var(--cara-messagerie-gris-clair);
    --cara-msg-color-gris: var(--cara-messagerie-gris);
    --cara-msg-color-gris-sombre: var(--cara-messagerie-gris-sombre);*/
}

body.cara-messagerie-commun {
    background-color: var(--cara-msg-color-plus-clair);
    color: var(--cara-msg-color-noir);
}
body.cara-messagerie-commun.cara-ts-emission {
    background-color: var(--cara-messagerie-color-sombre-emission);
    color: var(--cara-messagerie-color-plus-clair-emission);
}

/* boutons ... */
.cara-messagerie-commun .btn-primary {
    background-color: var(--cara-msg-color-sombre);
    border-color: var(--cara-msg-color-plus-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-sombre) 0%, var(--cara-msg-color-sombre) 100%);
    color: var(--cara-msg-color-blanc);
}
.cara-messagerie-commun .btn-primary:hover, .cara-messagerie-commun .btn-primary.active {
    background-color: var(--cara-msg-color-sombre);
    border-color: var(--cara-msg-color-plus-plus-sombre);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-sombre) 0%, var(--cara-msg-color-plus-sombre) 100%);
    color: var(--cara-msg-color-blanc);
}
.cara-messagerie-commun .cara-messagerie-message-head .btn-primary {
    background-color: var(--cara-msg-color-clair);
    border-color: var(--cara-msg-color-plus-plus-clair);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-clair) 0%, var(--cara-msg-color-clair) 100%);
    color: var(--cara-msg-color-noir);
}
.cara-messagerie-commun .cara-messagerie-message-head .btn-primary:hover, .cara-messagerie-commun .cara-messagerie-message-head .btn-primary.active {
    background-color: var(--cara-msg-color-clair);
    border-color: var(--cara-msg-color-plus-plus-clair);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-clair) 0%, var(--cara-msg-color-plus-clair) 100%);
    color: var(--cara-msg-color-noir);
}
.cara-messagerie-commun .btn-default, .cara-messagerie-commun .input-group-addon {
    background-color: var(--cara-msg-color-clair);
    border-color: var(--cara-msg-color-mi);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-clair) 0%, var(--cara-msg-color-clair) 100%);
    color: var(--cara-msg-color-noir);
}
.cara-messagerie-commun .btn-default:hover, .cara-messagerie-commun .btn-default.active, .cara-messagerie-commun .input-group-addon:hover, .cara-messagerie-commun .input-group-addon:active {
    background-color: var(--cara-msg-color-mi);
    border-color: var(--cara-msg-color-mi);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-clair) 0%, var(--cara-msg-color-mi) 100%);
    color: var(--cara-msg-color-noir);
}
.cara-messagerie-commun .btn-gris {
    background-color: var(--cara-msg-color-gris-clair);
    border-color: var(--cara-msg-color-gris-sombre);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-gris-clair) 0%, var(--cara-msg-color-gris-clair) 100%);
    color: var(--cara-msg-color-noir);
}
.cara-messagerie-commun .btn-gris:hover, .cara-messagerie-commun .btn-gris.active {
    background-color: var(--cara-msg-color-gris);
    border-color: var(--cara-msg-color-gris-sombre);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-gris) 0%, var(--cara-msg-color-gris-sombre) 100%);
    color: var(--cara-msg-color-blanc);
}




/* pages missions ou messages */
.cara-messagerie-message{
    font-family:Arial;
}
.cara-messagerie-message .cara-messagerie-message-head { /* barre d'entête des fenêtres messages et mission*/
    background-color: var(--cara-msg-color-plus-sombre); /*var(--cara-messagerie-color-plus-sombre);*/
    color: var(--cara-msg-color-blanc);
    height: 64px;
    padding: 12px;
    position: fixed;
    top: 0;
    left: 15px;
    width: 100%
}
.cara-messagerie-message .cara-messagerie-message-body { /* barre d'entête des fenêtres messages et mission*/
    background-color: var(--cara-msg-color-plus-clair);
    color: var(--cara-msg-color-noir);
    padding: 12px;
    margin-top: 64px;
}

/*.cara-messagerie-message.cara-inverse .cara-messagerie-message-head { 
    background-color: var(--cara-messagerie-color-plus-clair);
    color: var(--cara-messagerie-noir);
    height: 64px;
    padding: 12px;
    position: fixed;
    top: 0;
    left: 15px;
    width: 100%;
}
.cara-messagerie-message.cara-inverse .cara-messagerie-message-body { 
    background-color: var(--cara-messagerie-color-plus-sombre);
    color: var(--cara-messagerie-blanc);
    padding: 12px;
    margin-top: 64px;
}*/
.cara-messagerie-message .cara-messagerie-message-body .cara-message-entete {
    background-color: var(--cara-msg-color-clair);
    color: var(--cara-msg-color-noir);
    border: 1px solid var(--cara-msg-color-mi);
    padding: 10px;
    font-weight: bold;
    font-size: 1em;
}
.cara-messagerie-message .cara-messagerie-message-body .cara-message-entete .champs {
    color: var(--cara-msg-color-noir);
    font-weight: normal;
    min-width: 100px;
    display: inline-block;
    text-align: right;
}
.cara-messagerie-message .cara-messagerie-message-body .cara-message-message {
    background-color: var(--cara-msg-color-plus-clair);
    color: var(--cara-msg-color-noir);
    padding: 10px;
    font-size: 1em;
    margin: 10px 0;
}
.cara-messagerie-message .cara-messagerie-message-body .cara-message-commentaire {
    background-color: var(--cara-msg-color-clair);
    color: var(--cara-msg-color-plus-sombre);
    border: 1px solid var(--cara-msg-color-clair);
    font-size: 1em;
    font-style: italic;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background: linear-gradient(to right, var(--cara-messagerie-color-plus-sombre) 0%, var(--cara-messagerie-color-plus-sombre) 0.2%, var(--cara-messagerie-color-clair) 0.2%, var(--cara-messagerie-color-clair) 100%);
}
.cara-messagerie-message .cara-message-suivi {
    background-color: var(--cara-msg-color-clair);
    color: var(--cara-msg-color-noir);
    border: 1px solid var(--cara-msg-color-blanc-plus);
    font-size: 1em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background: linear-gradient(to right, var(--cara-messagerie-color-plus-sombre) 0%, var(--cara-messagerie-color-plus-sombre) 0.2%, var(--cara-messagerie-color-clair) 0.2%, var(--cara-messagerie-color-clair) 100%);
}
.cara-messagerie-message .cara-message-suivi .cara-message-suivi-quiquand {
    background-color: var(--cara-msg-color-mi);
    color: var(--cara-msg-color-plus-plus-sombre);
    font-weight: bold;
    font-size: 0.9em;
}

/*
.cara-messagerie-commun #fPrincipal {
    background-color: var(--cara-messagerie-color-plus-sombre);
    border-color: grey;
}
.cara-messagerie-commun #fPrincipal a, .cara-messagerie-commun #fPrincipal a:visited {
    color: var(--cara-messagerie-blanc);
    font-weight:bold;
    text-decoration:none;
}

.cara-messagerie-commun .dataTables_length {
    display: none;
}

.cara-messagerie-commun #fPrincipal .treeview {
    color:var(--cara-messagerie-color-plus-clair)
}

.cara-messagerie-commun #fDroite {
    background-color: var(--cara-messagerie-blanc);
    border-color: grey;
}*/

/******************************************************************************************/
/***********************      Boite de réception et d'émission     ***********************/
/****************************************************************************************/
.cara-messagerie-commun .ui-widget-header { /* entete du tableau dans réception */
    border-color: var(--cara-msg-color-sombre);
    background-image: linear-gradient(to bottom, var(--cara-msg-color-plus-sombre) 0%, var(--cara-msg-color-plus-sombre) 100%);
    color: var(--cara-msg-color-blanc);
}
.cara-messagerie-commun .ui-widget-header input{ /* entete du tableau dans réception */
    color: var(--cara-msg-color-noir-plus);
}
.cara-messagerie-commun .cara-datatable-controls { /* barre titre de la boite de réception et d'émission */
    color: var(--cara-msg-color-blanc);
}
/* code couleur des missions */
.cara-messagerie-commun table.display tbody tr[enretard="NoValidTooLate"] td:last-child {
    background-image: linear-gradient(to right, transparent 0%,transparent 90%,var(--cara-messagerie-color-rouge) 90%, var(--cara-messagerie-color-rouge) 100%);
}

.cara-messagerie-commun table.display tbody tr[enretard="ValidTooLate"] td:last-child {
    background-image: linear-gradient(to right, transparent 0%,transparent 90%,var(--cara-messagerie-color-orange) 90%, var(--cara-messagerie-color-orange) 100%);
}

.cara-messagerie-commun table.display tbody tr[enretard="NoValidAlert"] td:last-child {
    background-image: linear-gradient(to right, transparent 0%,transparent 90%,var(--cara-messagerie-color-jaune) 90%, var(--cara-messagerie-color-jaune) 100%);
}

.cara-messagerie-commun table.display tbody tr[enretard="ValidInTime"] td:last-child {
    background-image: linear-gradient(to right, transparent 0%,transparent 90%,var(--cara-messagerie-color-vert) 90%, var(--cara-messagerie-color-vert) 100%);
}

.cara-messagerie-commun .dataTables_wrapper table { /* table */
    color: var(--cara-msg-color-plus-plus-sombre);
    background-color: var(--cara-msg-color-plus-plus-clair);
    color: var(--cara-msg-color-plus-plus-sombre);
}

.cara-messagerie-commun .ui-state-default, /* table header */
.cara-messagerie-commun .ui-widget-content .ui-state-default,
.cara-messagerie-commun .ui-widget-header .ui-state-default {
    border: 1px solid var(--cara-msg-color-sombre);
    background: var(--cara-msg-color-mi);
    font-weight: bold;
    color: var(--cara-msg-noir-sombre);
}
.cara-messagerie-commun .dataTables_wrapper table tr td {
    font-size:0.9em;
    height:40px;
}

/* lignes impaires */
.cara-messagerie-commun .dataTables_wrapper tr.odd {
    background-color: var(--cara-msg-color-blanc-plus);
    border-bottom: 1px solid var(--cara-msg-color-mi);
    color:var(--cara-msg-color-plus-plus-sombre);
}
/* lignes paires*/
.cara-messagerie-commun .dataTables_wrapper tr.even {
    background-color: var(--cara-msg-color-plus-clair);
    border-bottom: 1px solid var(--cara-msg-color-mi);
    color: var(--cara-msg-color-plus-plus-sombre);
}

/* lignes paires et impaires survolées*/
.cara-messagerie-commun .dataTables_wrapper tr.odd:hover td, .cara-messagerie-commun .dataTables_wrapper tr.even:hover td {
    background-color: var(--cara-msg-color-mi);
    color: var(--cara-msg-color-plus-plus-sombre);
}
/* lignes sélectionnées */
.cara-messagerie-commun .dataTables_wrapper table.display tr.row_selected td {
    background-color: var(--cara-msg-color-sombre);
    color: var(--cara-msg-color-blanc-plus);
}
/* lignes sélectionnées survolés*/
.cara-messagerie-commun .dataTables_wrapper table.display tr.row_selected:hover td {
    background-color: var(--cara-msg-color-mi);
    color: var(--cara-msg-color-noir);
}
/****************************************************************************/




/*
.cara-messagerie-commun .dataTables_wrapper {
    color: var(--cara-messagerie-color-plus-plus-sombre);
    background-color: var(--cara-messagerie-color-plus-clair);
}


.cara-messagerie-commun.cara-ts-emission .ui-widget-header {
    background-image: linear-gradient(to bottom, var(--cara-messagerie-color-plus-plus-sombre-emission) 0%, var(--cara-messagerie-color-plus-plus-sombre-emission) 100%);
}

.cara-messagerie-commun .ui-widget-header input{
    color: var(--cara-messagerie-noir);
}

.cara-messagerie-commun.cara-ts-emission .ui-state-default, .cara-messagerie-commun.cara-ts-emission .ui-widget-content .ui-state-default, .cara-messagerie-commun.cara-ts-emission .ui-widget-header .ui-state-default {
    border: 1px solid var(--cara-messagerie-color-sombre-emission);
    background: var(--cara-messagerie-color-mi-emission);
    font-weight: bold;
    color: var(--cara-messagerie-blanc-plus);
}*/





/*  PAGE MESSAGERIE D'ALERTE  */
.cara-messagerie-commun.cara-ts-alert{
    background-color: var(--cara-messagerie-color-alert-clair);
    color: var(--cara-messagerie-noir);
    font-size:1.6em;
}
.cara-messagerie-commun.cara-ts-alert table {
    background-color: var(--cara-messagerie-color-alert-clair);
    color: var(--cara-messagerie-blanc);
}
.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-reception {
    border: 1px solid var(--cara-messagerie-color-sombre);
    border-radius: 6px;
    border-collapse: initial;
}
.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-reception tr td {
    background-color: var(--cara-messagerie-color-alert-plus-clair);
    border-width: 0;
    color: var(--cara-messagerie-noir);
}

.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-reception tr:first-child td {
    background-color: var(--cara-messagerie-color-clair);
    color: var(--cara-messagerie-noir-sombre);
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid var(--cara-messagerie-color-sombre);
    font-weight:bold;
}
.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-reception tr:last-child td {
    border-radius: 0 0 6px 6px;
}

.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-emission {
    border: 1px solid var(--cara-messagerie-color-sombre-emission);
    border-radius: 6px;
    border-collapse: initial;
}
.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-emission tr td {
    background-color: var(--cara-messagerie-color-plus-clair-emission);
    border-width: 0;
    color: var(--cara-messagerie-noir);
}
.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-emission tr:first-child td {
    background-color: var(--cara-messagerie-color-clair-emission);
    color: var(--cara-messagerie-noir-sombre);
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid var(--cara-messagerie-color-sombre-emission);
    font-weight: bold;
}
.cara-messagerie-commun.cara-ts-alert table.cara-ts-alert-emission tr:last-child td {
    border-radius: 0 0 6px 6px;
}

.cara-messagerie-commun table.cara-ts-alert td {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 14px;
}
.cara-messagerie-commun table.cara-ts-main>tbody>tr>td{
    border-width:0;
}



/*.cara-messagerie-commun.cara-messagerie-message {
    background-color: var(--cara-messagerie-color-plus-clair);
    color: var(--cara-messagerie-noir);
    font-family: Verdana, sans-serif;
}

.cara-messagerie-message .cara-messagerie-message-body {
    padding: 5px;
    font-family: Verdana, sans-serif;
}
.cara-messagerie-message .cara-message-suivi {
    background-color: var(--cara-messagerie-color-clair);
    color: var(--cara-messagerie-noir);
}
.cara-messagerie-message .cara-message {
    margin-top: 10px;
    padding: 10px;
}
.cara-messagerie-message .cara-commentaire {
    border-top: 1px solid var(--cara-messagerie-noir);
    margin-top: 10px;
    padding: 10px;
}
.cara-messagerie-message .cara-commentaire:empty {
    display: none;
}

.cara-messagerie-commun .cara-formulaire {
    background-color: var(--cara-messagerie-color-plus-sombre);
    color: var(--cara-messagerie-blanc-plus);
}

.cara-messagerie-commun .cara-formulaire textarea, .cara-messagerie-commun .cara-formulaire select, .cara-messagerie-commun .cara-formulaire input, .cara-messagerie-commun .cara-formulaire ul {
    color: var(--cara-messagerie-noir);
}

.cara-messagerie-commun .cara-formulaire .Entete {
    font-weight: bold;
    font-size: 1.3em;
}*/


/*  pages formulaires */
.cara-messagerie-formulaire {
    font-family: Arial;
}
.cara-messagerie-formulaire .cara-messagerie-message-head { /* barre d'entête des fenêtres messages et mission*/
    background-color: var(--cara-msg-color-plus-sombre); /*var(--cara-messagerie-color-plus-sombre);*/
    color: var(--cara-msg-color-blanc);
    height: 64px;
    padding: 12px;
    position: fixed;
    top: 0;
    left: 15px;
    width: 99%
}
.cara-messagerie-formulaire .cara-messagerie-message-body { /* barre d'entête des fenêtres messages et mission*/
    background-color: var(--cara-msg-color-plus-clair);
    color: var(--cara-msg-color-noir);
    padding: 12px;
    margin-top: 64px;
}
.cara-messagerie-formulaire .cara-messagerie-message-body .cara-messagerie-message-form { /* barre d'entête des fenêtres messages et mission*/
    background-color: var(--cara-msg-color-clair);
    color: var(--cara-msg-color-noir);
    border: 1px solid var(--cara-msg-color-mi);
    padding: 20px;
    width: 90%;
    margin: auto;
    margin-top: 24px;
}

.cara-messagerie-formulaire .list-group .list-group-item {
    min-width: 50%;
    max-width: 100%;
    display: inline-block;
    float: left;
}
.cara-messagerie-formulaire .cara-messagerie-formulaire-users {
    background-color: white;
    border-radius: 5px;
    OVERFLOW: auto;
    WIDTH: 100%;
    HEIGHT: 134px;
    border: 1px solid #d0d0d0;
}


/*************************************************************/
/*                   ADMIN                                   */
/*************************************************************/
.cara-admin-commun {
    background: var(--cara-admin-plus-blanc);
    font-family: Arial;
    font-size:12pt;
    /*font-size:1em;*/
}
.cara-admin-commun a, .cara-admin-commun a:visited, .cara-admin-commun a:hover {
    text-decoration: none;
    color: var(--cara-admin-color-plus-plus-sombre);
}
.cara-admin-commun a.btn-primary, .cara-admin-commun a.btn-primary:visited, .cara-admin-commun a.btn-primary:hover {
    text-decoration: none;
    color: var(--cara-admin-plus-blanc);
}
.cara-admin-commun .btn-primary.active{
    background: var(--cara-admin-color-mi);
}
    .cara-admin-commun .btn-default.active {
        background: var(--cara-admin-gris);
    }

.cara-admin-commun .cara-item {
    background-color: var(--cara-admin-color-sombre);
    border: 1px solid var(--cara-admin-color-plus-sombre);
    border-radius: 5px;
    /*padding: 5px 10px;*/
    margin-top: 5px;
    color: var(--cara-admin-plus-blanc);
}

    .cara-admin-commun .cara-form {
        background-color: var(--cara-admin-gris-clair);
        border: 1px solid var(--cara-admin-gris);
        border-radius: 5px;
        /*padding: 5px 10px;*/
        margin-top: 5px;
        color: var(--cara-admin-plus-noir);
    }

.cara-admin-commun .cara-item h4 {
    font-weight: bold;
    color: var(--cara-admin-plus-blanc);
    text-align: center;
}

.cara-admin-commun .cara-item a, .cara-admin-commun .cara-item a:visited, .cara-admin-commun .cara-item a:hover {
    text-decoration: none;
    color: var(--cara-admin-jaune);
    text-align: center;
}
.cara-admin-commun label {
    font-family: Arial;
    font-size: 1.2em;
}
.cara-admin-commun .input-group label {
    padding: 5px 10px;
    margin-bottom: 0;
}
.cara-admin-commun label.input-group-addon {
    min-width: 160px;
    text-align: right;
}

.cara-admin-commun .form-control label {
    font-size: 12px;
}