@charset "UTF-8";

body .ui-dialog {
    max-width: 600px !important;
    margin: 50px auto !important;
    border-radius: 2px;
    position: absolute !important;
    font-size: 14px;
    color: #5f666c;
}

body .ui-dialog-titlebar {
    background-color: #fff !important;
    color: #5f666c !important;
}

body .ui-dialog .titre {
    font-family: var(--Oswald-Medium);
    margin-bottom: 20px;
}

body .ui-dialog .ui-inputtext, body .ui-inputtext {
    font-family: var(--Oswald-Medium);
    margin-bottom: 20px;
    width: 100%;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: #5f666c !important;
}

body .ui-widget, body .ui-widget .ui-widget {
    font-family: "Open Sans","Helvetica Neue",sans-serif;
    text-decoration: none;
}

.ev-text-center {
    text-align: center !important;
}

.form-modal {
    padding-top: 10px !important;
    padding-right: 34px !important;
    padding-left: 34px !important;
    padding-bottom: 40px;
}

form-modal-button {
    width: 100%;
    text-align: center;
}

body .ui-dialog .ui-inputtext, .ui-password{
    width: 100%;
}

.ev-color{
    color: var(--ev-color1) !important;
}

.clausesRGPD1 {
    width: 100%;
    text-align: justify;
    font-size: 70%;
    margin-top: 10px;
}

.clausesRGPD2 {
    width: 100%;
    text-align: justify;
    font-size: 70%;
    margin-top: 10px;
}

.chbox-large {
    width: 100% !important;
}


/* Spinner */

.spin-load {
  display: none;
  position: relative;
  width: 80px;
  height: 40px;
}
.spin-load div {
  position: absolute;
  top: 15px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #a8d043;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spin-load div:nth-child(1) {
  left: 8px;
  animation: spin-load1 0.6s infinite;
}
.spin-load div:nth-child(2) {
  left: 8px;
  animation: spin-load2 0.6s infinite;
}
.spin-load div:nth-child(3) {
  left: 32px;
  animation: spin-load2 0.6s infinite;
}
.spin-load div:nth-child(4) {
  left: 56px;
  animation: spin-load3 0.6s infinite;
}
@keyframes spin-load1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes spin-load3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes spin-load2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.bt_white.ui-state-hover{
    background-color: #fff !important;
}