html {
  --install-button-background-color: rgb(77, 153, 116);
  --install-button-text-color: #ffffff;
  /* --install-shadow: rgb(131, 255, 195); */
  --install-focus: rgb(131, 255, 195, 0.239);
  --install-shadow: rgba(77, 153, 116, 0.5);
}

header {
  background-color: #0a5c3c !important;
  height: 120px;
}

footer {
  background-color: rgb(15, 15, 15) !important;
  .logo {
    max-width: 330px !important;
  }
}

mat-stepper .mat-step-icon {
  border: 2px solid var(--install-button-background-color) !important;
}

button.p-button {
  background-color: var(--install-button-background-color);
  border: 1px solid var(--install-button-background-color);
}

button.p-button.p-button-outlined {
  color: var(--install-button-background-color);
}

button.p-button.p-button-warning {
  background-color: #fbc02d;
  border: 1px solid #fbc02d;
}

button.p-button.p-button-link,
button.p-button.p-button-text,
button.p-button.p-button-icon {
  background-color: transparent;
  border: transparent;
}

.p-selectbutton .p-highlight,
.p-checkbox .p-highlight {
  background-color: var(--install-button-background-color);
  border: 1px solid var(--install-button-background-color);
}

.p-checkbox-box:hover {
  border-color: var(--install-button-background-color);
}

.p-checkbox-box.p-focus {
  border-color: var(--install-button-background-color);
  box-shadow: 0 0 0 0.2rem var(--install-shadow);
}

.p-inputtext:enabled:hover {
  border-color: var(--install-button-background-color);
}

.p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--install-shadow);
  border-color: var(--install-button-background-color);
}

.p-highlight {
  background-color: var(--install-focus);
}

.accueil-description {
  background-color: #fbfbfb;
  padding-top: 40px;
  padding-bottom: 40px;
}

.fs-filet {
  border-color: #000;
  background-color: #000;
  height: 1px;
  width: 100%;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.fs-filet_centre {
  border-color: #000;
  background-color: #000;
  height: 1px;
  width: 60%;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fs-petit_filet {
  border-color: #000;
  background-color: #000;
  height: 1px;
  width: 20%;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fs-logo {
  text-align: center;
  padding-bottom: 10px !important;
  margin-bottom: 0px !important;
}

.fs-titre {
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 0px !important;
}

.fs-societe {
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.fs-entete {
  text-align: center;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.fs-texte {
  text-align: justify;
  text-indent: 20px;
  margin-bottom: 0px !important;
}

.fs-texte-centre,
.fs-texte_centre {
  text-align: center;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.fs-signature {
  text-align: right;
}