/****************************/
/* TEST COULEURS POUR CHOIX */
/****************************/

/*

.bg-c-bleu-fonce-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#222f59), to(#a8b3da));
    background:linear-gradient(to right, #222f59, #a8b3da)
}
.bg-bleu-fonce-fimainfo {
    background-color: #222f59
}

.bg-c-bleu-clair-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#2977bc), to(#93a9bd));
    background:linear-gradient(to right, #2977bc, #93a9bd)
}
.bg-bleu-clair-fimainfo {
    background-color: #2977bc
}

.bg-c-framboise-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#dd0A31), to(#dda4af));
    background:linear-gradient(to right, #dd0A31, #dda4af)
}
.bg-framboise-fimainfo {
    background-color: #dd0A31
}

.bg-c-saumon-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#f3807c), to(#f0c7c5));
    background:linear-gradient(to right, #f3807c, #f0c7c5)
}
.bg-saumon-fimainfo {
    background-color: #f3807c
}

.bg-c-turquoise-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#11aabb), to(#91b2b6));
    background:linear-gradient(to right, #11aabb, #91b2b6)
}
.bg-turquoise-fimainfo {
    background-color: #11aabb
}

.bg-c-turquoise2-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#3e9fb2), to(#bad3d8));
    background:linear-gradient(to right, #3e9fb2, #bad3d8)
}
.bg-turquoise2-fimainfo {
    background-color: #3e9fb2
}

.bg-c-jaune-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#feb500), to(#ecd291));
    background:linear-gradient(to right, #feb500, #ecd291)
}
.bg-jaune-fimainfo {
    background-color: #feb500
}

.bg-c-orange-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#fc8500), to(#ebc8a0));
    background:linear-gradient(to right, #fc8500, #ebc8a0)
}
.bg-orange-fimainfo {
    background-color: #fc8500
}

.bg-c-violet-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#7b00e0), to(#b77be7));
    background:linear-gradient(to right, #7b00e0, #b77be7)
}
.bg-violet-fimainfo {
    background-color: #7b00e0
}

.bg-c-vert-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#24a413), to(#87ce7d));
    background:linear-gradient(to right, #24a413, #87ce7d)
}
.bg-vert-fimainfo {
    background-color: #24a413
}

.bg-c-vert4-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#05d85c), to(#68d495));
    background:linear-gradient(to right, #05d85c, #68d495)
}
.bg-vert4-fimainfo {
    background-color: #05d85c
}

.bg-c-vert3-fimainfo {
    background:-webkit-gradient(linear, left top, right top, from(#1ABC9C), to(#6cb9aa));
    background:linear-gradient(to right, #1ABC9C, #6cb9aa)
}
.bg-vert3-fimainfo {
    background-color: #1ABC9C
}

.bg-c-template-menu {
    background:-webkit-gradient(linear, left top, right top, from(#404E67), to(#5c6066));
    background:linear-gradient(to right, #404E67, #5c6066)
}
.bg-template-menu {
    background-color: #404E67
}

.bg-warning-template {
    background-color: #fe9365
}
.bg-succes-template {
    background-color: #0ac282
}
.bg-echec-template {
    background-color: #fe5d70
}
.bg-info-template {
    background-color: #01a9ac
}

.bg-c-principale-zooka {
    background:-webkit-gradient(linear, left top, right top, from(#017aaa), to(#739fb1));
    background:linear-gradient(to right, #017aaa, #739fb1)
}
.bg-principale-zooka {
    background-color: #017aaa
}

.bg-c-warning-zooka {
    background:-webkit-gradient(linear, left top, right top, from(#ffc75f), to(#fae1b3));
    background:linear-gradient(to right, #ffc75f, #fae1b3)
}
.bg-warning-zooka {
    background-color: #ffc75f
}

.bg-c-succes-zooka {
    background:-webkit-gradient(linear, left top, right top, from(#02a040), to(#6a9b7e));
    background:linear-gradient(to right, #02a040, #6a9b7e)
}
.bg-succes-zooka {
    background-color: #02a040
}

.bg-c-echec-zooka {
    background:-webkit-gradient(linear, left top, right top, from(#dd1431), to(#db8693));
    background:linear-gradient(to right, #dd1431, #db8693)
}
.bg-echec-zooka {
    background-color: #dd1431
}

.bg-c-info-zooka {
    background:-webkit-gradient(linear, left top, right top, from(#667be7), to(#a5b1e9));
    background:linear-gradient(to right, #667be7, #a5b1e9)
}
.bg-info-zooka {
    background-color: #667be7
}

.bg-principale-proposition {
    background-color: #00aaad
}
.bg-warning-proposition {
    background-color: #fcaf17
}
.bg-succes-proposition {
    background-color: #9bcb33
}
.bg-echec-proposition {
    background-color: #b80031
}
.bg-info-proposition {
    background-color: #0093d0
}

.label-info-2{
    background:-webkit-gradient(linear, left top, right top, from(#00aaad), to(#00aaad));
    background:linear-gradient(to right, #00aaad, #00aaad)    
}

.label-warning-2{
    background:-webkit-gradient(linear, left top, right top, from(#fcaf17), to(#fcaf17));
    background:linear-gradient(to right, #fcaf17, #fcaf17)    
}

.label-danger-2{
    background:-webkit-gradient(linear, left top, right top, from(#b80031), to(#b80031));
    background:linear-gradient(to right, #b80031, #b80031)    
}

.label-succes-2{
    background:-webkit-gradient(linear, left top, right top, from(#9bcb33), to(#9bcb33));
    background:linear-gradient(to right, #9bcb33, #9bcb33)    
}

*/


