#datatable_filter input,
#datatableSearchNoPaginate_filter input,
#datatableDetailed_filter input {
  background-image: url("data:image/svg+xml,%3Csvg style='fill:currentColor;' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='24px' height='24px'%3E%3Cpath d='M 20.5 6 C 12.509634 6 6 12.50964 6 20.5 C 6 28.49036 12.509634 35 20.5 35 C 23.956359 35 27.133709 33.779044 29.628906 31.75 L 39.439453 41.560547 A 1.50015 1.50015 0 1 0 41.560547 39.439453 L 31.75 29.628906 C 33.779044 27.133709 35 23.956357 35 20.5 C 35 12.50964 28.490366 6 20.5 6 z M 20.5 9 C 26.869047 9 32 14.130957 32 20.5 C 32 23.602612 30.776198 26.405717 28.791016 28.470703 A 1.50015 1.50015 0 0 0 28.470703 28.791016 C 26.405717 30.776199 23.602614 32 20.5 32 C 14.130953 32 9 26.869043 9 20.5 C 9 14.130957 14.130953 9 20.5 9 z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding-left: 42px;
  font-size: 1.5em;
  height: auto;
  width: 420px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ebeff2;
}

.dataTables_wrapper select, .dataTables_wrapper .dataTables_filter input {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  color: #565656;
  padding: 7px 12px;
  height: 38px;
  max-width: 100%;
  box-shadow: none;
  transition: all 300ms linear;
  font-weight: normal;
}

.dataTables_wrapper select, .dataTables_wrapper .dataTables_filter input
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f4f8fb !important;
}

.dataTables_wrapper .dataTables_paginate{
  margin-top: 48px;
  margin-bottom: 24px;
  text-align: right;
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .ellipsis	{
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #636e7b;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover	{
  background-color: #5fbeaa;
  border-color: #5fbeaa;
  color: white;
}
  

.dataTables_wrapper .dataTables_paginate .paginate_button:hover		{
  background-color: #e4e7ea;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #e2e8f0 !important;
  margin-top: 0.75em auto !important;
}

.dataTables_info, .dataTables_length{
  display: none;
}

/* table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after, table.dataTable thead th.sorting:after {
  content: "";
} */

/* for filter analytics */
.filter-keyword .dataTables_wrapper #datatable_filter, .dataTables_wrapper #datatableSearch_filter, #datatableSearchOrder {
  float: inherit !important;
}

.filter-keyword .dataTables_wrapper #datatable_filter label, .dataTables_wrapper #datatableSearch_filter label, #datatableSearchOrder_filter label{
  display: block;
  text-align: center;
  margin: 10px auto 20px auto;
}

.filter-keyword div.dataTables_wrapper div.dataTables_filter input, .dataTables_wrapper #datatableSearch_filter input, #datatableSearchOrder_filter input{
  width: 400px !important;
}

.dtr-details, .dtr-details li {
  display: inline-block !important;
}

.width--data {
  padding: 5px;
  width: 200px !important;
}

tr.child > .child {
  padding-top: 10px;
  color: white;
  background-color: #244f79;
}

.table-details .dtr-control-plus::before {
  font-family: themify;
  content: "\e61a";
  margin-right: 5px;
  display: block;
  float: left;
}

.table-details .parent .dtr-control-menues::before {
  font-family: themify;
  content: "\e622";
  margin-right: 5px;
  display: block;
  float: left;
}

a.fa-sort, a.fa-sort-asc, a.fa-sort-desc {
  color: #666666 !important;
}

.table-details .dtr-control-none::before {
  font-family: themify;
  content: "\e622";
  margin-right: 5px;
  display: block;
  float: left;
  color: transparent;
}