// Include the DataTables source
@import "../../datatables-src/css/jquery.dataTables.scss";

.gv-datatables-container {


	// nowrap used on the table when Responsive extension is enabled
	table.nowrap {
		table-layout: auto; // forces the cell content to set the column width (enables good responsive calculation)
		width: 100% !important; // overrides the fixed width calculated by the responsive algorithm
	}

	.dataTables_filter,
	.dataTables_length {
		white-space: nowrap;
		width: auto;
	}

	.dataTables_wrapper .dataTables_processing {
		z-index: 100000 !important;
		height: auto !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		line-height: 1.5em !important;
		min-width: 300px !important;
		border: 1px solid #ccc;

		// Backups for browsers that don't support CSS `calc()`
		width: 100%;
		margin-left: -50%;

		// In Mac, it's 15px, but otherwise seems to be 17. No harm in 1px more room on each side.
		$scroll_bar_width: 17px;

		width: calc( 100% - $scroll_bar_width ); // Fix the window overlapping the scroll bar
		margin-left: calc( -50% + ( $scroll_bar_width / 2 ) ); // Add the calculation in, if it's supported
	}

	// When Scroller is active, hide the page length selector
	//div.DTS .dataTables_length{
	//	display: none;
	//}
}

.gv-table-view .gv-gallery .gv-field-file-uploads {
	margin: 0;
	padding: 0;
}

.gv-table-view .gv-gallery .gv-field-file-uploads li {
	list-style: none;
	display: inline-block;
	max-width: 200px;
	max-height: 200px;
	margin-right: 1em;
}

.gv-table-view {
	width: 100%;

	th,
	td {
		padding: .3em;
	}

	th {
		width: 35%;
		vertical-align: top;
	}

}

.DTTT_print_info {
	z-index: 10;
}