/*****************************************/
/* VARIABLES GLOBALES                    */
/*****************************************/

:root {
    --couleur-primary: rgba(34,47,89,1); /* #222F59 */
    --couleur-primary-hover: rgba(34,47,89,.7); /* #222F59 */
    --couleur-info:rgba(41,119,188,1); /* #2977BC */
    --couleur-info-hover:rgba(41,119,188,.7); /* #2977BC */    
    --couleur-warning:rgba(255,181,0,1); /* #FFB500 */
    --couleur-warning-hover:rgba(255,181,0,.7); /* #FFB500 */      
    --couleur-succes:rgba(36,164,19,1); /* #24A413 */
    --couleur-succes-hover:rgba(36,164,19,.7); /* #24A413 */      
    --couleur-danger:rgba(221,10,49,1); /* #DD0A31 */
    --couleur-danger-hover:rgba(221,10,49,.7); /* #DD0A31 */  
    --couleur-default:rgba(135,144,159,1); /* #87909f */
    --couleur-default-hover:rgba(135,144,159,.7); /* #87909f */      
    --couleur-fond-item-selectionne:rgba(64,78,103,1); /* 404E67 */  
    --couleur-fond-page: #F6F7FB;
    --couleur-moins: rgba(34,47,89,1); /* #222F59 */
}


/*****************************************/
/* COULEURS TEXTES                       */
/*****************************************/
.text-primary {
    color: var(--couleur-primary) !important;
}
.text-info {
    color: var(--couleur-info) !important;
}
.text-warning {
    color: var(--couleur-warning) !important;
}
.text-success {
    color: var(--couleur-succes) !important;
}
.text-danger {
    color: var(--couleur-danger) !important;
}
.text-default {
    color: var(--couleur-default) !important;
}
.text-muted {
    color: var(--couleur-default) !important;
}

/*****************************************/
/* COULEURS                              */
/*****************************************/

.color-default{
    color:var(--couleur-default)
}
.color-primary{
    color:var(--couleur-primary)
}
.color-info{
    color:var(--couleur-info)
}
.color-warning{
    color:var(--couleur-warning)
}
.color-success{
    color:var(--couleur-succes)
}
.color-danger{
    color:var(--couleur-danger)
}
.color-fond-page{
    color:var(--couleur-fond-page)
}

/*****************************************/
/* COULEURS FOND                         */
/*****************************************/

.bg-couleur-default{
    background-color:var(--couleur-default)
}
.bg-couleur-primary{
    background-color:var(--couleur-primary)
}
.bg-couleur-info{
    background-color:var(--couleur-info)
}
.bg-couleur-warning{
    background-color:var(--couleur-warning)
}
.bg-couleur-succes{
    background-color:var(--couleur-succes)
}
.bg-couleur-danger{
    background-color:var(--couleur-danger)
}
.bg-couleur-fond-page{
    background-color:var(--couleur-fond-page)
}

