.markerSuperviseur{
    cursor:pointer;
}

#keywordSuperviseur{
    height: 35px;
    position: relative;
    border-radius: 5px;
}

#startSearchSuperviseur{
    position: absolute;
    margin-left: 5px;
    padding: 7px;
}

#popupSuperviseur{
    max-width: 1200px;
}


.texte {
    display: none;
    font-size: 0.8em;
    color: lightslategray;
}



#bouton_filtre {
    text-align: right !important;
}

/*
tableaux
*/

.intitule_colonne {
    display: none;
}

.intitule_colonne, .cta-droite-table .bouton_recherche {
    display: none;
}

.cta-droite-table {
    float: right;
    margin-bottom: 15px;
    padding-right: 0 !important;
    text-align: right;
    width: 20%;
}

.cta-gauche-table {
    float: left;
    display: inline-flex;
    padding-left: 0 !important;
    width: 78%;
}


@media (min-width: 1000px) {
 /*   .half_width_card{
        max-width: 150px!important;
    }*/
    .zone-cliquable{
        width: auto!important;
    }
}
@media (max-width: 1000px) {

    .intitule_colonne {
        display: block;
    }

    .intitule_bouton {
        display: none !important;
    }



    .thead-table-jobphoning {
        display: none;
    }

    table, .tbody_table_jobphoning {
        position: relative;
        display: block;
    }

    .table-card {
        display: block;
        width: 100%;
        margin-top: 15px;
        text-overflow: ellipsis;
        word-wrap: break-word;
        background-color: rgba(0, 0, 0, .125);
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125) !important;
        border-radius: 10px;
        padding: 5px;
        white-space: initial;
        position: relative;
    }

    .table-card td {
        display: inline-block;
        overflow: hidden;
        max-width: 100%;
        border-radius: 10px;
        margin-top: 4px;
        padding: 0.5rem !important;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125) !important;
        height: 60px;
        line-height: 1 !important;
        background-color: #fff;
    }

    td.table-card-option-selection {
        width: 30px !important;
        height: 35px !important;
        border: none !important;
        display: inline-block !important;
    }





    td.table-card-label-selection .intitule_colonne {
        display: inline-block !important;
    }


    td.table-card-detail-header-droite .intitule_colonne {
        display: inline-block !important;
        color: #212529 !important;
    }

    td.table-card-detail-header-droite .intitule_colonne {
        display: inline-block !important;
        color: #212529 !important;
    }



    .overflow-td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        word-break: break-all;
    }

    .overflow-td-afficher {
        overflow: visible !important;
        white-space: normal !important;
        height: auto !important;
    }

    .intitule_colonne {
        color: #00A4DD;
    }

    .quart_width_card {
        width: 24.5% !important;
        display: inline-block !important;
    }

    .one_third_width_card {
        width: 32.9% !important;
        display: inline-block !important;
    }

    .table th.one_third_width_card, .table td.one_third_width_card {
        width: 32.5% !important;
        display: inline-block !important;
    }

    .two_third_width_card {
        width: 65.7% !important;
        display: inline-block !important;
    }

    .half_width_card {
        width: 49.5% !important;
        display: inline-block !important;
    }

    .table th.half_width_card, .table td.half_width_card {
        width: 49.5% !important;
        display: inline-block !important;
    }

    .three_third_width_card {
        width: 74% !important;
        display: inline-block !important;
    }

    .full_width_card {
        width: 99.9% !important;
        display: inline-block !important;
    }

    .table th.full_width_card, .table td.full_width_card {
        width: 99.9% !important;
        display: inline-block !important;
    }

    .ten_percent_width_card {
        width: 9.5% !important;
        display: inline-block !important;
    }

    .fifteen_percent_width_card {
        width: 14.5% !important;
        display: inline-block !important;
    }

    .twenty_percent_width_card {
        width: 19.5% !important;
        display: inline-block !important;
    }

    .table th.twenty_percent_width_card, .table td.twenty_percent_width_card {
        width: 19.5% !important;
        display: inline-block !important;
    }

    .thirty_percent_width_card {
        width: 29.5% !important;
        display: inline-block !important;
    }

    .forty_percent_width_card {
        width: 39.5% !important;
        display: inline-block !important;
    }

    .table th.forty_percent_width_card, .table td.forty_percent_width_card {
        width: 39.4% !important;
        display: inline-block !important;
    }

    .fifty_percent_width_card {
        width: 49.5% !important;
        display: inline-block !important;
    }

    .fifty_five_percent_width_card {
        width: 54.5% !important;
        display: inline-block !important;
    }

    .sixty_percent_width_card {
        width: 59.5% !important;
        display: inline-block !important;
    }

    .seventy_percent_width_card {
        width: 69.5% !important;
        display: inline-block !important;
    }

    .eighty_percent_width_card {
        width: 79.5% !important;
        display: inline-block !important;
    }

    .ninety_percent_width_card {
        width: 89.5% !important;
        display: inline-block !important;
    }


}

@media (max-width: 450px) {
   /* .table th.half_width_card, .table td.half_width_card {
        width: 49.2% !important;
        display: inline-block !important;
    }*/

}


@media (max-width: 736px) {

    .quart_width_card {
        width: 24% !important;
        display: inline-block !important;
    }

    .one_third_width_card {
        width: 32.7% !important;
        display: inline-block !important;
    }

    .two_third_width_card {
        width: 65.7% !important;
        display: inline-block !important;
    }

    .half_width_card {
        width: 49.5% !important;
        display: inline-block !important;
    }

    .ten_percent_width_card {
        width: 9.5% !important;
        display: inline-block !important;
    }

    .twenty_percent_width_card {
        width: 19.5% !important;
        display: inline-block !important;
    }

    .thirty_percent_width_card {
        width: 29.3% !important;
        display: inline-block !important;
    }

    .forty_percent_width_card {
        width: 39.4% !important;
        display: inline-block !important;
    }

    .table th.forty_percent_width_card, .table td.forty_percent_width_card {
        width: 39.2% !important;
        display: inline-block !important;
    }

    .sixty_percent_width_card {
        width: 59.5% !important;
        display: inline-block !important;
    }

    .eighty_percent_width_card {
        width: 79.5% !important;
        display: inline-block !important;
    }

    .ninety_percent_width_card {
        width: 89% !important;
        display: inline-block !important;
    }
    body {
        font-size: 14px;
    }

    #keywordSuperviseur{
        height: 35px;
        position: relative;
        border-radius: 5px;
        width: 60%;
    }


    #startSearchSuperviseur{
        position: absolute;
        margin-left: 5px;
        width: 35px;
        height: 35px;
    }

    #icon_recherche{
        display: block!important;
        height: 35px;
    }
    #intitule_bouton_recherche{
        display: none;
    }

    i.mdi.mdi-magnify {
        display: block;
        position: absolute;
        left: 8px;
    }

}



.bouton_voir_la_fiche{
    max-width: 110px!important;
}


.displayNone {
    display: none;
}

thead {
    color: #fff;
    background: #00A4DD;
}

#container_perfect_scroll_recherche_global{
    max-height: 60vh;
    overflow-y: auto;
}

#container_perfect_scroll_recherche_global.ps {
    position: relative;
}