@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;
}

.footable { border:1px solid #dedada;/** SORTING **/ /** paginationNew**/ }
.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: 2px 0px; font-size: 10px; color: #1078b7; border-radius: 50%; margin-right: 6px; }
.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;
    padding: 5px 2px;
    background:#fd9664;
    color: White;
}
.footable tr td
{
     padding:4px 3px;color:#5c5b5b;   
}
.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-visible  {padding:4px 3px;color:#5c5b5b;}*/
.footable > tfoot .paginationNew { margin: 0; line-height: 25px; text-transform: uppercase; }
.footable > tfoot .paginationNew > ul{float:left;padding:0;margin:0; }
.footable > tfoot .paginationNew > ul > li{float: left;  margin-right: 8px;  height: 20px;  line-height: 20px;background:#bfbfbf;font-size:12px;cursor:pointer; }
.footable > tfoot .paginationNew > ul > li.disabled{cursor:default;opacity:0.4;-moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40);}
.footable > tfoot .paginationNew > ul > li.footable-page-arrow{ font-size:19px;line-height:16px;}
.footable > tfoot .paginationNew > ul > li.active, .footable > tfoot .paginationNew > ul > li:hover{background:#b2cd40; }
.footable > tfoot .paginationNew > ul > li.active > a{color:#000;cursor:default; }
.footable > tfoot .paginationNew > ul > li > a{ color: #fff; display: block;  padding: 0 8px; }
.footable > tfoot .paginationNew > ul > li:hover > a{color:#000;}
.footable > tfoot .paginationNew > ul > li.disabled >a{color:#000}
.footable > tfoot .paginationNew > ul > li.disabled:hover{background:#c0c0c0;}
 .footable > tfoot .paginationNew > ul > li.disabled:hover > a{color: #000; } 
.footable.no-paging .hide-if-no-paging { display: none; }
.footable-row-detail-inner { display: table; }
.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: normal; padding-right: 0.5em;font-size:11px;font-family:Verdana; }
.footable-row-detail-value { display: table-cell; font-size:11px;font-family:Verdana;}
.footable-odd { background-color: #f7f7f7; }
@media ( max-width:479px)  /* small screen phones */
{
   /*.footable-visible  {padding:1px;font-size:10px;} */
   .footable tr td{padding:1px;font-size:10px;}
}