/*****************************************/
/* COULEURS DEGRADEES                    */
/*****************************************/

.couleur-primary-degrade {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-primary)), to(var(--couleur-primary-hover)));
    background:linear-gradient(to right, var(--couleur-primary), var(--couleur-primary-hover))
}

.couleur-info-degrade {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-info)), to(var(--couleur-info-hover)));
    background:linear-gradient(to right, var(--couleur-info), var(--couleur-info-hover))
}

.couleur-succes-degrade {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-succes)), to(var(--couleur-succes-hover)));
    background:linear-gradient(to right, var(--couleur-succes), var(--couleur-succes-hover))
}

.couleur-warning-degrade {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-warning)), to(var(--couleur-warning-hover)));
    background:linear-gradient(to right, var(--couleur-warning), var(--couleur-warning-hover))
}

.couleur-danger-degrade {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-danger)), to(var(--couleur-danger-hover)));
    background:linear-gradient(to right, var(--couleur-danger), var(--couleur-danger-hover))
}

.couleur-default-degrade {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-default)), to(var(--couleur-default-hover)));
    background:linear-gradient(to right, var(--couleur-default), var(--couleur-default-hover))
}



/*****************************************/
/* COULEURS MENU FONDS ITEM ACTIF        */
/*****************************************/

/* Fond menu vertical */
.pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu{
    /*background-color:#404E67;*/
    background-color:var(--couleur-primary)
}

/* Couleur fond sous le logo */
.pcoded .pcoded-header .navbar-logo[logo-theme="theme1"]{
    /*background-color:#404E67;*/
    background-color:var(--couleur-primary)
}

/* Barre gauche item sélectionné */
.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item>li.pcoded-trigger>a:before,.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item>li.active>a:before{
    border-left-color:var(--couleur-danger) !important
}

/* Fond item sélectionné */
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item>li.active>a{
    background:var(--couleur-fond-item-selectionne);
    color:#fff;
    border-bottom-color:var(--couleur-fond-item-selectionne)
}


/*****************************************/
/* BOUTONS                               */
/*****************************************/

.btn-default {
    background-color:var(--couleur-default);
    border-color:var(--couleur-default);
    color:#fff;
    cursor:pointer;
    -webkit-transition:all ease-in 0.3s;transition:all ease-in 0.3s
}

.btn-default:hover, .btn-default-hover {
    background-color: var(--couleur-default-hover);
    border-color:var(--couleur-default-hover);
    color:#fff;    
}

.btn-warning:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:var(--couleur-default);
}

/*
.btn-primary.dropdown-toggle {
    background-color:var(--couleur-primary) !important;
    border-color:var(--couleur-primary);
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
*/

.btn-primary {
    background-color:var(--couleur-primary);
    border-color:var(--couleur-primary);
    color:#fff;
    cursor:pointer;
    -webkit-transition:all ease-in 0.3s;transition:all ease-in 0.3s
}

.btn-primary:hover, .btn-primary-hover {
    background-color: var(--couleur-primary-hover);
    border-color:var(--couleur-primary-hover);
    color:#fff;    
}

.btn-primary:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:var(--couleur-primary);
}

/*
.btn-primary:active {
    background-color:#222F59 !important;
    border-color:#222F59;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
.btn-primary:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:#222F59
}
.btn-primary.disabled {
    background-color:rgba(1,169,172,0.5);
    border-color:rgba(1,169,172,0.5)
}
*/

/*
.btn-info.dropdown-toggle {
    background-color:var(--couleur-info) !important;
    border-color:var(--couleur-info);
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
*/

.btn-info {
    background-color: var(--couleur-info);
    border-color: var(--couleur-info);
    color:#fff;
    cursor:pointer;
    -webkit-transition:all ease-in 0.3s;transition:all ease-in 0.3s
}

.btn-info:hover, .btn-info-hover {
    background-color: var(--couleur-info-hover);
    border-color:var(--couleur-info-hover);   
    color:#fff; 
}

.btn-info:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:var(--couleur-info);
}

/*
.btn-info:active {
    background-color:var(--couleur-info) !important;
    border-color:var(--couleur-info);
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}

.btn-info:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:var(--couleur-info)
}

.btn-info.disabled {
    background-color:rgba(1,169,172,0.5);
    border-color:rgba(1,169,172,0.5)
}
*/

