@media (max-width: 992px) {

    h2 #setprojetnameVal{
        font-size: 1.2rem;
    }

    .titrehistodesc{
        font-size: 0.86rem;
    }

    .dashzone .statutprojet{
        display: none;
    }

    .dashzone .prioprojet{
        display: none;
    }

    .dashzone .dateproj{
        display: none;
    }

    .dashzone .userprojet{
        display: none;
    }


    .content-wrapper{
        padding: 10px 20px;
    }

    .btn{
        padding: 0.5rem 1rem;
        font-size: 0.675rem!important;
    }

    h4.card-title{
        font-size: 1rem!important;
    }

    .titleUserByPole{
        font-size: 14px;
    }

    h4.text-title{
        font-size: 1.1rem!important;
    }

    .tabiconoption .btn{
        padding: 10px 5px;
    }

    div.dataTables_wrapper .datatable th.tabiconoption, 
    div.dataTables_wrapper .datatable td.tabiconoption{
        padding: 12px 10px 12px 2px !important;
    }

    .tabiconoption{
        width:40px;
    }

    div.dataTables_wrapper .datatable th.tabiconselect, 
    div.dataTables_wrapper .datatable td.tabiconselect{
        padding: 12px 10px 12px 2px !important;
    }
    

}


@media (max-width: 768px) {

    h4.card-title{
        font-size: 0.9rem!important;
    }

    .titleUserByPole{
        font-size: 13px;
    }

    h4.text-title{
        font-size: 1rem!important;
    }

    .tabiconoption .btn{
        padding: 10px 2px;
    }

    /* .dashzone .contratreco{
        display: none;
    } */


    
    /* .dashzone .agencezone{
        display: none;
    } */
    

    .content-wrapper{
        padding: 10px 0px;
    }

    .row{
        width: 100%;
        margin-left:0;
        margin-right:0;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
        padding-right: 10px;
        padding-left: 10px
    }

    .page-header{
        margin-left: 10px;
        margin-right: 10px;
    }

    .card .card-body{
        padding: 0.8rem;
    }

    .page-title{
        font-size: 0.7rem;
    }
    .page-title .page-title-icon{
        width: 20px;
        margin-right: 5px!important;
    }

    .breadcrumb-item:first-child{
        padding-left: 30px !important;
    }

    .breadcrumb{
        padding: 0.56rem 10px;
    }

    .breadcrumb .breadcrumb-item{
        font-size: 80%;
        line-height: 200%;
    }

    div.dataTables_wrapper .datatable th.tabiconoption, 
    div.dataTables_wrapper .datatable td.tabiconoption{
        padding: 12px 2px 12px 2px !important;
    }

    .tabiconoption{
        width:30px;
    }

    div.dataTables_wrapper .datatable th.tabiconselect, 
    div.dataTables_wrapper .datatable td.tabiconselect{
        padding: 12px 2px 12px 2px !important;
    }

    .spacer.ml-auto{
        width: 100%;
    }
}