.dataTable {
  margin-bottom: 0;
}

div.dataTables_length {
  margin-top: 6px;
  text-align: right;
}

div.dataTables_length label {
  text-align: left;
}

div.dataTables_length select {
  width: 75px;
}

div.dataTables_filter label {
  float: right;
}

div.dataTables_info {
  padding-top: 9px;
}

div.dataTables_paginate {
  margin: 0;
}

.dataTables_scrollHead {
  background-color: #888;
  color: #fff;
}

.dataTables_scrollHead .dataTable {
  margin-bottom: 0;
}

div.dataTables_scrollHeadInner {
  padding-right: 0 !important;
}

.processing {
  position: relative;
  height: 100%;
}

.dataTables_processing {
  height: 100%;
  position: absolute;
  z-index: 1000;
  width: 100%;
}

.processing-background {
  background-color: #fff;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  width: 100%;
}

.processing-message {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  left: 45%;
  padding: 5px 10px;
  position: absolute;
  top: 45%;
}

.processing-message span {
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  padding-left: 20px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}