/*
.btn-warning.dropdown-toggle {
    background-color:#FFB500 !important;
    border-color:#FFB500;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
*/

.btn-warning {
    background-color: var(--couleur-warning);
    border-color: var(--couleur-warning);
    color:#fff;
    cursor:pointer;
    -webkit-transition:all ease-in 0.3s;transition:all ease-in 0.3s
}

.btn-warning:hover, .btn-warning-hover {
    background-color: var(--couleur-warning-hover);
    border-color: var(--couleur-warning-hover);
    color:#fff;
}

.btn-warning:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:var(--couleur-warning);
}

/*
.btn-warning:active {
    background-color:--couleur-warning !important;
    border-color:--couleur-warning;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}

.btn-warning:active{background-color:#fe6828 !important;border-color:#fe6828;-webkit-box-shadow:none;box-shadow:none;color:#fff}
.btn-warning.disabled{background-color:rgba(254,147,101,0.5);border-color:rgba(254,147,101,0.5)}
.btn-warning.btn-mat{background-color:#fe9365}
.btn-warning.btn-mat:before{background-color:#fe6828}
.btn-warning .badge{color:#fe9365;background-color:#fff}
button.dt-button.btn-warning,div.dt-button.btn-warning,a.dt-button.btn-warning
{background-color:#fe9365;border-color:#fe9365;border-radius:2px;color:#fff;background-image:none}
button.dt-button.btn-danger,div.dt-button.btn-danger,a.dt-button.btn-danger
{background-color:#fe5d70;border-color:#fe5d70;border-radius:2px;color:#fff;background-image:none}
button.dt-button.btn-inverse,div.dt-button.btn-inverse,a.dt-button.btn-inverse
{background-color:#404E67;border-color:#404E67;border-radius:2px;color:#fff;background-image:none}
button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled)
{background-image:none;background-color:#01c2c5;border-color:#01a9ac}
button.dt-button.btn-warning:hover:not(.disabled),div.dt-button.btn-warning:hover:not(.disabled),a.dt-button.btn-warning:hover:not(.disabled)
{background-image:none;background-color:#feb798;border-color:#fe9365}
*/

/*
.btn-warning:active {
    background-color:#FFB500 !important;
    border-color:#FFB500;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
.btn-warning:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:#FFB500
}
.btn-warning.disabled {
    background-color:rgba(1,169,172,0.5);
    border-color:rgba(1,169,172,0.5)
}
*/

/*
.btn-succes.dropdown-toggle {
    background-color:#24A413 !important;
    border-color:#24A413;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
*/

.btn-succes {
    background-color: var(--couleur-succes);
    border-color: var(--couleur-succes);
    color:#fff;
    cursor:pointer;
    -webkit-transition:all ease-in 0.3s;transition:all ease-in 0.3s
}
.btn-succes:hover, .btn-succes-hover {
    background-color: var(--couleur-succes-hover);
    border-color: var(--couleur-succes-hover);
    color:#fff;
}

.btn-succes:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:var(--couleur-succes);
}

/*
.btn-succes:active {
    background-color:#24A413 !important;
    border-color:#24A413;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
.btn-succes:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:#24A413
}
.btn-succes.disabled {
    background-color:rgba(1,169,172,0.5);
    border-color:rgba(1,169,172,0.5)
}
*/

/*
.btn-danger.dropdown-toggle {
    background-color:#DD0A31 !important;
    border-color:#DD0A31;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
*/

.btn-danger {
    background-color:var(--couleur-danger);
    border-color:var(--couleur-danger);
    color:#fff;
    cursor:pointer;
    -webkit-transition:all ease-in 0.3s;transition:all ease-in 0.3s
}

.btn-danger:hover, .btn-danger-hover {
    background-color:var(--couleur-danger-hover);
    border-color:var(--couleur-danger-hover);
    color:#fff;
}

.btn-danger:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:var(--couleur-danger);
}

/*
.btn-danger:active {
    background-color:#DD0A31 !important;
    border-color:#DD0A31;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}
.btn-danger:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background-color:#DD0A31
}
.btn-danger.disabled {
    background-color:rgba(1,169,172,0.5);
    border-color:rgba(1,169,172,0.5)
}
*/

