@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%;
    position: relative; /**min-height:135px;  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 { /* Added by Shubhi 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;
        /*color:#fff;*/
        border-radius: 50%;
        margin-left: 6px;
        float: left;
        margin-right: 10px;
    }
        .footable.breakpoint > tbody > tr > td > span.footable-toggle:before { /* Added by Shubhi 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; }
.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 .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; }
/** Added by Shubhi **/
/***** Responsiveness Issues *******/

.footable-row-detail-inner {
    display: table;
    width: 100%;
    background-color: #fff !important;
    box-shadow: 5px 3px 6px #e4e4e4;
}
.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;
    width: 55%;
    float: left;
    text-align: left;
    margin-left: 4%;
    color: rgb(83, 81, 81);
    border-right: 3px solid #f8f8f8;
    padding: 5px;
}
.footable-row-detail-value {
    display: table-cell;
    width: 30%;
    float: left;
    text-align: left;
    padding: 5px;
    font-weight: bolder;
    margin-left: 10px;
    word-break: break-all;
}
.footable-odd { background-color: #f7f7f7; }

td.show-field.footable-visible.footable-last-column.footable-first-column {
    background: #ffffff !important;
    text-align: left;
    color: #05658f !important;
    font-weight: bolder;
}