body {
    /* color: #d5d1d1;*/
}
#container section#main-content section.wrapper div.row{
    color: #160c52;
}
/* Calendar */
.dow-clickable{
    cursor: pointer;
}
.day-selected{
    background: #fe685e;
    width: 25px;
    border-radius: 50%;
    cursor: pointer;
}
.line_Even{
    background: #d2feec;
    color: #0e7b40;
}
.line_Odd{
    background: #b6f7dc;
    color: #015829;
}
.bloc_signin {
    position: relative;
}
#holderImg,#holderImgOver {
    position: absolute;
    width:100%;
    left: 0;
    top: 0;
}

#signature-pad {
    background-color: transparent;
    /*border:1px solid #000000;*/
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}
.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
}
/*
table.table tbody tr.calendar-dow td.dow-clickable{
    cursor:pointer;
}
table.table tbody tr.calendar-dow td.day_selected{
    background: #fe685e;
    width: 25px;
    border-radius: 50%;
    cursor: pointer;    
}
*/
.history{
    border: solid #c1c1c1 1px;
    min-height: 380px;
    overflow-y: scroll;
    min-width: 350px;
}
.ds {
    background: #fe685e;
}
.sg-form9327 {
    border: 5px solid #160c52;
}
div.row.sg-form9327 h3{
    color:#160c52;
}
.form-panel.control-label{
    color:#160c52;
}
button.btn{
    font-weight: bold;
}
.form-login {
    max-width: 500px;
    opacity: 90%;
}
.form-login h2.form-login-heading {
    background: #150c51;
}
.black-bg {
    background: #160d52;
    border-bottom: 1px solid #2d266e;
}
#sidebar{
    background: #1e1951;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: #0d0637;
}
ul.sidebar-menu li ul.sub li {
    background: #29346c;
}
.specific-timetable{
    font-size: 18px;
    border-color: #665da2;
    display: inline-block;
    padding: 2px 6px;
    line-height: 1.42857143;
    border-radius: 4px;
    cursor:pointer

}
.specific-timetable.witha{
    color: #f9d204;
    background-color: #150b51;
}
.specific-timetable.unwith{
    color: #7e8b9a;
    background-color: #bdc3c7;
}
.cancel-this-timetable{
    cursor:pointer;
    width:30px;
}
.btn-theme {
    color: #a5d26e;
    background-color: #160d52;
    border-color: #665da2;
}
.btn-theme2 {
    color: #a1b1d0;
    background-color: #160d52;
    border-color: #9e95db;
}
.form-login h2.form-login-heading {
    min-height: 95px;
}
.form-horizontal.style-form .form-group{
    margin-bottom: 6px;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
    color: #fbb2b2;
    background-color: #fd1505;
    border-color: #9f0909;
}
.btn-theme2:hover,
.btn-theme2:focus,
.btn-theme2:active,
.btn-theme2.active,
.open .dropdown-toggle.btn-theme2 {
    color: #9f0909;
    background-color: #fe685e;
    border-color: #9f0909;
}
.def-btn-theme2{
    color: #9f0909;
    background-color: #fa7f12;
    border-color: #291505;
}
.btn-theme.danger {
    color: #c02715;
    background-color: #eddf59;
    border-color: #77100c;
}
.btn-theme.danger:hover,
.btn-theme.danger:focus,
.btn-theme.danger:active,
.btn-theme.danger.active,
.open .dropdown-toggle.btn-theme.danger {
    color: #eddf59;
    background-color: #c02715;
    border-color: #77100c;
}
.danger_theme {
    color: #c02715;
    background-color: #eddf59;
    border-color: #77100c;
}
.danger_theme:hover,
.danger_theme:focus,
.danger_theme:active,
.danger_theme.active,
.open .dropdown-toggle.danger_theme {
    color: #eddf59;
    background-color: #c02715;
    border-color: #77100c;
}
.modal-header {
    background-color: #160c52;
    /*border-color: #291505; */
}
.modal-header h4.modal-title {
    font-weight: 900;
    font-size: 24px;
    color: #fe685e;
}
.titleTable{
    color:#160c52;
    background: #ff9f99;
}
table thead{
    color: #160c52;
    background: #ff9f99;
    font-size: 1.4em;
}
.table#work_schedule thead tr th,.table#list_day_off thead tr th {
    vertical-align: bottom;
    border-bottom: 2px solid #ff9f99;
}
table#work_schedule tr.odd,table#list_day_off tr.odd {
    background-color: #fadfdb;
}
table#work_schedule tr.even,table#list_day_off tr.even {
    background-color: #f9eeec;
}

.h3,h3,.h4,h4{
    color: #160d52;
    font-weight: bolder;

}
.badge{
    padding: 3px 5px;
    margin-top: -6px;
    color: gold;
}
.bg-theme {
    background-color: #912121;
}
.label-theme {
    background-color: #150b51;
}
ul.top-menu > li > .logout {
    background: #150b51;
}
ul.sidebar-menu li ul.sub li.active a {
    color: #150b51;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: #150b51;
}
a.logo span {
    color: #fe685e;
}
.dropdown-menu.extended li p.green {
    background-color: #f2635a;
    font-weight: bold;
    color: #160c52;
}
.notify-arrow-green {
    border-color: transparent transparent #f2635a;
    border-bottom-color: #f2635a !important;
    border-top-color: #f2635a !important;
}
.progress-bar-blue {
    background-color:#160c52
}
.progress-striped .progress-bar-blue {
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.newForecast{
    font-weight: bold;
}
.table-striped>tbody>tr.training_1:nth-of-type(odd){
    color:#000;
    background:#FEFCAA;
}
.table-striped>tbody>tr.training_1:nth-of-type(even){
    color:#000;
    background:#FEFCBE;
}
.table-striped>tbody>tr.training_2:nth-of-type(odd){
    color:#000;
    background:#CFCFCF;
}
.table-striped>tbody>tr.training_2:nth-of-type(even){
    color:#000;
    background:#D9D9D9;
}
.table-striped>tbody>tr.training_3:nth-of-type(odd){
    color:#000;
    background:#FDADC0;
}
.table-striped>tbody>tr.training_3:nth-of-type(even){
    color:#000;
    background:#FEC2D0;
}
.table-striped>tbody>tr.training_4:nth-of-type(odd){
    color:#000;
    background:#6BA5FB;
}
.table-striped>tbody>tr.training_4:nth-of-type(even){
    color:#000;
    background:#80B2FC;
}
.table-striped>tbody>tr.training_5:nth-of-type(odd){
    color:#000;
    background:#FBCE75;
}
.table-striped>tbody>tr.training_5:nth-of-type(even){
    color:#000;
    background:#FCD588;
}
.table-striped>tbody>tr.training_6:nth-of-type(odd){
    color:#000;
    background:#FBA17D;
}
.table-striped>tbody>tr.training_6:nth-of-type(even){
    color:#000;
    background:#FCAD8E;
}
.table-striped>tbody>tr.training_7:nth-of-type(odd){
    color:#000;
    background:#B8FDB3;
}
.table-striped>tbody>tr.training_7:nth-of-type(even){
    color:#000;
    background:#CAFEC6;
}
.table-striped>tbody>tr.training_8:nth-of-type(odd){
    color:#000;
    background:#FDE2B0;
}
.table-striped>tbody>tr.training_8:nth-of-type(even){
    color:#000;
    background:#FDE8C3;
}
.table-striped>tbody>tr.training_9:nth-of-type(odd){
    color:#000;
    background:#94A3BA;
}
.table-striped>tbody>tr.training_9:nth-of-type(even){
    color:#000;
    background:#A1AFC3;
}
.table-striped>tbody>tr.training_10:nth-of-type(odd){
    color:#000;
    background:#E39D9D;
}
.table-striped>tbody>tr.training_10:nth-of-type(even){
    color:#000;
    background:#E8AEAE;
}
.table-striped>tbody>tr.training_12:nth-of-type(odd){
    color:#000;
    background:#8FDED5;
}
.table-striped>tbody>tr.training_12:nth-of-type(even){
    color:#000;
    background:#9EE2DA;
}



.ds a {
    color: #150b51;
}
.green-panel {
    background: #150b51;
    float:left;
}
.profile-01 {
    background: #150b51;
}
.pr2-social a:hover {
    color: #150b51;
}
.dropdown-menu.extended{
    width: 250px !important;
}
.site-footer{
    background: #150b51;
}

::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::selection {

    background: #fe685e;
    color: #fff;

}
::selection {

    background: #fe685e;
    color: #fff;

}
.selectpicker form-control > .option::selection{
    background: #fe685e;
    color: #fff;
}

element {
    margin: 0px auto;
    width: 160px;

}
.img-preview-1, .img-preview-2, .img-preview-3, .img-preview-4{
    width:168px;
}
.img-preview-5, .img-preview-6 {
    width:168px;
}
.img-responsive .centree {
    margin: 0 auto;
}
.cld{
    cursor: pointer;
}
.bubbly {
    font-size: 400px;
    width: 1em;
    height: 1em;
    position: relative;
    margin-left: 0.2em;
    border-radius: 50%;
    border: .01em solid rgba(150,150,150,0.1);
    list-style: none;
}

.bubbly li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}

