@font-face {
  font-family: 'footable';
  src: url('../fonts/footable.eot');
  src: url('../fonts/footable.eot?#iefix') format('embedded-opentype'), url('../fonts/footable.woff') format('woff'), url('../fonts/footable.ttf') format('truetype'), url('../fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('../fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  border-top: 2px solid #ddd;
  margin-bottom:0;
  /** SORTING **/

  /** PAGINATION **/

}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  font-weight:normal;
  font-size:13px;
  padding:4px 8px;
  font-weight:700;
}
.footable > tbody > tr > td {font-size:13px; position:relative; padding:8px;}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
    .footable > tbody > tr > td {padding:8px 4px;}

}
.footable > tbody > tr > td.graph {padding:2px;}
.footable > tbody > tr > td a.CompanyName {color:#000000; position:relative; padding-left:5px; display:inline-block; transition:0.3s all ease}
.footable > tbody > tr > td i.WO-info {padding-left:10px;}
.footable > tbody > tr > td a.compInfo, .footable > tbody > tr > td i.WO-info {display:inline-block; position:relative; z-index:9; font-style:normal}
.footable > tbody > tr > td a.compInfo > em {position:relative; z-index:2; font-weight:700; font-style:normal; color:#FFFFFF; opacity:0; transition:0.3s all ease}
.footable > tbody > tr > td a.compInfo:before, .footable > tbody > tr > td i.WO-info:before {position:absolute; top:0; left:0; width:3px; height:100%; content:""; background:#f1b268; z-index:1; transition:0.3s all ease;}
.footable > tbody > tr:hover a.compInfo:before {background:#f1b268; width:18px; transition:0.3s all ease}
.footable > tbody > tr:hover a.compInfo:hover:before {background:#e87e04; transition:0.3s all ease}
.footable > tbody > tr:hover a.compInfo > em {opacity:1; display:block\0/; transition:0.3s all ease; padding-left:6px;}
.footable > tbody > tr:hover a.CompanyName {padding-left:10px;}

.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
  width:100%;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
  padding-left:10px;
  text-align:right;
}
.footable-odd {
  background-color: #f7f7f7;
}

.footable > tfoot .pagination { margin: 0; line-height: 25px; text-transform: uppercase;  background:#EBEBEB; width:100%; padding:5px; border-radius:0;}
.footable > tfoot .pagination > ul{padding:0;margin:0; text-align:right;}
.footable > tfoot .pagination > ul > li{ display:inline-block; margin-right: 4px;  height: 20px;  line-height: 20px;background:#a0a0a0;font-size:12px;cursor:pointer; }
.footable > tfoot .pagination > ul > li.disabled{cursor:default;opacity:0.4;-moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40);}
.footable > tfoot .pagination > ul > li.footable-page-arrow{ font-size:19px;line-height:16px;}
.footable > tfoot .pagination > ul > li.active, .footable > tfoot .pagination > ul > li:hover{background:#4f97c7;}
.footable > tfoot .pagination > ul > li.active > a{color:#fff;cursor:default; }
.footable > tfoot .pagination > ul > li > a{ color:#fff; display:block; padding: 0 8px;text-decoration:none;}
.footable > tfoot .pagination > ul > li:hover > a{color:#fff;}
.footable > tfoot .pagination > ul > li.disabled:hover{background:#060e23;}
 .footable > tfoot .pagination > ul > li.disabled:hover > a{color: #fff; } 
 .footable.breakpoint>tbody>tr>td.expand{background:url(../Images/plus.png) no-repeat 5px center;padding-left:40px}.footable.breakpoint>tbody>tr.footable-detail-show>td.expand{background:url(../Images/minus.png) no-repeat 5px center}