
.tabledisplay {
    position:absolute;
    display:block;
    top:2px;
    left:0px;
    bottom:12px;
    right:8px;
    margin-top:8px;
    table-layout:fixed;
    border-spacing:0px;
    vertical-align:baseline;
    padding:3px;
    overflow:hidden;
}

.tabledisplay .filterspad {
    display:none;
    position:absolute;
    top:4px;
    left:0px;
    bottom:38px;
    width:calc(100% - 6px);
    table-layout:fixed;
    border-spacing:0px;
    vertical-align:inherit;
}

.tabledisplay .filterspad .filters td{
    height:34px;
}

.tabledisplay .boxgroupmaster { width:2em; }
.tabledisplay i.fa-check-square-o { width:2em;padding:3px; }

.tabledisplay .boxgroupmasterctrl
{
    display:table;
    display:none;
    text-align:center;
    background:white;
    z-index:40;
    border:1px solid gray;
    padding:4px;
    max-width:7em;
}
.tabledisplay .boxgroupmasterctrl select {width:80%;}
.tabledisplay .boxgroupmasterctrl button { margin-top:5px;padding:2px 8px; }

.tabledisplay .labels {
    position:absolute;
    top:0px;
    left:3px;
    height:30px;
    width:calc(100% - 6px);
    table-layout:fixed;
    font-weight:bold;
    text-align:center;
    color:white;
    z-index:5;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

table tr .labels{
	position:absolute;
	top:2;
	height:40px;
}

.spacer {
    position:absolute;
    top:30px;
    left:3px;
    bottom:54px;
    width:calc(100% - 9px);
    /*
    max-height:calc(100% - 89px);
    */
    display:fixed-block;
    border-right:1px solid ;
    border-left:1px solid ;
    border-bottom:1px solid ;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0px;
} 

.tabledisplay .tbody {
    width:calc(100% - 8px);
    min-width:calc(100% - 8px);
    table-layout:fixed;
    border:0px;
    float:left;
    overflow-y:auto;
    border-spacing:2px;
}
.tabledisplay .tbody td { padding-left:1.2em;}
.tabledisplay .tbody td input { width:calc(100% - 4px);}

.tabledisplay .pageinfo_row {
    position:absolute;
    padding:4px;
    margin-top:3px;
    margin-bottom:1px;
    display:inline-flex;
    bottom:3;
    left:2;
    width:calc(100% - 19px);
    height:30px;
    vertical-align:baseline;
    font-size:1em;
    z-index:5;
    border:4px inset lightgray;
    border-radius:6px;
}
.tabledisplay .pageinfo_row button {
    height:29px;
    padding:0px 8px 0px 8px
    margin-right:.1em;
    margin-left:.1em;
    font-size:1em;
    border-radius:4px;
}
.tabledisplay .pageinfo_row .magnify {
	display:inline-block;
	width:20%;
	padding-left:10px;
}
.tabledisplay .pageinfo_row .pageinfodisplay {
	display:inline-block;
	text-align:center;
	font-size:1.2em;
	margin-bottom:3px;
	height:100%;
	width:40%;
	border:1px dashed gray;
}
.tabledisplay .pageinfo_row .trailingbuttons{
	display:inline-block;
	text-align:left;
	margin-left:2em;
	width:20%;
}
.tabledisplay .pageinfo_row .tcell { height:94%; }
.tabledisplay .pageinfo_row .newbuttons {
	display:inline-block;
	float:left;
	width:25%;
}
.tabledisplay .pageinfo_row .newbuttons button {
    margin-left:0.4em;
}
.tabledisplay .pageinfo_row .refresh {
	width:4%;
	display:inline-block;
	margin-left:4em;
}

/*
.tabledisplay .pageinfo .refresh button { float:right;margin-right:0.0em }
*/

.tabledisplay .trailingbuttons { width:38%;}


/*
*/

.tabledisplay .pageinfo {
    position:absolute;
    display:inline-block;

.tabledisplay .pageinfo_row button{
    border-radius:6px;
}
