table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    background-image: none !important;
}

th.sorting_asc::after,
th.sorting_desc::after {
    background-image: none !important;
}

table.dataTable thead th {
    padding-right: 5px;
    padding-left: 5px;
    /*max-width: 15%;
    width: 10% !important;*/
}

.fa-sort-up, .fa-sort-down {
    /* float: right; */
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    color: #000;
}

.fa-sort {
    /* float: right; */
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    color: #3F4967;
}

.filter {
    color: #aaa;
    font-size: 8px;
    padding: 0px 2px;
}

.hiddenFilter {
    color: rgba(170,170,170,0);
}

.columnTitle, .sortIndicator {
    cursor: pointer;
}

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 {
    cursor: default;
}


table.dataTable.display tbody tr.status0>.sorting_1, table.dataTable.order-column.stripe tbody tr.status0>.sorting_1
{
    background-color: #f7e4c1 !important;
}

.status0 {
    background-color: #f7e4c1 !important;
}

/* Show processing overlay when datatables Server side is true: Begin*/
/* table.dataTable.display.loading tbody - use this to apply for all tables */
/* #AnalyticsDomains.loading tbody - use this to apply for specific table */
table.dataTable.display.loading tbody {
    position: relative;
}
/* table.dataTable.display.loading tbody:after - use this to apply for all tables */
/* #AnalyticsDomains.loading tbody:after - use this to apply for specific table */
table.dataTable.display.loading tbody:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url("/admin/images/icons/ajax-loader2.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
}
/* Show processing overlay when datatables Server side is true: End */ 

/* Datatable new dashed line design: Begin*/
table.dataTable tbody td .icon1{
    border: 1px solid #F9F9F9;
    background: #F9F9F9;
    padding: 2px;
}

 table.dataTable thead th,table.dataTable thead td {
    /* padding: 10px 18px; */
    padding: 10px 5px 10px 18px;
    border-bottom: 1px solid #3F4967;
    height: 30px;
    background-color: #E9EEFF;
    color: #6B769A;
    font-size: 13px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 18px;
}
table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td {
    /* border-top: 1px solid #ddd; */
    border-top: 1px dashed #DEE2EE; /*#9EA9CD*/
    height: 30px;
}

table.dataTable.dataTable tbody tr {
  color: #3F4967;
}

table.dataTable.dataTable tbody tr:hover {
  background-color: #EEF0F6;
}
 
table.dataTable.dataTable tbody tr:hover > .sorting_1 {
  background-color: #EEF0F6;
}

table.dataTable.no-footer {
    border-bottom: 1px dashed #ddd
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #3F4967;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #3F4967 !important;
    border-radius: 50px;
    min-width: 150px;
    height: 24px;
    margin-left: 16px;
    margin-bottom: 16px;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #E3EAFF !important;
    color: #3F4967 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #3F4967 !important; 
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #3F4967 !important; 
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
        border: 1px solid #E3EAFF;
        /* background: linear-gradient(to bottom, white 0%, #3F4967 100%); */
}

.customtoolbar {
    float: left;
    color: #3F4967;
}
[class^="customtoolbar-"] {
    float: left;
    color: #3D4A70;
}
.dataTables_processing {
    background-color: rgba(45,52,112, 0.3) !important; /* Change to the desired color */
}

/* table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #FBFCFF;
} */
/* Datatable new dashed line design: End*/

th.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px; /* or any width */
  text-align: left;
}

td.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px; /* or any width */
  text-align: left;
}