
section.noresults {
/*	display: none;*/
}

ul.grid {
	position: relative;
	margin-bottom: 20px;
	display: table;
	width: auto;
}

ul.grid.bordered {
	padding: 0px;
	border: 0.8px solid #444;
	background-color: var(--panelcolor);
}

ul.grid.bordered > li:hover:not(.header):not(.perfect):not(.deleted) img:not(.region) {
	-webkit-filter: invert(100%); filter: invert(100%);
}

ul.grid > * > div {
}

ul.grid > * {
	border-bottom: 0.8px solid #444;
}

ul.grid > *:last-child {
	border-bottom-color: transparent;
}

ul.grid > * > div > span > span {
	display: table-cell;
	line-height: 20px;
	height: auto;
}

ul.grid > .header {
}

ul.grid > .header > div > span > span {
	font-family: 'ptrootbold',Arial,Helvetica,freesans,sans-serif;	
}

ul.grid > * > div > span {
	display: table-row-group;
}

ul.grid > *:not(.header) > div > span > span.title {
	color: #4a6d86;
}

ul.grid > * > div > span > span.right > span,
ul.grid > * > div > span > span:not(.right) {
	padding: 3px 5px 6px;
}

/* Pager */

ul.pager_info {
	background-color: #fff;
	border: 1px solid transparent;
	display: inline-block;
	padding: 2px;
	float: right;
}

ul.pager_info > li {
	display: inline-block;
	margin-right: 2px !important;
	border-right: 1px solid transparent;
}

ul.pager_info > li.pageno.selected > span {
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	background-color: #309C96;
	color: #fff;
}

ul.pager_info > li > span {
	padding: 5px 8px 6px 8px;
	width: 20px;
	line-height: 20px;
	cursor: pointer;
	text-align: center;
	margin-right: 2px;
}

ul.pager_info > li.control { position: relative; top: 5px; }

ul.pager_info > li.control > span { padding: 5px; }

ul.pager_info > li span.icon {
	width: 21px;
	height: 21px;
}

ul.pager_info > li:not(.selected):hover > span {
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	background-color: #52C9C3;
	color: #fff;
}

ul.pager_info > li:last-child {
	margin-right: 0px !important;
	border-right: none;
}

ul.pager_info > li:last-child > span {
	margin-right: 0px;
}


.grid > *.locked > div {
	background-color: #fafafa;
}

section[data-component='repeater'] + section[data-component='pager'] {
	margin-top: 10px !important;
}
