.ng-table th {
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 10px;
    white-space: nowrap;
    overflow: hidden;
}
.ng-table th.sortable {
  cursor: pointer;
}
.ng-table th.sortable .sort-indicator {
  padding-right: 18px;
  position: relative;
}
.ng-table th.sortable .sort-indicator:after,
.ng-table th.sortable .sort-indicator:before {
  content: "";
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #fff transparent;
  visibility: visible;
  right: 5px;
  top: 50%;
  position: absolute;
  opacity: .3;
  margin-top: -4px;
}
.ng-table th.sortable .sort-indicator:before {
  margin-top: 2px;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
}
.ng-table th.sortable .sort-indicator:hover:after,
.ng-table th.sortable .sort-indicator:hover:before {
  opacity: 1;
  visibility: visible;
}
/*.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
  background-color: rgba(8, 8, 8, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}*/
.ng-table th.sortable.sort-desc .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:after {
  margin-top: -2px;
}
.ng-table th.sortable.sort-desc .sort-indicator:before,
.ng-table th.sortable.sort-asc .sort-indicator:before {
  visibility: hidden;
}
.ng-table th.sortable.sort-asc .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.ng-table th.sortable.sort-desc .sort-indicator:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.ng-table th.filter .input-filter {
  margin: 0;
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ng-table .ng-table-group-header th {
  text-align: left;
}
.ng-table .ng-table-group-selector {
  display: block;
}
.ng-table .ng-table-group-close,
.ng-table .ng-table-group-toggle {
  float: right;
}
.ng-table .ng-table-group-toggle {
  margin-right: 5px;
}

.ng-table-pager {
    background: #a0a1a5;
    margin-top: -20px;
   padding:12px; 
   overflow:hidden;
}
.ng-table-pagination{
    margin: 0;
}
.ng-table-header{
    white-space:nowrap;
}
.ng-table td {
    white-space: nowrap;
    max-width: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ng-table td div {
    overflow: hidden;
    text-overflow: ellipsis;
}
.ng-table .ng-table-header div .h-overflow{
    text-overflow: ellipsis;
    overflow: hidden;
    /* max-width: 100%; */
    display: block;
    }

  .row-collapse{display:none;}
@media only screen and (max-width: 991px) {
    /*.ng-table-responsive {
    border-bottom: 1px solid #999999;
  }*/
    .row-collapse {
        display: block; position: absolute; right: 0px; width: 36px; height: 100%; color: #000; font-size: 26px; top: 0; vertical-align:middle; text-align: center; z-index:1; text-decoration:none !important;
    }
    .row-collapse i{width:100%; height:100%; margin:0; display:block;}
        .row-collapse i:before {
            position: absolute;
            top: 50%;
            margin-top: -13px;
            right: 11px;
        }
  .ng-table-responsive tr {
    /*border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;*/
  }
  /*.ng-table-responsive tr:nth-child(even){
      background-color:#f9f9f9;
  }*/
  .ng-table-responsive td:before {
    position: absolute;
    padding: 8px 15px 8px 8px;
    left: 0;
    top: 50%;
    width: 35% !important;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    line-height:20px;
    margin-top:-19px;
  }
   .ng-table-responsive thead{display:none !important;}
   .ng-table-device thead{display:block !important;}
  .ng-table-responsive thead tr th {
    text-align: left;
  }
   .ng-table-device thead tr th {
    display:none;
  }

    .ng-table-device thead tr th:first-child {
        display:block;
        max-width:100%;
  }
  .emp-list-grid thead tr th:first-child {
            display: block;
            width: 20%;
            float: left;
            height: 44px;
       
  }
  .emp-list-grid thead tr th:nth-child(2) {
            display: block !important;
            max-width: 100%;
            width: 80%;
  }
 
  .two-col-grid thead tr th:first-child {
            display: block;
            width: 10%;
            float: left;
            height: 44px;
       
  }
  .two-col-grid thead tr th:nth-child(2) {
            display: block !important;
            max-width: 100%;
            width: 90%;
  }
  .ng-table-responsive thead tr.ng-table-filters th {
    padding: 0;
  }
  .ng-table-responsive thead tr.ng-table-filters th form > div {
    padding: 8px;
  }
  .ng-table-responsive.table > tbody > tr > td {
    border: none;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    padding-left: 35% !important;
    white-space: normal;
    text-align: left;
    max-width:none;
    min-height:40px;
    padding:8px 10px;
    width:100%;
    line-height:normal;
  }
  .ng-table-responsive.table > tbody > tr > td > span{line-height:normal; display:inline-block; padding:5px 0;}
  .ng-table-responsive.table > tbody > tr > td > div{line-height:normal; padding:5px 0;}
  .ng-table-responsive td:before {
    content: attr(data-title-text);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ng-table-device.table > tbody > tr > td.toggle-row-td ~ td{background-color:#dddddd;}
  .ng-table-device.table-hover > tbody > tr:hover{background-color:#fff;}
  .ng-table-device.table > tbody > tr > td{
      display:none;
  }
    .ng-table-device.table > tbody > tr > td.toggle-row-td {
        padding-left: 15px !important;
        display:block;
        background-color:#fff;
        padding-right:30px;
    }
     .emp-list-grid.table > tbody > tr > td:first-child {
          display: block;
        white-space: nowrap;
        padding-left: 5px !important;
        width: 20%;
        float: left;
        background: #fff;
        text-align: right;
       
  }
    .emp-list-grid.table > tbody > tr > td.toggle-row-td {
        padding-left: 10px !important;
        display: block;
        background-color: #fff;
        padding-right: 30px;
        width: 80%;
        white-space: nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .two-col-grid.table > tbody > tr > td:first-child {
          display: block;
          white-space: nowrap;
          padding-left: 5px !important;
          width: 10%;
          float: left;          
          text-align: right;
      }
     .two-col-grid.table > tbody > tr > td:first-child:before {
          content:'';
      }
    .two-col-grid.table > tbody > tr > td.toggle-row-td {
        padding-left: 10px !important;
        display: block;
        background-color: #fff;
        padding-right: 30px;
        width: 90%;
        white-space: nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .ng-table-device tr td.toggle-row-td:before {
        content:none;
    }
     .ng-table-device.table > tbody > tr > td.show-row {
              display:block;
            border: solid 1px #eee;
    }
        .ng-table-device tr td.toggle-row-td + td {
            box-shadow: inset 0 3px 6px -2px rgba(0,0,0, .1);
            border-top-color: #ccc!important;
        }
  .ng-table-responsive,
  .ng-table-responsive thead,
  .ng-table-responsive tbody,
  .ng-table-responsive th,
  .ng-table-responsive td,
  .ng-table-responsive tr {
    display: block;
  }
}
.ng-table-pagination {
  margin-top: 0;
}
.ng-table-group-selector:before,
.ng-table-group-selector:after,
.filter:before,
.filter:after {
  display: table;
  content: " ";
}
.ng-table-group-selector:after,
.filter:after {
  clear: both;
}
.filter > .filter-cell {
  float: left;
  box-sizing: border-box;
}
.filter-horizontal > .filter-cell {
  padding: 0 2px;
}
.filter-horizontal > .filter-cell:first-child {
  padding-left: 0;
}
.filter-horizontal > .filter-cell:last-child,
.filter-horizontal > .filter-cell.last {
  padding-right: 0;
}
.s12 {
  width: 100%;
}
.s11 {
  width: 91.66666666666666%;
}
.s10 {
  width: 83.33333333333334%;
}
.s9 {
  width: 75%;
}
.s8 {
  width: 66.66666666666666%;
}
.s7 {
  width: 58.333333333333336%;
}
.s6 {
  width: 50%;
}
.s5 {
  width: 41.66666666666667%;
}
.s4 {
  width: 33.33333333333333%;
}
.s3 {
  width: 25%;
}
.s2 {
  width: 16.666666666666664%;
}
.s1 {
  width: 8.333333333333332%;
}
@media all and (max-width: 468px) {
  .s12,
  .s11,
  .s10,
  .s9,
  .s8,
  .s7,
  .s6,
  .s5,
  .s4,
  .s3,
  .s2,
  .s1 {
    width: 100%;
  }
  .filter > .filter-cell {
    padding: 0px;
  }
}
.ng-table-pager input[type="number"]{width:55px; border:none; height:24px; text-align:right;}
.ng-table-pagination > li > a.previous-page, .ng-table-pagination > li > a.next-page{background-color: #67b9e8; color: #fff; line-height:32px; width:32px; height:32px; padding:0; font-size:22px; text-align:center;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777777 !important;
}
.ng-table-pagination > li > a.page-numbers{
        font-weight:normal;
     padding: 4px 5px !important;
}
@media (max-width:767px){

    .ng-table-counts{display:none;}
}