/*
* Third-party plugin DataTables
* Plugin home page: http://datatables.net/
*/

@import (once) "vars";
@import (once) "utils";
@import (once) "tables";
@import (once) "pagination";

.dataTable {
	.table;
    clear: both;
}

.dataTable {
	.sorting {
		.table > .sortable-column;
	}

	.sorting_asc, .sorting_desc {
		position: relative;
		&:after {
			position: absolute;
			content: "";
			width: 1rem;
			height: 1rem;
			left: 100%;
			margin-left: -20px;
			top: 50%;
			margin-top: -.5rem;
			color: inherit;
			line-height: 1;
			font-size: 1.1rem;
		}
	}
	.sorting_asc {
		.table > .sortable-column > .sort-asc;
	}
	.sorting_desc {
		.table > .sortable-column > .sort-desc;
	}
}

.dataTables_paginate {
	.pagination;
	float: left;
	width: 50%;
	margin: 0;

	.paginate_button {
		.pagination > .item;
	}
	
	.ellipsis {
            display: block;
            float: left;
            padding: .25rem .625rem;
        }
}

.dataTables_info {
	padding: 5px;
	background-color: @grayLighter;
	font-size: .875rem;
	float: right;
}

.dataTables_length {
	display: block;
	float: left;
	margin: .625rem 0;

	select {
		.no-appearance;
		margin: 0 .125rem;
		padding: .3125rem;
		border: 1px #d9d9d9 solid;

		&:focus {
			outline: none;
			border-color: @dark;
		}
	}
}

.dataTables_filter {
	display: block;
	float: right;
	margin: .625rem 0;

	label > input {
		margin: 0 0 0 .25rem;
	}

	input {
		.no-appearance;
		padding: .3125rem;
		border: 1px #d9d9d9 solid;

		&:focus {
			outline: none;
			border-color: @dark;
		}
	}
}