body{
    background-color:#ECF0F5;
    /*font: 12px/22px Verdana, Arial, sans-serif; */
    font-family: Verdana, Arial, sans-serif;
    font-size:12px ;
    color: #666666;
}

/* CODE RADOAUNE PERSONNALISATION*/
label{
    margin-bottom:0px;
    font-size:12px ;

}
div{
    font-size:12px ;
}
.box{
    font-size:12px ;
}
.box-body{
    font-size:12px ;
}
.box-header{
    font-size:12px !important;
    height:40px !important;
    line-height:40px !important;
    vertical-align:middle;
    padding-top:4px !important;
}
a{
    font-size:12px ;
}
.form-group {
    padding:5px !important;
}
/* CODE RADOAUNE PERSONNALISATION*/

.ui-autocomplete
{
    z-index: 6000 !important;
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 6000 !important;
}
/*#main {
    background-color:#ECF0F5;
    margin-top:45px;
    padding-left:10px;
    padding-top:0px;
    padding-right:10px;
    padding-bottom:0px;
    border-left:1px solid #CCC;

}*/

.client-avertissement-container {
    background-color: red;
    padding: 1em;
    margin: 1em;
    text-align: left;
    color: black;
    font-weight: bold;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.client-avertissement-text {
    font-size: 16px;
    color: black;
}


/* Navbar */
.navbar_top {
    /* gv: Responsive on width */
    display:flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width:100%;

    height: 45px;
    background-color: white;
    border-bottom:1px solid #CCC;
    /*
        width:100%;
        position:fixed;
        z-index:1000;
        padding:0px;*/
}
#navbar_left {
    /*background-color:#fff;*/
    z-index:1000;
    padding:0px;
    height:45px;
    border-bottom:1px solid #CCC;
}
#navbar_right {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    align-items: center;
    flex: 0 1 auto;

    /*background-color:#fff;*/
    z-index:1000;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    padding-right:0px;
    /*height:45px;*/
}
#main {
    background-color:#ECF0F5;
    /*margin-top:45px;*/
    padding-left:10px;
    padding-top:0px;
    padding-right:10px;
    padding-bottom:0px;
    border-left:1px solid #CCC;
}

.hide_menu {
    color:black;
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    /*background-color: white;*/
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.hide_menu > i {
    margin-top: 13px;
    font-size: 20px;
}
.hide_menu:hover {
    background-color: #f7f7f7;
}

.materiel-container {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    height: 150px;
}
.materiel-container div {
    margin-right: 25px;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    #navbar_right_button{
        margin-right:0px !important;
    }

    /*    #main {
            margin-top:90px !important;
        }*/
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    #navbar_right_button{
        margin-right:0px !important;
    }
    /*    #main {
            margin-top:90px !important;
        }*/
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #navbar_right_button{
        margin-right:250px !important;
    }
    /*    #main {
            margin-top:45px !important;
        }*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #navbar_right_button{
        margin-right:250px !important;
    }
    /*    #main {
            margin-top:45px !important;
        }*/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #navbar_right_button{
        margin-right:250px !important;
    }
    /*    #main {
            margin-top:45px !important;
        }*/
}


/* Listing */

.gv-tr-echue-30 {
    /*font-weight: bold;*/
    color:black;
    background-color: rgba(255, 255, 0, 0.50) /*yellow*/;
}

.gv-tr-echue-60{
    /*font-weight: bold;*/
    color:black;
    background-color: rgba(255, 165, 0, 0.50) /* orange */;
}

.gv-tr-echue-90{
    /*font-weight: bold;*/
    background-color: rgba(227, 38, 230, 0.50) /* purple */;
    color:black;
}
.gv-tr-echue-plus{
    /*font-weight: bold;*/
    color:black;
    background-color: rgba(255, 0, 0, 0.50) /* red */;

}

.gv-tr-non-echue{
    /*font-weight: bold;*/
    color:black;
    background-color: lightgreen;
}

.listing {
    border: 1px solid #f4f4f4;
    width: 100%;
    font-size:12px;
}

.listing tr:hover {
    background-color: #f5f5f9;
    color: black;
}

.listing  th {
    border-top: 1px solid #f4f4f4;
    /*
    border-bottom: 2px solid #f4f4f4;
    */
    border-bottom: 2px solid gray;
    background-color: #f9f9f9 !important;

    /*height:45px;*/

    padding: 5px;

}
.listing td {
    /*
    border-top: 1px solid #f4f4f4;
    */
    padding: 6px;
}

/*.listing td:hover {
    background-color: #f5f5f9;
}*/

.listing tr {
    /*
    border-bottom: 2px solid #f4f4f4;
    */
    border-bottom: 1px solid gray;
}