/*****************************************/
/* NOTIFICATIONS                         */
/*****************************************/

.bg-sonnette{
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-danger)), to(var(--couleur-danger-hover)));
    background:linear-gradient(to right, var(--couleur-danger), var(--couleur-danger-hover))    
}

/*****************************************/
/* BADGES                                */
/*****************************************/

/* Couleur badge sur le menu */

.label-primary {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-primary)), to(var(--couleur-primary-hover)));
    background:linear-gradient(to right, var(--couleur-primary), var(--couleur-primary-hover))
}

.label-info {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-info)), to(var(--couleur-info-hover)));
    background:linear-gradient(to right, var(--couleur-info), var(--couleur-info-hover))
}

.label-succes {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-succes)), to(var(--couleur-succes-hover)));
    background:linear-gradient(to right, var(--couleur-succes), var(--couleur-succes-hover))
}

.label-warning {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-warning)), to(var(--couleur-warning-hover)));
    background:linear-gradient(to right, var(--couleur-warning), var(--couleur-warning-hover))
}

.label-danger {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-danger)), to(var(--couleur-danger-hover)));
    background:linear-gradient(to right, var(--couleur-danger), var(--couleur-danger-hover))
}

.label-default {
    background:-webkit-gradient(linear, left top, right top, from(var(--couleur-default)), to(var(--couleur-default-hover)));
    background:linear-gradient(to right, var(--couleur-default), var(--couleur-default-hover))
}


/*****************************************/
/* BOUTONS RADIO                         */
/*****************************************/

.radio.radiofill.radio-primary .helper::before {
    border-color: var(--couleur-primary);
}

.radio .helper::before {
    border-color: var(--couleur-primary);
}

.radio .helper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0.25rem;
    width: 1rem;
    height: 1rem;
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125rem solid var(--couleur-primary);
        border-top-color: var(--couleur-primary);
        border-right-color: var(--couleur-primary);
        border-bottom-color: var(--couleur-primary);
        border-left-color: var(--couleur-primary);
}

.radio label:hover .helper {
    color: var(--couleur-primary);
}

.radio input:checked ~ .helper::before {
    color: var(--couleur-primary);
}

.radio.radiofill.radio-primary .helper::after {
    background-color: var(--couleur-primary);
    border-color: var(--couleur-primary);
}


/*****************************************/
/* CASES A COCHER                        */
/*****************************************/

.checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr {
    border: 2px solid var(--couleur-primary);
}

.checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon {
    color: var(--couleur-primary);
}

/*****************************************/
/* SELECT 2                              */
/*****************************************/

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--couleur-primary);
    border: 1px solid var(--couleur-primary);
    padding: 5px 15px;
    color: #fff;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--couleur-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--couleur-primary);
    color:white
}


/*****************************************/
/* NOTIFICATION                          */
/*****************************************/

.brighttheme-notice
{
    background-color:#FFF; /*#FFFFA2;*/
    border:1px solid var(--couleur-warning); /*0 solid #FF0;*/
    color:#4F4F00
}

.brighttheme-info{
    background-color:#FFF; /*#8FCEDD;*/
    border:1px solid var(--couleur-info); /*0 solid #0286A5;*/
    color:var(--couleur-info); /*#012831*/
}

.brighttheme-success{
    background-color: #FFF; /*var(--couleur-succes-hover);*/ /*#AFF29A;*/
    border:1px solid var(--couleur-succes); /*0 solid #35DB00;*/
    color:var(--couleur-succes); /*#104300*/
}

.brighttheme-error{
    background-color:#FFF; /*#FFABA2;*/
    background-image:repeating-linear-gradient(135deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px);
    border:1px solid var(--couleur-danger); /*0 solid #FF1800;*/
    color:var(--couleur-danger); /*#4F0800*/
}


/*****************************************/
/* SWITCH VERSION HORS TEMPLATE          */
/*****************************************/

 /* The switch - the box around the slider */
 .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: var(--couleur-primary)
  }
  
  
  input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 24px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  } 



/*****************************************/
/* LISTE DEROULANTE                      */
/*****************************************/

.form-control-primary{
     border-color:var(--couleur-primary);
     color:var(--couleur-primary);
}
.form-control-primary:focus{
    border-color:var(--couleur-primary);
}


