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="no"]				{ display: none; }

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

.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 { background-color: lightblue !important; }

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


.table > tbody > tr.open      > td { background-color: #ffffd0; }
.table > tbody > tr.pending   > td { background-color: #ffe0d0; }
.table > tbody > tr.rejected  > td { background-color: #ffd0d0; }
.table > tbody > tr.closed    > td { background-color: #d0d0ff; }
.table > tbody > tr.completed > td { background-color: #d0ffd0; }


.table > tbody > tr.open      > td { background-color: #fffff0; }
.table > tbody > tr.pending   > td { background-color: #fff8f0; }
.table > tbody > tr.rejected  > td { background-color: #fff0f0; }
.table > tbody > tr.closed    > td { background-color: #f0f0ff; }
.table > tbody > tr.completed > td { background-color: #f0fff0; }


.table > thead > tr > th > .checkbox,
.table > tbody > tr > td > .checkbox
{
margin: 5px auto !important;
left: 5px;
}

.table > thead > tr > th > .checkbox + label:empty,
.table > tbody > tr > td > .checkbox + label:empty
{
margin: 5px auto !important;
}