@font-face{
    font-family:Entypo;
   /*src: url("font/Entypo-webfont.woff");*/
    src: url('font/Entypo-webfont.eot');
	src: url('font/Entypo-webfont.eot?iefix') format('eot'),
	     url('font/Entypo-webfont.woff') format('woff'),
	     url('font/Entypo-webfont.ttf') format('truetype'),
	     url('font/Entypo-webfont.svg#webfont') format('svg');
} 
   .dataTables_wrapper .dataTables_paginate .paginate_button { 
    padding: 0.5em 1em;
}

#table_id_length> label >select, #example_length > label >select
 {
	    align-items: center;
            background-color: rgb(255, 255, 255);
            background-image: none;
            border-bottom-color: rgb(204, 204, 204);
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-image-outset: 0px;
            border-image-repeat: stretch;
            border-image-slice: 100%;
            border-image-source: none;
            border-image-width: 1;
            border-left-color: rgb(204, 204, 204);
            border-left-style: solid;
            border-left-width: 1px;
            border-right-color: rgb(204, 204, 204);
            border-right-style: solid;
            border-right-width: 1px;
            border-top-color: rgb(204, 204, 204);
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-top-style: solid;
            border-top-width: 1px;
            box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
            box-sizing: border-box;
            color: rgb(85, 85, 85);
            cursor: default;
            display: inline-block;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-stretch: 100%;
            font-style: normal;
            font-variant-caps: normal;
            font-variant-east-asian: normal;
            font-variant-ligatures: normal;
            font-variant-numeric: normal;
            font-weight: 400;
            height: 30px;
            letter-spacing: normal;
            line-height: normal;
            margin-bottom: 2px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 2px;
            padding-bottom: 5px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 5px;
            text-align: start;
            text-indent: 0px;
            text-rendering: auto;
            text-shadow: none;
            text-size-adjust: 100%;
            text-transform: none;
            transition-delay: 0s, 0s;
            transition-duration: 0.15s, 0.15s;
            transition-property: border-color, box-shadow;
            transition-timing-function: ease-in-out, ease-in-out;
            white-space: pre;
            width: 66px;
            word-spacing: 0px;
            writing-mode: horizontal-tb;
            -webkit-appearance: menulist-button;
            -webkit-rtl-ordering: logical;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-border-image: none; 
 }
 
 
 
 table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
  font-weight: 400;
  color: #303641;
}
.table-bordered {
  border: 1px solid #ebebeb;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ebebeb;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #f5f5f6;
  border-bottom-width: 0px;
  color: #a6a7aa;
  border-bottom: 0 !important;
}
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  background-color: #f5f5f6;
  border-top-width: 1px;
  color: #a6a7aa;
}
table > tbody > tr.highlight > td,
table > tbody > tr.highlight > th {
  background-color: #f1f2f4 !important;
  color: #303641;
}




  
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 2px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 2px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ebebeb;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tfoot > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
  border-top: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
  

