/* @override 
	https://dev.cdn-normandierouen.fr/profiles/ff_profile/modules/custom/ff_gin/css/ff_gin.css?* */



/* VAR */

:root {
	--gin-border-xxs: 0px;
	--gin-border-xs: 0px;
	--gin-border-s: 0px;
	--gin-border-m: 0px;
	--gin-border-l: 0px;
	--gin-border-xl: 0px;
	--custom-bg-app: #fff;
	--custom-bgneutre-app: #f9f9f9;
	--gin-border-color-layer: #aaa;
	--gin-toolbar-width-collapsed: 63px;
	--gin-toolbar-height: 45px;
	--gin-scroll-offset: var(--gin-toolbar-height);
	--gin-font-weight-normal: 300;
	--gin-font-weight-semibold: 500 !important;
	--gin-font-weight-bold: 500 !important;
	--gin-font-weight-heavy: 500 !important;
}

.gin--dark-mode {
	--custom-bg-app: var(--gin-bg-layer);
	--custom-bgneutre-app: #222;
}

strong {
	font-weight: 600 !important;
}
/* FIN VAR */

/* GIN THEME */

.region-sticky__items__inner {
	height: 100%;
}

@media (min-width: 48em) {
	.page-content > .help, .page-content > .region-content, .page-content > .region-highlighted {
		margin-top: var(--gin-spacing-xl);
	}
}
.toolbar-tray .menu-item > a.toolbar-icon, .toolbar-tray .menu-item > a.toolbar-icon:visited {
	margin-top: 4px;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
	border: none;
}

.toolbar-menu-administration .toolbar-menu:not(.editeurs) .toolbar-logo {
	margin: 0;
	height: 45px !important;
	width: 50px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid var(--gin-border-color);
}

.toolbar-menu-administration .toolbar-menu.editeurs .toolbar-logo {
	margin: 0;
	height: var(--gin-toolbar-width-collapsed) !important;
	width: 100% !important;
	border: none !important;
	border-bottom: 1px solid #000 !important;
	display: flex !important;
	align-items: center !important;
}

.toolbar-menu-administration .toolbar-menu:not(.editeurs) .toolbar-logo img {
	max-height: 25px !important;
}

.toolbar-menu-administration .toolbar-menu.editeurs .toolbar-logo {
	height: auto;
}

.toolbar-menu-administration > ul.menu.menu-editeurs > li.menu-item {
	margin-right: 0;
}

body {
	background-color: transparent;
}

body.gin--vertical-toolbar.toolbar-horizontal {
	padding-top: 0 !important;
}

body.gin--vertical-toolbar.toolbar-horizontal header {
	top: 0;
	  /*	padding-left: var(--gin-toolbar-width-collapsed) !important;*/
}

body.gin--vertical-toolbar.toolbar-vertical header {
	top: 39px;
}

body.gin--vertical-toolbar.toolbar-vertical {
	padding-top: 39px !important;
}

body.gin-login .toolbar-icon-default::before {
	width: 150px;
	height: 150px;
	top: 0;
	left: -10px;
}

.gin-secondary-toolbar--frontend {
	display: none;
}

.role-authenticated:not(.role-administrateur) .tabledrag-toggle-weight {
	display: none;
}
/* FIN GIN THEME */

/* CKEDITOR */

.ui-dialog ~ .ck-body-wrapper, .ck-body-wrapper:is(:has(~ .ui-dialog)) {
	--ck-z-modal: 1261;
}

.ck-content {
	max-height: 65vh;
	overflow: auto;
}

.ck-powered-by, .ck-powered-by-balloon {
	display: none !important;
}

.ck-content a {
	text-decoration: underline;
}
/* FIN CKEDITOR */
/* VUES ADMIN */

.fixed-layout table {
	table-layout: fixed;
}

table caption {
	font-weight: bold;
}
/* FIN VUES ADMIN */

/* MENU GESTION */

.toolbar-tab--toolbar-item-toolbar-menu-gestion .toolbar-icon::before, .gin-secondary-toolbar .toolbar-icon-toolbar-menu-gestion:before {
	-webkit-mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#config-view") !important;
	mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#config-view") !important;
}
/* .toolbar .toolbar-bar .toolbar-icon::before, .toolbar .toolbar-bar .responsive-preview-icon::before {
  -webkit-mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#fallback-view");
  mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#fallback-view");
} */

#toolbar-item-toolbar-menu-gestion-tray .toolbar-menu ul {
	display: block !important;
}

.toolbar-vertical
  #toolbar-item-toolbar-menu-gestion-tray
  .toolbar-icon-admin-toolbar-tools-help:before {
	-webkit-mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#gin-view") !important;
	mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#gin-view") !important;
	background-image: none !important;
	background-color: #fff !important;
	height: 30px;
	width: 30px;
	-webkit-mask-size: 90% 90% !important;
	mask-size: 90% 90% !important;
	-webkit-mask-position: center !important;
	mask-position: center !important;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	top: 50%;
	margin-top: -15px;
}
/* FIN MENU GESTION */

/* Custom styles pour le thème admin GIN */

.gin--dark-mode {
	--custom-bg-app: var(--gin-bg-layer);
	--custom-bgneutre-app: #222;
}

body.path-admin, body.path-devel, body.gin--edit-form, body.gin-login, .toolbar {
	font-family: var(--gin-font) !important;
}

body.path-admin, body.gin--edit-form, body.path-devel, body.gin-login, .page-wrapper__node-edit-form, .region-sticky:not(.region-sticky--is-sticky) {
	background-color: var(--custom-bg-app);
}

#block-gin-page-title .page-title {
	font-weight: 900 !important;
	letter-spacing: 0 !important;
}

.gin--edit-form .field--name-title .form-element {
	letter-spacing: 0 !important;
}
/* toolbar */

.toolbar
  .toolbar-bar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  > .toolbar-icon, .toolbar
  .toolbar-bar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  > .toolbar-box
  > .toolbar-icon:not(.toolbar-handle) {
	padding-top: 10px;
	padding-bottom: 10px;
}

.toolbar-menu-administration {
	border-right: 1px solid var(--gin-color-primary) !important;
}

[dir="ltr"] .toolbar-menu-administration .menu-item.hover-intent > .toolbar-menu {
	box-shadow: 1px 0 0px 0px var(--gin-color-primary) !important;
	border-right: none;
	  /*
		border-right: 1px solid var(--gin-border-color-layer) !important;
		opacity: 1 !important;
		transition: opacity .3s;
		display: block !important;
		*/
}

[dir="rtl"] .toolbar-menu-administration .menu-item.hover-intent > .toolbar-menu {
	box-shadow: none !important;
	border-left: 1px solid var(--gin-color-primary) !important;
}

.toolbar-menu__title, .toolbar-menu__sub-title {
	display: none !important;
	font-size: var(--gin-font-size-xl) !important;
}

.toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  > .toolbar-icon:focus:focus::after {
	display: none !important;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon::after, .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item:hover
  > .toolbar-box
  > a.toolbar-icon::after, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus::after, .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item.menu-item--active-trail
  > .toolbar-icon::after, .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item.menu-item--active-trail:hover
  > .toolbar-icon::after, .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item.menu-item--active-trail
  > .toolbar-box
  > a.toolbar-icon::after, .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-menu
  .menu-item
  .toolbar-icon {
	background: transparent !important;
}

@media (min-width: 64em) {
	.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon {
		border-radius: 50px !important;
		background: transparent !important;
		border: 1px solid transparent;
		margin-bottom: 5px;
	}
	
	.toolbar-menu-administration
    > .toolbar-menu
    > .menu-item
    .toolbar-menu
    .menu-item
    .toolbar-icon {
		background: transparent !important;
	}
	
	.toolbar-menu-administration
    > .toolbar-menu
    > .menu-item:hover
    > .toolbar-icon:not(.toolbar-icon-default) {
		border-color: var(--gin-color-primary-light);
	}
	
	.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon {
		margin-left: 6px;
	}
	
	.toolbar-menu-administration
    > .toolbar-menu
    > .menu-item
    > .toolbar-icon.is-active:not(.toolbar-icon-default) {
		border-color: var(--gin-color-primary);
	}
}
.gin--horizontal-toolbar
  #toolbar-administration
  .toolbar-icon-admin-toolbar-tools-help {
	height: inherit;
}

.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a {
	margin: 0;
}

.sticky-shadow {
	display: none;
}

.region-sticky {
	border-bottom: 1px solid var(--gin-color-primary);
}

.region-sticky--is-sticky {
	opacity: 0.95;
	background: var(--custom-bgneutre-app) !important;
}

.layout-region-node-secondary {
	border-color: var(--gin-color-primary) !important;
	background: var(--custom-bgneutre-app) !important;
}

.layout-region-node-secondary .form-wrapper, .layout-region-node-secondary details, .layout-region-node-secondary .claro-details__wrapper {
	background: none !important;
	border: none;
	margin: 0;
}

.layout-region-node-secondary summary {
	box-shadow: none !important;
}
/* box-shadow */

.layer-wrapper, .block-system > form, .view-content .views-form, .view-without-bulk .view-content, .panel, .admin-list, .view-watchdog .view-content, .views-exposed-form.views-exposed-form, .system-status-counter, .system-status-general-info, .system-status-report, .views-edit-view, .views-preview-wrapper, .view-block-content .view-content, .view-files .view-content, .system-themes-list, .modules-tabs, #views-entity-list, .admin.my-workbench {
	box-shadow: none !important;
}

[dir="ltr"] .paragraphs-tabs-wrapper .field-multiple-table .draggable {
	box-shadow: none !important;
	background-color: transparent !important;
}

.paragraphs-tabs-wrapper .field-multiple-table .draggable:hover, .paragraphs-tabs-wrapper .field-multiple-table .draggable:focus-within {
	box-shadow: none !important;
}
/* focus */

.claro-details__summary::after, .claro-details__summary:after {
	box-shadow: none !important;
}

.claro-details__summary:hover {
	background-color: transparent;
}

table tr, table th {
	background-color: var(--custom-bg-app) !important;
}

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

.checkbox-toggle, .checkbox-toggle__inner {
	border-radius: 20px !important;
}

:not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(
    .field-content
  )
  > .form-type--checkbox
  input:hover
  ~ .checkbox-toggle {
	box-shadow: none !important;
}

:not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(
    .field-content
  )
  > .form-type--checkbox
  input:active
  ~ .checkbox-toggle
  .checkbox-toggle__inner, :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(
    .field-content
  )
  > .form-type--checkbox
  input:focus
  ~ .checkbox-toggle
  .checkbox-toggle__inner {
	box-shadow: none !important;
}

.form-radios .form-item__label {
	border-radius: 20px !important;
}

.form-boolean--type-checkbox:checked {
	background-size: 11px;
	background-image: url("data:image/svg+xml,%3csvg width='122' height='101' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z' fill='%23fff'/%3e%3c/svg%3e");
}

.form-boolean--type-checkbox[disabled]:checked {
	background-image: url("data:image/svg+xml,%3csvg width='122' height='101' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z' fill='%2382828c'/%3e%3c/svg%3e");
}

.form-element:hover, .ck:hover {
	border-color: var(--gin-color-text);
	box-shadow: none !important;
}

.form-element:focus, .ck:focus {
	border-color: var(--gin-color-text) !important;
	box-shadow: none !important;
}

.button, .button:not(:focus), .form-actions .button, .action-link--icon-trash.action-link {
	border: 1px solid var(--gin-color-primary) !important;
	box-shadow: none;
}

.button.button--extrasmall, .button.button--small {
	text-transform: lowercase !important;
	padding: 7px 10px !important;
}

.paragraphs-badge {
	display: none;
}

#edit-advanced *:not(.action-link) {
	font-size: var(--gin-font-size-xxs);
	line-height: 1.4;
}

#edit-field-menu-link-wrapper .claro-details__content {
	margin: 0;
	border: none;
}

#edit-field-menu-link-wrapper .claro-details__content summary {
	display: none;
}

.form-item--menu-description, .role-authenticated:not(.role-administrateur) .tabledrag-toggle-weight-wrapper {
	/*	display: none;*/
}

#edit-menu-menu-link-weight .fieldset__label {
	display: none;
}

#edit-menu-menu-link-weight thead {
	display: none;
}

#edit-menu-menu-link-weight .fieldset__wrapper {
	margin: 0;
}

#edit-menu-menu-link-weight .tabledrag-cell {
	padding: 0 5px;
}

#edit-menu-menu-link-weight .tabledrag-cell-content {
	margin: 5px 0;
}

#edit-menu-menu-link-weight--description {
	display: none;
}

.form-actions .action-link.action-link--icon-trash, .form-actions .action-link.action-link--icon-trash:hover, .form-actions .action-link.action-link--icon-trash:focus, .form-actions .action-link.action-link--icon-trash:active {
	border: 1px solid var(--gin-color-danger) !important;
	box-shadow: none !important;
}

.messages {
	padding: var(--gin-spacing-s) !important;
	font-size: var(--gin-font-size-xxs);
	border-radius: 0px !important;
	color: var(--gin-color-text) !important;
	border-left: 1px solid var(--gin-color-text) !important;
	box-shadow: none !important;
}

@media (min-width: 48em) {
	.messages {
		padding: var(--gin-spacing-l) !important;
	}
}
.messages .button--dismiss .icon-close {
	background-color: var(--gin-color-text) !important;
}

.messages .button--dismiss:focus .icon-close, .messages .button--dismiss:hover:focus .icon-close {
	background-color: transparent !important;
}

.messages .button--dismiss {
	border-width: 0px !important;
}

.messages .button--dismiss {
	border-radius: 50px !important;
}

.messages a {
	color: var(--gin-color-text) !important;
}

.messages__header:before {
	display: none !important;
}

.messages__title, .messages__content {
	margin: 0 !important;
}

.messages--error {
	background-color: var(--gin-bg-danger-light) !important;
}

.messages--status {
	background-color: var(--gin-bg-green-light) !important;
}

.messages--warning {
	background-color: var(--gin-bg-warning-light) !important;
}

.table-file-multiple-widget {
	margin-bottom: 0;
	margin-block-end: 0;
}

.table-file-multiple-widget .tabledrag-cell-content {
	display: flex;
	align-items: center;
}

.tabledrag-changed {
	display: none !important;
}

.tabledrag-handle::after {
	-webkit-mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#drag-dots-view") !important;
	mask-image: url("../../../../../../themes/contrib/gin/dist/media/sprite.svg#drag-dots-view") !important;
}

.tabledrag-handle:hover::after, .tabledrag-handle:focus::after, .draggable.drag .tabledrag-handle::after {
	transform: scale(1) !important;
}

tr.draggable {
	vertical-align: middle !important;
}

.tabledrag-cell {
	padding: 0;
}

.draggable-table .draggable {
	background: transparent !important;
}

.draggable.drag-previous > .tabledrag-cell {
	position: relative;
	background: transparent !important;
}

