/* Charger la police Roboto (assurez-vous de l'inclure dans votre site) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

body.bricks-is-frontend.bricks-is-frontend :focus-visible {
	outline-style: none !important;
	outline-color: transparent !important;
	outline-width: 0 !important;
	outline-offset: 0 !important;
}

#listing-plages-private-container *,
#listing-plages-private-container>*,
#listing-plages-private-container>.dataTables_wrapper .dataTables_filter input::placeholder {
	font-family: 'Roboto', sans-serif !important;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input::placeholder {
	font-size: 16px !important;
}

table.dataTable,
table.dataTable,
table.dataTable,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	font-size: 12px !important;
}

table.dataTable thead th,
table.dataTable tfoot th,
table.dataTable thead th,
table.dataTable tfoot th,
table.dataTable thead th,
table.dataTable tfoot th,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tbody th,
table.dataTable tbody td {
	line-height: 1.35;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
table.dataTable,
table.dataTable,
table.dataTable,
tr:not(.wforge-plage-reserve) a {
	color: #202124 !important;
}

.dataTables_wrapper .dataTables_filter input::placeholder {
	color: #a5a5a5;
}

table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1,
table.dataTable.stripe>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
	box-shadow: none !important;
}

table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1,
table.dataTable.stripe>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
	background-color: #c3ffd2;
}

table.dataTable.stripe>tbody>tr.wforge-plage-reserve.odd>*,
table.dataTable.display>tbody>tr.wforge-plage-reserve.odd>*,
table.dataTable.display>tbody>tr.wforge-plage-reserve.odd>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.wforge-plage-reserve.odd>.sorting_1,
table.dataTable.stripe>tbody>tr.wforge-plage-reserve.even>*,
table.dataTable.display>tbody>tr.wforge-plage-reserve.even>*,
table.dataTable.display>tbody>tr.wforge-plage-reserve.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.wforge-plage-reserve.even>.sorting_1 {
	background-color: #ededed;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
	margin: 5px 0 !important;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
	-webkit-appearance: none;
	background-color: transparent !important;
	border-color: #dddedf !important;
	border-radius: 0 !important;
	border-style: solid !important;
	border-width: 1px !important;
	box-shadow: none;
	font-size: inherit;
	line-height: 40px;
	outline: none;
	padding: 0 12px !important;
	text-align: left;
	transition: var(--bricks-transition);
	width: 100%;
}

.dataTables_wrapper .dataTables_length select {
	background-image:
		linear-gradient(45deg, transparent 50%, gray 0), linear-gradient(135deg, gray 50%, transparent 0);
	background-position:
		calc(100% - 20px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px);
	background-repeat: no-repeat;
	background-size: 4px 4px, 4px 4px;
}

.dataTables_wrapper .dataTables_filter input {
	margin-left: 0 !important;
}

table.dataTable {
	margin-top: 20px !important;
}

thead,
.wforge-search-label {
	display: none;
}

#wforge-benevole-equipes-table thead {
	display: revert;
}

tbody tr {
	margin: 2rem 0 0;
}

tr:not(.wforge-plage-reserve) td.wforge-td-checkbox label,
tr:not(.wforge-plage-reserve) td.wforge-td-checkbox input,
tr:not(.wforge-plage-reserve) td.wforge-td-name,
tr:not(.wforge-plage-reserve) td.wforge-td-email,
tr:not(.wforge-plage-reserve) td.wforge-td-phone,
tr:not(.wforge-plage-reserve) td.wforge-td-team {
	display: none;
}

#plages-listing-public tbody tr {
	text-align: center;
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(4, auto);
	gap: 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"wforge-td-date wforge-td-date wforge-td-date"
		"wforge-td-field wforge-td-post wforge-td-availability"
		"wforge-td-cat wforge-td-away wforge-td-home"
		"wforge-td-link wforge-td-link wforge-td-link";
}

#plages-listing-private tbody tr {
	display: grid;
	grid-template-columns: repeat(10, auto);
	grid-template-rows: repeat(6, auto);
	gap: 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"wforge-td-date wforge-td-date wforge-td-date wforge-td-date wforge-td-date wforge-td-date wforge-td-date wforge-td-date wforge-td-checkbox wforge-td-checkbox"
		"wforge-td-field wforge-td-field wforge-td-field wforge-td-field wforge-td-post wforge-td-post wforge-td-post wforge-td-post wforge-td-post wforge-td-cat"
		"wforge-td-away wforge-td-away wforge-td-away wforge-td-away wforge-td-away wforge-td-home wforge-td-home wforge-td-home wforge-td-home wforge-td-home"
		"wforge-td-link wforge-td-link wforge-td-link wforge-td-link wforge-td-link wforge-td-link wforge-td-link wforge-td-link wforge-td-link wforge-td-link"
		"wforge-td-name wforge-td-name wforge-td-name wforge-td-name wforge-td-name wforge-td-name wforge-td-team wforge-td-team wforge-td-team wforge-td-team"
		"wforge-td-email wforge-td-email wforge-td-email wforge-td-email wforge-td-email wforge-td-email wforge-td-email wforge-td-phone wforge-td-phone wforge-td-phone";
}

.wforge-td-date { grid-area: wforge-td-date; }

.wforge-td-cat { grid-area: wforge-td-cat; }

.wforge-td-away { grid-area: wforge-td-away; }

.wforge-td-home { grid-area: wforge-td-home; }

.wforge-td-name { grid-area: wforge-td-name; }

.wforge-td-team { grid-area: wforge-td-team; }

.wforge-td-email { grid-area: wforge-td-email; }

.wforge-td-phone { grid-area: wforge-td-phone; }

.wforge-td-field { grid-area: wforge-td-field; }

.wforge-td-post { grid-area: wforge-td-post; }

.wforge-td-checkbox {
	display: flex;
	flex-direction: row;
	gap: .5rem;
	justify-content: flex-end;
	align-items: center;

	grid-area: wforge-td-checkbox;
}

.wforge-td-availability {
	display: none;
	grid-area: wforge-td-availability;
}

.wforge-td-checkbox label {
	margin: 0;
}

td.wforge-td-link {
	padding: 14px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF !important;
	background-color: #00b92d !important;

	grid-area: wforge-td-link;
}

table.dataTable tbody tr.wforge-plage-reserve td.wforge-td-link {
	background-color: #bebebe !important;
}

table.dataTable a,
table.dataTable a {
	text-decoration: underline;
	text-underline-offset: 0.125em;
	transition: none;
}

.dataTable td {
	border: 0px solid transparent !important;
}

.dataTable tr.wforge-plage-reserve {
	border: 1px solid #cecece !important;
	border-bottom: none;
}

#wforge-global-cancel-btn {
	float: right;
}

/* Small screens / phones (>= 576px) */
@media (min-width: 576px) {}

