/* ////////////////////////////////////////////////////////////////////
*
* dataTables-custom.css
*   
* - style arrows no image
* - dataTable / tbody
* - thead / tfoot
* - dataTables_wrapper
* - dataTables_wrapper (length / filter)
* - dataTables_wrapper (paginate_button)
* - no-footer / dataTables_scrollBody
* - fix bug tooltip bootstrap 4
* 
* //////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------
* - style arrows no image
* -------------------------------------------------------------------- */
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc_disabled, 
table.dataTable thead .sorting_desc_disabled { 
    position: relative;
    cursor: pointer;
    *cursor: hand; 
    background-image: none;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::after, 
table.dataTable thead .sorting_desc::after, 
table.dataTable thead .sorting_asc_disabled::after, 
table.dataTable thead .sorting_desc_disabled::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 5px;
    width: 7px;
    height: 7px;
    border-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    top: 40%;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
    -o-transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
    transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_asc_disabled::after {
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_desc_disabled::after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after { opacity: 0.5;}

table.dataTable thead .sorting::after{ top: 30%;}
table.dataTable thead .sorting::before{ top: auto; bottom: 30%;}

/* --------------------------------------------------------------------
* - dataTable / tbody
* -------------------------------------------------------------------- */
table.dataTable { border-collapse: collapse;}

table.dataTable tbody tr { background-color: transparent;}

/* --------------------------------------------------------------------
* - thead / tfoot
* -------------------------------------------------------------------- */
table.dataTable thead th, 
table.dataTable thead td{
    padding: 5px 18px;
    font-weight: normal;
    border-bottom: none;
}
table.dataTable tfoot th, 
table.dataTable tfoot td {
    padding: 5px 18px;
    border-top: none;
}

/* --------------------------------------------------------------------
* - dataTables_wrapper
* -------------------------------------------------------------------- */
.dataTables_wrapper { margin-bottom: 10px;}

.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate { color: inherit;}

/* --------------------------------------------------------------------
* - dataTables_wrapper (length / filter)
* -------------------------------------------------------------------- */
.dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_filter label input{
	padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: transparent;
}
.dataTables_wrapper .dataTables_filter{ margin-bottom: 10px;}

/* --------------------------------------------------------------------
* - dataTables_wrapper (paginate_button)
* -------------------------------------------------------------------- */
.dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #777!important;
    border-radius: 6px;
    padding: 0.4em 0.8em;
    border: 1px solid #ccc;
    background: none;
    background-color: #f8f8f8;
    font-size: 13px!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #777!important;
    border-radius: 6px;
    padding: 0.4em 0.8em;
    border: 1px solid #ccc;
    background: none;
    background-color: #eee;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #666!important;
    border-radius: 6px;
    padding: 0.4em 0.8em;
    border: 1px solid #ccc;
    background: none;
    background-color: #eee;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #777!important;}


/* --------------------------------------------------------------------
* - no-footer / dataTables_scrollBody
* -------------------------------------------------------------------- */
.dataTable.no-footer, 
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: none;}