.dataTables_wrapper .dataTables_length {
  float: left;
  margin-right: 15px;
}
.dataTables_wrapper .dataTables_length select {
  text-align: center;
}

.dataTables_wrapper .dataTables_filter {
  float: left;
  margin-right: 15px;
}
  
.dataTables_wrapper .dt-buttons {
  float: right;
  margin-left: 15px;
}

button.dt-button.btn.btn-success { background-color: hsl(140,100%,85%); }
  button.dt-button.btn.btn-success:hover  { background-color: hsl(140,100%,75%); }

button.dt-button.btn.btn-primary { background-color: hsl( 200, 100%, 85% ); }
  button.dt-button.btn.btn-primary:hover { background-color: hsl( 200, 100%, 75% ); }

button.dt-button.btn.btn-info { background-color: hsl( 180, 100%, 85% ); }
  button.dt-button.btn.btn-info:hover { background-color: hsl( 180, 100%, 75% ); }

button.dt-button.btn.btn-warning { background-color: hsl( 35, 100%, 85% ); }
  button.dt-button.btn.btn-warning:hover { background-color: hsl( 35, 100%, 75% ); }

button.dt-button.btn.btn-danger { background-color: hsl( 0, 100%, 85% ); }
  button.dt-button.btn.btn-danger:hover { background-color: hsl( 0, 100%, 75% ); }

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dt-button {
    float: none;
    text-align: center;
  }
}