table	{ float: none; table-layout: auto; }

table.fixed { table-layout: fixed; }


th, td	{ overflow: visible; }

th > p,
td > p,
td > label,
td > pre,
th > div,
td > div	{ display: block; margin: 0; padding: 5px; }








.table

{
border-radius: 2px;
border-spacing: 0;
border-collapse: collapse;
box-shadow: 0 11px 35px 4px rgba(0,0,0,0.15);
color: #6d7379;
margin: 1rem auto;
table-layout: fixed;
/*
white-space: nowrap;
width: 100%;
*/
}

.table > caption
{
background-color: #ffffff;
box-shadow: 0 11px 35px 4px rgba(0,0,0,0.15);
text-align: center;
padding: 10px;
}

.table.no-shadow,
.table.no-shadow > caption
{
box-shadow: none;
}

.table > caption,
.table > caption p
{
font-size: 22px;
}

.table > caption p
{
margin: 0;
padding: 0;
}

.table.border > caption,
.table.border > thead > tr:last-of-type,
.table.border > tbody > tr
{
border-bottom: 1px solid #e2e5ef;
}

.table.padding > thead > tr > th,
.table.padding > tbody > tr > td,
.table.padding > tfoot > tr > td
{
padding: 5px;
}

/*
.table > thead > tr							> th	{ background-color: #ffffff; font-weight: bold; }
.table > tbody > tr							> td	{ background-color: #ffffff; }
.table > tbody > tr:nth-child(odd)			> td	{ background-color: #f7f7f7; }

.table > tbody > tr[data-visible="odd"]		> td	{ background-color: #f7f7f7; }
.table > tbody > tr[data-visible="even"]	> td	{ background-color: #ffffff; }
*/

.table > thead > tr							{ background-color: #ffffff; font-weight: bold; }
.table > tbody > tr							{ background-color: #ffffff; }
.table > tbody > tr:nth-child(odd)			{ background-color: #f7f7f7; }

.table > tbody > tr[data-visible="odd"]		{ background-color: #f7f7f7; }
.table > tbody > tr[data-visible="even"]	{ background-color: #ffffff; }

.table > tbody > tr							> td	{ background-color: inherit; }

.table > tbody > tr[data-visible="no"]				{ display: none; }
.table > tfoot > tr[data-visible="no"]				{ display: none; }

.table > tfoot
{
background-color: #f0f0f0;
}


/*
.table.highlight > tbody > tr:hover > td { background-color: highlight !important; }
*/

.table.highlight > tbody > tr:hover > td
{
position: relative;
}

.table.highlight > tbody > tr:hover > td > *
{
position: relative;
z-index: 1;
}

.table.highlight > tbody > tr:hover > td:before
{
background-color: rgba(128, 128, 255, 0.15) !important;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 0;
}


.editor > tbody > tr + tr > td
{
border-top: 5px solid transparent;
}