:root {
  --transparent: transparent;
  --black: #22292f;
  --white: #FFFFFF;
  --white-50: hsla(0, 0%, 100%, 0.5);
  --danger: #e74444;
  --success: #21b978;
  --warning: #ffeb3b;
  --info: #244F73;
  --primary: #6D8BA6;
  --primary-dark: #495874;
  --primary-70: rgba(109, 139, 166, 0.7);
  --primary-50: rgba(109, 139, 166, 0.5);
  --primary-30: rgba(109, 139, 166, 0.3);
  --primary-10: rgba(109, 139, 166, 0.1);
  --logo: #102032;
  --sidebar-icon: #C9D8E1;
}

.bg-grad-sidebar {
  /* Très peu de dégradé */
  background-image: linear-gradient(45deg, #6d8ba6 24%, #102032 117%);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
}

.lettres-notarium-clair {
  fill:#c8d7e0;
}

.plume-notarium-clair {
  fill:#6D8BA6;
}

.lettres-notarium-sombre {
  fill:#102033;
}

.plume-notarium-sombre{
  fill:#c8d7e0;
}

.mt-minutes:first-child {
  margin-top: 1.25rem;
}

.mt-minutes:last-child {
  margin-bottom: 1.25rem;
}

/* Espacement entre le titre de la resource et l'en-tête */
.py-view {
  padding-top: 1.125rem;
}

/* Cacher le bouton de modificiation sur l'index
  TODO A voir si on peut l'enlever que sur la table des minutes (pas sur les autres). En ajoutant une classe peut-être ?
*/
div[dusk$="-index-component"] table td.td-fit .inline-flex .inline-flex:nth-child(2) {
  display: none !important;
}

.bg-40 {
  background-color: var(--20);
}