/*******************************************************************
 * Filter tables
 *******************************************************************/
.filter-table-container {
	margin-top: 1px;
}

.filter-table-container>.panel-heading {
	padding: 1px 5px;
	background-color: #eee;
	color: #333;
}

#leftNav .filter-table-container .table-container {
	max-height: 60em;
	overflow-y: auto;
}

.filterTable.table-hover tbody td {
	cursor: pointer;
}

.filterTable .tableFilterSearch {
	font-size: 11px !important;
}

/* xsp-mixin.css adds a margin-left here, which is undesirable in filter tables */
.filterTable .btn+.btn {
	margin-left: 0;
}

.filterTable .checkbox-column {
	padding: 8px 15px;
	width: 5%;
}

/* These fields are single-select only, so hide the input field to also
	prevent them from overflowing into a second line */
.filterTable .tableFilterSearch li.select2-search-choice+li.select2-search-field
	{
	display: none;
}

.filterTable .tableFilterSearch li.select2-search-choice {
	width: auto;
}

.filterTable th.sort-ascending:after {
	content: "\25b2";
}

.filterTable th.sort-descending:after {
	content: "\25bc";
}

.filterTable tr.state-doc td {
	background-color: rgba(173, 216, 230, 0.39);
}

.filterTable tr.category {
	font-weight: bold;
	color: #333;
}

.filterTable.table-hover tbody td.category-twistie {
	cursor: auto;
	width: 100%;
}

.filterTable.table-hover tbody td.category-twistie span {
	cursor: pointer;
}

.filterTable td.category-twistie span.btn {
	margin-right: 4px;
}

.filterTable>tbody>tr>td, .filterTable>tbody>tr>th, .filterTable>tfoot>tr>th,
	.filterTable>thead>tr>th {
	padding: 4px !important;
}

.filterTable>thead>tr.totals-row>td {
	padding: 8px 4px !important;
}

i.flipped {
	transform: rotate(180deg);
}

table.filterTable>thead>tr>td {
	border-bottom: 2px solid #ddd;
	font-weight: bold;
}

table.filterTable>thead>tr>th {
	font-stretch: condensed;
	font-weight: bold;
}

table.filterTable>thead>tr>th {
	font-stretch: condensed;
	font-weight: bold;
}

table>thead>tr.view-actionBar>td {
	padding: 5px 0 5px 10px;
}

tr.view-actionBar>td>div {
	display: flex;
	width: 100%;
}

tr.view-actionBar>td>div>div {
	/*display: table-cell;*/
	flex-grow: 1;
}

tr.view-actionBar>td>div>div:first-child {
	/*width: 66.67%;*/
}

tr.view-actionBar>td>div>div:last-child {
	/*width: 33.33%;*/
	text-align: right;
	padding-right: 3px;
}
tr.view-actionBar .btn-group + .btn-group {
	margin-left: 5px;
}
tr.view-actionBar .btn-group .btn-group + .btn-group {
	/* workaround for weirdly-nested btn-group */
	margin-left: 0;
}

/* Column Headers that are click to sort */
.sortMe {
	cursor: pointer;
}

.view-search-dialog {
	z-index: 9999 !important;
}