.bubbly li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #fc8e8e;/*ok*/
    -webkit-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation:
        rota 1.13s linear infinite,
        opa 3.67s ease-in-out infinite alternate;
    animation:
        rota 1.13s linear infinite,
        opa 3.67s ease-in-out infinite alternate;
}

.bubbly li:nth-child(2) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0 0;
    background: #ff5151;/*ok*/
    -webkit-transform-origin: -150% 50%;
    transform-origin: -150% 50%;
    -webkit-animation:
        rota 1.86s linear infinite,
        opa 4.29s ease-in-out infinite alternate;
    animation:
        rota 1.86s linear infinite,
        opa 4.29s ease-in-out infinite alternate;
}

.bubbly li:nth-child(3) {
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #fe5e5e; /*ok*/
    -webkit-transform-origin: 50% -150%;
    transform-origin: 50% -150%;
    -webkit-animation:
        rota 1.45s linear infinite,
        opa 5.12s ease-in-out infinite alternate;
    animation:
        rota 1.45s linear infinite,
        opa 5.12s ease-in-out infinite alternate;
}

.bubbly li:nth-child(4) {
    top: 50%;
    left: 0;
    margin: -.1em 0 0 0;
    background: #fd4040;/*ok*/
    -webkit-transform-origin: 250% 50%;
    transform-origin: 250% 50%;
    -webkit-animation:
        rota 1.72s linear infinite,
        opa 5.25s ease-in-out infinite alternate;
    animation:
        rota 1.72s linear infinite,
        opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota {
    from {
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rota {
    from {
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes opa {
    0% {
    }
    12.0% {
        opacity: 0.80;
    }
    19.5% {
        opacity: 0.88;
    }
    37.2% {
        opacity: 0.64;
    }
    40.5% {
        opacity: 0.52;
    }
    52.7% {
        opacity: 0.69;
    }
    60.2% {
        opacity: 0.60;
    }
    66.6% {
        opacity: 0.52;
    }
    70.0% {
        opacity: 0.63;
    }
    79.9% {
        opacity: 0.60;
    }
    84.2% {
        opacity: 0.75;
    }
    91.0% {
        opacity: 0.87;
    }
}

@keyframes opa {
    0% {
    }
    12.0% {
        opacity: 0.80;
    }
    19.5% {
        opacity: 0.88;
    }
    37.2% {
        opacity: 0.64;
    }
    40.5% {
        opacity: 0.52;
    }
    52.7% {
        opacity: 0.69;
    }
    60.2% {
        opacity: 0.60;
    }
    66.6% {
        opacity: 0.52;
    }
    70.0% {
        opacity: 0.63;
    }
    79.9% {
        opacity: 0.60;
    }
    84.2% {
        opacity: 0.75;
    }
    91.0% {
        opacity: 0.87;
    }
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a {
    background: #150b51;
}
.btn-primary {
    color: #fff;
    background-color:#150b51;
    border-color: #000;
}
.btn-primary:hover {
    color: #fff;
    background-color:#090632;
    border-color: #000;
}
.btn-dark {
    color: #fff;
    background-color:#232323;
    border-color: #000;
}
.btn-dark:hover {
    color: #fff;
    background-color:#000;
    border-color: #000;
}
.btn-suspended {
    color: #fff;
    background-color:#8133B7;
    border-color: #000;
}
.btn-suspended:hover {
    color: #fff;
    background-color:#562485;
    border-color: #000;
}
.btn-extended {
    color: #fff;
    background-color: #41DEDE;
    border-color: #179288;
}
.btn-extended:hover {
    color: #fff;
    background-color:#21c6bf;
    border-color: #179288;
}
.btn-completed {
    color: #fff;
    background-color:#1565ac;
    border-color: #000;
}
.btn-completed:hover {
    color: #fff;
    background-color:#0b4365;
    border-color: #000;
}
.btn-dark .badge {
    color:#337ab7;
    background-color:#fff
}
.btn-suspended .badge {
    color:#337ab7;
    background-color:#fff
}
.btn-extended .badge {
    color:#337ab7;
    background-color:#fff
}
.btn-completed .badge {
    color:#337ab7;
    background-color:#fff
}
.group-badges .btn-warning,.group-badges .btn-success,.group-badges .btn-primary,.group-badges .btn-dark,.group-badges .btn-danger, .group-badges .btn-suspended,.group-badges .btn-extended{
    width: 150px;
}
.txt-badge{
    min-width: 83px;
    display: inherit;
    text-align: left;
    font-weight: bold;
}
.btn-default:hover{
    background-color:#ddffdd
}
.btnCanceled {
    float:left;
    height: 20px;
    width: 98px;
    color:#FFF;
    margin-left: 20px;
    line-height: 1.7em;
    font-weight: bold;
    background-image:url('../img/supprimer.png');
    background-repeat:no-repeat;
    cursor: pointer;
}
.btnCanceled:hover {
    background-image:url('../img/supprimer2.png');
    color:yellow;
}
.btnCanceled2 {
    float:left;
    height: 30px;
    width: 30px;
    font-weight: bold;
    background-image:url('../img/canceled3.png');
    background-repeat:no-repeat;
    cursor: pointer;
}
.btnCanceled2:hover {
    background-image:url('../img/canceled4.png');
}
.modal-content{
    background: #dcdcdc;
}

/* Fix modal z-index pour être au-dessus de #infoModule */
.modal { z-index: 100000 !important; }
.modal-backdrop { z-index: 99999 !important; }
/* Fix spécifique pour la modal "mot de passe oublié" */
#myModal { z-index: 100001 !important; }
/* Force l'accessibilité totale de la modal myModal */
#myModal, #myModal * { 
    pointer-events: auto !important; 
    z-index: 100001 !important; 
}
/* Désactive les interactions sur les éléments qui pourraient gêner */
#infoModule, .modal-backdrop { 
    pointer-events: none !important; 
}
.close-modal{
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    color: #a5d26e;
    background-color: #160d52;
    border-color: #665da2;
}
.close-modal:hover,
.close-modal:focus,
.close-modal:active {
    color: #eddf59;
    background-color: #c02715;
    border-color: #77100c;
}
.close-modal-bottom{
    color: #a5d26e;
    background-color: #160d52;
    border-color: #665da2;
}
.close-modal-bottom:hover,
.close-modal-bottom:focus,
.close-modal-bottom:active {
    color: #eddf59;
    background-color: #c02715;
    border-color: #77100c;
}
#areyushure-modal, #addrule-modal{
    position: fixed;
    display: block;
    top: 5%;
    right: 30%;
    bottom: 0;
    left: 30%;
}
.toBeCanceled{
    background:#f5d165;
}
.fc-widget-header {
    background-image: -moz-linear-gradient(top, #fafafa, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
    background-image: -o-linear-gradient(top, #fafafa, #efefef);
    background-image: linear-gradient(to bottom, #fafafa, #efefef);
    color: #646464;
}
.inputActive{
    background:#40cac0;
    color:#293441;
    font-weight: bold;
}

.inputInactive{
    background:#bdc3c7;
    color:#fff;
    font-weight: bold;
}

.back_1{
    background: #c92f2b
}
.back_2{
    background: #ec971e
}
.back_3{
    background: #3d1d06
}
.back_4{
    background: #31afd5
}
.back_5{
    background: #f0f0f0
}
.npr{
    padding-right: 0px;
}
.erase {
    float:left;
    height: 29px;
    width: 29px;
    color:#FFF;
    /*margin-left: 20px;
    line-height: 1.7em;*/
    font-weight: bold;
    background-image:url('../img/erase.png');
    background-repeat:no-repeat;
    cursor: pointer;
}
.erase:hover {
    background-image:url('../img/erase2.png');
}
#result h4 i{
    vertical-align: middle;
    color: #fe685e;
    cursor: pointer;
}
#result abbr{
    font-size:0.8em;
}
#result abbr i{
    font-size: initial;
    vertical-align: middle;
    color: #fe685e;
    /*margin-left:15px;*/
    cursor: pointer;
}
#result ul.detailsFc,#result ul.detailsFc li.list_result,#result ul.listrn{
    margin-top: 0;
    display: none;
}
#result h4 span, #result ul.detailsFc ul li,#result ul.detailsFc ul a li{
    color: gray;
    font-style: italic;
    font-size: 11px;
    font-weight: bold;
}
#result ul.detailsFc ul.listrn a li:hover,#result ul li .fcd_code_link:hover{
    text-decoration: underline;
}

