/*CONTAINER*/
.lucy{
	background: #fcfcfc;
	padding: .5em;
	border-radius: 3px;
	color: #333;
	/*overflow-x: auto;*/
}

/* TABLE */
.lucy table.lucy-table {
	background: white;
	margin-bottom: 1.25em;
	border: solid 1px #dddddd;
	border-radius: 3px;
	width: 100%;
}

.lucy table.lucy-table thead,
.lucy table.lucy-table tfoot {
	background: whitesmoke;
	font-weight: bold;
}

.lucy table.lucy-table thead tr th,
.lucy table.lucy-table thead tr td,
.lucy table.lucy-table tfoot tr th,
.lucy table.lucy-table tfoot tr td {
	padding: 0.5em 1.6em 0.625em;
	color: #222222;
	text-align: left;
	text-align: center;
}

.lucy table.lucy-table tr th,
.lucy table.lucy-table tr td {
	padding: 0.5625em 0.625em;
	color: #222222;
}

.lucy table.lucy-table tr.even,
.lucy table.lucy-table tr.alt,
.lucy table.lucy-table tr:nth-of-type(even) {
	background: #f9f9f9;
}

.lucy table.lucy-table thead tr th,
.lucy table.lucy-table tfoot tr th,
.lucy table.lucy-table tbody tr td,
.lucy table.lucy-table tr td,
.lucy table.lucy-table tfoot tr td {
	display: table-cell;
	line-height: 1.125em;
}

/*SEARCH*/
.lucy .search{
	margin-bottom: .5em;
}

.lucy .search input{
	padding: 3px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/*INFO*/
.lucy .info.top{
	margin-bottom:10px;
}

/*PAGINATION*/
.lucy .pagination {
	padding: 3px 0 3px 0;
	margin: 1em 0 1em 0;
}

.lucy .pagination .page{
	padding: 5px 5px 5px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	
	border-radius: 3px;
	
	text-decoration: none; /* no underline */
	color: #008CBA;

	cursor: pointer;
}

.lucy .pagination .page:hover,
.lucy .pagination .page:active {
	border: 1px solid #999;
	color: #666;
}

.lucy .pagination .current,
.lucy .pagination .current:hover {
	padding: 6px 5px 6px 5px;
	margin: 2px;
	border: 1px solid #008CBA;
	font-weight: bold;
	background-color: #008CBA;
	color: #FFF;
}

.lucy .pagination .disabled {
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

.lucy .pagination .page.disabled:hover,
.lucy .pagination .page.disabled:active {
	border: 1px solid #EEE;
	color: #DDD;
}

/*SORTING*/
.lucy .lucy-sorter{
	cursor:pointer;
}

.lucy .order { background: url("../../icons/sort_both.png") 100% 50% no-repeat transparent; cursor: pointer;}
.lucy .order.ASC { background: url("../../icons/sort_asc.png") 100% 50% no-repeat transparent;  cursor: pointer;}
.lucy .order.DESC { background: url("../../icons/sort_desc.png") 100% 50% no-repeat transparent;  cursor: pointer;}

.off-canvas-wrap{
	overflow: inherit;
}