/**
 *  METREAUX TABLE . CSS
 *
 * Use:
 *     Style overrides for Datatables.net to bring about a UI treatment
 *     inspired by Windows 8 (formerly 'Metro UI')
 *
 *  Versions:
 *      0.1 -- 06-December-2013
 *    
 */
/**
 *  LESS Constants
 *  
 */
/**
 *  DATA_TABLES.NET Overrides for Metreaux
 *  
 *  Note: these CSS rules *must* follow the default rules provided by the
 *  Plugin, jQuery.Datatables.
 *  
 */

.dataTables_wrapper {
  font-size: .90em;
}
.dataTable {
  border-bottom: 1px solid #f3f3f3;
}
.dataTables_length,
.dataTables_filter {
  margin-bottom: 1.0em;
  position: relative;
}
.dataTables_filter input,
.dataTables_length select {
  background-color: white;
  border: 1px solid #dadada;
  color: #49504f;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: .90em;
  height: 34px;
  padding-left: 5px;
}
.dataTables_filter input:focus,
.dataTables_length select:focus {
  background-color: lemonchiffon;
}
.dataTable thead tr {
  height: 2.0em;
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
}
.dataTables_wrapper .dataTable thead th {
  border-bottom: 0;
  color: #333333;
  font-size: .80em;
  font-weight: 600;
  vertical-align: middle;
}
.dataTables_wrapper .dataTable thead th.align-text.right {
  text-align: center;
}
.dataTables_wrapper .dataTable tbody tr.odd,
.dataTables_wrapper .dataTable tbody tr.even {
  color: #111111;
  height: 2.0em;
}
/*  Striping  ================================================================*/

.dataTables_wrapper .dataTable tbody tr.odd {
  background-color: white;
}
.dataTables_wrapper .dataTable tbody tr.even {
  background-color: #9fd074;
  background-color: rgba(199, 199, 199, 0.2);
}
/*   Sorting   ===============================================================*/

table.dataTable tr.odd td.sorting_1 {
  background-color: rgba(159, 159, 159, 0.15);
}
table.dataTable tr.even td.sorting_1 {
  background-color: rgba(159, 159, 159, 0.25);
}
table.dataTable tr.odd td.sorting_2 {
  background-color: rgba(159, 159, 159, 0.1);
}
table.dataTable tr.even td.sorting_2 {
  background-color: rgba(159, 159, 159, 0.2);
}
table.dataTable tr.odd td.sorting_3 {
  background-color: rgba(159, 159, 159, 0.05);
}
table.dataTable tr.even td.sorting_3 {
  background-color: rgba(159, 159, 159, 0.1);
}
.svg .sorting_asc,
.svg .sorting_asc_disabled {
  background: transparent url(../img/svg/black/sort_asc.svg) 96% center no-repeat;
  background-size: 20px 15px;
}
.svg .sorting_desc,
.svg .sorting_desc_disabled {
  background: transparent url(../img/svg/black/sort_desc.svg) 96% center no-repeat;
  background-size: 20px 15px;
}
.svg .sorting_asc,
.svg .sorting_desc {
  background-color: black !important;
  border-top: 1px solid black !important;
  border-bottom: 1px solid black !important;
  color: white !important;
}
.svg .sorting_asc_disabled,
.svg .sorting_desc_disabled {
  opacity: .20;
}
.dont-use-svg .sorting_asc,
.no-svg .sorting_asc,
.dont-use-svg .sorting_asc_disabled,
.no-svg .sorting_asc_disabled {
  background: transparent url(../img/white/up.png) no-repeat center right;
}
.dont-use-svg .sorting_desc,
.no-svg .sorting_desc,
.dont-use-svg .sorting_desc_disabled,
.no-svg .sorting_desc_disabled {
  background: url(../img/white/down.png) no-repeat center right;
}
.dont-use-svg .sorting_asc_disabled,
.no-svg .sorting_asc_disabled,
.dont-use-svg .sorting_desc_disabled,
.no-svg .sorting_desc_disabled {
  opacity: .20;
}
.dont-use-svg .sorting_asc,
.no-svg .sorting_asc,
.dont-use-svg .sorting_desc,
.no-svg .sorting_desc {
  background-color: black !important;
  border-top: 1px solid black !important;
  border-bottom: 1px solid black !important;
  color: white !important;
}
/* ===   MISC   ============================================================= */

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
.dataTables_wrapper .dataTable tbody tr td {
  font-size: .80em;
  vertical-align: middle;
}
.dataTables_info {
  margin: 1.5em 0;
  height: 33px;
}
.dataTables_paginate {
  margin: 1.0em 0;
}
.dataTables_info,
.dataTables_paginate.paging_two_button a {
  line-height: 1.5em;
}
.dataTables_info {
  border: 1px solid #dadada;
  padding: 0 .50em;
}
/*  Pagination  ==============================================================*/