#result ul.detailsFc ul a li:hover{
    color: dimgray;
}
#result ul.detailsFc li,#result ul.detailsFc ul a li{
    /*list-style: square*/
}
#result ul.detailsFc li,#result ul.detailsFc ul a li .list_result{
    /* list-style: none;*/
}
.list_result,.list_result1,.list_result2,.list_result3,.list_result4,.list_result5{
    /**list-style: none;*/
}
.fcode_head{
    background: #fe685e;
    color: #eaeaea;
    min-height: 70px;
    padding: 15px;
    margin: 0 15px 0 15px;
}
.fcode_desk {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    padding: 15px;
}
.fcode_box {
    border: 1px solid #e7e7e7;
    background: #f7f8fa;
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.fcode_box h5 {
    margin: 0 0 5px 0;
    font-weight: 300;
    font-size: 16px;
}
.fcode_box ul li{
    list-style: initial;
}
h5.text-primary.fcode{
    color:#000;
}
.ds i.useUp{
    font-size: xx-large;
    cursor: pointer;
}
.menuTextArea{
    font-weight: bold;
}
.has-switch > div.switch-on label {
    background-color: #fe685e;
}
.switch-square label {
    border-radius: 0 6px 6px 0;
    border-color: #fe685e;
}
.has-switch span.switch-left {
    color: #fe685e;
}

/*petit menu*/
/*
.ds a {
color: #a1b1d0;
background-color: #160d52;
  border: thin #9e95db;
  border-width: 1px;
}
*/
/*.navbar-default .navbar-nav > li > a {*/
/* Classe principale de la barre de navigation */
div.ds div#navbar.navbar {
    /* Couleur de fond de la barre de navigation */
    background-color: #e1e1e1;
    border-color: #160c52;
}
.navbar-level2{
    background-color: #c8c8c8;
}
.navbar-level3{
    background-color: #b0b0b0;
}
/* Couleur des titres affiches dans la barre */
div.ds div#navbar.navbar .navbar-brand {
    color: #a1b1d0;
}
/* Couleur utilisee lors du passage de la souris sur un titre de la barre */
div.ds div#navbar.navbar .navbar-brand:hover,
div.ds div#navbar.navbar .navbar-brand:focus {
    color: #a1b1d0;
    background-color: #fe685e;
    border-color: #9f0909;
}
/* Couleur utilisee pour les liens */
div.ds div#navbar.navbar .nav > li > a {
    color: #160c52;
    font-weight: bold;
    border: 1px solid #160c52;
    border-radius: 4px;
    padding: 4px 15px;
}
/* Couleur utilis�e pour les liens lorsque la souris passe dessus */
div.ds div#navbar.navbar .nav > li > a:hover,
div.ds div#navbar.navbar .nav > li > a:focus {
    color: #FFF;
    background-color: #fe685e;
    border-color: #9f0909;
}
/* Couleur utilis�e pour le lien actif (celui qui est affich� sur la page) */
div.ds div#navbar.navbar .nav > .active > a,
div.ds div#navbar.navbar .nav > .active > a:hover,
div.ds div#navbar.navbar .nav > .active > a:focus {
    color: #9f0909;
    background-color: #fe685e;
}
/* Couleur utilis�e pour un menu d�pliant lorsqu'il est ouvert */
div.ds div#navbar.navbar .nav > .open > a,
div.ds div#navbar.navbar .nav > .open > a:hover,
div.ds div#navbar.navbar .nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* Caret */