.draggable.drag-previous > .tabledrag-cell::before {
	content: "";
	display: block;
	position: absolute;
	top: var(--gin-spacing-xs);
	width: 1px !important;
	height: calc(100% - var(--gin-spacing-m));
	background: var(--gin-color-warning);
	border-radius: var(--gin-border-xxs);
	left: 10px;
}

.module-list__checkbox {
	border: 0px solid #ccc !important;
}

.system-modules td {
	vertical-align: middle;
}
/* DS */

.dropbutton-single .dropbutton {
	border: none !important;
	box-shadow: none;
	margin: 0;
	height: inherit !important;
	min-height: inherit !important;
}

.dropbutton-single .dropbutton li {
	list-style: none;
	padding: 0;
	margin: 0;
	border: none !important;
}

.dropbutton {
	border: 1px solid var(--gin-color-primary) !important;
	box-shadow: none !important;
	height: auto !important;
	min-height: inherit !important;
	text-transform: lowercase;
}

.views-ui-display-tab-actions .dropbutton {
	height: 35px !important;
}

.dropbutton__item:first-of-type ~ .dropbutton__item, .dropbutton__item ~ .dropbutton__item:last-child {
	border: none !important;
	border-radius: 0 !important;
}

.dropbutton__item:first-of-type > * {
	padding: 10px 10px 7px 10px !important;
	border: 1px solid var(--gin-color-primary) !important;
}

[dir="ltr"] .dropbutton--multiple > .dropbutton__item:first-of-type {
	border-right: 1px solid var(--gin-color-primary) !important;
	margin-bottom: 0px;
	border-radius: 0 !important;
	margin-right: 30px;
}

.dropbutton--multiple.open .dropbutton {
	display: none !important;
}

.dropbutton__toggle {
	top: 1px !important;
	margin-right: -1px;
	height: auto !important;
	border-radius: 0 !important;
	width: 31px;
}

.js .dropbutton--multiple .dropbutton__item:first-of-type > * {
	border-radius: 0;
	font-size: var(--gin-font-size-xs);
	border: none !important;
}

.dropbutton .dropbutton__items {
	padding: 0 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	width: auto !important;
	box-sizing: border-box;
	border: 1px solid var(--gin-color-primary);
}

.dropbutton .dropbutton__items a {
	font-weight: 600 !important;
}

.field-plugin-settings-edit-form .form-item {
	margin-right: 15px;
}

.field-plugin-settings-editing td {
	max-width: 500px !important;
}

@media (min-width: 48em) {
	.is-horizontal .tabs--primary .tabs__link {
		border: 1px solid transparent;
		padding: var(--gin-spacing-xs) var(--gin-spacing-s);
		font-weight: normal !important;
	}
	
	.is-horizontal .tabs--primary .tabs__link.is-active {
		background: transparent;
		border-color: var(--gin-color-primary);
	}
	
	.is-horizontal .tabs--primary .tabs__link:hover:not(.is-active) {
		background: transparent;
		border-color: var(--gin-color-primary-light);
	}
}
.reset-appearance.tabs__trigger {
	cursor: pointer;
}

.reset-appearance.tabs__trigger svg {
	transform: scale(1.5);
}

.reset-appearance.tabs__trigger svg path {
	stroke-width: 1px !important;
	stroke: #fff !important;
	fill: var(--gin-color-primary);
}

.gin-table-scroll-wrapper {
	margin-block-start: 0px;
}

.tabs {
	border: none !important;
	text-transform: lowercase;
}

.tabs__tab.is-active {
	border-top: 1px solid var(--gin-color-primary);
	border-color: var(--gin-color-primary) !important;
	box-shadow: none !important;
}

.tabs__link {
	font-size: var(--gin-font-size-xs);
}

.tabs__link:hover {
	background: transparent !important;
}

.tabs li::marker {
	display: none !important;
}

.tabs--primary {
	box-shadow: none !important;
	margin-top: var(--gin-spacing-l);
}
.horizontal-tabs-panes .form-required:before,
.horizontal-tabs-panes .form-required-on-publish:before {
	content: "";
	height: 100%;
	border-right: 2px solid red;
	margin-right: 5px;
}
.form-required-on-publish:after {
	display: none;
}
.horizontal-tabs .form-required:after, .horizontal-tabs .required-mark {
	display: none;
}

.horizontal-tab-button, .horizontal-tab-button > a {
	background: none !important;
	outline: none !important;
}

@media (min-width: 48em) {
	.tabs--primary {
		margin-bottom: 0;
	}
}
@media (min-width: 48em) {
	.tabs__tab.is-active {
		border-top: none;
	}
	
	.is-horizontal .tabs--primary, .is-horizontal .tabs--secondary, .horizontal-tabs ul.horizontal-tabs-list {
		padding-top: 25px !important;
	}
	
	.gin--edit-form .is-horizontal .tabs--primary, .gin--edit-form .is-horizontal .tabs--secondary, .gin--edit-form .horizontal-tabs ul.horizontal-tabs-list {
		padding-top: 25px !important;
	}
}
.panel__title, .system-status-general-info__header, .system-status-report__requirements-group > h3, .system-themes-list__header {
	background: none !important;
}

@media (min-width: 61em) {
	.gin-secondary-toolbar .toolbar-secondary .toolbar-tab > .toolbar-icon {
		border: 1px solid transparent !important;
	}
	
	.gin-secondary-toolbar .toolbar-secondary .toolbar-tab:hover > .toolbar-icon {
		border-color: var(--gin-color-primary) !important;
		color: var(--gin-color-primary) !important;
		background-color: var(--custom-bg-app) !important;
	}
	
	.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray {
		margin-top: -1px;
		background: var(--custom-bg-app) !important;
		box-shadow: none !important;
		border: 1px solid var(--gin-color-primary);
	}
	
	.gin-secondary-toolbar
    .toolbar-secondary
    .toolbar-bar
    .toolbar-tab
    .toolbar-tray
    .toolbar-lining:not(:empty) {
		padding: 0 !important;
	}
	
	.gin-secondary-toolbar .toolbar-menu a, .gin-secondary-toolbar .toolbar-menu .menu-item span.toolbar-icon {
		border-bottom: 1px solid var(--gin-color-primary-light) !important;
	}
	  /*
		.toolbar-tray:first-of-type {
			display: block !important;
		}*/
	
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom {
		margin-top: -1px;
	}
	
	.gin-secondary-toolbar
    .toolbar-secondary
    .toolbar-menu-custom
    .toolbar-menu
    .menu-item--expanded
    ul {
		display: block !important;
	}
	
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom > ul > .menu-item, .gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom .toolbar-icon, .gin-secondary-toolbar
    .toolbar-secondary
    .toolbar-menu-custom
    .toolbar-icon-admin-toolbar-tools-help {
		color: var(--gin-color-primary) !important;
		background: none !important;
		display: block !important;
		opacity: 1 !important;
		text-indent: 0;
		font-weight: normal;
	}
	
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom a:hover {
		background-color: var(--gin-color-primary) !important;
		color: var(--custom-bg-app) !important;
	}
	
	.gin-secondary-toolbar .toolbar-secondary .menu-item--expanded a {
		background-color: var(--custom-bgneutre-app) !important;
		color: var(--gin-color-text) !important;
		border-bottom: 1px solid var(--gin-color-primary-light) !important;
	}
}
/* GIN LOGIN */

.gin-login .toolbar-icon-default {
	width: 100%;
	height: 150px;
	text-indent: 0 !important;
	font-size: var(--gin-font-size-xxs);
	line-height: 1.2;
	display: flex;
	align-items: center;
	padding-left: 50px;
	position: relative;
	color: var(--gin-color-text) !important;
	text-transform: uppercase;
}

