// Page nouveau dossier 

.demande_autorisation_contestee_hidden_bloc {
  display: none;
}

#fieldset-form-demande_nouveau_dossier-type-de-dossier-demande,
#fieldset-form-demande_dossier_encours-type-de-dossier-demande,
#fieldset-form-demande_nouveau_dossier_contentieux-type-de-dossier-demande {
  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    grid-template-columns: 150px 1fr;
  }
}

#fieldset-form-demande_nouveau_dossier-type-de-dossier,
#fieldset-form-demande_dossier_encours-type-de-dossier,
#fieldset-form-demande_nouveau_dossier_contentieux-type-de-dossier {
  .inline_block {
    flex-direction: row;

    &.bloc_num_manu {
      .bloc.type-da {
        .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
          grid-template-columns: 150px 100px;
        }
      }

      .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
        grid-template-columns: auto 1fr;
      }
    }
  }

  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    grid-template-columns: 200px 1fr;

    &.field-type-checkbox {
      grid-template-columns: auto 1fr;

    }

    [disabled] {
      background-color: #eee;
      color: #b1b2b5;
    }
  }

  .bloc.bloc_numero_complet_dossier {
    align-items: center;
  }

  .bloc.bloc_numero_complet_dossier_message {
    gap: 0;

    #complet_err_msg {
      margin-left: 215px;
      color: $orange;
      font-size: .9em;
    }
  }
}

#fieldset-form-demande_nouveau_dossier-localisation {
  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    grid-template-columns: 225px 1fr;

    &.field-type-checkbox {
      grid-template-columns: auto 1fr;

    }

    [disabled] {
      background-color: #eee;
      color: #b1b2b5;
    }
  }
}

//Saisie numero de dossier 
.bloc_activ_num_manu.saisie_manuelle {
  padding-left: 1em;
  margin: 0;

  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    grid-template-columns: auto 1fr;
  }
}

.bloc.demande__type--dates {
  max-width: 700px;
}

#fieldset-form-demande_nouveau_dossier-numero-de-dossier,
#fieldset-form-demande_dossier_encours-numero-de-dossier,
#fieldset-form-demande_nouveau_dossier_contentieux-numero-de-dossier {
  .fieldsetContent {
    flex-direction: row;
  }

  .bloc {
    display: inline-block
  }

  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    display: inline-block
  }
}

//Saisie numero de dossier : affichage message si dossier saisie existe déjà
#display_message_di_exist {
  .message_content_head {
    margin-left: 14px;
  }

  .message_content_body {
    border-left: 2px $brand700 solid;
    margin: 14px 0 0 7px;

    button {
      margin: 10px 0 0 22px;
    }

    ul {
      padding-left: 14px;
      list-style: "- ";
    }
  }

  #link_to_di {
    margin-left: 8px;
    border: 1px $brand700 solid;
    border-radius: 4px;
    color: $brand700 !important;
    padding: 2px;
  }
}

//-------------
//  Demandeur
//-------------
.bloc.demande__demandeurs .field.field-type-htmlstatic .form-content {
  padding: .5em 0 0;
  border-bottom: none;
  font-size: unset;

  #liste_demandeur>fieldset.cadre {
    margin: 0;
  }

  #liste_demandeur .fieldset-form-demande_nouveau_dossier-autres-demandeurs {
    .fieldsetContent {
      flex-wrap: wrap;
      gap: 1em 0;

      div[id^="btn_"] {

        button {
          white-space: nowrap;
        }

        +div[id^="btn_"] {
          padding-left: .5em;
        }
      }

      >div {
        flex: 0;
        display: flex;
      }
    }
  }

}

// Localisation
.demande__localisation--adresse {
  grid-template-columns: auto 1fr;
}

//----------------
//  Localisation
//----------------
#fieldset-form-demande_nouveau_dossier-localisation,
#fieldset-form-demande_dossier_encours-localisation,
#fieldset-form-demande_nouveau_dossier_contentieux-localisation {

  // Références cadastrales
  .no-label {
    .form-libelle {
      display: none;
    }
  }

  .bloc.demande__localisation--refcadastrales {
    padding-bottom: .5em;
    border-bottom: 1px solid $gris200;

    .field.field-type-text.references_cadastrales_new_field {
      display: block;

      .reference_cadastrale_custom_fields {
        display: flex;
        gap: .5em;
        flex-direction: column;
      }

      .champ--ref-cadastrales {
        display: flex;
        align-items: center;
        gap: .5em;
        font-weight: normal;
      }

      .champ--ref-cadastrales__section {
        @extend .champ--ref-cadastrales;
        flex-wrap: wrap;
      }

      input {
        display: inline-block;
        max-width: 10ch;
        text-align: center;
      }
    }

    #terrain_superficie {
      max-width: 15ch;
    }


  }

  // Adresse
  .bloc.demande__localisation--adresse {

    .demande__localisation--voie_numero,
    .demande__localisation--complement_adresse {
      flex-direction: row;
    }

    .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]) {
      grid-template-columns: auto 1fr;
    }

    .demande__localisation--voie_numero .field-type-text:nth-child(2),
    .demande__localisation--complement_adresse .field-type-text:nth-child(2),
    .demande__localisation--complement_adresse .field-type-text:nth-child(3) {
      flex: 1;
    }

    #terrain_adresse_code_postal {
      max-width: 15ch;
    }

    #terrain_adresse_voie_numero,
    #terrain_adresse_bp {
      max-width: 10ch;
    }

    #terrain_adresse_cedex {
      max-width: 5ch;
    }

    .demande__localisation--copy-address {
      button+button {
        margin-left: .5em;
      }
    }
  }
}