div.ds div#navbar.navbar .nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
div.ds div#navbar.navbar .nav > .dropdown > a:hover .caret,
div.ds div#navbar.navbar .nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
div.ds div#navbar.navbar .nav > .open > a .caret,
div.ds div#navbar.navbar .nav > .open > a:hover .caret,
div.ds div#navbar.navbar .nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* Version mobile, le menu devient une ic�ne qui d�roule une liste avec le menu en vertical */
div.ds div#navbar.navbar .navbar-toggle {
    border-color: #9e95db;
}
div.ds div#navbar.navbar .navbar-toggle:hover,
div.ds div#navbar.navbar .navbar-toggle:focus {
    background-color: #dccef7;
}
div.ds div#navbar.navbar .navbar-toggle .icon-bar {
    background-color: #9e95db;
}
@media (max-width: 887px) {
    /* clean up some of the default Bootstrap styles for panels in the menu */
    div.ds div#navbar .panel {
        margin-bottom: 0;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        -box-shadow: none;
    }

    div.ds div#navbar {
        background-color: red;
        /*float: left;*/
        /* width: 300px; /* You can adjust the width to your liking, just remember to also adjust the content margin below accordingly */
        height: 100%;
    }
    div.ds div#navbar.navbar .nav .open .dropdown-menu > li > a {
        color: red;
    }
    div.ds div#navbar.navbar .nav .open .dropdown-menu > li > a:hover,
    div.ds div#navbar.navbar .nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
/*fin menu*/
select option:first-child {
    font-weight: bold;
    color:#150b52
}
option:checked, select[multiple]:focus option:checked{
    background-color: white;
    color:#000;
}
select option {
    color: #f7635b;
}
select option:hover,
select option:focus,
select option:active,
select option:checked,
select option:selected
{
    color:#FFF;
    background: linear-gradient(#f7635b,#f7635b);
    background-color: #f7635b !important; /* for IE */
}
.bntDetails{
    cursor:pointer;
}
.updatetraining .table thead tr th{
    vertical-align: middle;
}
.color-cert{

}
.time_sel{
    color:#a5d26e;
}
table.recap{
    border: 1px solid #ddd;
    background-color: #18196c;
    color: greenyellow;
    text-align: center
}
table.recap tr td{
    text-align: center;
    color: #a5d26e;
    padding: .15em;
    font-weight: bold;
}
/*Class UI bootstrap autocomplete*/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.ui-autocomplete > li > div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.information{
    float: left;
    background: orange;
    font-style: italic;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #4c1782;
    border-radius: 5px;
    font-size: 11px;
    font-weight: normal
}
.unactivate_training_info, .activate_training_info, .canceled_training_info{
    padding: 2px;
}
.gpformtable{
    padding: 10px;
    font-size: initial;
    /*    border-radius: .5em;*/
    vertical-align: middle;
}
.gpformtablecolorheader{
    background: #160d52;
    color: #fff;
}
.gpformtablecolorbody{
    background: #fadfdb;
    color: #1d66c4;
}
.gpformtablecolorfooter{
    background:#fbefbf;
    color: #1d66c4;
}
.gpformtablerow{
    padding-top: 1%
}
.tagZone{
    display: inline-block;
    padding: 6px 12px;
    margin: 2px;
    /**font-size: 22px;*/
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}
.tagZone.Off,.tagZone.TrainerOff{
    color: #4f514c;
    background: #91999b;
}
.tagZone.On{
    color:#a5d26e;
    background: #3397b5;
}
.tagZone.TrainerOn{
    color: #1e1951;
    background: #3397b5;
}
.cx{
    left: 10px;
    top: -5px;
    color: #c1261e;
    cursor: pointer;
}
.cxpj{
    left: 10px;
    top: -5px;
    color: #c1261e;
    background: #c6baba;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;

    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    cursor: pointer;
}
.light{
    left: 10px;
    top: -5px;
    color: #a5d26e;
    cursor: pointer;
}
.night{
    left: 10px;
    top: -5px;
    color: #4f514c;
    cursor: pointer;
}

.tagContainer{
    -webkit-box-sizing: border-box;
    min-height: 65px;
    border: 3px solid #bbb9b6;
    background: #d7d6d6;
    padding: 7px;
}
#planning_market {
    max-width: 98%;
    margin: 0 auto;
}
.input_nb_3{
    width: 50px;
    display: initial;
    /*
    background: #eeeeee;
    border: 1px solid #ccc;
    color: #555;
    text-align: center;
    */
}

/*INFOS TRAININGS CONFIGURATION*/

/*INFOS TRAININGS*/
.infos-training {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
}

.infos-training aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.infos-training .mid-side {
    width: 75%;
    background: #fff;
    border-right: 1px solid #e5e8ef;
}

.infos-training .right-side {
    width: 25%;
    background: #fff;
}

.infos-training .right-side .user-head {
    background: #3498db;
    color: #FFFFFF;
    min-height: 70px;
    padding: 10px;
    border-left: 1px solid #3498db;
    margin-left: -1px;
    position: relative;
}


.infos-training .user-head i {
    float: left;
    font-size: 40px;
    margin-right: 10px;
}

.infos-training .user-head h3 {
    margin: 6px 0 0 0;
    font-weight: 100;
    letter-spacing: 1px;
}

.infos-training-head {
    background:#2d55a1;
    color: #FFFFFF;
    min-height: 70px;
    padding: 15px;
}

.infos-training-head h3 {
    margin: 5px 0 0;
    font-weight: 100;
    letter-spacing: 1px;
    display: inline-block;
}

.infos-training-head .search-btn {
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: none;
    background: #34495e;
    padding:0 5px 0 35px;
    margin-top: 2px;
    border: none;
    color: #fff;
}

.infos-training-head .search-btn:focus {
    width: 180px;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    /*background: #01a6b2;*/
    font-weight: 300;
    color: #fff;
}

.infos-training-head .search-btn:focus::-moz-placeholder {
    color: #fff;
}

ul.training-list li a {
    color: #6a6a6a;
    display: block;
    padding: 15px;
    font-weight: 300;
}
ul.training-list li a:hover, ul.training-list li.active a {
    color: #00a9b4;
    background: #f2f4f7;
}

ul.training-list li h4 {
    padding: 17px 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #D5D7DE;
}

ul.training-list li h4 i {
    padding-right: 5px;
}

ul.training-list li a span {
    padding-left: 10px;
}

ul.training-list li a i.fa-times {
    color: #9fa3b0;
}

ul.training-list li.active {
    color: #00a9b4;
    background: #f2f4f7;
}

ul.training-list {
    border-bottom: 1px solid #d5d7de;
}

ul.training-user  {
    margin-bottom: 200px;
}

ul.training-user li {
    border-bottom: none;
}

ul.training-user li a:hover{
    background: none;
    color: #6a6a6a;
}

.infos-training .mid-side footer {
    background: #f6f6f6;
    padding: 15px;
    height: 70px;
    width: 75%;
    position: absolute;
    bottom: 0;
    border-right: 1px solid #E5E8EF;
}