.gin-login .toolbar-icon-default::before {
	position: absolute;
	left: 0px;
	padding-left: 1px;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
	-webkit-mask-image: url("../img/logo.svg") !important;
	mask-image: url("../img/logo.svg") !important;
}

body:not(.gin--vertical-toolbar)
  .toolbar
  .toolbar-bar
  #toolbar-item-administration-tray
  .toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default:before {
	-webkit-mask-image: url("../img/logo.svg") !important;
	mask-image: url("../img/logo.svg") !important;
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon-default {
	font-size: 1px !important;
	color: transparent;
}

.gin-login .user-form-page__user-form {
	flex-basis: 100% !important;
}

.gin-login .user-form-page__user-form header {
	flex: 1 0 0;
}

body.gin-login .user-form-page {
	min-height: inherit;
}

body.gin-login .user-form-page__user-form img {
	max-width: 100%;
	max-height: 200px;
	margin-bottom: 50px;
}
/* MEDIAS LIBRARY */

.media-library-add-form__remove-button {
	background: none !important;
	color: var(--gin-color-primary) !important;
}

.media-library-item .media-library-item__preview {
	padding-bottom: 0;
}

.media-library-edit__link {
	text-indent: -9999px;
}

.media-library-item__content {
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.media-library-item__click-to-select-trigger {
	height: 100%;
	font-size: 10px;
}

.media-library-item--grid {
	padding: 4px;
}

.media-library-item .media-library-item__preview-wrapper {
	border: 1px solid var(--gin-border-color);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.media-library-item--grid .champ.thumbnail {
	
}
.media-library-item--grid .champ.thumbnail, .media-library-item--grid .champ.name_thumbnail, .media-library-item--grid .champ.media-video-file, .media-library-item--grid .champ.name_media-video-file {
	text-align: center;
	display: flex;
	justify-content: center;
	height: 200px;
	width: auto;
	align-items: center;
	background: none;
}

.media-library-item__attributes {
	margin-top: auto !important;
	display: flex;
	justify-content: flex-start;
	text-align: left;
	align-items: center;
	border-top: 1px solid var(--gin-border-color);
	background: var(--gin-bg-app) !important;
}

.media-library-item--grid .metadonnees {
	text-align: center;
}

.media-library-item__name {
	font-size: 10px !important;
	font-weight: bold;
}

.js-lpb-component .medias.multiple {
	display: flex;
	flex-wrap: wrap;
}

.js-lpb-component .medias.multiple > .item {
	margin: 0 5px 5px 0;
}

.media-library-item .views-field-name-1 {
	font-size: 10px;
}

.media-library-item video {
	max-width: 100%;
	height: auto;
}

.media-library-item .media-library-item__preview {
	padding: 0 !important;
	border: none !important;
}

@media screen and (min-width: 77em) {
	.media-library-item--grid {
		width: calc(100% / 6);
	}
}
.node-form .media-library-item--grid {
	width: 200px !important;
}
.media-library-item .media-library-item__preview .field,
.media-library-item .media-library-item__preview .extra-field--content {
	display: flex;
	text-transform: none;
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	color: var(--noir) !important;
	letter-spacing: 0 !important;
}
.media-library-item .media-library-item__preview div {
	padding: 0;
}
.media-library-item .media-library-item__preview .field:not(.field--type-image),
.media-library-item .media-library-item__preview .extra-field--content {
	margin: 0 !important;
	padding: 5px 10px !important;
}
.media-library-item .media-library-item__preview .field:not(:last-child),
.media-library-item .media-library-item__preview .extra-field--content {
	border-bottom: 1px solid var(--gin-border-color);
}
.media-library-item .media-library-item__preview .field * {
	margin: 0;
	text-transform: none;
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	color: var(--noir) !important;
}
.media-library-item .media-library-item__preview .field svg, .media-library-item .media-library-item__preview .field img {
	position: relative !important;
	height: inherit !important;
	object-fit: contain !important;
	min-height: 200px;
}
.media-library-item--grid .champ.thumbnail {
	padding: 10px !important;
	background: #f5f5f5 !important;
}
.media-library-item svg, .media-library-item img {
	background: none !important;
}
[dir="ltr"] .media-library-item svg, [dir="ltr"] .media-library-item img {
	background-image: none !important;
}
.media-library-item__click-to-select-checkbox .form-boolean {
  box-shadow: 0 0px 10px rgba(0, 0, 0, .25) !important;
}
/* FIN MEDIAS LIBRARY */

/* ENTITY BROWSER */

.field--widget-entity-browser-entity-reference details {
	border: none;
}

.field--widget-entity-browser-entity-reference summary {
	padding: 0 !important;
	font-size: var(--gin-font-size-xs);
	font-weight: var(--gin-font-weight-semibold) !important;
	color: var(--gin-color-title);
	margin-top: 0;
	margin-bottom: var(--gin-spacing-xs);
	text-transform: uppercase;
	letter-spacing: 1px;
	pointer-events: none;
}

.field--widget-entity-browser-entity-reference summary:before {
	display: none;
}

.field--widget-entity-browser-entity-reference .details-wrapper {
	margin: 0;
}

.ui-dialog:not(.ui-dialog-off-canvas) {
	max-width: 90%;
}

.entities-list .item-container {
	min-height: 0;
	display: flex;
	padding: 15px !important;
	justify-content: space-between;
	align-items: center !important;
	gap: 15px;
	word-break: normal;
}

.entities-list .item-container .button {
	margin: 0;
	position: relative;
	left: 0;
	right: 0;
}

.entities-list .item-container .replace-button {
	display: none;
}

@media (min-width: 61em) {
	.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block {
		max-width: inherit !important;
		margin-left: calc(var(--gin-spacing-xxl) * -1) !important;
		margin-right: calc(var(--gin-spacing-xxl) * -1) !important;
		width: inherit;
	}
	
	.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block .tabs-wrapper {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.gin--edit-form
    .page-wrapper__node-edit-form
    .block-local-tasks-block
    .tabs--primary {
		border-bottom: 1px solid var(--gin-color-primary) !important;
		background-color: var(--gin-bg-app);
		padding: var(--gin-spacing-m) var(--gin-spacing-xxl) !important;
		margin: 0;
	}
}
/* FIN ENTITY BROWSER */

/* FORMS */

input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {
	width: 100%;
	font-family: var(--gin-font) !important;
	font-weight: var(--gin-font-weight-normal) !important;
}

.field--name-title input[type="text"] {
	font-family: var(--gin-font) !important;
	font-weight: var(--gin-font-weight-bold) !important;
}
/*.ginff.layout .form-wrapper fieldset .form-item {
	margin: 10px 0 0 0;
}*/

.form-wrapper fieldset .form-item__label {
	font-weight: var(--gin-font-weight-normal) !important;
	margin: 0;
}
/* FIN FORMS */

/* UI GROUP ACCORDION */

h3.ui-accordion-header {
	position: relative;
}

h3.ui-accordion-header:before {
	content: "→";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s;
	color: var(--color-gray-400);
}

h3.ui-accordion-header-active:before {
	transform: translateY(-50%) rotate(90deg);
}
/* FIN UI GROUP ACCORDION */

/* PARA OPTIONS ET AFFICHAGE HORS LAYOUT PARAGRAPH */

.field--widget-paragraphs [id*="options"] {
	display: none;
}

.field--widget-paragraphs .paragraph-type-icon {
	display: none;
}
/* FIN PARA OPTIONS ET AFFICHAGE HORS LAYOUT PARAGRAPH */

/* CKEDITOR */

.filter-guidelines, .filter-help {
	display: none;
}

.ck-editor, .text-formatted {
	font-family: var(--gin-font);
	font-weight: var(--gin-font-weight-normal);
}

.ck-editor h3, .text-formatted h3 {
	font-size: 1rem;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
}

.ck-editor p, .text-formatted p {
	margin: 0;
	margin-bottom: 20px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: var(--gin-font);
}
/* FIN CKEDITOR */

/* AJOUT VOLCAN */

.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block, .gin--edit-form .page-wrapper__node-edit-form .block-system-main-block, .gin--edit-form .page-wrapper__node-edit-form .messages-list, .gin--edit-form .page-wrapper__node-edit-form .node-form, .gin--edit-form .page-wrapper__node-edit-form .node-confirm-form, .gin--edit-form .page-wrapper__node-edit-form .admin-list, .gin--edit-form .page-wrapper__node-edit-form .help {
	max-width: 100%;
}

.gin-layer-wrapper, .block-system-main-block > form, .views-exposed-form.views-exposed-form, .views-edit-view, .views-preview-wrapper, #views-entity-list, .admin.my-workbench, .media-library-views-form, .user-admin-permissions, .field-config-form {
	padding-left: 0;
	padding-right: 0;
	border: none;
	box-shadow: none;
}

@media (min-width: 48em) {
	.gin-layer-wrapper, .block-system-main-block > form, .views-exposed-form.views-exposed-form, .views-edit-view, .views-preview-wrapper, #views-entity-list, .admin.my-workbench, .media-library-views-form, .user-admin-permissions, .field-config-form {
		padding-left: 0;
		padding-right: 0;
	}
}
*:focus:not(:focus-visible) {
	box-shadow: none !important;
}

.form-boolean--type-radio:checked:not(:disabled):focus {
	box-shadow: inset 0 0 0 5px var(--gin-color-primary) !important;
}

*:focus-visible {
	box-shadow: inset 0 0 0 1px var(--gin-color-focus-border),
    inset 0 0 0 4px var(--gin-color-focus) !important;
}

/* form fields */

.field--type-daterange fieldset, .field--type-datetime fieldset {
	border: none !important;
}

.field--type-daterange .fieldset__label, .field--type-daterange .fieldset__wrapper, .field--type-datetime .fieldset__wrapper {
	margin: 0;
	padding: 0;
}
.field--type-datetime .fieldset__label {
	padding: 0;
}
.field--type-daterange .fieldset__wrapper, .field--type-datetime .fieldset__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gin-spacing-m);
}

