/*
SEULE FEUILLE OU !important EST AUTORISE
Les regles doivent etre le plus specifique possible
*/

/*
Cette feuille permet d'ecraser des regles definies en dur dans des blocs
d4c auxquels nous n'avons pas acces.
Elle est ammenee a disparaitre une fois les CSS triees dans
l'ordre par le prestataire (nos CSS doivent etre definies en
dernier dans les pages, pour prendre le dessus sans utilisation
de !important)
*/

body {
	background: none !important;
}
footer {
	text-align: left !important;
}
footer figure {
	margin: 0 !important;
}

.card {
	border-radius: 20px !important;
}

.d4c-dataset-reuses .g-recaptcha {
	display: none !important;
}

.d4c-button {
	font-family: var(--texte-font);
}

/* Supprimer le fond gris des outils d4c */
.js-quickedit-main-content {
	background: none !important;
}

/* Position fenetre */
.d4c-mapbuilder__main-panel {
	top: 10px !important;
	left: 46px !important;
	/*border-radius: 20px !important;
	overflow: hidden !important;*/
}
@media screen and (max-width: 768px) {
	.d4c-mapbuilder__main-panel {
		top: 36% !important;
	}
}

.search-submit,
.search-submit:focus,
.search-submit:active,
.search-submit:hover {
	background-color: unset !important;
}

/*******************************************/
/**              PAGINATION               **/
/*******************************************/
#block-views-block-actualite-block-1 .pagination {
	width: 80% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.pagination,
.stat-pagination,
.pagination-controls,
.d4cwidget-pagination {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 3px !important;
	margin: 20px 0 !important;
	padding: 10px !important;
	background: rgb(var(--blanc)) !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
	justify-content: center !important;
}
.pagination:empty {
	display: none !important;
}
.pagination-controls > div.pagination-dots {
	gap: 3px !important;
}
.pagination > a,
.pagination > li > a,
.pagination > li > span,
.pager__item a,
.pagination > span,
.stat-pagination > a,
.stat-pagination > span,
.pagination-controls > button,
.pagination-controls span.pagination-dot,
.d4cwidget-pagination .d4cwidget-pagination__page-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 24px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	font-size: 12px !important;
	font-weight: bold !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		transform 0.15s ease,
		box-shadow 0.2s ease;
	box-sizing: border-box;
	color: #1f2937 !important;
	background: #f8fafc !important;
	border: 1px solid #dbe3ec !important;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
	border-radius: 12px !important;
}
.pagination > a:hover,
.pagination > li > a:hover,
.pager__item a:hover,
.stat-pagination > a:hover,
.pagination-controls > button:hover,
.pagination-controls span.pagination-dot:hover,
.d4cwidget-pagination .d4cwidget-pagination__page-link:hover {
	background: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
	border-color: rgb(var(--darkblue)) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
.pagination > span,
.pagination > li > span,
.pager__item.is-active.active a,
.pagination li.active a,
.stat-pagination > span,
.pagination-controls span.pagination-dot.active,
.d4cwidget-pagination .d4cwidget-pagination__page-link--active {
	background-color: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
	border: 1px solid rgb(var(--darkblue)) !important;
	cursor: default !important;
}
.pagination > a:first-child,
.pagination > a:last-child,
.stat-pagination > a:first-child,
.stat-pagination > a:last-child {
	padding: 0 1rem !important;
}
/* Responsive */
@media (max-width: 768px) {
	.pagination {
		gap: 0.35rem !important;
		padding: 0.75rem !important;
		border-radius: 12px !important;
	}

	.pagination > a,
	.pagination > span {
		min-width: 2.1rem !important;
		height: 2.1rem !important;
		padding: 0 0.7rem !important;
		font-size: 0.88rem !important;
		border-radius: 10px !important;
	}
}

.pager__item a:hover,
.pagination li a:hover {
	background-color: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
}

.pager__item.is-active.active a,
.pagination li.active a {
	background-color: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
}

.pager__item.pager__item--last,
.pager__item.pager__item--first,
.pager__item.pager__item--next span[aria-hidden="true"],
.pager__item.pager__item--previous span[aria-hidden="true"],
.pager__item.pager__item--next .visually-hidden,
.pager__item.pager__item--previous .visually-hidden,
.pagination li a[aria-label="Previous"] span[aria-hidden="true"],
.pagination li a[aria-label="Next"] span[aria-hidden="true"] {
	display: none !important;
}

.pager__item.pager__item--next a,
.pager__item.pager__item--previous a,
.pagination li a[aria-label="Previous"],
.pagination li a[aria-label="Next"] {
	position: relative !important;
	transition: background-position 275ms ease-in-out !important;
}

.pager__item.pager__item--next a:hover,
.pager__item.pager__item--previous a:hover,
.pagination li a[aria-label="Previous"]:hover,
.pagination li a[aria-label="Next"]:hover {
	background-color: rgb(var(--darkblue)) !important;
	background-position: 0 100% !important;
}

.pager__item.pager__item--next a:hover:before,
.pager__item.pager__item--previous a:hover:after,
.pagination li a[aria-label="Previous"]:hover:before,
.pagination li a[aria-label="Next"]:hover:after {
	color: rgb(var(--blank)) !important;
}

.pager__item.pager__item--previous a:before,
.pagination li a[aria-label="Previous"]:before,
.pagination-controls > button#prev-btn i::before {
	content: "\f177" !important;
	font-family: 'FontAwesome' !important;
}