.infos-training .right-side footer {
    background: #fff;
    padding: 15px;
    height: 70px;
    width: 25%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #E5E8EF;
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}

.space-desk {
    display: inline-block;
    /*margin-bottom: 30px;*/
    width: 100%;
    /*padding: 15px;*/
}

.space-desk h4 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 0 0 0;
}

.space-box {
    border: 1px solid #e7e7e7;
    background: #f7f8fa;
    padding: 10px;
    display: inline-block;
    width: 100%;
    /*margin-top: 10px;*/
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.space-box:hover {
    background: #f0f0f0
}

.space-box h5 {
    margin: 0 0 5px 0;
    font-weight: 300;
    font-size: 16px;
}
.space-box h5 a {
    color: #2d55a1;
}

.training-tools {
    float: right;
    padding: 3px;
    width: 40px;
    height: 35px;
    line-height: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin-top: 6px;
    margin-left: 10px;
}

.training-tools i {
    font-size: 16px !important;
    float: none !important;
    margin-right: 0 !important;
    color: #fff;
}

.invite-row {
    background: #ecf0f1;
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
}

.invite-row h4 {
    font-size: 16px;
    font-weight: 300;
}

ul.training-available-user {
    padding: 10px;
}

ul.training-available-user li {
    margin-bottom: 15px;
}

ul.training-available-user li a {
    color: #6a6a6a;
}

ul.training-available-user li a:hover {
    color: #2d55a1;
}


.group-train {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eaebee;
}

.group-train .first-part, .group-train .second-part, .group-train .third-part {
    float: left;
    padding: 15px;
}

.group-train .first-part {
    width: 25%;
}

.group-train .first-part.odd {
    background: #f7f8fa;
    color: #6a6a6a;
    font-weight: 600;
}

.group-train .second-part{
    width: 60%;
}

.group-train .third-part{
    width: 15%;
    color: #d4d3d3;
}

.last-group {
    margin-bottom: 70px;
}

.training-txt {
    float: left;
    width: 75%;
    margin-right: 5px;
}
.panel-default > .c_t_centers{
    background-color: #160c52;
    color: #fe685e;
    border-width: 1px;
    border-style: groove
}
.panel-default > .c_t_trainings{
    background-color: #fe685e;
    color: #160c52;
    border-width: 1px;
    border-style: groove;
}
.panel-default > .c_t_learners_activ{
    background: #06fb942e;
    color: #097284e0;
    border-width: 1px;
    border-style: groove
}
.panel-default > .c_t_learners_next{
    background: #06d8fb33;
    color: #048297e0;
    border-width: 1px;
    border-style: groove
}
.panel-default > .c_t_learners_past{
    background: #7b7a782e;
    color: #7d7d7de0;
    border-width: 1px;
    border-style: groove
}
.panel-default > .c_t_learners_no_date{
    background: #4b47c82e;
    color: #005968e0;
    border-width: 1px;
    border-style: groove;
}
.formaddALearnerCenterInMarket{
    /*display: none*/
}
.placeholder_area{
    text-align: center;
    background: #dfdfe1;
    color: #777;
    font-weight: bold;
    width: 100%;
    float: left;
}
.modal-body label.t-label{
    font-weight: bold;
    font-size: initial;
}
.modal-body span.sentence{
    font-size: 16px;
    font-weight: bold;
    color: green;
    font-style: italic;
}
.vertical-center {
    display: flex;
    align-items: center;
}
.pannel-check{
    display: block;
    width: 93%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background: #d3ddf0;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 5px;
}
.pannel-popup{
    display: none;
    width: 93%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background: rgb(249, 241, 220);
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 5px;
}
.labels-infos{
    cursor: help;
}
.conttime{
    background: rgba(22, 12, 82, 0.14);
}

.bloc_btn_switch_on_off > .btn_switch {
    display: block;
    /*  margin: 22px auto;*/
}

.btn_switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 116px;
    height: 36px;
    /*padding: 1px;*/
    border-radius: 3px;
    cursor: pointer;
}

.btn_switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.btn_switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: #160c52;
    border-radius: inherit;
}
.btn_switch-label:before, .btn_switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.btn_switch-label:before {
    content: attr(data-off);
    right: 9px;
    color: #fe685e;
}
.btn_switch-label:after {
    content: attr(data-on);
    left: 21px;
    color: #160c52;
    opacity: 0;
}
.btn_switch-input:checked ~ .btn_switch-label {
    background: #e57061;
    /*  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);*/
}
.btn_switch-input:checked ~ .btn_switch-label:before {
    opacity: 0;
}
.btn_switch-input:checked ~ .btn_switch-label:after {
    opacity: 1;
}

.btn_switch-handle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 36px;
    height: 36px;
    background: #7e8b9a;
    border-radius: 3px;
}
.btn_switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #fe685e;
    border-radius: 6px;
}
.btn_switch-input:checked ~ .btn_switch-handle {
    left: 90px;
    /*  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);*/
}

.btn_switch-green > .btn_switch-input:checked ~ .btn_switch-label {
    background: #4fb845;
}
@media screen and (min-width: 474px) and (max-width: 1261px) {
    .hidden-smallScreen {
        display: none !important;
    }
}
@media screen and (min-width: 100px) and (max-width: 818px) {
    .hidden-smallScreen2 {
        display: none !important;
    }
    #hidden-table-info_length{
        display: none !important;
    }
}
div#tablePreview.form-panel{
    margin:0;
    padding: 0;
}
html body div.datepicker table tr td.disabled{
    background: #eeecec;
}
html body div.datepicker table tr td.highlighted{
    background: #e1def4;
}
html body div.daterangepicker table tr td.disabled{
    background: #eeecec;
}
html body div.daterangepicker table tr td.highlighted{
    background: #e1def4;
}
.pencil{
    font-size: 20px;
    padding: 2px 4px;
}
.colorChoice{
    float: left;
    width: 28px;
    height: 28px;
    background-image:url('../img/palette2.png');
    background-repeat:no-repeat;
    cursor: pointer;
}

/*
Toggle Radios v1.1
by Adam Culpepper | @adamculpepper
*/

/* Customizable styles */

/* Colors: Default (blue) */
.toggle-radio {
    background:#f5f5f5;
    border:1px solid #ccc;
}
.toggle-radio > input:checked + label {
    background:lightblue;
}
.toggle-radio > input + label:not(:last-of-type) {
    border-right:1px solid #ccc;
}

/* Rounded corners */
.toggle-radio {
    border-radius:4px;
}

/* //////////////////////////
CORE STYLES BELOW - NO TOUCHY
////////////////////////// */
.toggle-radio {
    display:inline-flex;
}
.toggle-radio > input[type='radio'] {
    display:none;
}
.toggle-radio > input[disabled] + label {
    opacity:0.50;
}
.toggle-radio > input[disabled] + label:hover {
    cursor:not-allowed;
}
.toggle-radio > input + label {
    display:inline-block;
    margin-bottom:0;
    padding:5px 10px;
    float:left;
    cursor:pointer;
    color: #160c52;
    font-weight: bold;
}