/* Listing 2*/
.listing2 {
    border: 1px solid #f4f4f4;
    width: 100%;
    font-size:12px;
}

.listing2 tr:hover {
    /*background-color: #f5f5f9;*/
}

.listing2  th {
    border-top: 1px solid #f4f4f4;
    /*
    border-bottom: 2px solid #f4f4f4;
    */
    border-bottom: 2px solid gray;
    background-color: #003D8E!important;

    /*height:45px;*/

    padding: 5px;


}
.listing2 td {
    /*
    border-top: 1px solid #f4f4f4;
    */
    padding: 6px;
}

.listing2 tr {
    /*
    border-bottom: 2px solid #f4f4f4;
    */
    border-bottom: 1px solid gray;
}

/* Bouton */
.btn_glyph {
    margin-right: 10px;
}

/* Boutons spéciaux */

/* Sauvegarder */
.btn_save {
    display: inline-block ;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: white;
    border-color: #ddd;
    background-color: #00a65a;
    min-width:120px;
}

.btn_save:hover {
    background-color: #008d4c;
}

/* Supprimer */
.btn_delete {
    display: inline-block ;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;

    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: white;
    border-color: #ddd;
    background-color: #dd4b39;
    min-width:120px;
}

.btn_delete:hover {
    background-color: #d73925;
}

/* Retour */
.btn_return {
    display: inline-block !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: white;
    border-color: #ddd;
    background-color: #3c8dbc;
    min-width:120px;
}

.btn_return:hover {
    background-color: #367fa9;
}

/* Info */
.btn_info {
    display: inline-block !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: white;
    border-color: #ddd;
    background-color: #00c0ef;
    min-width:120px;
}

.btn_info:hover {
    background-color: #00acd6;
}

/* Annulé */
.btn_default {
    display: inline-block !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: black;
    border-color: #ddd;
    background-color: #f4f4f4;
    min-width:120px;
}

.btn_default:hover {
    background-color: #dddddd;
}

/* Attention */
.btn_attention {
    display: inline-block !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: white;
    border-color: #ddd;
    background-color: #f39c12;
    min-width:120px;
}

.btn_attention:hover {
    background-color: #e08e0b;
}

/* Boutons icônes spéciaux */

/* Sauvegarder */
.icon {
    border-radius: 3px;
    position: relative;
    padding: 7px 10px 7px 10px;
    min-width: 50px;
    height: 40px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 20px;
    text-decoration:none;
}
.href2:hover {

    border-color: #aaa;
    cursor: pointer;
}

.icon:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa;
    cursor: pointer;
}

.icon:active,
.icon:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.icon > .fa {
    width: 20px;
    height: 20px;
}

/* Box */

.field {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #00447b;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* Modal */

.mod {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0, 0, 0, 0.3);
}

.mod-content {
    position: relative;
    width: auto;
    margin: 10px;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
    border: 0;

    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.mod-header {
    border-bottom-color: #f4f4f4;
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.mod-header .close {
    margin-top: -2px;
}

.mod-title {
    margin: 0;
    line-height: 1.42857143;
}

.mod-body {
    position: relative;
    padding: 15px;
    overflow: auto;
    height: 650px;
}

.mod-footer {
    border-top-color: #f4f4f4;
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
    .mod-content {
        width: 70%;
        margin: 30px auto;

        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
    }
}

/* CHAMPS FORMULAIRE */

.input_group_icon {
    position: relative;
    display: table;
    border-collapse: separate;
    display: inline-table;
    vertical-align: middle;
}


.input_icon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;

    border-radius: 0px;
    border-color: #d2d6de;
    background-color: #fff;
    /*width: auto;*/
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    border-right: 0px;
}

.input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    border-radius: 0px !important;
    box-shadow: none;
    border-color: #d2d6de;

    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;

    display: table-cell;
}


.input:focus {
    border-color: #3c8dbc !important;
    box-shadow: none;
}

.input::-moz-placeholder {
    color: #bbb;
    opacity: 1;
}

.input:-ms-input-placeholder {
    color: #bbb;
}

.input::-webkit-input-placeholder {
    color: #bbb;
}

.input:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.input_label {

}


/* Champs avec bouton intégrer à droite */

.input_right_icon {
    position: relative;
    display: table;
    border-collapse: separate;
    display: inline-table;
    vertical-align: middle;
}

