/* input:invalid,
[aria-invalid=true] {
  border-color: hsl(351, 91%, 49%);
}
select:invalid,
[aria-invalid=true] {
  border-color: hsl(351, 91%, 49%);
} */
[aria-invalid=true] {
  border-color: hsl(351, 91%, 49%);
}


/*Retire les boutons input type number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


@-webkit-keyframes autofill {
  to {
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-appearance: none !important;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/* input:-webkit-autofill, input:-webkit-autofill-strong-password, input:-webkit-autofill-strong-password-viewable {
  background-color: rgb(252, 252, 250);
  background-image:inherit;
  color: rgb(0, 0, 0);
  -webkit-appearance: none;
  } */


/* form-check  */

/* .form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1…circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  } */

  .form-check.is-invalid, .was-validated .form-check:invalid {
    border-color: #dc3545;
    /* padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1…circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem); */
    }

    .was-validated .btn-outline-primary:invalid {
      border-color: #dc3545;
    }

    .btn.btn-outline-primary.is-invalid {
      border-color: #dc3545;
      box-shadow: 0 0 0 .25rem rgba(253, 13, 13, 0.5);
    }