/* Transitions */
.toggle-radio > input:checked + label {
    transition:background 300ms linear;
}

/* //////////////////////////
CORE STYLES ABOVE - NO TOUCHY
////////////////////////// */

/* Style: Rounded */
.toggle-radio[data-style='rounded'] {
    border-radius:500px;
}

/* Style: Square */
.toggle-radio[data-style='square'] {
    border-radius:0;
}

/* Color: Red */
.toggle-radio[data-color='red'] > input:checked + label		{
    background:rgba(254, 104, 94, 1);
}

/* Color: Orange */
.toggle-radio[data-color='orange'] > input:checked + label	{
    background:rgba(230, 126, 34, 0.60);
}

/* Color: Yellow */
.toggle-radio[data-color='yellow'] > input:checked + label	{
    background:rgba(241, 196, 15, 0.60);
}

/* Color: Green */
.toggle-radio[data-color='green'] > input:checked + label	{
    background:rgba(46, 204, 113, 0.60);
}

/* Color: Blue */
.toggle-radio[data-color='blue'] > input:checked + label	{
    background:rgba(52, 152, 219, 0.60);
}

/* Color: Purple */
.toggle-radio[data-color='purple'] > input:checked + label	{
    background:rgba(155, 89, 182, 0.60);
}

/* Color: Gray */
.toggle-radio[data-color='gray'] > input:checked + label	{
    background:rgba(85, 85, 85, 0.60);
}
.calendar-month-header{
    background: #fe685e;
}
.calendar-month-header th{
    text-align: center;
}
.table.usedCard{
    border-collapse: separate;
    border-spacing: 5px 8px;
}
.table.usedCard tbody{
    text-align: center
}
.table.usedCard tbody tr td.title_date{
    font-weight: bold;
}
.table.usedCard tbody tr td.title_date i{
    font-size: .8em;
}
.table.usedCard tbody tr td.purchase_day{
    width: 6em;
    cursor:pointer;
}
.table.usedCard tbody tr td.purchase_day .used{
    color: #a5d26e;
    cursor:pointer;
}
.table.usedCard tbody tr td.purchase_day span{
    font-size: .8em;
}
.switch-btn-toggle {
    float: left;
    background: #160c52;
}
.switch-btn-toggle input {
    position: absolute;
    opacity: 0;
}
.switch-btn-toggle input + label {
    padding: 7px;
    float:left;
    color: #b9b8b4;
    border: solid #62615e 1px;
    cursor: pointer;
}
.switch-btn-toggle input:checked + label {
    background: #fe685e;
    color: #ffff06;
    font-weight: bold;
    border: solid #f74134 1px;
}
div.switch-btn-toggle.switch-3.switch-candy label{
    margin-bottom: 0;
}
.ui-autocomplete {
    z-index: 9999 !important;
}
.ico-mail-sended{
    color:#fe685e;
}
.ico-mail-no-sended{
    color:#797979;
}
.gpr_aks{
    display: inline
}
.bgOrange{
    background:rgba(230, 126, 34, 0.60);
}
.file-img {
    /*
    background-color: transparent;
    height: 30px;
    width: 100%;
    margin-bottom: 5px;
    */
    position: absolute;
    top: auto;
    z-index: 9999;
    display: initial;
    margin-top: 2%;
    cursor:pointer;
}
.mail_active{
    color:#0250bb;
    cursor: pointer;
}
.mail_sended{
    color:#02bb64;
    cursor: pointer;
}
div.textInfoAction{
    font-size:10px;
    overflow-x: hidden;
}
div.textInfoAction ul{
    padding:0
}
.botright{
    position: absolute;
    bottom: 0;
    right: 0;
}
.liValid{
    color:#02bb64;
}
.docValid{
    color:#02bb64;
}
.docUnValid{
    cursor:pointer;
    color: #fe685e;
}
.docPDF,.cancelDocPdf{
    cursor:pointer;
    width: 12px;
}
.learner_status_0{
    background: #f9f9c6;
}
.learner_status_1{

}
.mail-cc, .mail-bcc{
    background: rgb(230, 230, 230) none repeat scroll 0% 0%;
    padding: 2px;
    border-radius: 5px;
}
.available_list{
    /*background: #8e8a8a70;*/
    background: rgba(142, 138, 138, 0.30);
    max-width: 28em;
    padding: 10px;
}
.pj_name span{
    background: #e6e3e3;
    padding: 5px;
    border-radius: 5px;
}
.modalSendAMail{
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    margin: 0 auto;
}
/* Hiding the checkbox, but allowing it to be focused */
.group-badges > label{
    border: solid #b2b2b2 1px;
    min-width: 10.2em;
}
.badgebox{
    opacity: 0;
}

.badgebox + .badge{
    text-indent: -999999px;
    color:#fe685e;
    width: 27px;
}
.badgebox:focus + .badge{
    box-shadow: inset 0px 0px 5px;
}

.badgebox:checked + .badge{
    text-indent: 0;
    color:#fe685e;
    box-shadow: inset 0px 0px 5px;
}

input.badgebox:checked > label.btn {
    font-weight: bold;
    color:red;
}
label[for=status_0],label[for=status_1],label[for=status_6]{
    color:#000;
}
label[for=status_2],label[for=status_3],label[for=status_4],label[for=status_5],label[for=status_7]{
    color:#f9d204;
}
.cellTitle{
    color: #fe685e;
    background: #160c52;
    font-weight: bold;
}
.changeWeekLess,.changeWeekMore{
    font-weight: bold;
    background: #fe685e;
    color:#160c52;
    cursor: pointer;
}
.cellWeek{
    background-color: #f5c22b;
    font-weight: bold;
    vertical-align: top;
    color: #160c52;
}
.cellWorks{
    background-color: #FFFFFF;
    color:#160c52;
}
.cellNoWorks{
    background-color: #d9edf7;
   /* min-width: 7.5em;*/
}
.cellHolidays{
    background-color: #bbee95;
    /*min-width: 7.5em;*/
}
.chart-wrapper {
    border: 3px solid #160c52;
    height: 400px;
    width: 400px;
    border-radius: 5%;
    padding: 3px;
    background: #fff;
}
canvas#myChart {
    display: block;
    box-sizing: border-box;
    height: 388px;
    width: 388px;
    background: rgb(255, 255, 255);
    border-radius: 5%;
}
/*Gestion CCP*/
.tooltip {
    background: transparent;
    border:none
}
table.CCP thead {
    background: #eee;
}
.table.CCP > tbody{
    background: #150b52;
}
.table.CCP > tbody > tr > td {
    border: 2px solid #ddd;
}
.table.CCP > thead > tr > th {
    border: 2px solid #fff;
}