#liste_demandeur {

  .bloc.demande__demandeur--nom-adresse,
  .bloc.demande__demandeur--actions {
    flex: 1
  }

  .bloc.demande__demandeur--coordonnees {
    flex: 2
  }

  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    display: inline-block;
  }

  .demandeur-container {
    flex-direction: row;

    section {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      width: 100%;
      gap: 1em 0;
    }

  }

  .fieldsetContent {
    flex-direction: row;

    >div {
      display: flex;
    }

    >.demande__demandeur--nom-adresse {
      gap: .25em;
      justify-content: center;
    }

    >.demande__demandeur--coordonnees {
      justify-content: center;
      flex: 3;
    }

    >.demande__demandeur--actions {
      align-items: center;
      flex-direction: row;

      button {
        white-space: nowrap;
      }
    }
  }

  fieldset {
    width: 100%;
    margin: 0;

    &:last-of-type {
      margin-bottom: 1em;
    }
  }

  .legend_synthese_demandeur {
    color: #2b4550;
    font-size: 1.25em;
    font-weight: 700;
    padding: .25em 1em;
    border-radius: 2em;
    border: solid 1px #eee;
  }

  .icon-notif-refuse {
    color: $rouge;
  }

  .icon-notif-accepte {
    color: $vertDark;
  }
}



// overlay ajout pétitionnaire  

[aria-labelledby*="ui-dialog-title-sousform-"]:not([aria-labelledby*="donnees_techniques"]) {
  #form-content {
    display: grid;
    gap: 1em;
  }

  &[aria-labelledby*="petitionnaire"] {
    grid-template-columns: repeat(2, 1fr)
  }

  // Vider le formulaire 
  .delete-16 {
    @include buttonDanger;
  }

  .nolabel.bloc {
    .field {
      grid-template-columns: 1fr;
    }
  }

  fieldset:not(#fieldset-sousform-petitionnaire-qualite, #fieldset-sousform-petitionnaire-collectivite),
  .bloc.particulier_fields,
  .bloc.personne_morale_fields {
    grid-column: 1 /-1;
  }
}

.search-frequent-16 {
  @include buttonSecondary;
  align-self: baseline;
  margin-left: 22%;
  font-size: .9em;

  &:before {
    font-size: 1em;
  }

  &::after {
    display: inline-block;
    content: attr(title);
  }
}

// Button add pétitionnaire principal 

#liste_demandeur {
  .add-16[id*="add_"] {
    @include buttonPrimary;
  }
}

.synthese_demandeur,
form #plaignant_contrevenant .synthese_demandeur {
  box-shadow: 0 2px 4px 1px rgba($brand900, .3);
  border-radius: .5em;
  padding: 1em 1.5em;
  margin: 1em;
  display: inline-flex;
  align-items: center;
}

form[name="f1"] .synthese_demandeur,
form[name="f1"] #plaignant_contrevenant .synthese_demandeur {
  box-shadow: none;
  margin-bottom: 2em;
  padding: 0;

  [onclick*="remove"] {
    border-radius: .25em;
    padding: .5em;
    margin-right: .5em;
    background: $danger;
    color: $blanc;

    &:hover {
      background-color: $rouge;
    }
  }
}

.legend_synthese_demandeur {
  margin-top: 1em;
  font-size: 1.1em;
}

#plaignant_contrevenant {
  gap: 20%;
}

.mainrubrik-guichet-unique {

  form:not(#affichage_reglementaire_attestation_form):not(#advanced-form) #form-content>.field {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }

  .field-type-autorisation_contestee {
    .form-content {
      display: flex;

      .ui-button {
        margin: 0;
        flex-shrink: 2;
      }

      #autorisation_contestee_cancel_button {
        @include buttonDanger;
        margin: 0;
      }
    }
  }

  .bloc.col_12.localisation {

    #fieldset-form-demande_nouveau_dossier-localisation,
    #fieldset-form-demande_dossier_encours-localisation,
    #fieldset-form-demande_nouveau_dossier_contentieux-localisation {
      .fieldsetContent {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        .references_cadastrales_new_field,
        #morelineReferenceCadastrale {
          grid-column: 1/-1;
        }
      }
    }
  }

  .bloc.col_12.localisation #fieldset-form-demande_dossier_encours-localisation .fieldsetContent {
    .moreFieldReferenceCadastrale {
      display: none;
    }
  }
}