/*Bouton couleurs blanc*/
.portlet.light>.portlet-title>.actions .btn-default {
    color: #fff;
}
/*Masque le champ filtre*/
div.dataTables_wrapper div.dataTables_filter{
    display: none;
}


/*Bouton Colum visibility*/
.portlet.light .dataTables_wrapper .dt-buttons {
    margin-bottom: 20px;
}

/*Custom Style pagination*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-top: 10px;
    cursor: default;
    color: #337ab7!important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    cursor: default;
    color: #fff!important;
    border: 1px solid transparent;
    background: #337ab7!important;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{

    cursor: default;
    color: #fff !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

#datatableDevis_paginate > span{
    border: 1px solid #ddd;
    padding: 7px 0;
    background: #fff;
    color: black;
}

#datatableDevis_paginate > span > a{
    border: 1px solid #ddd;
    margin-left: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #337ab7!important;
    color: #fff!important;
}


button.dt-button, div.dt-button, {
    border-radius: 25px!Important;
    background-color: #2f353b!Important;
    color: #fff!Important;
    padding: 3px 7px 3px!Important;
    height: 27px!Important;
    width: 27px!Important;
    margin: -6px 0 0 0!Important;
    font-weight: 600!Important;

}
/*
a.dt-button {
   border-radius: 25px!Important;
   background-color: #2f353b!Important;
    color: #fff!Important;
    padding: 5px 8px 2px!Important;
    height: 29px!Important;
    width: 29px!Important;
    margin: 4px -2px 0 0!Important;
    font-weight: 600!Important;

}
*/

@media screen and (max-width: 768px) {

/*Bouton ColVis responsive*/
.portlet.light .dataTables_wrapper .dt-buttons{
        margin-top: -65px;
        text-align: right;
    }

}



div.dt-button-collection{
 width: 160px!Important;
}

div.dt-button-collection>a.dt-button.active {
    background-color: #2f353b!Important;
    color: #fff!Important;
    border-radius: 0px!Important;
    height: 100%!Important;
    width: 100%!Important;
}

div.dt-button-collection a.dt-button{
    background-color: #fff!Important;
    color: #2f353b!Important;
    border-radius: 0px!Important;
    height: 100%!Important;
    width: 100%!Important;

}

div.dt-button-collection>a.dt-button.active>span {
    color: #fff!Important;}

/*Bouton couleurs blanc*/
.portlet.light>.portlet-title>.actions .btn-default {
    color: #fff;
}

/*Responsive*/
.page-quick-sidebar-wrapper {
  
    height: initial!Important;
    padding-bottom: 25px!Important;

}
/*Media Queries pour le Top du bandeau de recherches*/
@media (max-width: 576px) {
/*Taille quickbar top*/
.page-quick-sidebar-wrapper {
   top: -360px; 
}
}
 
@media (min-width: 768px) {
/*Taille quickbar top*/
.page-quick-sidebar-wrapper {
   top: -360px; 
}
}