.dataTables_wrapper {
 /* border: 1px solid #ebebeb;*/
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  font-size:12px;
}
.dataTables_wrapper > div {
  padding: 10px;
}
.dataTables_wrapper > div label {
  margin-bottom: 0;
  font-weight: normal;
  color: #949494;
}
.dataTables_wrapper > div.dataTables_length,
.dataTables_wrapper > div.dataTables_filter,
.dataTables_wrapper > div.dataTables_info,
.dataTables_wrapper > div.dataTables_processing,
.dataTables_wrapper > div.dataTables_paginate {
  color: #949494;
}
.dataTables_wrapper > div input[type="text"],
.dataTables_wrapper > div input[type="search"],
.dataTables_wrapper > div input[type="numbeer"] {
 /* background: #fff;
  border: 1px solid #ebebeb;
  padding: 6px 10px;
  outline: 0;*/

 background-color: rgb(255, 255, 255);
     background-image: none;
     border-bottom-color: rgb(204, 204, 204);
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 0px;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-collapse: separate;
     border-image-outset: 0px;
     border-image-repeat: stretch;
     border-image-slice: 100%;
     border-image-source: none;
     border-image-width: 1;
     border-left-color: rgb(204, 204, 204);
     border-left-style: solid;
     border-left-width: 1px;
     border-right-color: rgb(204, 204, 204);
     border-right-style: solid;
     border-right-width: 1px;
     border-top-color: rgb(204, 204, 204);
     border-top-left-radius: 3px;
     border-top-right-radius: 0px;
     border-top-style: solid;
     border-top-width: 1px;
     box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
     box-sizing: border-box;
     color: rgb(85, 85, 85);
     cursor: text;
     display: block;
     float: right;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     font-stretch: 100%;
     font-style: normal;
     font-variant-caps: normal;
     font-variant-east-asian: normal;
     font-variant-ligatures: normal;
     font-variant-numeric: normal;
     font-weight: 400;
     height: 30px;
     letter-spacing: normal;
     line-height: 18px;
     margin-bottom: 1px;
     margin-left: 5px;
     margin-right: 0px;
     margin-top: -8px;
     padding-bottom: 5px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 5px;
     position: relative;
     text-align: start;
     text-indent: 0px;
     text-rendering: auto;
     text-shadow: none;
     text-size-adjust: 100%;
     text-transform: none;
     transition-delay: 0s, 0s;
     transition-duration: 0.15s, 0.15s;
     transition-property: border-color, box-shadow;
     transition-timing-function: ease-in-out, ease-in-out;
     width: 201px;
     word-spacing: 0px;
     writing-mode: horizontal-tb;
     z-index: 2;
     -webkit-appearance: none;
     -webkit-rtl-ordering: logical;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-border-image: none;
}
.dataTables_wrapper > div.dataTables_filter {
  padding-top: 15px;
}
.dataTables_wrapper > div .select2-container {
  display: inline-block;
  min-width: 85px;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .dataTables_wrapper > div .select2-container .select2-choice {
    padding-left: 0;
    padding-right: 15px;
  }
}
.dataTables_wrapper > table.dataTable {
  border-left: 0;
  border-right: 0;
}
.dataTables_wrapper > table.dataTable.no-footer {
  border-bottom: 1px solid #ebebeb;
}
.dataTables_wrapper > table.dataTable .sorting_disabled {
  padding-left: 10px;
}
.dataTables_wrapper > table.dataTable thead td,
.dataTables_wrapper > table.dataTable tbody td,
.dataTables_wrapper > table.dataTable tfoot td,
.dataTables_wrapper > table.dataTable thead th,
.dataTables_wrapper > table.dataTable tbody th,
.dataTables_wrapper > table.dataTable tfoot th {
  border-right: 0;
  border-bottom: 0;
}
.dataTables_wrapper > table.dataTable thead > tr > td:first-child,
.dataTables_wrapper > table.dataTable tbody > tr > td:first-child,
.dataTables_wrapper > table.dataTable tfoot > tr > td:first-child,
.dataTables_wrapper > table.dataTable thead > tr > th:first-child,
.dataTables_wrapper > table.dataTable tbody > tr > th:first-child,
.dataTables_wrapper > table.dataTable tfoot > tr > th:first-child {
  border-left: 0;
}
.dataTables_wrapper > table.dataTable tfoot th,
.dataTables_wrapper > table.dataTable tfoot td {
  border-top-color: #ebebeb;
}
.dataTables_wrapper .dataTables_paginate {
  border: 1px solid #ebebeb;
  padding: 0 !important;
  margin: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
  background-color: #fff;
  border: 0 !important;
  margin: 0 !important;
  color: #949494 !important;
  outline: 0;
  -webkit-border-radius: 0 !important;
  -webkit-background-clip: padding-box !important;
  -moz-border-radius: 0 !important;
  -moz-background-clip: padding !important;
  border-radius: 0 !important;
  background-clip: padding-box !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  border-right: 1px solid #ebebeb !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #fafafa !important;
}
.page-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #373e4a !important;
}
.dataTables_wrapper .dataTables_paginate span {
  padding: 0;
  margin: 0;
}
.dataTables_wrapper .dataTables_paginate span .ellipsis + .paginate_button {
  border-left: 1px solid #ebebeb !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button {
  margin: 0;
  background: #fff !important;
  border-right: 1px solid #ebebeb !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
  background: #262b34 !important;
  color: #fff !important;
}
.page-body .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
  color: #fff !important;
}
.dataTables_wrapper .dataTables_info {
  padding-top: 18px !important;
}
.dataTables_wrapper .dt-buttons .dt-button {
  background: #fff;
  border: 1px solid #ebebeb;
  margin: 0;
  font-size: 12px;
  -webkit-border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px;
  -moz-background-clip: padding;
  border-radius: 0px;
  background-clip: padding-box;
}
.dataTables_wrapper .dt-buttons .dt-button:hover {
  background: #fafafa;
  border-color: #ebebeb;
}
.dataTables_wrapper .dt-buttons .dt-button + .dt-button {
  border-left: 0;
}
.dataTables_wrapper .dt-buttons > .dt-button:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
}
.dataTables_wrapper .dt-buttons > .dt-button:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
}
/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */
table.dataTable thead th {
  position: relative;
  background-image: none !important;
  /* Remove the DataTables bootstrap integration styling */
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 50% !important;
  right: 8px;
  display: block;
  font-family: Entypo;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
table.dataTable thead th.sorting:after {
  content: "\e834";
  color: #ddd;
  font-size: 0.8em;
  padding-top: 0.12em;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
table.dataTable thead th.sorting_asc:after {
  content: "\e876";
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
table.dataTable thead th.sorting_desc:after {
  content: "\e873";
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
  content: "";
}
/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
  top: 8px;
}
/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
  position: relative;
  padding-left: 24px;
}
div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
  position: relative;
  padding-right: 24px;
}
div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: Entypo;
}
div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: Entypo;
}
div.dataTables_paginate a.first:before {
    font-family: Entypo;
  content: '\e880';
}
div.dataTables_paginate a.previous:before {
    font-family: Entypo;
  content: '\e874';
}
div.e875 a.next:after,
div.dataTables_paginate a.next:after {
    font-family: Entypo;
  content: '\e875';
}
div.dataTables_paginate a.last:after {
    font-family: Entypo;
  content: '\e881';
}
/*
 * Bootstrap and foundation style pagination controls
 */
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
  position: relative;
  padding-left: 24px;
}
div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
  position: relative;
  padding-right: 24px;
}
div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
  position: absolute;
  top: 6px;
  left: 10px;
  display: block;
  font-family: Entypo;
}
div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
  position: absolute;
  top: 6px;
  right: 10px;
  display: block;
  font-family: Entypo;
}
div.dataTables_paginate li.first a:before {
  content: '\f100';
}
div.dataTables_paginate li.previous a:before {
  content: '\e874';
}
div.dataTables_paginate li.next a:after {
  content: '\e875';
}
div.dataTables_paginate li.last a:after {
  content: '\e881';
}
/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before,
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
  top: 0;
}
/*
.dataTables_wrapper-old {
	.clearfix;
	
	table {
		margin-bottom: 0;
		
		thead {
			
			tr {
				
				th {
					font-weight: bold;
					outline: none;
					cursor: default;
					.transall;
				
					&.sorting_asc:before,
					&.sorting_desc:before {
						display: block;
						float: right;
						color: @main_color;
						font-family: @font_entypo;
						content: '\e876';
					}
						
					&.sorting_desc:before {
						content: '\e873';
					}
					
					&:active {
						outline: none;
					}
					
					&.sorting_asc, &.sorting_desc {
						color: @main_color;
					}
				}
			}
		}
		
		tfoot {
			
			tr {
				
				th {
					font-weight: bold;
				}
			}
		}
		
		+ .row {
			margin-bottom: 20px;
		}
	}
	
	> table:first-child {
		.border-radius(@border_radius @border_radius 0 0);
	}
	
	a {
		cursor: pointer;
		outline: none;
	}
	
	.col-left {
		padding-right: 0;
	}
	
	.col-right {
		padding-left: 0;
	}
	
	// Table Header
	.dataTables_length, .dataTables_filter {
		background: #fff;
		border: 1px solid @default;
		border-bottom: 0;
		padding: @base_margin/2 @padding-base-horizontal;
		height: 58px;
		.clearfix;
		
	}
	
	.dataTables_length {
		border-right: 0;
		.border-radius(@border_radius 0 0 0);
		
		> label {
			white-space: nowrap;
			margin-top: -7px;
			
			.select2-container {
				display: inline-block;
				width: auto !important;
				min-width: 87px;
			}
		}
	}
	
	.dataTables_filter {
		border-left: 0;
		padding-top: @base_padding + 3;
		.border-radius(0 @border_radius 0 0);
		
		> label {
			float: right;
			display: block;
			white-space: nowrap;
			
			input {
				.form-control;
				display: inline-block;
				width: 150px;
				margin-left: @base_padding/2;
			}
		}
	}
	
	.select2-container {
		display: inline-block !important;
		margin-left: @base_padding/2;
		margin-right: @base_padding/2;
		@h: 25px;
		
		.select2-choice {
			height: @h;
			line-height: @h - 1;
			
			.select2-chosen {
				padding-right: @base_margin/2;
			}
			
			.select2-arrow {
				width: 25px;
			}
		}
	}
	
	
	// Table Footer
	.dataTables_info, .dataTables_paginate {
		padding: @base_padding @padding-base-horizontal;
		border: 1px solid @default;
		border-top: 0;
		background: darken(#fff, 2%);
		height: 47px;
		.clearfix;
padding:5px;
		
		&.dataTables_info {
			border-right: 0;
			.border-radius(0 0 0 @border_radius);
			line-height: 30px;
		}
		
		&.dataTables_paginate {
			border-left: 0;
			.border-radius(0 0 @border_radius 0);
			text-align: right;
			
			.pagination {
				margin: 0;
			}
		}
	}
	
	
	// Table Tools
	
	.export-data {
		position: absolute;
		right: 250px;
		top: 13px;
	}
}



.page-body .datatable.table {
	
	tbody {
		
		td, th {
			vertical-align: middle;
		}
	}
}


table {
	
	.replace-inputs {
		
		input {
			.form-control;
		}
	}
}



// v1.5.2
.dataTables_wrapper {
	
	.dataTable {
		width: 100% !important;
	}
}*/
/* Table Tools */