.ui-dialog {
  font-family: Marianne, arial, sans-serif;
  border: none !important;
  border-radius: var(--fr-border-radius);
  box-shadow: var(--fr-shadow-modal);
  overflow: hidden;
  margin: auto;
  padding: 0!important;
  border: 0!important;
}

.ui-widget-overlay {
  background: var(--fr-background-overlay) !important;
}

.ui-dialog .ui-dialog-titlebar {
  background: var(--background-action-high-blue-france)!important;
  border: 0;
  border-bottom: 1px solid var(--fr-border-default);
  padding: 1rem 1.5rem;
  border-radius: 0;
}

.ui-dialog-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-inverted-blue-france);
  margin: 0;
}

.ui-button .ui-icon:before {
  content: "X";
  font-weight: bold;
}

.ui-dialog-titlebar-close {
  color: var(--text-inverted-blue-france)!important;
  background: none;
  font-weight: bold;
  border: none;
  font-size: 1.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0!important;
}

.ui-dialog-titlebar-close:before {
  color: var(--text-inverted-blue-france)!important;
  content: "×";
  font-size: 2rem;
}

.ui-dialog-content {
  padding: 1.5rem !important;
  background: var(--background-contrast-grey) !important;
}

.ui-dialog-buttonpane {
  background: var(--fr-background-default);
  border-top: 1px solid var(--fr-border-default);
  padding: 1rem 1.5rem;
}

table.section-selector {
  color: var(--text-default-grey);
  background-color: var(--background-contrast-grey) !important;
}

.jstree-default .jstree-clicked {
  background: var(--background-contrast-grey) !important;
}

.ui-widget button {
  font-family: Marianne, arial, sans-serif;
}

.ui-dialog .ui-button .ui-icon {
  filter: brightness(0) invert(1);
  opacity: 1;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  background: transparent;
}

.dropzone {
  background: var(--background-contrast-grey) !important;
}