.habilitee-select-popup {
    min-width: 350px;
}

    /* popup style choix rôle */
    .habilitee-select-popup .mud-dialog-title {
        font-weight: bold;
        font-size: 18px;
        border-bottom: 1px solid #CED4DA;
    }

    .habilitee-select-popup .mud-dialog-actions {
        border-top: 1px solid #CED4DA !important;
        margin-top: 15px !important;
    }

    .habilitee-select-popup .popup-title {
        margin-bottom: 5px;
    }

    .habilitee-select-popup .select-popup-footer {
       
        text-align: right;
      
        padding:5px 15px 5px 0;
        
    }

        .habilitee-select-popup .select-popup-footer .habilitee-white-rounded{
            height:31px;
        }



.habilitee-multiple-select-popup {
    min-width: 350px;
}

    .habilitee-multiple-select-popup .mud-dialog-title {
        font-weight: bold;
        font-size: 18px;
        border-bottom: 1px solid #CED4DA;
    }

    .habilitee-multiple-select-popup .mud-dialog-actions {
        border-top: 1px solid #CED4DA !important;
        margin-top: 15px !important;
    }

    .habilitee-multiple-select-popup .popup-title {
        margin-bottom: 5px;
    }

    .habilitee-multiple-select-popup .select-popup-footer {
        text-align: right;
        padding: 5px 15px 5px 0;
    }

        .habilitee-multiple-select-popup .select-popup-footer .habilitee-white-rounded {
            height: 31px;
        }


.habilitee-multiple-select-popup .mud-table-container{

    border:none;
}

.habilitee-multiple-select-popup .mud-dialog-content {
    border: none;
    padding:0px;
}

    .habilitee-multiple-select-popup .mud-toolbar {
        border: none;
    }

    .habilitee-multiple-select-popup .mud-table-row {
        border: none;
    }

    .habilitee-multiple-select-popup .mud-table-cell {
        border: none;
    }

        /* popup style choix manager */
    .habilitee-select-popup .employee-target{
        width:100%;
        margin-top:15px;
    }

    .habilitee-select-popup .employee-target .target-title {
        width: 100%;
        text-align:left;
    }

        .habilitee-select-popup .employee-target .target-content {
            width: 100%;
            text-align: right;
            margin-top: 5px;
        }

        .habilitee-select-popup .employee-target .target-content .mud-chip {
            background-color: #767171;
            border-radius:10px;
        }

    .habilitee-select-popup .manager-target {
        width: 100%;
        margin-top: 15px;
    }

        .habilitee-select-popup .manager-target .target-title {
            width: 100%;
        }

        .habilitee-select-popup .manager-target .target-content {
            width: 100%;
            margin-top: 10px;
        }




/* popup ajout formations */
.habilitee-training-popup .mud-dialog-title {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #CED4DA;
}

.habilitee-training-popup .mud-dialog-actions {
    border-top: 1px solid #CED4DA !important;
    margin-top: 15px !important;
}

.habilitee-training-popup .popup-title {
    margin-bottom: 5px;
}

/* page détail employés */
.habilitee-popover{
    padding:10px;
    background-color: white;
   
   
}

.habilitee-popover .close{
    text-align: right;
    height:45px;
    width:100%;
}

.habilitee-popover .title{
    justify-items: start;
    align-items: center;
    color:black;
    font-weight:bold;
    font-size:20px;
   
}

.habilitee-popover .header{
  
    color:black;
    font-weight:bold;
    font-size:14px;
   
}

.habilitee-popover .header .sub-cell{
    display:flex;
    justify-items: start;
    align-items: center;
    height:35px;
}

.habilitee-popover .content{
    margin-top:10px;
    overflow-y:  scroll;
    overflow-x: hidden;
}

.habilitee-popover .content .cell{
    margin-bottom:15px;
   
}

.habilitee-popover .cell .sub-cell{
    justify-items: start;
    align-items: center;
    height:48px;
    padding-top:15px;

}

.habilitee-popover .cell .sub-cell-pict{
    justify-items: start;
    align-items: center;
  
  
}

.habilitee-popover .badge-false {
    padding: 5px;
    background-color: #F1CDCB;
    border: solid 1px #8C5D5F;
    border-radius: 5px;
    width: 70px;
    height: 25px;
    font-size: 10px;
    text-transform: capitalize;
    text-align: center;
    margin-right: 5px;
    color: #8C5D5F;
}

.habilitee-popover .badge-true {
    width: 100px;
    height: 25px;
    padding: 5px;
    background-color: #F2E3CD;
    border: solid 1px #765B35;
    color: #765B35;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    margin-right: 5px;
}


.habilitee-popover .badge-void {
    width: 70px;
    height: 25px;
    padding: 2px 0 0 0;
    background-color: #F8F9FA;
    border: solid 1px #ADB5BD;
    color: #ADB5BD;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;

    text-align: center;
    margin-right: 5px;
}

.habilitee-popover .badge-scheduled {
    width: 70px;
    height: 25px;
    padding: 2px 0 0 0;
    background-color: #D1E7DD;
    border: solid 1px #198754;
    color: #198754;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;

    text-align: center;
    margin-right: 5px;
}

.habilitee-popover .badge-initialyzed {
    width: 70px;
    height: 25px;
    padding: 2px 0 0 0;
    background-color:#CFF4FC;
    border: solid 1px #0dcaf0;
    color: #0dcaf0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;

    text-align: center;
    margin-right: 5px;
}

.habilitee-popover .badge-todo{
    width: 70px;
    height: 25px;
    padding: 2px 0 0 0;
    background-color: #FFF3CD;
    border: solid 1px #ffc107;
    color: #ffc107;
    border-radius: 5px;

    font-weight: bold;

    text-align: center;
    margin-right: 5px;
    font-size: 14px;
}

.habilitee-popover .download {
    text-decoration: underline;
    cursor: pointer;
}