/*  Two button pagination - [Previous] / [Next] */

.svg .paginate_disabled_previous,
.svg .paginate_disabled_next {
  opacity: .30;
}
.svg .paginate_disabled_previous,
.svg .paginate_enabled_previous,
.svg .paginate_disabled_next,
.svg .paginate_enabled_next {
  height: 32px;
  width: 40px;
}
.svg .paginate_enabled_previous,
.svg .paginate_enabled_previous:hover,
.svg .paginate_disabled_previous {
  background: url(../img/svg/black/arrow.left.circle.svg) no-repeat 100% 50%;
  background-size: 30px 40px;
  padding: 0;
}
.svg .paginate_enabled_next,
.svg .paginate_enabled_next:hover,
.svg .paginate_disabled_next {
  background: url(../img/svg/black/arrow.right.circle.svg) no-repeat 100% 50%;
  background-size: 30px 40px;
  padding: 0;
}
.svg .paginate_enabled_previous:hover {
  background: url(../img/svg/black/arrow.left.circle.filled.svg) no-repeat 100% 50%;
  background-size: 32px 42px;
}
.svg .paginate_enabled_next:hover {
  background: url(../img/svg/black/arrow.right.circle.filled.svg) no-repeat 100% 50%;
  background-size: 32px 42px;
}
.dont-use-svg .paginate_disabled_previous,
.no-svg .paginate_disabled_previous,
.dont-use-svg .paginate_disabled_next,
.no-svg .paginate_disabled_next {
  opacity: .30;
}
.dont-use-svg .paginate_disabled_previous,
.no-svg .paginate_disabled_previous,
.dont-use-svg .paginate_enabled_previous,
.no-svg .paginate_enabled_previous,
.dont-use-svg .paginate_disabled_next,
.no-svg .paginate_disabled_next,
.dont-use-svg .paginate_enabled_next,
.no-svg .paginate_enabled_next {
  height: 32px;
  width: 40px;
}
.dont-use-svg .paginate_enabled_previous,
.no-svg .paginate_enabled_previous,
.dont-use-svg .paginate_enabled_previous:hover,
.no-svg .paginate_enabled_previous:hover,
.dont-use-svg .paginate_disabled_previous,
.no-svg .paginate_disabled_previous {
  background: url(../img/black/arrow.left.circle.png) no-repeat 5% 0%;
  background-size: 32px 32px;
  padding: 0;
}
.dont-use-svg .paginate_enabled_next,
.no-svg .paginate_enabled_next,
.dont-use-svg .paginate_enabled_next:hover,
.no-svg .paginate_enabled_next:hover,
.dont-use-svg .paginate_disabled_next,
.no-svg .paginate_disabled_next {
  background: url(../img/black/arrow.right.circle.png) no-repeat 95% 0%;
  background-size: 32px 32px;
  padding: 0;
}
.dont-use-svg .paginate_enabled_previous:hover,
.no-svg .paginate_enabled_previous:hover {
  background: url(../img/black/arrow.left.circle.filled.png) no-repeat 5% 0%;
  background-size: 32px 32px;
}
.dont-use-svg .paginate_enabled_next:hover,
.no-svg .paginate_enabled_next:hover {
  background: url(../img/black/arrow.right.circle.filled.png) no-repeat 95% 0%;
  background-size: 32px 32px;
}
/*    Full number pagination    */

