//
// Tables
// --------------------------------------------------

.table {
	margin-bottom: 5px;
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
	background-color: @tableBackgroundAccent;
}

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	background-color: @tableBackgroundHover;
}

.table-bordered, .table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child, .table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child, .table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child, .table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child {
	.border-radius(0);
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	//border-bottom-width: 1px;
}

.table-highlight-head {
	thead {
		background-color: @tableBackgroundHighlight;
	}
}

.table-no-inner-border {
	tr th, tr td {
		border-left-width: 0px;
	}

	tr th:first-child, tr td:first-child {
		border-left-width: 1px !important;
	}
}

.widget-content.no-padding {
	table {
		margin-bottom: 0 !important;
	}
	.table-bordered {
		border: 0;

		th:first-child, td:first-child {
			border-left: 0;
		}

		th:last-child, td:last-child {
			border-right: 0;
		}

		tr:last-child td {
			border-bottom: 0;
		}
	}
}

.table .align-center {
	text-align: center;
}

/* * * * * * * * * * * *
 * Table Footer
 * * * * * * * * * * * */

.table-footer {
	padding: 12px;

	.table-actions {
		label {
			margin-right: 10px;
			display: inline-block;
		}

		select {
			width: 180px;
			height: 30px;
			margin-top: -1px;
			margin-bottom: 0;
		}
	}

	.pagination {
		float: right;
		margin: 0;
	}

	&:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
	}
}

.widget-content.no-padding {
	.table-footer {
		border-top: 1px solid @tableBorder;
		background-color: @tableBackgroundFooter;
		padding-left: 0;
		padding-right: 0;
	}
}

.widget:not(.box) .widget-content .table-footer {
	border: 1px solid @tableBorder;
	border-top: none;
	margin-top: -5px;
}

.widget.box .widget-content:not(.no-padding) .table-footer {
	border: none;
	background-color: none;
	padding: 8px 0;
	padding-bottom: 3px;
}

/* * * * * * * * * * * *
 * Pagination
 * * * * * * * * * * * */

.pagination {
	.border-radius(0);
	.box-shadow(none);

	> li:first-child > a, > li:first-child > span,
	> li:last-child > a, > li:last-child > span {
		.border-radius(0);
	}

	> li {
		> a, > span {
			color: @mainColor;
		}
	}
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: @mainColor;
	border-color: darken(@mainColor, 10%);
}

/* * * * * * * * * * * *
 * Checkable Table
 * * * * * * * * * * * */

.table-checkable {
	.checkbox-column {
		text-align: center;
		width: 24px;

		div.checker {
			margin-right: 0;
		}
	}

	&.table-no-inner-border {
		.checkbox-column {
			border-right: 1px solid @tableBorder;
		}
	}


	tbody tr.checked td {
		background-color: @tableChecked;
	}
}

/* * * * * * * * * * * *
 * Table Controls
 * * * * * * * * * * * */


.table-controls {
	padding: 0;
	margin: 0;
	list-style: none;

	> li {
		display: inline-block;
		margin: 0 2px;
		line-height: 1;

		> a {
			display: inline-block;

			i {
				margin: 0;
				font-size: @baseFontSize;
				color: @grayDark;
				display: block;

				&:hover {
					text-decoration: none;
				}
			}
		}
	}
}

/* * * * * * * * * * * *
 * Progressbars in Tables
 * * * * * * * * * * * */

.table {
	.progress {
		margin-bottom: 0;
	}
}

/* * * * * * * * * * * *
 * Others
 * * * * * * * * * * * */

.table-vertical-align {
	tr, th, td {
		vertical-align: middle !important;
	}
}