.switch-toggle-ccp1 {
    float: left;
    /*background: #242729;*/
}
.switch-toggle-ccp1 input {
    position: absolute;
    opacity: 0;
}
.switch-toggle-ccp1 input + label {
    padding: 7px;
    float:left;
    color: #fff;
    cursor: pointer;
}
.switch-toggle-ccp1 input:checked + label.disabled {
    background:grey;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp1 input:checked + label.yes {
    background: green;
    color: #17f704;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp1 input:checked + label.part {
    background:orange;
    color:red;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp1 input:checked + label.no {
    background: red;
    color:#150b52;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}

/**/
.switch-toggle-ccp2 {
    float: left;
    /* background: #242729;*/
}
.switch-toggle-ccp2 input {
    position: absolute;
    opacity: 0;
}
.switch-toggle-ccp2 input + label {
    padding: 7px;
    float:left;
    color: #fff;
    cursor: pointer;
}
.switch-toggle-ccp2 input:checked + label.disabled {
    background:grey;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp2 input:checked + label.yes {
    background: green;
    color: #17f704;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp2 input:checked + label.part {
    background:orange;
    color:red;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp2 input:checked + label.no {
    background: red;
    color:#150b52;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
/**/
.switch-toggle-ccp3 {
    float: left;
    /*background: #242729;*/
}
.switch-toggle-ccp3 input {
    position: absolute;
    opacity: 0;
}
.switch-toggle-ccp3 input + label {
    padding: 7px;
    float:left;
    color: #fff;
    cursor: pointer;
}
.switch-toggle-ccp3 input:checked + label.disabled {
    background:grey;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp3 input:checked + label.yes {
    background: green;
    color: #17f704;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp3 input:checked + label.part {
    background:orange;
    color:red;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp3 input:checked + label.no {
    background: red;
    color:#150b52;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
/**/
.switch-toggle-ccp4 {
    float: left;
    /*background: #242729;*/
}
.switch-toggle-ccp4 input {
    position: absolute;
    opacity: 0;
}
.switch-toggle-ccp4 input + label {
    padding: 7px;
    float:left;
    color: #fff;
    cursor: pointer;
}
.switch-toggle-ccp4 input:checked + label.disabled {
    background:grey;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp4 input:checked + label.yes {
    background: green;
    color: #17f704;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp4 input:checked + label.part {
    background:orange;
    color:red;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp4 input:checked + label.no {
    background: red;
    color:#150b52;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
/**/
.switch-toggle-ccp5 {
    float: left;
    /*background: #242729;*/
}
.switch-toggle-ccp5 input {
    position: absolute;
    opacity: 0;
}
.switch-toggle-ccp5 input + label {
    padding: 7px;
    float:left;
    color: #fff;
    cursor: pointer;
}
.switch-toggle-ccp5 input:checked + label.disabled {
    background:grey;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp5 input:checked + label.yes {
    background: green;
    color: #17f704;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp5 input:checked + label.part {
    background:orange;
    color:red;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}
.switch-toggle-ccp5 input:checked + label.no {
    background: red;
    color:#150b52;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}



.bubbleInfo-container {
    position: relative;
    /*display: inline-block;*/
}

/* bubbleInfo en haut */
.bubbleInfo-container.dir-top:hover span::before {
    content: attr(title);
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    bottom: 105%;
    left: 50%;
    transform: translateX(-50%);
}

.bubbleInfo-container.dir-top:hover span::after {
    content: '';
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #555 transparent transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

/* bubbleInfo � droite */
.bubbleInfo-container.dir-right:hover span::before {
    content: attr(title);
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    dir-top: 50%;
    left: 105%;
    transform: translateY(-50%);
}

.bubbleInfo-container.dir-right:hover span::after {
    content: '';
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #555 transparent transparent;
    position: absolute;
    dir-top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

/* bubbleInfo en bas */
.bubbleInfo-container.dir-bottom:hover span::before {
    content: attr(title);
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    dir-top: 105%;
    left: 50%;
    transform: translateX(-50%);
}

.bubbleInfo-container.dir-bottom:hover span::after {
    content: '';
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #555 transparent;
    position: absolute;
    dir-top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

/* bubbleInfo � gauche */
.bubbleInfo-container.dir-left:hover span::before {
    content: attr(title);
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    dir-top: 50%;
    right: 105%;
    transform: translateY(-50%);
}

.bubbleInfo-container.dir-left:hover span::after {
    content: '';
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #555;
    position: absolute;
    dir-top: 50%;
    right: 100%;
    transform: translateY(-50%);
}
.bloc-mail{
    text-align: right;
    background: #eee;
    overflow-x: hidden;
    min-height: 8em;
    max-height: 8em;
    border-radius: 5px;
    border: 1px solid #cccccc;
    /*width: 88%;*/
    /* margin-left: 9%;*/
    width: 100%;
}
.bloc-mail-left{
    text-align: left;
    background: #eee;
    overflow-x: hidden;
    min-height: 8em;
    max-height: 8em;
    border-radius: 5px;
    border: 1px solid #cccccc;
    width: 100%;
}
.bloc-mail-sended{
    text-align: right;
    background: #fffedf;
    overflow-x: hidden;
    min-height: 8em;
    max-height: 8em;
    border-radius: 5px;
    border: 1px solid #cccccc;
    width: 88%;
    margin-left: 9%;
}
.fa-1-3x {
    font-size: 1.3em;
}
.fa-1-5x {
    font-size: 1.5em;
}
.daypart div {
    clear: both;
    overflow: hidden;
}

.daypart label {
    width: 100%;
    border-radius: 3px;
    background-color: #fe685e;
    /* border: 1px solid #160c52;*/
    color: #160c52;
    font-weight: bold;
    margin-bottom: 1px;
}

.daypart input[type="radio"]:empty,
.daypart input[type="checkbox"]:empty {
    display: none;
}

.daypart input[type="radio"]:empty ~ label,
.daypart input[type="checkbox"]:empty ~ label {
    position: relative;
    /*line-height: 2.5em;*/
    text-indent: 3.25em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.daypart input[type="radio"]:empty ~ label:before,
.daypart input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #e11919;
    border-radius: 3px 0 0 3px;
}

.daypart input[type="radio"]:hover:not(:checked) ~ label,
.daypart input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #b62b27;
}

.daypart input[type="radio"]:hover:not(:checked) ~ label:before,
.daypart input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

.daypart input[type="radio"]:checked ~ label,
.daypart input[type="checkbox"]:checked ~ label {
    color: #fff
}

.daypart input[type="radio"]:checked ~ label:before,
.daypart input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}

.daypart input[type="radio"]:focus ~ label:before,
.daypart input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.daypart-default input[type="radio"]:checked ~ label:before,
.daypart-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.daypart-primary input[type="radio"]:checked ~ label:before,
.daypart-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.daypart-success input[type="radio"]:checked ~ label:before,
.daypart-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.daypart-danger input[type="radio"]:checked ~ label:before,
.daypart-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.daypart-warning input[type="radio"]:checked ~ label:before,
.daypart-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #fb9504;
}

.daypart-info input[type="radio"]:checked ~ label:before,
.daypart-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

.absenceReason div {
    clear: both;
    overflow: hidden;
}

.absenceReason label {
    width: 100%;
    border-radius: 3px;
    background-color: #fe685e;
    /* border: 1px solid #160c52;*/
    color: #160c52;
    font-weight: bold;
    margin-bottom: 1px;

}

.absenceReason input[type="radio"]:empty,
.absenceReason input[type="checkbox"]:empty {
    display: none;
}

.absenceReason input[type="radio"]:empty ~ label,
.absenceReason input[type="checkbox"]:empty ~ label {
    position: relative;
    /*line-height: 2.5em;*/
    text-indent: 3.25em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.absenceReason input[type="radio"]:empty ~ label:before,
.absenceReason input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #e11919;
    border-radius: 3px 0 0 3px;
}

.absenceReason input[type="radio"]:hover:not(:checked) ~ label,
.absenceReason input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #b62b27;
}

.absenceReason input[type="radio"]:hover:not(:checked) ~ label:before,
.absenceReason input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

.absenceReason input[type="radio"]:checked ~ label,
.absenceReason input[type="checkbox"]:checked ~ label {
    color: #FFF;
}

.absenceReason input[type="radio"]:checked ~ label:before,
.absenceReason input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}

.absenceReason input[type="radio"]:focus ~ label:before,
.absenceReason input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.absenceReason-default input[type="radio"]:checked ~ label:before,
.absenceReason-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.absenceReason-primary input[type="radio"]:checked ~ label:before,
.absenceReason-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.absenceReason-success input[type="radio"]:checked ~ label:before,
.absenceReason-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.absenceReason-danger input[type="radio"]:checked ~ label:before,
.absenceReason-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.absenceReason-warning input[type="radio"]:checked ~ label:before,
.absenceReason-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #fb9504;
}

.absenceReason-info input[type="radio"]:checked ~ label:before,
.absenceReason-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}
.tableSubstitute{
    background:#FFF
}
input.periodeSubstitute[type=checkbox] {
    display:none;
}

label > input.periodeSubstitute[type=checkbox] + span
{
    background: url(../img/icon_048_b2.png);
    float:right;
    cursor: pointer;
    opacity: .8;
    padding: 0;
    height: 47px;
    width: 47px;
    line-height:3.2em;
    text-align:center;
    font-weight: bold;
    color: #323435;
}

label > input.periodeSubstitute[type=checkbox]:checked + span
{
    background: url(../img/icon_048_g.png);
    opacity: 1;
    color: #d7f621;
}

label > input.periodeSubstitute[type=checkbox] + span:hover
{
    opacity: .8;
}
div.periode table tbody tr{
    background: #323435;
}
div.periode table tbody tr > td.tdline{
    padding:0;
    border:1px solid #323435;
    background: #323435;
}
div.periode table tbody tr td.tdlineNoWorks{
    padding:5px;
    background-color: #d9edf7;
    min-width: 5em;
}
div.periode table tbody tr td.tdline label{
    display: revert;
}

.divSigningTable{
    display: table;
    width: 100%;
}
.divSigningTableRow {
    display: table-row;
}
.divSigningTableCell {
    border: 1px solid #999999;
    display: table-cell;
    text-align: left;
    font-weight: bold;
    /*  padding: 3px 10px;*/
}
.divSigningTableCell.txt {
    background: #E7E6E6;
}
.divSigningTableCell.sign {
    background: #DEEBF7;
}
.divSigningTableBody {
    display: table-row-group;
}
#infoModule{
    position: fixed;
    z-index: 9999;  /* Réduit de 99999 à 9999 pour être en dessous des modals */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
#infoModule.open{
    display: block;
}
#infoModule .mask{
    background: black;
    opacity: 0.8;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#infoModule .modContain{
    position: relative;
    background: rgb(140, 169, 178);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 60%;
    height: auto;
    min-height: 50px;
    border-radius: 15px;
    border: 1px solid rgb(25,25,112);
    padding: 10px;
    display: inline-table;
}
#infoModule .modContain .blocInfo{
    height: 16em;
    min-height: 16em;

}
.titleTop{
    background-color: #f2c38f;
    display: block ruby;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    /*
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    */
}

.blocTableStage{
    background-color:#f2dec8;
    display: block ruby;
    padding-bottom:30px;
    padding-left:30px;
    padding-right:30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

    /*
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    */
}
div#loadBlocWeek table tbody tr td.tdlineNoWorks{
    background-color: #828e93;
}
.form-group-check input[type="checkbox"] {
    display: none;
}

.form-group-check input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group-check input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group-check input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;
}

.form-group-check input[type="checkbox"]:checked + .btn-group > label span:first-child {
    color:#1eb764;
    display: inline-block;
}
.form-group-check input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}
.signColor{
    background: #f0ad4e;
    font-weight: bold;
}
table#signingSummary {
    display: inline-flex;
    /* border: 1px solid black;*/

}
table#signingSummary tbody tr th, table#signingSummary tbody tr td{
    width: 3.5em;
    text-align: center;
    border: 1px solid black;
}
.signsuccesful{
    background: #38e614;
    color: green;
    width: 70%;
    font-size: 1.2em;
}
input[name="hours"].grey{
    background-color: #f0ebeb;
    min-width:  7.5em;
    text-align: center
}
.choiceColor{
    display: none;

}
table.palette {
    background-color: #c48c44;
    display: block ruby;
    border-radius: 15px;
    padding: 10px;
    color: #160d52;
    position: absolute;
    right: 42%;
  /*  top: 95%;*/
}

table.palette th[scope="col"] {
    background-color: #505050;
    color: #fff;
}

table.palette td {
    text-align: left;
    padding: 1px;
}
table.palette td.sepa{
    background: #423422
}
input[name="thishours"].red{
    background: red;
    color: #FFF;
    padding: 8px 10px;
    border-style: inset;
    text-align: center;
    border-width: 1px;
    cursor: pointer
}
input[name="thishours"].grey{
    background: #f0ebeb;
    color: #555;
    padding: 8px 10px;
    border-style: inset;
    border-width: 1px;
    text-align: center;
    cursor: pointer
}
input[name="thishours"].blue{
    background: #0000cd;
    color: #FFF;
    padding: 8px 10px;
    border-style: inset;
    text-align: center;
    border-width: 1px;
    cursor: pointer
}
table.palette td.red{
    background: red;
    color: #FFF;
    padding: 8px 10px;
    border-style: inset;
    text-align: center;
    border-width: 1px;
    cursor: pointer
}
table.palette td.blue{
    background: #0000cd;
    padding: 8px 10px;
    border-style: inset;
    border-width: 1px;
    cursor: pointer
}
table.palette td.grey{
    background: #f0ebeb;
    padding: 8px 10px;
    border-style: inset;
    border-width: 1px;
    cursor: pointer
}
.close-palette{
    color: #a5d26e;
    background-color: #160d52;
    border-color: #665da2;
}
.close-palette:hover,
.close-palette:focus,
.close-palette:active {
    color: #eddf59;
    background-color: #c02715;
    border-color: #77100c;
}
/*<i class="fa fa-thumbs-up signsuccesful"></i>*/