.pagination-controls span.pagination-dot.active::before {
	content: "\f111" !important;
	font-family: 'FontAwesome' !important;
}

.pager__item.pager__item--next a:after,
.pagination li a[aria-label="Next"]:after,
.pagination-controls > button#next-btn i::before {
	content: "\f178" !important;
	font-family: 'FontAwesome' !important;
}

/* Boutons */
.organization-actions button,
.add-organization-button button,
.add-harvest-button button,
.search-bar-content .btn,
.harvest-actions .btn,
.d4c-list-search-btn,
.d4c-list-actions a,
.card-container > .card.gris,
.d4c-dataset-admin-button,
.d4c-chart-controls__add-chart-button,
.d4c-dataset-export__format-link,
.d4c-chart-download,
.d4c-chart-data-download,
.d4c-dataset-visualization__header button,
.d4c-dataset-visualization__header .d4cwidget-social-buttons__button,
.d4c-dataset-subscription__button,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-clear-all-filters,
d4c-saved-filters a,
.d4c-button,
.d4c-dataset-selection__close-button,
.d4c-chart-controls__remove-dataset,
.d4c-chart-controls__select-dataset,
.d4c-textstyle-options__preview,
.d4c-kpi-list-search-bar button,
.d4c-kpi-actions a {
	border: 2px solid rgb(var(--bouton)) !important;
  border-radius: 20px !important;
  padding: 5px 15px !important;
  color: rgb(var(--bouton)) !important;
  background: transparent !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 10 !important;
}
.d4c-dataset-export__format-link {
	background: white !important;
}
.d4c-textstyle-options__preview {
	height: auto !important;
}
.organization-actions button:hover,
.add-organization-button button:hover,
.add-harvest-button button:hover,
.search-bar-content .btn:hover,
.harvest-actions .btn:hover,
.d4c-list-search-btn:hover,
.d4c-list-actions a:hover,
.card-container > .card:hover,
.d4c-dataset-admin-button:hover,
.d4c-chart-controls__add-chart-button:hover,
.d4c-dataset-export__format-link:hover,
.d4c-chart-download:hover, 
.d4c-chart-data-download:hover,
.d4c-dataset-visualization__header button:hover,
.d4c-dataset-visualization__header .d4cwidget-social-buttons__button:hover,
.d4c-dataset-subscription__button:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-clear-all-filters:hover,
d4c-saved-filters a:hover,
.d4c-button:hover,
.d4c-dataset-selection__close-button:hover,
.d4c-chart-controls__remove-dataset:hover,
.d4c-chart-controls__select-dataset:hover,
.d4c-textstyle-options__preview:hover,
.d4c-kpi-list-search-bar button:hover,
.d4c-kpi-actions a:hover {
color: rgb(var(--blanc)) !important;
border-color: rgb(var(--bouton)) !important;
background: rgb(var(--bouton)) !important;
}
.harvest-actions .btn-danger,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-clear-all-filters,
.d4c-dataset-selection__close-button,
.d4c-modal__window .d4c-button.d4c-button--link.d4c-modal__action,
.d4c-chart-controls__remove-dataset {
	border-color: #dc3545 !important;
	color: #dc3545 !important;
}
.harvest-actions .btn-danger:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-clear-all-filters:hover,
.d4c-dataset-selection__close-button:hover,
.d4c-modal__window .d4c-button.d4c-button--link.d4c-modal__action:hover,
.d4c-chart-controls__remove-dataset:hover {
	color: rgb(var(--blanc)) !important;
	border-color: #dc3545 !important;
	background-color: #dc3545 !important;
}
.d4c-dataset-selection__close-button {
	padding: unset !important;
	position: absolute !important;
	background: white !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-clear-all-filters {
	float: right !important;
}

.d4c-list-search-btn {
	margin: auto !important;
}

.input-group-addon {
	border: 2px solid rgb(var(--bouton)) !important;
  border-radius: 16px !important;
  color: rgb(var(--bouton)) !important;
  background: white !important;
}
.input-group-addon:hover {
	color: rgb(var(--blanc)) !important;
	border-color: rgb(var(--bouton)) !important;
	background: rgb(var(--bouton)) !important;
}

/* Catalogue */
#main.widget-opendata {
	overflow-x: unset !important;
}
#main.widget-opendata .dataset,
#main.widget-opendata #filter {
	border-radius: 20px !important;
	overflow: hidden !important;
}
#main.widget-opendata .dataset {
	margin-left: unset !important;
}