.field--type-daterange .fieldset__description, .field--type-datetime .fieldset__description {
	display: block;
	width: 100%;
	margin: 0;
}

.field--type-link .form-item__description {
	display: none;
}

.claro-autocomplete {
	width: 100%;
}

tr.draggable td {
	padding-right: 0;
}

td.field-multiple-drag {
	padding-left: 5px;
}

.draggable.drag-previous > .tabledrag-cell::before {
	left: 0;
}

.field-multiple-table .field-label, .field-multiple-table .field-label h4 {
	padding: 0 !important;
	margin: 0;
	font-size: var(--gin-font-size-xs);
}
.paragraphs-tabs-wrapper .field-label h4,
.field--type-entity-reference .field-label h4 {
	font-size: var(--gin-font-size-s);
	color: var(--noir);
	letter-spacing: 0;
}
.field--type-link fieldset,
.field--type-link .fieldset__label,
.field--type-link .fieldset__wrapper,
.field--type-entity-reference-revisions fieldset,
.field--type-entity-reference-revisions .fieldset__label,
.field--type-entity-reference-revisions .fieldset__wrapper {
	margin: 0 !important;
	padding: 0;
	border: none;
}
.field--type-link .fieldset__label,
.field--type-entity-reference-revisions .fieldset__label,
.field--type-list-string .fieldset__label {
	margin-bottom: 10px !important;
}
.field--type-link .fieldset__wrapper .form-item,
.field--type-entity-reference-revisions .fieldset__wrapper .form-item {
	margin: 0;
	margin-top: 10px;
}
.field--type-entity-reference-revisions .fieldset__wrapper .form-checkboxes .form-item,
.field--type-list-string .fieldset__wrapper .form-radios .form-item {
	margin: 0 0 5px 25px !important;
}
.field--type-link .field-multiple-table .field-label h4,
.field--type-entity-reference-revisions .field-multiple-table .field-label h4 {
	font-size: var(--gin-font-size-s);
	color: var(--noir);
	letter-spacing: 0;
}
.field-multiple-table td .form-item__label {
	font-weight: normal !important;
	margin-bottom: 0;
}
tr .form-item {
	margin-bottom: 10px;
}
.field-multiple-table .details-wrapper .form-item {
	margin-block: 5px;
}
.field-multiple-table .details-wrapper .field-actions {
	margin-bottom: 30px;
}
.field--type-entity-reference details {
	border: none;
	padding: 0;
	margin: 0;
}
.field--type-entity-reference summary {
	padding: 0;
	padding-left: 0;
	font-size: var(--gin-font-size-s);
	font-weight: bold !important;
	color: var(--noir) !important;
}
.field--type-entity-reference summary:before {
	display: none;
}
.field--type-entity-reference .details-wrapper {
	margin: 0;
}
.field--type-entity-reference .details-wrapper th,
.field--type-entity-reference .details-wrapper td {
	padding: 5px 0;
}
.field--type-entity-reference .details-wrapper table {
	margin-top: 10px;
	border: none !important;
	margin-bottom: 0;
}
.field--type-entity-reference .details-wrapper .ief-entity-table .ief-row-form {
	border: none !important;	
}
.field--type-entity-reference .details-wrapper .ief-entity-table .ief-row-form td {
	padding-top: 10px;
}
.counter {
	color: #bbb !important;
}

.media-library-widget-empty-text {
	display: none;
}

.field--widget-media-library-widget {
	margin-top: 1.5rem;
}

.field--type-address details, .field--type-image details, .field--type-file details {
	border: none;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	padding: 0;
}

.field--type-address details summary {
	display: none;
}

.field--type-image details summary, .field--type-file details summary {
	font-size: var(--gin-font-size-s);
	font-weight: bold !important;
	color: var(--gin-color-title);
	padding: 0 !important;
	pointer-events: none;
	cursor: default;
}

.field--type-image details summary:before, .field--type-file details summary:before {
	display: none;
}

.field--type-address details summary, .field--type-address details .details-wrapper, .field--type-image details summary, .field--type-image details .details-wrapper, .field--type-file details summary, .field--type-file details .details-wrapper {
	padding: 0;
	margin: 0;
}

.form-type--managed-file .form-item__label {
	font-weight: normal !important;
}

.field--type-address
  .form-wrapper
  > .form-wrapper:first-child
  .form-item
  .form-item__label {
	font-weight: var(--gin-font-weight-semibold) !important;
}

.field--type-address .form-item {
	margin-bottom: 0;
}

.field--type-image, .field--type-file {
	width: 99%;
}

.table-file-multiple-widget thead {
	display: none;
}

.field--type-image .gin-table-scroll-wrapper, .field--type-file .gin-table-scroll-wrapper {
	margin: 0;
}

.field--widget-image-widget-crop .image-preview {
	display: none !important;
}

.field--widget-image-widget-crop .image-widget {
	display: flex !important;
}

.field--widget-image-widget-crop .image-widget .messages {
	display: none;
}

.field--widget-image-widget-crop .image-widget .image-data__crop-wrapper {
	margin: 0;
	order: 1;
}

.field--widget-image-widget-crop .image-widget .form-managed-file__meta-wrapper {
	order: 3;
}

