.grid
{
    width:100%;
    vertical-align:top;
    /*border:solid 1px #555555;*/
    /*table-layout:fixed;*/
}

.grid th a:link    { color: white; text-decoration:none; display:block; /*height:32px; line-height:32px;*/ }
.grid th a:visited { color: white; text-decoration:none; display:block; /*height:32px; line-height:32px;*/ }
.grid th a:hover   { color: white; text-decoration:none; display:block; /*height:32px; line-height:32px;*/ }

.grid th
{
    font-weight:normal;
    color:white;
    /*cursor:pointer;*/
    cursor:default;
    padding-left:5px;
    padding-right:5px;
    height:64px;
	background-color:#0097a7;
    border:0px;
    border-bottom:2px solid #00838f;
    /*text-align:left;*/
}
.grid th.sortable
{
    cursor:pointer;
}

.gridSmall th
{
    /*padding-left:2px;
    padding-right:2px;*/
	padding-left:0px !important;
	padding-right:0px !important;
}

.gridSmall td
{
	padding-left:0px !important;
	padding-right:0px !important;
}

.gridPadding2 th
{
	padding-left:2px !important;
	padding-right:2px !important;
}

.gridPadding2 td
{
	padding-left:2px !important;
	padding-right:2px !important;
}


.grid th.sortable:hover 
{
}

.grid th.sortable:hover a
{
    /*color:White;*/
}

.grid th.selected
{
}

.grid th.selected a
{
    /*color:White;*/   
}

.grid td
{
    padding:5px;
	height:40px;
    border:0px;
	border-bottom:solid 1px #bdbdbd;
}

.grid .tdTextBoxMultiLine
{
    padding-top:8px !important;
}

.grid .tdpagination
{
	border-bottom:0px !important;
}

.grid th.borderLeft
{
	border-left: 1px solid #b2ebf2 !important;
}

.grid td.borderLeft
{
	border-left:1px solid #b2ebf2 !important;
}

.grid th.borderRight
{
	border-right: 1px solid #b2ebf2 !important;
}

.grid td.borderRight
{
	border-right:1px solid #b2ebf2 !important;
}

.grid .tdCenter
{
    text-align:center;
}

/*.grid .tdImage
{
    padding-right:6px;
    padding-left:6px;
    text-align:center;
    vertical-align:middle;
}*/

.grid tr
{
	
}

.grid .row0
{
    /*background-color:White;*/
}

.grid .row1
{
    /*background-color:#e8f4ff;*/
}

.grid .tdFooter
{
    color:#147ec2;
    font-weight:bold;
    background-color:#d6ebff;
    font-size:11px;
    padding:5px;
    border:0px;
}

div.pagination 
{
	padding:0px;
	text-align:center;
    width:100%;
}
div.pagination a 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none; /* no underline */
	color: #0097a7;
}
div.pagination a:hover, div.pagination a:active 
{
	color: #ff8f00;
}
div.pagination span.current 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	color:#ff8f00;
}
div.pagination span.disabled 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #0097a7;
}

/*Excel like grid vanaf hier (Voor overzichten)*/

/* SCROLL CONTAINER */
.grid-container-excel {
    width: 964px;
    /*height: 200px;*/
    max-height:500px;
    overflow: auto;
    border: 1px solid #ccc;
    position: relative;
}

/* BASE TABLE */
.excelGrid {
    border-collapse: separate; /* critical for sticky elements */
    border-spacing: 0;
    table-layout: fixed;
}

.excelGrid th,
.excelGrid td {
    border-bottom: solid 1px #bdbdbd;
    padding: 6px 8px;
    background: white;
    white-space: nowrap;
    z-index: 1;
    /*width: inherit !important;*/ /* keep GridView width */
    max-width: inherit !important;
    min-width: inherit !important;
    text-wrap: auto;
}

.excelGrid th.borderLeft {
    border-left: 1px solid #b2ebf2 !important;
}

.excelGrid td.borderLeft {
    border-left: 1px solid #b2ebf2 !important;
}

.excelGrid th.borderRight {
    border-right: 1px solid #b2ebf2 !important;
}

.excelGrid td.borderRight {
    border-right: 1px solid #b2ebf2 !important;
}

.excelGrid .tdCenter {
    text-align: center;
}

/* =====================================
FROZEN FIRST COLUMN
(must not overlap headers)
===================================== */
.excelGrid-sticky-col {
    position: sticky;
    left: 0;
    background: white;
    z-index: 300; /* below headers, above rows */
    box-shadow: 2px 0 3px rgba(0,0,0,0.08); /* hide vertical lines */
    box-sizing: border-box;
}

/* =====================================
    HEADER ROW 1  (TOP HEADER)
===================================== */
.excelGrid1HeaderFix tbody tr:nth-child(1) th, .excelGrid2HeaderFix tbody tr:nth-child(1) th {
    position: sticky;
    top: 0;
    background: #0097a7;
    z-index: 500; /* above frozen column */
    box-shadow: 0 2px 3px rgba(0,0,0,0.08);
    color:white;
    font-weight:normal !important;
}

/* =====================================
    HEADER ROW 2  (SECOND HEADER)
===================================== */
.excelGrid2HeaderFix tbody tr:nth-child(2) th {
    position: sticky;
    top: 35px; /* height of first header row */
    background: #0097a7;
    z-index: 450; /* above frozen column */
    box-shadow: 0 2px 3px rgba(0,0,0,0.08);
    color: white;
    font-weight: normal !important;
}

/* =====================================
    FROZEN COL INSIDE HEADER ROWS
    (highest layer)
===================================== */
.excelGrid1HeaderFix tbody tr:nth-child(1) .excelGrid-sticky-col, .excelGrid2HeaderFix tbody tr:nth-child(1) .excelGrid-sticky-col {
    z-index: 550;
}

.excelGrid2HeaderFix tbody tr:nth-child(2) .excelGrid-sticky-col {
    z-index: 520;
}

/*Excel like grid tot hier (Voor overzichten)*/