:root{
  --verified: #0866ff;
  --bg-color: #f0eff0;
}
.row {
  max-width: 100%;
  margin: auto;
  margin: 0 !important;
}
header * {
  box-sizing: unset !important;
}
.center {
  text-align: center;
}
.verified-icon{
  color: var(--verified);
}
.margin-auto {
  margin: auto;
}
.left{
  text-align: left;
}
.right {
  text-align: right;
}
.pointer{
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input:focus-visible, .input:focus, textarea{
  outline: none !important;
  box-shadow: none !important;
}
.bold {
  font-weight: bold;
}
.display-none{
  display: none;
}
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.justfy-start {
  justify-content: start;
}
.justfy-end {
  justify-content: end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.space-around {
  justify-content: space-around;
}
.space-evenly {
  justify-content: space-evenly;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}

/* font */
.font-weight-700{
  font-weight: 700;
}
.uppercase {
  text-transform: uppercase;
}

/* Colors */
.color-white{
  color: #fff;
}
.color-green {
  color: #00ff00;
}
.color-green-1{
  color:#098209;
}

/* bg colors */
.bg-white{
  background-color: #fff;
}

/* border */
.border-rond {
  border-radius: 50%;
}

/* border color */
.border-red{
  border: 1px solid #c01818;
}
.border-error{
  border: 2px solid red;
  animation: borderPulse 0.5s ease-in-out infinite;
  transition: border-color 0.3s, box-shadow 0.3s;
}
@keyframes borderPulse {
    0% { border-color: red; box-shadow: 0 0 0px rgba(255, 0, 0, 0.5); }
    50% { border-color: darkred; box-shadow: 0 0 8px rgba(255, 0, 0, 0.8); }
    100% { border-color: red; box-shadow: 0 0 0px rgba(255, 0, 0, 0.5); }
}

/* Séparateurs */
.separateur-95 {
  margin: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 95%;
  border-bottom: 1px #d0d3d7 solid;
}

/* Scroll  */
.scroll-y{
  overflow-y: scroll;
}
.scroll-x{
  overflow-x: scroll;
}

.scroll-y-none {
  overflow-y: scroll;
  ::-webkit-scrollbar {
    display: none;
  }
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-x-none {
  overflow-x: scroll;
  ::-webkit-scrollbar {
    display: none;
  }
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*  */

body{
  background-color: var(--bg-color);
}