.field--widget-image-widget-crop .image-widget .image-data__crop-wrapper summary {
	display: none;
}

.field--widget-image-widget-crop .image-widget .vertical-tabs {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.field--widget-image-widget-crop .image-widget .vertical-tabs__menu {
	width: 100%;
	padding: 0;
	display: flex;
	gap: 10px;
}

.field--widget-image-widget-crop .image-widget .vertical-tabs__menu-item::before, .field--widget-image-widget-crop .image-widget .vertical-tabs__menu-item::after {
	display: none;
}

.field--widget-image-widget-crop .image-widget .vertical-tabs__menu-link {
	border: none;
	padding: 0;
	box-shadow: none !important;
	font-size: var(--gin-font-size-xs);
	font-weight: var(--gin-font-weight-semibold);
	color: var(--gin-color-title) !important;
	padding: 5px 0;
}
/*.field--widget-image-widget-crop .image-widget .vertical-tabs__menu-link .vertical-tabs__menu-item-title {
	display: none;
}*/

.field--widget-image-widget-crop .image-widget .vertical-tabs__menu-item, .field--widget-image-widget-crop .image-widget .vertical-tabs__menu-link {
	padding: 0;
	margin: 0;
	background: none !important;
	border: none !important;
}

.field--widget-image-widget-crop
  .image-widget
  .vertical-tabs__menu-item
  .vertical-tabs__menu-item-title {
	padding: 5px 10px;
	border-radius: 50px;
	display: inline-block;
	border: 1px solid #eee;
}

.field--widget-image-widget-crop
  .image-widget
  .vertical-tabs__menu-item.is-selected
  .vertical-tabs__menu-item-title {
	background-color: var(--gin-color-primary-light);
}

.field--widget-image-widget-crop
  .image-widget
  .vertical-tabs__menu-item
  .vertical-tabs__menu-link-summary {
	display: none;
}

.field--widget-image-widget-crop .image-widget .vertical-tabs__menu-link:before, .field--widget-image-widget-crop .image-widget .vertical-tabs__menu-item:after {
	background: none !important;
	border: none !important;
}

.field--widget-image-widget-crop .image-widget .vertical-tabs__items {
	margin: 15px 0 0 0 !important;
	border: none;
	box-shadow: none;
}

.field--widget-image-widget-crop
  .image-widget
  .vertical-tabs
  .claro-details__content--vertical-tabs-item {
	width: 500px !important;
	display: inline-block;
	margin: 0 !important;
}

@media screen and (min-width: 85em) {
	.field--widget-image-widget-crop
    .image-widget
    .vertical-tabs
    .claro-details__content--vertical-tabs-item {
		margin: 0.1rem;
		width: 500px !important;
	}
}
.colonne.gauche
  .field--widget-image-widget-crop
  .image-widget
  .vertical-tabs
  .claro-details__content--vertical-tabs-item {
	width: 100% !important;
}

.field--type-image details:not([open]) .details-wrapper {
	display: block !important;
}
/* cas particulier du crop dans layout paragraph (fermé par défaut) */

.ui-dialog
  .field--widget-image-widget-crop
  .image-widget
  .image-data__crop-wrapper
  > summary {
	display: block;
	font-size: var(--gin-font-size-xs);
	font-weight: var(--gin-font-weight-semibold);
	color: var(--gin-color-title);
	text-transform: uppercase;
	letter-spacing: 1px !important;
	padding: 0 0 0 25px !important;
	pointer-events: auto;
	cursor: pointer;
	margin: 15px 0;
}

.ui-dialog
  .field--widget-image-widget-crop
  .image-widget
  .image-data__crop-wrapper
  > summary:before {
	display: block;
	left: 0;
}

.ui-dialog .field--type-image > div > details > summary {
	display: none;
}
/**/

.media-library-selection {
	margin: 0 0;
	padding: 0.25rem;
}

.js-media-library-widget-toggle-weight {
	display: none;
}

.gcontent-type-top {
	align-items: center;
}

.gcontent-type-title {
	flex: 1;
	min-width: 0 !important;
	white-space: inherit;
	padding-right: 10px;
}

.leaflet-container {
	z-index: 0;
	box-shadow: none !important;
}

.geolocation-widget-input {
	display: none;
}

.field-multiple-table tr {
	vertical-align: bottom;
}

.field-multiple-table input[id*="delete"] {
	margin: 0 0 0 15px;
}

.gin-node-edit-form .form-boolean-group .option, .gin-node-edit-form .form-checkboxes .option {
	line-height: 1;
	display: inherit;
	flex: 1;
	text-transform: inherit;
	letter-spacing: 0 !important;
}

.gin-node-edit-form .form-boolean-group .form-item, .gin-node-edit-form .form-checkboxes .form-item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

.list-elements .view-header {
	margin-top: calc(var(--gin-spacing-xl) * 1.5);
}

.list-elements .views-content {
	border-top: 1px solid var(--gin-color-primary);
	margin: 0 calc(var(--gin-spacing-xl) * -2 - 1px) 0 calc(var(--gin-spacing-xl) * -2);
}

.list-elements .views-content .views-row {
	padding: calc(var(--gin-spacing-xl) * 0.5) calc(var(--gin-spacing-xl) * 2);
	border-bottom: 1px solid var(--gin-color-primary);
}

.list-elements .view-header h2, .list-elements .views-content h3 {
	margin-top: 0;
}

.list-elements .view-content .views-content {
	border: none;
}

.list-elements .view-content h6 {
	border-top: 1px solid var(--gin-color-primary);
	margin: calc(var(--gin-spacing-xl) * 0.5) calc(var(--gin-spacing-xl) * -2 - 1px)
    calc(var(--gin-spacing-xl) * 0.5) calc(var(--gin-spacing-xl) * -2);
	padding: calc(var(--gin-spacing-xl) * 0.5) calc(var(--gin-spacing-xl) * 2) 0
    calc(var(--gin-spacing-xl) * 2);
}

.list-elements .view-content h6 a {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.list-elements .view-content .views-content .views-row {
	border: none;
	padding: calc(var(--gin-spacing-xl) * 0.25) calc(var(--gin-spacing-xl) * 2);
}

.list-elements .view-content .views-row a {
	color: var(--noir);
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
}

.form-type--checkbox .form-item__label, .form-type--radio .form-item__label {
	margin-block-end: 0;
	margin-block-start: 4px !important;
}

.form-type--select-or-other-select .form-item {
	margin-block-start: 0px;
}

.form-type--select-or-other-select .form-text, .form-type--select-or-other-buttons .form-text {
	margin-block-start: var(--gin-spacing-l);
}

.node-form .field-group-html-element {
	padding-block-end: var(--gin-spacing-l);
	margin-block: var(--gin-spacing-l);
	display: flex;
	flex-wrap: wrap;
	gap: 25px 25px;
	flex-direction: column;
}

.node-form .field-group-html-element.flex {
	flex-direction: row;
}

.node-form .field-group-html-element .form-item {
	margin-block: 0px;
	margin-block: 0px;
}

.node-form .form-item__label:not(.option), .node-form .fieldset__label:not(.option) {
	font-weight: bold;
}
/* gin vertical toolbar */

@media (min-width: 61em) {
	.gin--horizontal-toolbar #toolbar-administration .toolbar-lining {
		overflow-x: hidden !important;
	}
}
body.gin--vertical-toolbar .toolbar-menu-administration {
	background-color: var(--gin-color-primary-light-hover);
	height: 100vh;
	border: none !important;
}

body.gin--vertical-toolbar .toolbar-menu-administration > .toolbar-menu {
	background-color: var(--gin-bg-app) !important;
	background-image: none;
	max-height: 100% !important;
	height: 100% !important;
	border-right: 1px solid var(--gin-color-primary) !important;
	width: var(--gin-toolbar-width-collapsed) !important;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
	margin: 0 !important;
}

@media (min-width: 48em) {
	.toolbar-tray-open .layout-container, body .layout-container {
		margin-left: var(--gin-spacing-xl);
		margin-right: var(--gin-spacing-xl);
	}
}
body.gin--vertical-toolbar .toolbar-tray-vertical.is-active {
	width: var(--gin-toolbar-width-collapsed) !important;
}

.toolbar-menu__trigger {
	display: none !important;
}

body.gin--vertical-toolbar .toolbar-tray-vertical {
	border: none !important;
	width: var(--gin-toolbar-width-collapsed);
	border-right: 1px solid var(--gin-color-primary) !important;
}

body.gin--vertical-toolbar .toolbar-tray-vertical .toolbar-menu-administration, body.gin--vertical-toolbar .toolbar-tray-vertical {
	border: none !important;
}

body.gin--vertical-toolbar .toolbar-tray-vertical .menu-item + .menu-item {
	border: none;
}
/*body.gin--vertical-toolbar .toolbar-menu-administration > .toolbar-menu > .menu-item__tools {
	display: none;
}*/

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon, body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-box
  .toolbar-icon {
	padding: 10px;
	margin: 0 !important;
	border-radius: 0 !important;
	text-align: center;
	display: flex;
	justify-content: center;
	width: inherit !important;
	height: var(--gin-toolbar-width-collapsed) !important;
	padding-top: 0 !important;
	padding-bottom: 15px !important;
	align-items: flex-end;
	border: none !important;
	border-bottom: 1px solid var(--gin-color-primary) !important;
	font-weight: normal !important;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0px;
	hyphens: none;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon {
	background-color: #fff !important;
}

body.gin--vertical-toolbar .toolbar-tray-vertical .level-1.menu-item:last-child {
	border-bottom: none;
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon:before {
	height: var(--gin-icon-size-toolbar) !important;
	width: var(--gin-icon-size-toolbar) !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	mask-image: none !important;
	left: inherit !important;
	background-size: 24px !important;
	background-position: center 15px !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon:hover {
	color: var(--gin-color-primary) !important;
	text-decoration: none;
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon-default:before {
	mask-image: unset !important;
	-webkit-mask-image: unset !important;
	background-image: url("../img/logo.svg") !important;
	background-size: 50px !important;
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon-default {
	
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon-default:hover {
	background-color: var(--gin-bg-item-hover) !important;
}
/*  pour travailler sur le sous-menu */
/*.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu {
	display: inherit !important;
}*/
/**/

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item.hover-intent
  .toolbar-menu {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item.hover-intent
  .toolbar-menu
  li
  a {
	padding: 20px 20px !important;
	border: none !important;
	border-bottom: 1px solid var(--gin-color-primary-light) !important;
	height: auto !important;
	text-transform: inherit;
	letter-spacing: 0;
	font-weight: 500 !important;
	max-width: 100% !important;
	text-align: left;
	font-weight: normal !important;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0px;
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.content:before {
	background-image: url(../img/sprite.svg#content-view);
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.blocks:before {
	background-image: url(../img/sprite.svg#blocks-view);
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.medias:before {
	background-image: url(../img/sprite.svg#media-view);
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.sort:before {
	background-image: url(../img/sprite.svg#list-view);
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.terms:before {
	background-image: url(../img/sprite.svg#structure-view);
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.menu:before {
	background-image: url(../img/sprite.svg#config-view);
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.users:before {
	background-image: url(../img/sprite.svg#people-view);
}

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.logout:before {
	background-image: url(../img/sprite.svg#remove-view);
}
/*body.gin--vertical-toolbar .toolbar-bar #toolbar-item-administration-tray .toolbar-icon-default {
	background-color: #FFF !important;
}*/

body.gin--vertical-toolbar
  .toolbar-menu-administration
  > .toolbar-menu
  > .menu-item
  .toolbar-icon.is-active {
	background: var(--gin-color-primary-light) !important;
}

/* para representation */
.paragraph-type--representation,
.paragraph-type--tournee {
	padding: 5px !important;	
}
.paragraph-type--representation *,
.paragraph-type--tournee * {
	font-size: 0.8rem !important;
	line-height: 1.2;
	font-weight: normal;
}
.paragraph-type--representation .field--name-field-date-heure time {
	font-weight: bold;
}
.paragraph-type--tournee .field--name-field-date time {
}
.paragraph-type--tournee .field--name-field-date time:not(:last-child):after {
	content: ", ";
}
.paragraph-type--representation .form-submit,
.paragraph-type--tournee .form-submit {
	margin-bottom: 0;
}
.paragraph-type--representation .horizontal-tabs,
.paragraph-type--tournee .horizontal-tabs {
	margin: 0;
}
.gin--edit-form .paragraph-type--representation .horizontal-tabs .horizontal-tabs-list,
.gin--edit-form .paragraph-type--tournee .horizontal-tabs .horizontal-tabs-list {
	padding-top: 10px !important;
}
.paragraph-type--representation .horizontal-tabs-pane > .details-wrapper > div:not(:last-child),
.paragraph-type--tournee .horizontal-tabs-pane > .details-wrapper > div:not(:last-child) {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--gin-color-primary-light);
}
.paragraph-type--representation .paragraphs-subform,
.paragraph-type--tournee .paragraphs-subform {
	padding-right: 100px;
}
.paragraph-type--representation .form-radios,
.paragraph-type--tournee .form-radios,
.paragraph-type--representation .form-checkboxes,
.paragraph-type--tournee .form-checkboxes {
	display: flex;
	flex-wrap: wrap;
	row-gap: 2px;
	column-gap: 20px;
}
.paragraph-type--representation .paragraph-top,
.paragraph-type--tournee .paragraph-top {
	position: absolute;
	right: 0;
}
.paragraph-type--representation .paragraph-type-label,
.paragraph-type--tournee .paragraph-type-label {
	display: none;
}
.paragraph-type--representation .field--name-field-date-heure .fieldset__label,
.paragraph-type--tournee .field--name-field-date .fieldset__label {
	display: none;
}
.paragraph-type--representation .field--name-field-date-heure h4,
.paragraph-type--tournee .field--name-field-date h4,
.paragraph-type--representation .field-multiple-table .field-label h4,
.paragraph-type--tournee .field-multiple-table .field-label h4,
.paragraph-type--representation .form-type--textarea .form-item__label,
.paragraph-type--representation .form-type--number .form-item__label,
.paragraph-type--tournee .form-type--textarea .form-item__label,
.paragraph-type--tournee .form-type--number .form-item__label,
.paragraph-type--representation .form-type--select-or-other-buttons > .form-item__label,
.paragraph-type--tournee .form-type--select-or-other-buttons > .form-item__label {
	margin-bottom: 10px;
	font-weight: bold !important;
}
.paragraph-type--representation .form-type--textarea,
.paragraph-type--tournee .form-type--textarea {
	margin: 0 !important;
}
.paragraph-type--representation .form-item__description,
.paragraph-type--tournee .form-item__description,
.paragraph-type--representation .fieldset__description,
.paragraph-type--tournee .fieldset__description,
.paragraph-type--representation .claro-details__description,
.paragraph-type--tournee .claro-details__description {
	max-width: 100%;
	margin: 5px 0;
}
.paragraph-type--representation .field-multiple-table tr,
.paragraph-type--tournee .field-multiple-table tr {
	margin-top: 0 !important;
	margin-bottom: 5px;
}
.paragraph-type--representation .form-type--date,
.paragraph-type--representation .field--name-field-date-heure .form-type--checkbox,
.paragraph-type--representation .form-datetime-wrapper,
.paragraph-type--representation .field--name-field-date-heure .form-wrapper,
.paragraph-type--tournee .form-type--date,
.paragraph-type--tournee .field--name-field-date .form-type--checkbox,
.paragraph-type--tournee .form-datetime-wrapper,
.paragraph-type--tournee .field--name-field-date .form-wrapper {
	margin-bottom: 0 !important;
}
.paragraph-type--representation .field--widget-link-default .fieldset__wrapper {
	display: flex;
	row-gap: 5px;
	column-gap: 25px;
	flex-wrap: wrap;
}
.paragraph-type--representation .field--widget-link-default .fieldset__wrapper > .form-item {
	margin: 0;
}
.field--type-daterange .fieldset__wrapper, 
.field--type-datetime .fieldset__wrapper {
	align-items: center;
}
.paragraph-type--representation .field-group-details,
.paragraph-type--tournee .field-group-details {
	margin-bottom: 0;
}
.paragraph-type--representation .field-group-details summary,
.paragraph-type--tournee .field-group-details summary {
	padding: 0;
	padding-left: 30px;
	font-size: var(--gin-font-size-s);
	font-weight: bold;
}
.paragraph-type--representation .field-group-details tr,
.paragraph-type--tournee .field-group-details tr {
	margin: 0 !important;
	border: none !important;
	border-bottom: 1px solid #eee !important;
	padding: 0 0 10px 0 !important;
}
.paragraph-type--representation .field-group-details .form-item .form-item__label,
.paragraph-type--representation .field-group-details .field-multiple-table th .form-item__label,
.paragraph-type--tournee .field-group-details .form-item .form-item__label,
.paragraph-type--tournee .field-group-details .field-multiple-table th .form-item__label {
	font-weight: bold !important;
}
.paragraph-type--representation .field-group-details .fieldset__wrapper .form-item .form-item__label,
.paragraph-type--tournee .field-group-details .fieldset__wrapper .form-item .form-item__label {
	font-weight: normal !important;
}
.paragraph-type--representation .field-group-details .claro-details__summary::before,
.paragraph-type--representation .field-group-details .claro-details[open] > .claro-details__summary::before,
.paragraph-type--tournee .field-group-details .claro-details__summary::before,
.paragraph-type--tournee .field-group-details .claro-details[open] > .claro-details__summary::before {
	inset-inline-start: 0;
}
.paragraph-type--representation .field-group-details .details-wrapper,
.paragraph-type--tournee .field-group-details .details-wrapper {
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
.paragraph-type--representation .field--name-field-exclu-jours-semaine,
.paragraph-type--tournee .field--name-field-exclu-jours-semaine {
	margin-top: 20px;
}
.paragraph-type--representation .field--name-field-exclu-jours-semaine .fieldset__label,
.paragraph-type--tournee .field--name-field-exclu-jours-semaine .fieldset__label {
	margin-bottom: 10px;
}
.paragraph-type--representation .field--name-field-exclu-jours-semaine .form-checkboxes,
.paragraph-type--tournee .field--name-field-exclu-jours-semaine .form-checkboxes {
	display: flex;
	column-gap: 20px;
	flex-wrap: wrap;
}
.paragraph-type--representation .field--name-field-exclu-jours-semaine .form-checkboxes .form-item,
.paragraph-type--tournee .field--name-field-exclu-jours-semaine .form-checkboxes .form-item {
	column-gap: 5px;
}
/* fin para representation */

/* Fix Drupal core Claro: pass2 wrapper hidden + required = browser refuse focus.
   Cf. drupal.org issues #3247994 #3284182. Garde wrapper visible dès le départ. */
.js .is-initial.is-password-empty.is-confirm-empty:not(.form-item--error) .password-confirm__confirm {
  display: block;
  overflow: hidden;
}

.role-editeur .taxonomy-term-form #edit-relations,
.role-editeur .taxonomy-term-form .form-type--vertical-tabs,
.role-editeur .menu-form .form-item--label,
.role-editeur .menu-form .form-item--description,
.role-editeur .menu-form .form-item--langcode,
.role-editeur #edit-gin-theme-settings,
.role-editeur #edit-timezone,
.role-editeur #edit-language,
.role-editeur .block-content-form .field--name-info {
	display: none;
}
.entity-meta .details-wrapper summary {
	padding: 10px;
	padding-left: 30px;
}
.entity-meta .details-wrapper summary:before {
	left: 0 !important;
}
.entity-meta .details-wrapper details .details-wrapper {
	margin: 0 !important;
}
.entity-meta .details-wrapper details .details-wrapper .form-item__description {
	display: none;
}
.field--widget-inline-entity-form-complex .container-inline .button {
	margin-top: 0;
}
/* carte */
form .carte {
	display: flex;
	gap: 0;
	position: relative;
	border: 1px solid var(--gin-border-color-table);
}
form .carte .fieldset__label {
	padding: 0;
}
form .carte .field--type-address {
	flex: 1;
	padding: 20px;
}
form.layout-paragraphs-component-form .carte {
	gap: 20px;
	border: none;
}
form.layout-paragraphs-component-form .carte .field--type-address {
	padding: 20px 0;
}
form .carte .field--type-geolocation {
	flex: 1;
	position: sticky;
	top: 30px;
	bottom: 0;
	height: 100% !important;
	border: 1px solid var(--gin-border-color-table);
}
form .carte .field--type-geolocation .geolocation-map-container {
	aspect-ratio: 4 / 3;
}
form .carte .field--type-geolocation .geolocation-map-container .leaflet-marker-icon {
	pointer-events: none;
}
form .carte .field--type-address .form-item {
	padding: 0;
	border: none;
	margin-bottom: 10px !important;
	margin-top: 0;
}
form .carte .field--type-address .form-item .fieldset__wrapper {
	margin: 0;
}
form .carte .address-container-inline {
	display: flex;
	gap: 10px;
}
form .carte .address-container-inline > .form-item {
	flex: 1;
	margin: 0;
}
form .carte .claro-autocomplete {
	width: 100%;
}
.layout__region .field--type-address {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
form .field--type-address .address {
	padding: 0;
	margin: 0;
	font-size: 1rem;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	gap: 0;
	max-width: 200px;
}
.field--type-address .address br {
	display: none;
}
.field--type-address .address span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.field--type-address .address .family-name {
	font-weight: bold;
}
.leaflet-tooltip-pane {
	display: none;
}
.ief-form {
	padding-top: 0 !important;
}
.ief-form .form-text {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
}
.ief-form .field--type-address {
	display: block !important;
	flex: 1;
	width: 100%;
}
.ief-form .field--type-address .form-item {
	margin-bottom: 20px;
}
.geolocation-map-control.geolocation-address button.address-button {
	background: #EEE !important;
	color: var(--gin-color-primary) !important;
	border-radius:  50px;
	padding: 0px 15px;
	font-size: 0.8rem !important;
	font-weight: 600;
}
.geolocation-map-control.geolocation-address button.address-button:hover {
	background-color: #000 !important;
	color: #FFF !important;
}
.geolocation-address {
	display: flex !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
}
.leaflet-control-container {
	position: absolute !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.leaflet-bottom {
	position: absolute !important;
	bottom: 0px !important;
}
.leaflet-control-zoom a {
	text-decoration: none !important;
	font-weight: normal !important;
}
/* fin carte */