/**
  * Dématérialisation
  */
  #fieldset-message-tab_demat-color {
    border-color: gold;
    margin: .5em 0
  }
  #fieldset-message-tab_demat-color > legend:hover,
  #fieldset-message-tab_demat-color > legend:focus{
      background-color: $jaune;
  }

  #fieldset-message-tab_demat-color > legend {
    background: $jauneLight;
    border-radius: 1em;
    border: solid 1px $jaune;
  }
  #fieldset-message-tab-content {
      margin-top: 3px;
      margin-left: 40px;
      width: 50% !important;
  }
  .demat-color {
      border: 1px solid #fdd030;
  }
  .demat-color-demande-libelle {
      border: 2px dashed #fdd030;
      border-right-style: none;
      border-bottom: 2px dashed #fdd030 !important;
  }
  .demat-color-demande-value {
      border: 2px dashed #fdd030;
      border-left-style: none;
  }
  .demat-color-highlight {
      background: $jauneLight;
  }
  .demat-color-breadcrumb {
        :after {
        font-family: "remixicon", "inter", sans-serif;
        content : "\EBCA \00a0 \00a0 DÉMATÉRIALISÉ";
        background: gold;
        color: black;
        font-weight: 700;
        font-size: 0.75em;
        padding: .5em 1.5em;
        border-radius: 2em;
        box-shadow: 0 2px 6px 0 rgba($noir, .1);
      }
  }
  .demat-color-fieldset legend {
      background-color: #fcff9e !important;
      border-color: #fdd030 !important;
  }
  .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"])[class*="demat_color"] {
    grid-template-columns: 1fr;
    .demat-color {
        display: grid;
        grid-template-columns: 1fr 4fr;
        border:0;
        align-items: center;
        .form-libelle {
            padding-right: .5em;
        }
        label {
            padding-right:.5em;
        }
        label::after {
            font-family: "remixicon", "inter", sans-serif;
            content : "\ECA1 \00a0 \00a0 Dématérialisation";
            display: inline-block;
            width: 1em;
            overflow: hidden;
            color: $orange;
            font-weight: 600;
            font-size: 0.75em;
            border-radius: 2em;
            transition: width 0.5s;
        }
        label:hover:after {
            width: 110px;

        }
        input {
            border: 1px solid $orange;
        }
    }
  }