body {

            font-family: 'Poppins', sans-serif;

            font-size: 16px;

            line-height: 1.625;

            background-color: #e5e5e5;

        }

        /*style table */

        table.table-striped{

            background-color: white;

        }

        .table-earning tbody td {

            color: #5d5d5d;

            padding: 7px 0px;

            white-space: nowrap;

        }
        tbody td:first-child { 
            padding-left: 7px;
         }
         tbody td:last-child{ 
            padding-right: 7px;
         }

        .table-earning thead th {

            background: #333;

            font-size: 16px;

            color: #fff;

            vertical-align: middle;

            font-weight: 400;

            line-height: 1;

            padding: 22px 40px;

            white-space: nowrap;

        }

        table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {

            bottom: 22.9px;

        }

        /*btn ajouter*/



        .float-right{

            float: right;

        }

        /*btn right*/

        .item{

            transition: 0.3s ease-in-out ;

        }

        .item-view:hover{

            background-color: #91d6ff;

        }

        .item-edit:hover{

            background-color: #fff691;

        }

        .item-remove:hover{

            background-color: #ff9191;

        }



        .fa-eye:before, .fa-pencil-alt:before, .fa-trash-alt:before {
            position: relative;
            top: 7px;
            left: 6px;
            color: #495057;

        }
        .fa-trash-alt:before {
            left: 8px !important;
        }



        .title-1{

            display: inline-block;

        }

        .float-right{

            display: inline-block;

        }

        .fixed-button {
            display: none;
        }
        .sidenav.bg-white {
            background-image: 
            linear-gradient( #ff4f1e, #ff4f1ea6 ),
            url('/img/7.jpg');

        }
        .sidenav.bg-white .sidenav-link, .sidenav.bg-white .sidenav-horizontal-prev, .sidenav.bg-white .sidenav-horizontal-next {
            color: #ffffff;
        }
        .sidenav.bg-white .sidenav-header {
            color: #ffffff;
        }

/*        div.dataTables_wrapper div.dataTables_length label {
            display: -webkit-inline-box;
        }
        div.dataTables_wrapper div.dataTables_filter{
            display: -webkit-inline-box !important;
            float: right !important;
        }*/

    .table th {
    font-weight: 600;
}
    .table tr:first-child th:first-child {
        border-top: 0;
    }

    .switch.switch-text {
        width: 86px !important;
    }

    .switch-pill .switch-label::before{
        right: 12px !important;
    }

    .switch.switch-text .switch-input:checked ~ .switch-handle {
        left: 65px;
    }
    .switch.switch-text .switch-label {

    background-color: #f93a3a;
    border: 1px solid #f2f2f2;
}

:not(.input-group) > .form-control:not([class*='px-']):not([class*='pr-']) {
    padding-right: 0px;
    padding-left: 9px;
    border: 1px solid #dad6d6;
    box-shadow: 0px 0px 9px 1px #e9e9e980;
}



    .au-card {
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 10%);
    padding: 10px;
}
.quicksearch{
        width: 24% !important ;
    display: inline-block !important;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 9%) !important;   
    height: 40px !important;
    border-radius: 4px !important;
    border: none !important;
    outline: none !important;
    padding: 18px !important;
    color: #808080 !important;
    font-size: 14px !important;
    font-family: RAleway !important;
        margin-right: 12px;
    /* width: 50%; */
    
}
@media only screen and (max-width: 600px){
    .quicksearch{
        width: 41% !important;
    }
}

.input_wrap{
    position: relative;
}
.petit-label{
    position: absolute;
    top: -9px;
    background: white;
    font-size: 13px;
    left: 23px;
    color: #6f6f6f;
    padding: 0 2px;
}

.form-group {
    margin-bottom: 1rem;
    margin-top: 11px;
}


.layout-content{
    background-image: url("/img/background2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
 

 .sidenav.bg-white .sidenav-link:hover, .sidenav.bg-white .sidenav-link:focus, .sidenav.bg-white .sidenav-horizontal-prev:hover, .sidenav.bg-white .sidenav-horizontal-prev:focus, .sidenav.bg-white .sidenav-horizontal-next:hover, .sidenav.bg-white .sidenav-horizontal-next:focus {
    color: #212529;
    background-color: #ffffff1c;
}

.sidenav-link.active{
    background-color: #ffffffe8;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    margin-right: 18px;
    color: black;
}
.sidenav-link.active:hover{
    background-color: #ffffffe8 !important;
}
.sidenav-toggle.active{
    background-color: #ffffff7d;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    margin-right: 18px;
    color: black;
}

.rechercher_date{
    width: 79%;
    display: inline-block;
}

.result.badge-pill {
    padding-right: 11px;
    padding-left: 11px;
    border-radius: 10rem;
    font-size: 14px;
    font-weight: 600;
}


.form-control{
    min-width: 150px;
}


/*pour scroll in table */

.table-responsive {
    overflow: auto;
    max-height: 464px;
}
.table-responsive thead th {
    position: sticky; top: 0; z-index: 1; 
}
table  { border-collapse: collapse; width: 100%; }


.buttons-excel, .buttons-print{
    padding: 3px 30px;
    border-radius: 50px;
    color: white;

}
.buttons-excel{
    background-color: #226e43;
}
.buttons-print{
    background-color: #2196f3;
}