/* Medium devices / tablets (>= 768px) */
@media (min-width: 768px) {

	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		width: calc((100% - 5px) / 2);
	}
}

/* Large devices / desktops (>= 992px) */
@media (min-width: 992px) {

	/* General */
	/*{
table-layout: fixed;
width: 100%;
}*/
	thead,
	tbody tr {
		display: revert !important;
	}

	.dataTable tr.wforge-plage-reserve {
		border: 0px solid transparent !important;
	}

	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		width: 200px;
		transition: width 0.3s ease-in-out;
	}

	.dataTables_wrapper .dataTables_filter:focus-within {
		width: 500px;
	}

	table.dataTable tbody tr {
		cursor: pointer;
	}

	.wforge-td-checkbox {
	    display: revert;
	}

	.wforge-td-checkbox label {
		display: none !important;
	}

	tr:not(.wforge-plage-reserve) td.wforge-td-name,
	tr:not(.wforge-plage-reserve) td.wforge-td-email,
	tr:not(.wforge-plage-reserve) td.wforge-td-phone,
	tr:not(.wforge-plage-reserve) td.wforge-td-team {
		display: table-cell;
	}

	tr:not(.wforge-plage-reserve) td.wforge-td-name,
	tr:not(.wforge-plage-reserve) td.wforge-td-email,
	tr:not(.wforge-plage-reserve) td.wforge-td-phone,
	tr:not(.wforge-plage-reserve) td.wforge-td-team {
		color: transparent;
	}

	table.dataTable tbody th,
	table.dataTable tbody td,
	table.dataTable tbody th,
	table.dataTable tbody td,
	table.dataTable tbody th,
	table.dataTable tbody td,
	table.dataTable thead>tr>th.sorting,
	table.dataTable thead>tr>th.sorting_asc,
	table.dataTable thead>tr>th.sorting_desc,
	table.dataTable thead>tr>th.sorting_asc_disabled,
	table.dataTable thead>tr>th.sorting_desc_disabled,
	table.dataTable thead>tr>td.sorting,
	table.dataTable thead>tr>td.sorting_asc,
	table.dataTable thead>tr>td.sorting_desc,
	table.dataTable thead>tr>td.sorting_asc_disabled,
	table.dataTable thead>tr>td.sorting_desc_disabled {
		padding: 6px 8px !important;
	}

	table.dataTable thead th,
	table.dataTable tfoot th,
	table.dataTable thead th,
	table.dataTable tfoot th,
	table.dataTable thead th,
	table.dataTable tfoot th {
		text-align: center !important;
	}

	table.dataTable tbody th,
	table.dataTable tbody td,
	table.dataTable tbody th,
	table.dataTable tbody td,
	table.dataTable tbody th,
	table.dataTable tbody td {
		padding: 6px 8px !important;
		text-align: center !important;
	}

	#plages-listing-private th.wforge-td-link,
	#plages-listing-private td.wforge-td-link {
		width: 88px !important;
	}

	th.wforge-td-cat,
	td.wforge-td-cat {
		width: 66px !important;
	}

	th.wforge-td-availability,
	td.wforge-td-availability {
		display: revert;
		width: 96px !important;
	}

	#plages-listing-private th.wforge-td-post,
	#plages-listing-private td.wforge-td-post {
		width: 72px !important;
	}

	#plages-listing-private th.wforge-td-date,
	#plages-listing-private td.wforge-td-date {
		width: 90px !important;
	}

	th.wforge-td-field,
	td.wforge-td-field {
		width: 88px !important;
	}

	th.wforge-td-away,
	td.wforge-td-away {
		/* width: 40px !important; */
	}

	th.wforge-td-home,
	td.wforge-td-home {
		/* width: 40px !important; */
	}

	th.wforge-td-name,
	td.wforge-td-name {
		/* width: 40px !important; */
	}

	th.wforge-td-email,
	td.wforge-td-email {
		/* width: 40px !important; */
	}

	th.wforge-td-phone,
	td.wforge-td-phone {
		width: 85px !important;
	}

	th.wforge-td-team,
	td.wforge-td-team {
		/* width: 46px !important; */
	}

	th.wforge-td-checkbox,
	td.wforge-td-checkbox {
		width: 67px !important;
	}

	th.wforge-td-checkbox:before,
	th.wforge-td-checkbox:after {
		display: none !important;
		content: "" !important;
	}

	td.wforge-td-link {
		display: table-cell;
		font-size: revert;
		text-transform: revert;
	}

	td.wforge-td-link {
		color: #202124 !important;
		background-color: #c3ffd2 !important;
	}

	table.dataTable.stripe>tbody>tr.wforge-plage-reserve.odd>*,
	table.dataTable.display>tbody>tr.wforge-plage-reserve.odd>*,
	table.dataTable.display>tbody>tr.wforge-plage-reserve.odd>.sorting_1,
	table.dataTable.order-column.stripe>tbody>tr.wforge-plage-reserve.odd>.sorting_1,
	table.dataTable.stripe>tbody>tr.wforge-plage-reserve.even>*,
	table.dataTable.display>tbody>tr.wforge-plage-reserve.even>*,
	table.dataTable.display>tbody>tr.wforge-plage-reserve.even>.sorting_1,
	table.dataTable.order-column.stripe>tbody>tr.wforge-plage-reserve.even>.sorting_1,
	table.dataTable tbody tr.wforge-plage-reserve td.wforge-td-link {
		background-color: transparent !important;
	}
	
	table.dataTable tbody tr.odd>*,
	table.dataTable.display>tbody>tr:hover>*,
	table.dataTable.display>tbody>tr.odd>* {
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.025) !important;
	}

	table.dataTable.display>tbody>tr.odd>.sorting_1,
	table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1,
	table.dataTable.display>tbody>tr.even>.sorting_1,
	table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1) !important;
	}

	table.dataTable tbody tr:hover>*,
	table.dataTable.display>tbody>tr:hover>*,
	table.dataTable.display>tbody>tr:hover>.sorting_1 {
		box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 100%) !important;
	}

	table.dataTable thead>tr>th.sorting,
	table.dataTable thead>tr>th.sorting_asc,
	table.dataTable thead>tr>th.sorting_desc,
	table.dataTable thead>tr>th.sorting_asc_disabled,
	table.dataTable thead>tr>th.sorting_desc_disabled,
	table.dataTable thead>tr>td.sorting,
	table.dataTable thead>tr>td.sorting_asc,
	table.dataTable thead>tr>td.sorting_desc,
	table.dataTable thead>tr>td.sorting_asc_disabled,
	table.dataTable thead>tr>td.sorting_desc_disabled {
		padding: 10px 10px;
	}

	table.dataTable tbody td[data-label="Sélectionner"],
	table.dataTable tbody td[data-label="Sélectionner"] {
		/* padding: 10px 26px 10px 0 !important; */
	}

	.dataTables_wrapper input,
	.dataTables_wrapper select {
		line-height: 20px;
	}

	.dataTables_wrapper label {
		min-width: 200px;
		display: flex;
		flex-direction: row;
		gap: 16px;
		align-items: center;
		height: 32px;
		margin: 0;
	}

	.wforge-cancel-reservation-btn,
	.wforge-cancel-checkbox {
		display: none;
	}

	.wforge-plage-reserve .wforge-cancel-reservation-btn {
		display: block;
		min-inline-size: fit-content;
		margin: 0 auto;
	}

	.wforge-plage-reserve .wforge-cancel-checkbox {
		display: block;
		margin: 0 auto;
	}

	/* Liste comptabilisée */
	table#wforge-benevole-equipes-table {
		text-align: center;
	}

	/*{
width: 100%;
max-width: 100%;
table-layout: auto;
}*/
}

/* Extra-large desktops (>= 1200px) */
@media (min-width: 1200px) {}