/** 
 * Applied this CSS fix to restore the background color styling 
 * that was affected after the DataTables plugin upgrade on 02Jun25
 */
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td,
table.dataTable tfoot th, table.dataTable tfoot td {
    background-color: #00acee;
    color: #fff;
}

table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *,
table.dataTable.display > tbody > tr:nth-child(odd).selected > *,
table.dataTable.hover>tbody>tr.selected:hover>*, 
table.dataTable.display>tbody>tr.selected:hover>*,
table.dataTable>tbody>tr.selected>* {
    box-shadow: none !important;         
    color: #3a3a3a !important;  
    border: #fff 1px solid !important;
}
.selected {
    background-color: rgba(0,0,0,.1) !important;
}
.selected a{
    color: #1e73be !important
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, 
table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left;
}

.dt-layout-row .dt-layout-cell .select-info .select-item{
    padding-left: 5px;
}

table.dataTable.stripe > tbody > .selected > td{
    border: #fff 1px solid !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: .4em 1em;
}

/* 4218 14072025 0983 */
table#MembersList tr td img{
    width: 16px;
    height: 16px;
    max-width: initial !important;
}

#MembersList_wrapper.dt-container .dt-length,
#eLearningList_wrapper .dt-length{
    float: left;
}

#MembersList_wrapper.dt-container .dt-end,
#eLearningList_wrapper.dt-container .dt-search{
    float: right;
}

#eLearningList_wrapper.dt-container .dt-button {
    margin-left: 5px;
}

#eLearningList_wrapper.dt-container div.dt-buttons {
    top: -5px !important;
}
#eLearningList_wrapper.dt-container .dt-info{
    float: left;
    padding-top: 1em;
}

#eLearningList_wrapper.dt-container .dt-paging{
    float: right;
    padding-top: 1em;
}

#eLearningList_wrapper.dt-container .dt-paging .dt-paging-button {
    padding: 0em 1em
}