/*
===========================================
	SPECIAL TABLE FIELDS
=========================================== 
*/

.table th {
	text-align: left;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th {
	font-size: 0.9rem;
	color: #000000;
}

.table thead > tr > th {
	padding: 14px 8px;
}

.table thead > tr > th a {
	color: #000000;
}

.table tbody > tr > th,
.table tfoot > tr > th {
	text-align: right;
}

.table tfoot > tr > th {
	background-color: #ececec;
	border-right: 1px solid #ddd;
}

.table-no-padding > thead > tr > td,
.table-no-padding > tbody > tr > td,
.table-no-padding > tfoot > tr > td {
	padding: 0;
}
	
.table-results thead th:not(.bs-checkbox):not(.number-field):first-child,
.table-results tbody td:not(.bs-checkbox):not(.number-field):first-child,
.table-results tfoot td:not(.bs-checkbox):not(.number-field):first-child  {
	text-align: left;
}

.table tbody tr.no-records-found td {
	padding: 30px;
	text-align: center !important;
}

.table tfoot td {
	font-weight: bold;	
}

/* For User Reports, Grouping Fields feature, the th rows don't get wrapped into a thead.
   Thus to avoid the awfulness of the more-specific css above: .table tbody > tr > th text-align: right;
   I am putting a grouping-header-row class on these th rows to force the correct style for grouping fields as normal.
*/
th.field, td.field, tr.grouping-header-row th.field,
th.text-field, td.text-field, tr.grouping-header-row th.text-field,
th.wysiwyg-field, td.wysiwyg-field, tr.grouping-header-row th.wysiwyg-field,
th.string-field, td.string-field, tr.grouping-header-row th.string-field,
th.parent-field, td.parent-field, tr.grouping-header-row th.parent-field,
th.lookup-field, td.lookup-field, tr.grouping-header-row th.lookup-field,
th.sublookup-field, td.sublookup-field, tr.grouping-header-row th.sublookup-field,
th.RowCount, td.RowCount, tr.grouping-header-row th.RowCount {
	text-align: left;
}

th.int-field, td.int-field, td.int-field input, tr.grouping-header-row th.int-field,
th.number-field, td.number-field, td.number-field input, tr.grouping-header-row th.number-field,
th.money-field, td.money-field, td.money-field input, tr.grouping-header-row th.money-field,
th.datetime-field, td.datetime-field, tr.grouping-header-row th.datetime-field {
	text-align: right;
}

th.date-field, td.date-field, tr.grouping-header-row th.date-field,
th.yn-field, td.yn-field, tr.grouping-header-row th.yn-field,
th.color-field, td.color-field, tr.grouping-header-row th.color-field,
th.image-field, td.image-field, tr.grouping-header-row th.image-field,
th.barcode-field, td.barcode-field, tr.grouping-header-row th.barcode-field,
th.multitype-field, td.multitype-field, tr.grouping-header-row th.multitype-field,
th.keyword-field, td.keyword-field, tr.grouping-header-row th.keyword-field,
th.lookup-field-colored, td.lookup-field-colored, tr.grouping-header-row th.lookup-field-colored,
th.checkbox-field, td.checkbox-field, tr.grouping-header-row th.checkbox-field,
th.centered-field, td.centered-field, tr.grouping-header-row th.centered-field,
th.actions, td.actions, tr.grouping-header-row th.actions {
	text-align: center;
}

td.empty-field {
	text-align: center;
	color: #aaa;
}

th .sortable.desc:after,
th .sortable.asc:after {
	font-family: 'Glyphicons Halflings';
	vertical-align: middle;
	display: inline-block;
	padding-left: 10px;
	color: #1e8adf;
}

th .sortable.desc:after {
	content: "\e114";
}

th .sortable.asc:after {
	content: "\e113";
}

.table > tbody > tr > td.text-field,
.table > tbody > tr > td.wysiwyg-field {
	padding: 0;
}

.table > tbody > tr > td.keyword-field-colored,
.table > tbody > tr > td.lookup-field-colored {
	padding: 1px 8px;
}

td .text-preview {
	display: block;
	max-height: 80px;
	min-width: 200px;
	overflow: auto;
	padding: 8px;
}
td.empty-field .text-preview {
	display: none;
}

th.keyword-field,
th.yn-field,
th.actions {
	width: 1px;
}

th.keyword-field {
	text-align: left;
}

.table > tbody > tr > td.image-field,
.table > tbody > tr > td.color-field {
	vertical-align: middle;
}

td.image-field img {
	max-width: none;
}

td.checkbox-field,
td.barcode-field {
	width: 1px;
}

td.actions {
	padding: 3px 10px !important;
	text-align: right;
	white-space: nowrap;
}

td.actions .btn {
	height: 28px;
	width: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0;
	border-radius: 4px;
}

td.actions .btn .glyphicon {
	top: -1px;
	font-size: 14px;
}

th.small-field,
td.small-field {
	width: 1px;
	white-space: nowrap;
}

a.file-link-preview,
a.folder-link-preview {
	display: block;
	position: relative;
	padding-left: 26px;
}
a.file-link-preview img {
	position: absolute;
	left: 0;
}

.file-link-preview>div.thumbnail { display: none;  }
.file-link-preview:hover>div.thumbnail { display: block; position:relative; }

.file-link-preview:hover:after{
	left: 123px;
	top: 56px;
}

a.folder-link-preview:before {
	content: "\e117";
	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: 2px;
	top: -2px;
	font-size: 20px;
	line-height: 20px;
}

table > tbody > tr > td.keyword-field .keyword-value {
	white-space: nowrap;
}

table > tbody > tr > td.keyword-field .keyword-value-colored,
table > tbody > tr > td.lookup-field .lookup-value-colored {
	width: 100%;
}


table > tbody > tr > td.lookup-field .lookup-value-detailed {
	text-align: left;
	position: relative;
	padding-right: 80px;
}
table > tbody > tr > td.lookup-field .lookup-value-detailed .lookup-value-detail {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 4px;
	max-width: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table > tbody > tr.error > td,
.table > tbody > tr.error > th,
.table > tbody > tr > td.error,
.table > tbody > tr > th.error,
.table > tfoot > tr.error > td,
.table > tfoot > tr.error > th,
.table > tfoot > tr > td.error,
.table > tfoot > tr > th.error,
.table > thead > tr.error > td,
.table > thead > tr.error > th,
.table > thead > tr > td.error,
.table > thead > tr > th.error {
	color: #a94442;
    background-color: #f2dede;
}

.table > tbody > tr > td.read-only-field {
	color: #777;
	font-weight: bold;
	cursor: default;
	user-select: none;
}
.table > tbody > tr > td.edit-field {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	/*padding: 2px;*/
	padding: 0px !important;
	line-height: 1;
}

.table > tbody > tr > td.edit-field select,
.table > tbody > tr > td.edit-field input,
.table > tbody > tr > td.edit-field textarea,
.table > tbody > tr > td.edit-field .select2-container {
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	width: 100%;
	box-sizing: border-box;
	border-width: 0;
	border-bottom: 2px solid #1e8adf;
}

@media (min-width: 1200px) {
	.table > tbody > tr > td.edit-field select,
	.table > tbody > tr > td.edit-field input,
	.table > tbody > tr > td.edit-field .select2-container {
		height: 38px;
	}
}

.table > tbody > tr > td.edit-field.text-field textarea {
	border-bottom-width: 0;
}

.table > tbody > tr > td.edit-field textarea {
	min-width: 250px;
	resize: none;
}
.table > tbody > tr > td.edit-field textarea:focus {
	height: 240px;
}
.table > tbody > tr > td.edit-field .multiselect {
	display: block;
	width: 100% !important;
}
.table > tbody > tr > td.edit-field select:focus,
.table > tbody > tr > td.edit-field input:focus,
.table > tbody > tr > td.edit-field textarea:focus,
.table > tbody > tr > td.edit-field .select2-dropdown-open {
	border-width: 1px;
	background-color: white;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	outline: none;
}

/* stop expanding rowCount on table */
.RowCount {
    text-align: right !important;
    max-width: 5%;
    width: 3%;
}

/* Color Picker fix for field grids */
/*#FieldGridList .evo-pop.ui-widget {
    position: unset !important;
}*/

/* -- resolution -------------------------------------------------- */
@media (min-width: 992px) {
	.table > thead > tr > th, 
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > thead > tr > td, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		padding: 10px;
	}
	td .text-preview {
		padding: 10px;
	}
	td.actions {
    	padding: 5px 10px !important;
	}
	.table > tbody > tr > td.lookup-field-colored,
	.table > tbody > tr > td.keyword-field-colored {
		padding: 3px 8px;
	}
}

/* -- print ------------------------------------------------------- */
@media print {
	.bootstrap-table .fixed-table-container {
		padding: 0 !important;
		height: auto !important;
	}
	
	.bootstrap-table .fixed-table-header,
	.bootstrap-table .fixed-table-footer {
		display: none !important;
	}
	
	.bootstrap-table .fixed-table-body {
		height: auto;
	}
	
	.bootstrap-table .fixed-table-body .table-results {
		margin: 0 !important;
	}
	
	.table > tbody > tr > td {
		padding: 6px !important;
	}
	
	.table-hover > tbody > tr:hover {
		background-color: transparent;
	}
	
	td .text-preview {
		max-height: none;
		padding: 0;
	}
}