/* Page organisation */
h1.page-header {
	text-align: unset !important;
	max-width: 109rem !important;
	margin: auto auto 16px auto !important;
}
.organization-page .organization-header {
	margin: 25px auto !important;
}
.div-datasets {
  border: none !important;
  padding: 0 !important;
}

/* Liste organisations */
.organization-tile {
	border-radius: 20px !important;
}
.search-bar input#search-organization-name {
	border-radius: 16px !important;
}

/* Liste utilisateurs */
input[id*="select-user-"] {
	margin-bottom: 5px !important;
}
select[id*="select-user-"] + div {
	margin-top: 5px !important;
}

/* Moissonnages d'organisation */
.form-control {
	border-radius: 16px !important;
}

/* Recherche sur le site */
.d4c-search {
	border-radius: 20px !important;
}
.d4c-search ~ .cards-container > .card {
	flex: 0 1 calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
}

/* Page jeu de donnees */
h1.page-header {
	font-size: 36px !important;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 > span {
	display: none !important;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 > div:not(.d4c-button):not(.d4cwidget-social-buttons) {
	display: none !important;
}
h1.d4c-dataset-visualization__dataset-title .d4cwidget-social-buttons__button {
	padding: 0 !important;
}
.d4c-resources-choices {
	width: 100% !important;
	margin-bottom: 10px !important;
}
.d4c-resources-choices > p {
	margin-bottom: 4px !important;
}
.d4c-search-filters {
	margin-bottom: 10px !important;
}

/* Page jeu de donnees : analyser */
.d4c-chart-controls {
	background: white !important;
	border: 1px solid rgba(0, 0, 0, .125) !important;
	border-radius: 16px !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}
.d4c-advanced-chart-controls,
.d4c-chart-controls__input,
.d4c-chart-controls__query-list {
	font-size: unset !important;
}
.d4c-chart-controls select,
.d4c-chart-controls input {
	font-family: unset !important;
	border-radius: 16px !important;
	padding: 5px 15px !important;
	background: none !important;
	font-weight: normal !important;
}
.d4c-color-chooser__current-color {
	width: 2rem !important;
	height: 2rem !important;
	border-radius: 16px !important;
	border: 1px solid black !important;
}
.d4c-color-chooser__color-selector {
	background: white !important;
	border: 1px solid rgba(0, 0, 0, .125) !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
.d4c-color-picker__hex-color-input,
.d4c-chart-controls__add-chart-button span {
	font-family: var(--texte-font) !important;
}
.d4c-color-chooser__color-preview {
	border-radius: 16px !important;
}
.d4c-color-picker__hex-color-input,
.d4c-color-picker__input-button {
	border-radius: 16px !important;
	color: black !important;
	background: none !important;
}

.d4c-color-picker__hex-color-input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	padding: 5px !important;
}

.d4c-color-picker__input-button {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.d4c-chart-controls__yaxis {
	background: none !important;
	border: 1px solid rgba(0, 0, 0, .125) !important;
	border-radius: 10px !important;
}
.d4c-chart-controls__serie-container {
	background: none !important;
}
.d4c-chart canvas {
	margin-top: 20px !important;
}
.d4c-chart-downloads {
	float: left !important;
}
.d4c-chart-data-download,
.d4c-chart-download {
	bottom: unset !important;
	position: unset !important;
	right: unset !important;
}

/* Exports */
.d4c-dataset-export__format-container {
	border-radius: 16px !important;
}



.d4c-dataset-selection__container,
.d4c-dataset-selection__container input.d4cwidget-text-search__search-box {
	font-family: var(--texte-font) !important;
}
.d4cwidget-text-search__search-box {
	border-radius: 16px !important;
	padding-left: 10px !important;
}
.d4cwidget-text-search__submit {
	right: 8px !important;
}
.d4c-dataset-selection-list__item-header {
	width: calc(100% - 120px) !important;
}
.d4c-dataset-selection-list__item-header--has-records {
	width: calc(100% - 260px) !important;
}
.d4c-dataset-selection-list__item-actions {
	top: 3px !important;
	right: 0 !important;
}



@media (min-width: 768px) {
	.d4c-modal__window {
		margin-top: 150px !important;
		border-radius: 20px !important;
		overflow: hidden !important;
	}
}



.d4c-chart-controls__query-list__dataset-title {
	margin-bottom: 15px !important;
	color: rgb(var(--texte)) !important;
	font-weight: bold !important;
	font-size: 18px !important;
}
.d4c-chart-controls__select-dataset {
	float: unset !important;
}
.d4c-chart-controls__remove-dataset {
	float: unset !important;
}
.d4c-collapsible__above-fold,
.d4c-collapsible__above-fold--expanded {
	margin-bottom: 10px !important;
}
.d4c-textstyle-options__style-options {
	height: 190px !important;
	border: 1px solid #ddd !important;
	border-radius: 20px !important;
	border-top-left-radius: 0 !important;
	box-shadow: 4px 4px 14px gray !important;
	overflow-y: unset !important;
}
.d4c-chart-control-logo {
	border: 1px solid #ddd !important;
	border-radius: 20px !important;
}