﻿
/* 
==================================================================== 
  January 18, 2017 RHE
==================================================================== 

 CSS FIXED HEADER & FOOTER
 
==================================================================== 
*/

p.fixed-table-scroll-inner {
    width: 100%;
    height: 200px;
}

div.fixed-table-scroll-outer {
    top: 0;
    left: 0;
    visibility: hidden;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.table-container {
    border: 1px solid #ddd;
    border-radius: 1px;
    margin: 1px;
    overflow: hidden;
}

.table-container-header {
   overflow: hidden;
    width: 100%;    
}

.table-container-body {
    height: 254px;
    overflow: auto;
    width: 100%;
}

.table-container-footer {
    overflow: hidden;
    width: 100%;
}

.table-container table {
    margin-bottom: 0px;
    table-layout: fixed;
}

.table-container table td,
.table-container table th {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-bordered-xy {
      border: 0px;
}
.table-bordered-xy > thead > tr > th,
.table-bordered-xy > thead > tr > td {
  border-bottom-width: 2px;
}
.table-bordered-xy > tfoot > tr > th,
.table-bordered-xy > tfoot > tr > td {
  border-top-width: 2px;
}
.table-bordered-xy > tfoot > tr > th,
.table-bordered-xy > tfoot > tr > td {
  border-bottom-width: 0px;
}
/*Left*/
.table-bordered-xy > thead > tr > th:first-child,
.table-bordered-xy > tbody > tr > th:first-child,
.table-bordered-xy > tfoot > tr > th:first-child,
.table-bordered-xy > thead > tr > td:first-child,
.table-bordered-xy > tbody > tr > td:first-child,
.table-bordered-xy > tfoot > tr > td:first-child {
  border-left-width: 0px;
}
/*Right*/
.table-bordered-xy > thead > tr > th:last-child,
.table-bordered-xy > tbody > tr > th:last-child,
.table-bordered-xy > tfoot > tr > th:last-child,
.table-bordered-xy > thead > tr > td:last-child,
.table-bordered-xy > tbody > tr > td:last-child,
.table-bordered-xy > tfoot > tr > td:last-child {
  border-right-width: 0px;
}
/*Top*/
.table-bordered-xy > thead > tr:first-child > th,
.table-bordered-xy > thead > tr:first-child > td {
  border-top-width: 0px;
}
/*Bottom*/
.table-bordered-xy > tfoot > tr:last-child > th,
.table-bordered-xy > tfoot > tr:last-child > td {
  border-bottom-width: 1px;
}
