/**
 * @version     CVS: 1.0.0
 * @package     com_hierwerkt
 * @copyright   2021 Destiny B.V.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Destiny B.V. <publicanda@destiny.nl>
 */

.table-responsive
{
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.front-end-list{
	width: 100%;
	border-spacing: 1px;
	background-color: #f3f3f3;
	color: #666;
}

table.front-end-list thead th{
	text-align: center;
	background: #f7f7f7;
	color: #666;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fff;
}

table.front-end-list td, table.front-end-list th{
	padding: 4px;
}

table.front-end-list thead th.align-left{
	text-align: left;
}

table.front-end-list thead th.align-center, table.front-end-list tbody td.align-center {
	text-align: center;
}

table.front-end-list tbody tr td{
	background: #fff;
	border: 1px solid #fff;
}

table.front-end-list td{
	padding-left: 8px;
}

div.list-footer{
	clear:both;
	text-decoration: none;
	text-align: center;
}

div.list-footer ul{
	list-style: none;
	display: inline-block;
}

div.list-footer ul li{
	display: inline-block;
}

div.list-footer div.limit{
	display: inline-block;
}

div.list-footer div.counter{
	display: inline-block;
}

div.filter-select.hide{
	display: none;
}

div.filter-select.show{
	display: block;
}

div.filter-search , div.filter-select {
	clear: both;
}

div.filter-select .fltlft{
	float: left;
	clear: both;
}

div.field-filter{
	float: left;
	margin: 10px;
}

#filter-bar div.fltrt div.button2-left .blank a {
	margin-top: 0 !important;
}

button.open{
	font-weight: bold;
}

div.field-filter:first-of-type{
	margin-left: 0;
}

#ambassadeurs input[type=text] {
	font-size: 24px;
	font-weight: 500;
	padding: 0.25rem 0.5rem;
	margin: 0;
	border-radius: 0;
	border: 1px solid #e5e5e5;
	height: 60px;
	box-sizing: border-box;
	width: 300px;
	flex: none;
}
#ambassadeurs button[type="button"],
#ambassadeurs button[type="submit"]{
	font-size: 24px;
	font-weight: 500;
	margin: 0;
	border-radius: 0;
	border: 1px solid #e5e5e5;
	height: 60px;
	box-sizing: border-box;
}
#ambassadeurs .grid {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(auto, 260px));
	grid-gap: 1rem;
	width: 100%;
	display: -ms-inline-flexbox;
	-ms-flex-wrap: wrap;
}
.card-foto {
	overflow: hidden;
	height: 220px;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border: thin solid #e5e5e5;
	transition: 0.3s;
}
.card-foto:hover {
    border: thin solid #3d3d3d;
}