/*****************************************/
/* LIENS / ICONES                        */
/*****************************************/

a:hover{
    color:var(--couleur-info);
}

i {
    color:var(--couleur-primary);
}

i:not(.prevent-color-hover):hover{
    color:var(--couleur-info);
}

.btn i{
    margin: 0;
}

.navbar-logo > a > i {
    color:#fff;
}

.navbar-container > a > i {
    color:#fff;
}

/*
a.btn.btn-link {
    color:var(--couleur-primary);
}

a.btn.btn-link:hover {
    color:#FFF;
    background-color:var(--couleur-info);
}
*/

/*****************************************/
/* PAGINATION                            */
/*****************************************/

.page-item.active .page-link {
    background-color: var(--couleur-info);
    border-color: var(--couleur-info);
}

.page-link:hover {
    color: var(--couleur-info);
}

/*****************************************/
/* ONGLETS                               */
/*****************************************/

.md-tabs .nav-item.open .nav-link, .md-tabs .nav-item.open .nav-link:focus, .md-tabs .nav-item.open .nav-link:hover, .md-tabs .nav-link.active, .md-tabs .nav-link.active:focus, .md-tabs .nav-link.active:hover {
    color: var(--couleur-info);
    border: none;
    background-color: transparent;
    border-radius: 0;
}

.nav-tabs .slide {
    background: var(--couleur-info);
    width: calc(100% / 4);
    height: 4px;
    position: absolute;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
    bottom: 0;
}


/************************************************************************************************/
/* Titre et sous titre des pages : Suppression de la première lettre de chaque mot en majuscule */
/************************************************************************************************/
.main-body .page-wrapper .page-header-title h4 {
    display: block;
    margin-bottom: 0;
    font-weight: 600;
    color: #303548;
    font-size: 20px;
    text-transform: none;
}

.main-body .page-wrapper .page-header-title span {
    font-size: 13px;
    color: #919aa3;
    display: inline-block;
    margin-top: 10px;
    text-transform: none;
}


/******************/
/* Carte et titre */
/******************/
.card .card-header h5 {
    margin-bottom: 0;
    color: #505458;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
    line-height: 1.4;
}

/******************/
/* Preloader      */
/******************/
#loader2{
    width:80px;
    height:130px;
    display:block;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    -webkit-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;margin:0 auto
}

#circle-loader2{
    fill:none;
    stroke: var(--couleur-info);
    stroke-width:4;
    -webkit-animation:draw 3s ease-in-out infinite;
    animation:draw 3s ease-in-out infinite
}


/***********************/
/* Selection de lignes */
/***********************/
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: var(--couleur-info);
    color: #fff;
}

table.dataTable tbody > tr.selected > td > a > i:hover, table.dataTable tbody > tr.selected > td > form > button > i:hover {
    color: #fff;
}

/**********************/
/* Cellule de table   */
/**********************/
.table td, .table th {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}


.radioUt label {
    margin-right: 30px;
    margin-left: 5px;
}

tr.even {
    background-color: #FFFFFF;
}

/*************************/
/* datatable responsive  */
/*************************/
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    content: '-';
    /*background-color: #d33333;*/
    background-color: var(--couleur-moins);
}

.modal-xxl {
    max-width:1500px
}

.serv-rech {
    border: 1px solid #919aa3;
    border-radius: 5px;
}

/* Ajustement colonnes ID externe et Liste diffusion */
/* Colonne ID externe (11) - agrandir */
#tableServicesChoisis thead th:nth-child(11),
#tableServicesChoisis tbody td:nth-child(11) {
    width: 18%;
    min-width: 180px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#tableServicesChoisis tbody td.d-flex {
    justify-content: flex-start;
}

#tableServicesChoisis tbody td.d-flex input {
    width: 100%;
    min-width: 150px;
    max-width: 100%;
}

/* Colonne Liste diffusion (12) - réduire largeur et padding */
#tableServicesChoisis thead th:nth-child(12),
#tableServicesChoisis tbody td:nth-child(12) {
    width: 5%;
    min-width: 50px;
    max-width: 60px;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    text-align: center;
}

/* Fix collision mailsAppartenance icon */
#tableServicesChoisis tbody td:nth-child(12) .mailsAppartenance {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 1.25rem;
    white-space: nowrap;
}