.button_right_icon {
    width: auto;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;

    position: relative;
    font-size: 0;

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn_right {
    border-left: 0px;

    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;

    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;

    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;

    padding: 6px 12px;
    font-size: 14px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    color: white;
    background-color: #00a65a;
    border-color: #008d4c;
}

.btn_right:hover {
    background-color: #008d4c;
}


.button_exit {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    cursor: pointer;
    /*background-color: white;*/
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: 'Glyphicons Halflings';
    font-weight:bold;
}

.button_exit:hover {
    background-color: #f7f7f7;
}

.button_exit:before {
    font-size: 25px;
    margin-top: 12px;
    content: "\e017";
}

.button_faq {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    cursor: pointer;
    background-color: white;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: 'Glyphicons Halflings';
    font-weight:bold;
}

.button_faq:before {
    color: black;
    font-size: 20px;
    margin-top: 12px;
    content: "\e085";
}

.button_faq:hover {
    background-color: #f7f7f7;
}

.button_tchat {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    cursor: pointer;
    background-color: white;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*font-family: 'Glyphicons Halflings';*/
    font-family: 'FontAwesome';
    font-weight:bold;

}

.button_tchat:before {
    color: black;
    font-size: 20px;
    margin-top: 12px;
    content:"\f044";
}

.button_tchat:hover {
    background-color: #f7f7f7;
}




.button_actualite {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    cursor: pointer;
    background-color: white;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: 'Glyphicons Halflings';
    font-weight:bold;

}

.button_actualite:before {
    color: black;
    font-size: 20px;
    margin-top: 12px;
    content:"\e135";
}

.button_actualite:hover {
    background-color: #f7f7f7;
}


.button_upload{
    display:inline-block;
    -moz-border-radius-topleft : 5px;
    -moz-border-radius-topright : 5px;
    -moz-border-radius-bottomleft : 5px;
    -moz-border-radius-bottomright : 5px;

    -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
    -webkit-border-top-right-radius: 5px; /*le bord haut droit*/
    -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
    -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;

    cursor:pointer;
    font-family:Arial,sans-serif;
    font-size:14px;
    color:#646464;
    border:solid 2px #cfcfcf !important;
    height:51px !important;
    line-height:51px;
    vertical-align:middle;

    text-align:left !important;
    background:#00447B !important;
    color:white;
}


.natureA, .natureE , .natureF
{
    font-size:16px;
    font-weight:bold;
    color:white;
    width:200px;
    height:30px;


    line-height:30px;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:black;

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

    -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
    -webkit-border-top-right-radius: 5px; /*le bord haut droit*/
    -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
    -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
}
.natureA{
    background-color:#E2001A;/*CC0000*/

}
.natureE{
    background-color:#FABA00;/*E69138*/
}
.natureF{
    background-color:#98BF0D;

}

.fast-spin {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
.requete_entree{
    border:solid 1px #CCCCCC;
    border-radius:5px;

    -moz-box-shadow:2px 2px 2px 2px #CCCCCC;;
    -ms-box-shadow:2px 2px 2px 2px #CCCCCC;;
    -webkit-box-shadow:2px 3px 3px 2px #CCCCCC;

    color:#444444;

    font-size:18px;
    font-weight:bold;
    padding-left:10px;
    text-decoration:none;
    text-transform:uppercase;
    width:200px;
    height:100px;
    float:left;
    margin:20px;
    text-align:center;
    line-height:100px;
    cursor:pointer;
}



.button_diary {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    cursor: pointer;
    /*background-color: white;*/
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*font-family: 'Glyphicons Halflings';*/
    font-family: 'FontAwesome';
    font-weight:bold;
    color:white;

}

.button_diary:before {
    font-size: 20px;
    margin-top: 12px;
    content:"\f095";
}

.button_diary:hover {
    background-color: #f7f7f7;
    color:black;
}

.button_absence:before {
    font-size: 20px;
    margin-top: 12px;
    content:"\f072";
}

.button_absence:hover {
    background-color: #f7f7f7;
    color:black;
}

.button_pointage:before {
    font-size: 20px;
    margin-top: 12px;
    content:"\f017";
}

.button_pointage:hover {
    background-color: #f7f7f7;
    color:black;
}

.button_prime:before {
    font-size: 20px;
    margin-top: 12px;
    content:"\f153";
}

.label-no-wrap label {
    white-space: nowrap;
}


.onglet-badge {
    border-radius: 20px;
    padding: 0 10px 0 10px;
    margin-left: 4px;

    color: white;
    font-weight: bold;
    background-color: #ad325a;
}

.pastille-planning-container {
    white-space: normal;
    float: right;
    position: relative;
    text-align:center;
    padding: 4px;
}

.pastille-planning {
    color: black;
    font-weight: bold;
    margin-left:0.25rem;
    border:1px solid black;
    font-size: 8px;
    border-radius: 10px;
    padding-left:5px;
    padding-right:5px;
    height: 13px;
    margin-bottom: 2px;
}

.planning-bar-container {
    margin-bottom: 5px;
    display: flex;
    flex-flow: row nowrap;
    /*justify-content: space-between;*/
    align-items: center;
    padding: 0;
    height: 40px;
    position: fixed;
    background: #ecf0f5;
    z-index: 500;
    width: 100%;
}

#div_plannif_bloc {
    /*flex: 0 0 auto;*/
    margin-right: 5px;
    /*height: 100px;*/
}

.planning-mensuel-legende-container {
    margin: 10px 0 0px 10px;
    font-size: 10px;
}
.planning-mensuel-legende-square {
    display:inline-block;
    width:20px;
    height:10px;
    border:1px solid black;
    margin-right: 2px;
    white-space: nowrap;
}
.planning-mensuel-legende-libelle {
    display:inline-block;
    margin-right: 5px;
    white-space: nowrap;
}

.table-fixed {
    display: flex;
    flex-flow: column;
    border: solid 1px #000;
}

.table-fixed thead {
    flex: 0 0 auto;
    background-color: #999999;
}

.table-fixed  tr {
    width: calc(100%);
    display: table;
}

.table-fixed  tbody tr {
    width: 100%;
    display: table;
}

.table-fixed tbody {
    flex: 1 1 auto;
    display: block;
}


.table-planning-abs th, .table-fixed th {
    width: 10%;
    min-width: 200px;
    text-align: center;
    border-right: solid 1px #999999;
    background-color: #999999;
    text-align: center;
    color: white;
}

.table-planning-abs th.first-cell-top, .table-fixed th.first-cell-top {
    width: 1%;
    min-width: 130px;
    text-transform: uppercase;
}

.table-planning-abs th:last-child, .table-fixed th:last-child {
    border-right: solid 0px #999999;
}

.table-planning-abs td, .table-fixed td {
    width: 10%;
    min-width: 200px;
    max-width: 200px;
    border-top: none;
    border-bottom: solid 2px #000;
    border-right: solid 2px #000;
    padding: 2px;
    font-weight: bold;
    padding: 0;
    background-color: #fff;
}

.table-planning-abs td {
    width: 10%;
    min-width: 100px;
    max-width: 100px;
}

.table-fixed th.today {
    color:yellow;
}

.table-planning-abs  td.first-cell-top, .table-fixed  td.first-cell-top {
    width: 1%;
    min-width: 130px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color:black;
    font-weight: bolder;
    font-size: 14px;
}

.planning-mensuel-td-date {
    width: 1%;
    min-width: 120px !important;
}

.first_cell {
    border-right: 1px dashed black;
}

.planning-mensuel-date-container {
    display:flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 135px;
}

.planning-mensuel-date {
    margin-right: 2px;
}

.planning-mensuel-date-pastille-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.planning-am-pm {
    width: 50%;
    height: 45px;
    /*line-height: 60px;*/
    white-space: nowrap;
    font-weight: normal;
    color: #000;
    text-align: center;
    padding: 2px;
    cursor: pointer;
}

.planning-intervention {
    background-color: #a9d08e;
    white-space: normal;
    /*line-height: initial;*/
    overflow: hidden;
    position: relative;
    z-index: 200;
}

.div-intervention-planning {
    margin-right:5px;
    overflow-y: scroll;
    overflow-x: revert;
    height: calc(100vh - 115px);
    position: fixed;
    background: #f6f6f6;
    z-index: 500;
    width: 280px;
    border: solid 1px #878088;
}

.box-planning {
    width:230px;
    display: block !important;
}

.planning-planifier {
    background-color: #f6f6f6;
    display: none;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 4px #878088;
    /*border: solid 1px #878088;*/
    margin-right: 10px;
    position: relative;
    top: 50px;
}

.shrink-td {
    white-space: normal;
    width: 1%;
}
.label_radio{
    font-weight:normal;
    padding-left:3px;
    cursor:pointer;
    margin-right:10px;
    padding-top:2px;
    vertical-align:top;
}

/* PLANNING */
.table-planning {
    width: 100%;
    border-collapse: initial;
}
.table-planning th {
    text-align: center;
    border-right: solid 1px #999999;
    background-color: #999999;
    padding: 5px;
    color: white;
    white-space: nowrap;
    min-width: 100px;
}
.table-planning td {
    border-top: none;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    font-weight: bold;
    background-color: #fff;
}

.table-planning .planning-am-pm {
    width: 100%;
    height: auto;
    min-width: 75px;
}

.table-planning-scroll {
    overflow-x: scroll;
    margin-bottom: 20px;
    border: solid black 1px;
}

.table-planning-scroll table td:first-child {
    position: sticky;
    left: 0;
    background-color: #ddd;
}

.table-planning-scroll table td:first-child, .table-planning-scroll table th:first-child {
    min-width: auto;
}