.paging_full_numbers a:active {
  outline: none;
}
.paging_full_numbers a:hover {
  text-decoration: none;
}
.paging_full_numbers a,
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  height: 32px;
  width: 32px;
}
.paging_full_numbers a,
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  display: inline;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid lightgray;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand;
  color: #333333;
}
.paging_full_numbers a.paginate_button {
  background-color: white;
}
.paging_full_numbers a.paginate_button:hover {
  background-color: #dddddd;
  text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
  background-color: black;
  color: white !important;
}
.paging_full_numbers a.first.paginate_button,
.paging_full_numbers a.first.paginate_button_disabled,
.paging_full_numbers a.first.paginate_button:hover,
.paging_full_numbers a.last.paginate_button,
.paging_full_numbers a.last.paginate_button_disabled,
.paging_full_numbers a.last.paginate_button:hover,
.paging_full_numbers a.previous.paginate_button,
.paging_full_numbers a.previous.paginate_button_disabled,
.paging_full_numbers a.previous.paginate_button:hover,
.paging_full_numbers a.next.paginate_button,
.paging_full_numbers a.next.paginate_button_disabled,
.paging_full_numbers a.next.paginate_button:hover {
  border: 1px solid lightgray;
  display: inline-block;
  position: relative;
  top: 9px;
}
.paging_full_numbers a.first.paginate_button,
.paging_full_numbers a.first.paginate_button_disabled,
.paging_full_numbers a.first.paginate_button:hover {
  background: url('../img/svg/control.rewind.svg') no-repeat 50% 50%;
  background-size: 32px 60px;
}
.paging_full_numbers a.last.paginate_button,
.paging_full_numbers a.last.paginate_button_disabled,
.paging_full_numbers a.last.paginate_button:hover {
  background: url('../img/svg/control.fastforward.svg') no-repeat 50% 50%;
  background-size: 32px 60px;
}
.paging_full_numbers a.previous.paginate_button,
.paging_full_numbers a.previous.paginate_button_disabled,
.paging_full_numbers a.previous.paginate_button:hover {
  background: url('../img/svg/control.back.svg') no-repeat 50% 50%;
  background-size: 24px 48px;
}
.paging_full_numbers a.next.paginate_button,
.paging_full_numbers a.next.paginate_button_disabled,
.paging_full_numbers a.next.paginate_button:hover {
  background: url('../img/svg/control.forward.svg') no-repeat 50% 50%;
  background-size: 24px 48px;
}
.paging_full_numbers a.first.paginate_button:hover,
.paging_full_numbers a.last.paginate_button:hover,
.paging_full_numbers a.previous.paginate_button:hover,
.paging_full_numbers a.next.paginate_button:hover {
  background-color: lightgray;
}
.paging_full_numbers a.first.paginate_button_disabled,
.paging_full_numbers a.last.paginate_button_disabled,
.paging_full_numbers a.previous.paginate_button_disabled,
.paging_full_numbers a.next.paginate_button_disabled {
  opacity: .30;
}
.paging_full_numbers a.first.paginate_button_disabled:hover,
.paging_full_numbers a.last.paginate_button_disabled:hover,
.paging_full_numbers a.previous.paginate_button_disabled:hover,
.paging_full_numbers a.next.paginate_button_disabled:hover {
  background-color: transparent;
}
.paging_full_numbers span {
  height: 34px;
}
.paging_full_numbers span a.paginate_button,
.paging_full_numbers span a.paginate_active {
  padding-left: 10px;
  padding-right: 10px;
}
.paging_full_numbers span a.paginate_active {
  border: 1px solid black;
  color: white !important;
}
.paging_full_numbers span a.paginate_button {
  background-color: white;
  color: black !important;
}
.paging_full_numbers span a.paginate_button:hover {
  background-color: #888888;
  border: 1px solid #888888;
  color: black !important;
}
/*  Search / Filter  =========================================================*/

.cancel-search {
  border: 1px solid #dadada;
  bottom: 0;
  display: inline-block;
  height: 34px;
  position: absolute;
  right: 0;
  width: 34px;
}
.cancel-search:hover {
  cursor: pointer;
}
.svg .cancel-search {
  background: #f9f9f9 url(../img/svg/black/clear.boxed.svg) center center no-repeat;
  background-size: 36px 36px;
}
.dont-use-svg .cancel-search,
.no-svg .cancel-search {
  background: #f9f9f9 url(../img/black/cancel.png) center center no-repeat;
  background-size: 36px 36px;
}