body .toolbar .toolbar-bar .toolbar-icon-tuesday-admin-dashboard:before {
  -webkit-mask-image: url('../images/dashboard-icon-black.svg');
  mask-image: url('../images/dashboard-icon-black.svg');
}
/*
.js .field--widget-paragraphs-classic-asymmetric td {
  padding: 10px 0px 10px 15px;
}

.draggable-table td:first-child ~ td,
.draggable-table th:first-child ~ th {
  padding-right: 25px;
}

.paragraphs-nested .layer-wrapper {
  background-color: transparent;
}

.paragraphs-nested .paragraphs-tabs-wrapper .field-multiple-table .draggable {
  background-color: #ffffff;
}*/



/*  EOF Fix paragraph overflow */


.cke_combopanel {
  width: 100% !important;
  max-width: 500px;
}
.cke_panel_listItem a {
  white-space: normal !important;
}


/* OVERRIDE DES STYLES POUR LES SELECT HTML */
/* Affiche correctement les select HTML (pas les selects natif <select> de formulaires) */
/* Corrige l'affichage de la partie gauche du select html qui ne prend pas toute la hauteur et qui semble trop large */
.dropbutton-wrapper .dropbutton .dropbutton-toggle .dropbutton__toggle {
  width: 2rem;
  height: auto;
}
.dropbutton-wrapper .dropbutton .dropbutton__item .media-library-edit__link {
  height: auto;
}
.dropbutton-wrapper .dropbutton .dropbutton__items,
.dropbutton-wrapper .dropbutton .dropbutton__items input[type=submit] {
  /*width: 250px !important;*/
}
html[dir="ltr"] .dropbutton-wrapper .dropbutton.dropbutton--multiple > .dropbutton__item:first-of-type,
html[dir="ltr"].js.no-touchevents .dropbutton-wrapper .dropbutton.dropbutton--multiple.dropbutton--small > .dropbutton__item:first-of-type {
  margin-right: calc(var(--gin-spacing-xxl) - 2px);
}
/* Pour le select HTML générique, par exemple celui des medias files */
html[dir="ltr"] .dropbutton-wrapper .dropbutton.dropbutton--multiple > .dropbutton__item:first-of-type {
  border-right: none;
}


.contextual {
  width: fit-content;
}

.contextual-region .contextual .contextual-links li {
  color: var(--gin-color-primary) !important;
}

.alert-debug .messages__item {background-color: orange;}

.ssui__option.theme-primary, .bg-primary { background-color: #5DB990; }
.ssui__option.theme-brand-1, .bg-brand-1 { background-color: #717EBD; }
.ssui__option.theme-brand-2, .bg-brand-2 { background-color: #F9ED6F; }
.ssui__option.theme-brand-3, .bg-brand-3 { background-color: #D4B5D4; }


/* ALIGNEMENT CORRECT DES TEXTES A DROITE DES BOUTONS D'AJOUT DE COMPOSANT */
/* Par défaut les texte à droite des boutons d'ajout de composant sont alignés en haut et non pas centré sur le bouton */
/* Ce fixe aligne le texte avec le bouton */
/* Ciblé depuis .paragraphs-tabs-wrapper pour overrider le style par défaut */
.paragraphs-tabs-wrapper .field-actions {
    align-items: center;
}

/* FIX DU DECALAGE AU HOVER SUR LES 3 POINTS QUI DECLANCHE LE DROPDOWN */
/* Sur certain version on a le border qui passe à 0/none sur les 3 points qui ouvre le dropdown (collapse all / drag and drop / Remove / duplicate....) lors du hver/focus */
/* Ce fix à pour effet de remttre un border de 1px transparent sur cet élément pour ne pas provoquer de mouvement */
.paragraphs-tabs-wrapper .paragraphs-dropdown-toggle:hover,
.paragraphs-tabs-wrapper .paragraphs-dropdown-toggle:active,
.paragraphs-tabs-wrapper .paragraphs-dropdown-toggle:focus {
    border: 1px solid transparent;
}

/* FIX DU DROPDOWN COLLAPPSE ALL / EDIT ALL / DRAG ANS DROP... QUI PASSE SOUR LE LIGNE DU DESSOUS LORS DU HOVER DE CETTE DERNIERE */
/* Ce fix supprime le position relative sur les lignes du tableau, ce qui vient annuler l'éffet du z-index: 0 de la ligne THEAD du tableau */
.paragraphs-tabs-wrapper .field-multiple-table tr.draggable,
.paragraphs-tabs-wrapper .field-multiple-table tr.draggable:hover,
.paragraphs-tabs-wrapper .field-multiple-table tr.draggable:focus-within {
    position: static !important;
}

/* Fix media library edit translate button (in any node edit field is broken on hover with gin rc13 and core 10.3.6 against media library 3.0.3
  to test again once updated media library edit to > 3.0.3
  gin targets media_library edit button as standard media  edit button
*/
.media-library-item .media-library-edit__dropbutton .media-library-edit__link{
  --button-border-radius-size: 0.3rem;
}
.media-library-item .media-library-edit__dropbutton .media-library-edit__link, .media-library-item .media-library-edit__dropbutton .media-library-edit__link:hover, .media-library-item .media-library-edit__dropbutton .media-library-edit__link:focus {
  width: auto;
  height: auto;
  border-radius: var(--button-border-radius-size) 0 0 var(--button-border-radius-size);
}
.media-library-item .media-library-edit__dropbutton .button:hover, .media-library-item .dropbutton__item:first-of-type > :hover, .media-library-item .media-library-edit__dropbutton .dropbutton__toggle:hover {
  background-color: var(--gin-color-primary-hover);
}
.media-library-item .media-library-edit__dropbutton .media-library-edit__link, .media-library-item .media-library-edit__dropbutton .media-library-item__edit {
  background-image: none !important;
}
.media-library-item .media-library-edit__dropbutton .dropbutton--multiple .dropbutton__item:first-of-type > * {
  border-radius: var(--button-border-radius-size) 0 0 var(--button-border-radius-size);
}