.datatables-group {
  background-color: #ddd!important;
  border-bottom: 1px solid #999;
}

.datatables-group:hover {
  cursor: pointer;
  background-color: #aaa !important;
}

.datatables-group  .datatables-group-chevron {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  width: 15px;
  margin-right: 5px;
  text-align: center;
}

.groupable-datatable .datatables-totals {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.datatables-group.open  .datatables-group-chevron {
  transform: rotate(90deg);
}

.groupable-datatable {
  border-collapse: collapse !important;
  margin: 0!important;
  width: 100%;
}

.groupable-datatable tr.datatables-row {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease;
}

.groupable-datatable tr.datatables-row.open {
  transform: scaleY(1);
}


.groupable-datatable.no-animate tr.datatables-row {
  transition: none;
  transform: scaleY(1);
}

.groupable-datatable tr {
  font-size: 12px;
}

.groupable-datatable td {
  padding: 3px!important;
  padding-left: 8px!important;
  padding-right: 8px!important;
  white-space: nowrap;
}

.groupable-datatable th {
  xborder-left: 1px solid #ccc;
  border-right: 1px solid #eaeaea;
  white-space: nowrap;
}

.groupable-datatable.grouped th {
  background: none !important;
}

.groupable-datatable .submission-chevron {
  width: 100%;
  text-align: center;
}

/*.groupable-datatable.grouped ~ .dataTables_length {
  display: none;
}*/