/* CSS Auto Compilé */
:root {
  --man_color: #0084DA;
  --woman_color: #F300FF;
  --bkcolor_1: #FFFFFF;
  --color_1: #BE1E2E;
  --bkcolor_2: #FFFFFF;
  --color_2: #000000;
  --bkcolor_3: #BE1E2E;
  --color_3: #FFFFFF;
  --bkcolor_4: #CFAD0F;
  --color_4: #FFFFFF;
  --bkcolor_5: #CBCBCB;
  --color_5: #000000;
  --bkcolor_6: #CFAD0F;
  --color_6: #000000;
  --app_color: #3CB4FF;
  --bkcolor_7: #000;
  --color_7: #FFF;
  --bkcolor_8: #D2D2D2;
  --bkcolor_9: #D23242;
  --bkcolor_10: #000000;
  --bkcolor_11: #000000;
  --color_12: #FFFFFF;
  --color_13: #000000;
  --bkcolor_14: #D2D2D2;
  --color_15: #FFFFFF;
  --bkcolor_16: #F15161;
  --bkcolor_17: #FFFFFF;
  --bkcolor_18: #000000;
  --bkcolor_20: #FFFFFF;
  --color_20: #000000;
  --color_21: #2A2D33;
  --color_22: #2A2D33;
  --color_23: #2A2D33;
  --bkcolor_24: #BE1E2E;
  --bkcolor_26: #8B8B8B;
  --font_1: Arial;
  --font_1_url: [FONT1_URL];
  --font_2: [FONT2];
  --font_2_url: [FONT2_URL];
  --font_3: [FONT3];
  --font_3_url: [FONT3_URL];
  --font_4: [FONT4];
  --font_4_url: [FONT4_URL];
  --font_5: [FONT5];
  --font_5_url: [FONT5_URL];
  --font_6: [FONT6];
  --font_6_url: [FONT6_URL];
  --font_7: [FONT7];
  --font_7_url: [FONT7_URL];
}
@charset "utf-8";
.kiosk {
  width: 100%;
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 55px;
}
.kiosk .step_1,
.kiosk .step_2,
.kiosk .step_3,
.kiosk .step_4,
.kiosk .step_5,
.kiosk .step_6,
.kiosk .step_7,
.kiosk .step_8 {
  display: none;
}
.kiosk[data-step="1"] .step_1,
.kiosk[data-step="2"] .step_2,
.kiosk[data-step="3"] .step_3,
.kiosk[data-step="4"] .step_4,
.kiosk[data-step="5"] .step_5,
.kiosk[data-step="6"] .step_6,
.kiosk[data-step="7"] .step_7,
.kiosk[data-step="8"] .step_8 {
  display: block;
}
.kiosk[data-step="1"] .ax-form_back {
  display: none;
}
.kiosk[data-step="8"] .ax-form_back {
  display: none;
}
.kiosk .progress_bar {
  height: 5px;
  background-color: var(--bkcolor_brightness_1);
  border-radius: 5px;
  margin-bottom: 30px;
  margin-top: -35px;
  overflow: hidden;
}
.kiosk .progress_bar:after {
  content: '';
  display: block;
  height: 100%;
  width: 0%;
  transition: width 0.5s;
  background-color: var(--bkcolor_main);
  border-radius: inherit;
}
.kiosk[data-step="1"] .progress_bar:after {
  width: 10%;
}
.kiosk[data-step="2"] .progress_bar:after {
  width: 20%;
}
.kiosk[data-step="3"] .progress_bar:after {
  width: 40%;
}
.kiosk[data-step="4"] .progress_bar:after {
  width: 50%;
}
.kiosk[data-step="5"] .progress_bar:after {
  width: 60%;
}
.kiosk[data-step="6"] .progress_bar:after {
  width: 80%;
}
.kiosk[data-step="7"] .progress_bar:after {
  width: 90%;
}
.kiosk[data-step="8"] .progress_bar:after {
  width: 100%;
}
form .ax-choice > div {
  flex-grow: 1;
}
form .ax-choice:not(:has(:nth-child(3))) > div {
  flex: 1 1 0;
}
@media (max-width: 850px) {
  .step_2 .parent_link > div {
    flex: 1 1 40%;
  }
}
/* ------------ Conditions Checkbox ------------ */
.step_7 .term_and_condition span {
  color: var(--bkcolor_main);
  cursor: pointer;
}
.step_7 .term_and_condition span:hover {
  opacity: 0.7;
}
.step_7 .term_and_condition + .term_and_condition {
  margin-top: 15px;
}
.step_7 .ax-button {
  margin-top: 20px;
}
.term_and_conditions {
  display: none;
}
.term_and_conditions .div_text {
  position: relative;
  min-height: 160px;
}
/* --------------- Photo ----------------- */
.step_6 .block_button_photo_profile .div_photo {
  width: 100%;
  border-radius: var(--dynamic_element_border_radius);
  overflow: hidden;
  margin-bottom: 10px;
}
.step_6 .block_button_photo_profile .div_photo img {
  width: 100%;
}
.step_6 .block_button_photo_profile .ax-button:before {
  font-family: 'fontawesome light';
  content: '\f332';
  content: '\f083';
  font-size: 20px;
}
.no_webcam_detected {
  display: none;
  margin-top: 10px;
}
.step_6 .continue {
  margin-top: 35px;
}
/* --------------- Photo ----------------- */
.no_scroll {
  overflow: hidden;
}
.block_member_photo_container {
  justify-content: center;
  display: flex;
  position: relative;
  display: none;
  background-color: var(--bkcolor_main);
  padding: 6px;
  border-radius: var(--button_border_radius);
  -user-select: none;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  touch-action: manipulation;
}
.block_member_photo {
  min-width: 620px;
  width: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}
.block_member_photo .buttons .button {
  /*height: 68px;*/
  /*border-radius: 50px / 100%;*/
  height: 100%;
  font-weight: bold;
}
.block_member_photo .div_photo_taken,
.block_member_photo .div_take_photo {
  /*min-width: 620px;*/
}
.block_member_photo .div_photo_taken {
  display: none;
}
.block_member_photo .block_photo {
  display: flex;
  flex-direction: column;
}
.block_member_photo .div_video {
  background-color: #000;
  display: table-cell;
  /* pour corriger l'espace sous la video */
  vertical-align: middle;
  position: relative;
}
.block_member_photo .div_video .mirror {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
  right: 6px;
  top: 6px;
  background-image: url(../../../images/mirror.png);
  background-position: 1px 1px;
  background-size: 95%;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 50;
  display: none;
}
.block_member_photo .div_video .mirror[data-mirrored="-1"] {
  transform: scale(-1, 1);
}
.block_member_photo .div_video .mirror:hover {
  background-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}
.block_member_photo .div_video video,
.block_member_photo .div_video canvas {
  width: 100%;
  display: block;
  outline: 3px solid #fff;
  outline-offset: -3px;
  position: relative;
  z-index: 20;
}
.block_member_photo .div_video,
.block_member_photo .div_video video,
.block_member_photo .div_video canvas {
  border-top-right-radius: calc(var(--button_border_radius) * 0.55);
  border-top-left-radius: calc(var(--button_border_radius) * 0.55);
  overflow: hidden;
}
.block_member_photo[data-helmets_position="left"] .div_video,
.block_member_photo[data-helmets_position="left"] .div_video video,
.block_member_photo[data-helmets_position="left"] .div_video canvas {
  border-top-left-radius: 0px;
}
.block_member_photo .div_video .video {
  position: absolute;
  width: 0px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
}
.block_member_photo div .buttons,
.block_member_photo div .countdown {
  height: 66px;
}
.block_member_photo div .buttons {
  padding-top: 10px;
}
.block_member_photo .buttons {
  display: flex;
  padding-top: 10px;
  padding-bottom: 3px;
  align-items: center;
  justify-content: center;
  /*display: none;*/
}
.block_member_photo .buttons .button.photo,
.block_member_photo .buttons .button.cancel,
.block_member_photo .buttons .button.validate {
  text-transform: uppercase;
  /*font-size: 20px;*/
}
.block_member_photo .buttons .button.photo {
  width: 70%;
  font-size: 13px;
}
.block_member_photo .buttons .button.photo:before {
  content: '\f083';
  font-family: 'fontawesome light';
  font-weight: normal;
  font-size: 22px;
}
.block_member_photo .buttons .button.validate:before {
  content: '\f00c';
  font-family: 'fontawesome normal';
  font-weight: normal;
  font-size: 22px;
}
.block_member_photo .buttons .button.cancel:before {
  content: '\f00d';
  font-family: 'fontawesome normal';
  font-weight: normal;
  font-size: 22px;
}
.block_member_photo .countdown {
  background-color: #202020;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  border: 2px solid #fff;
  border-top: none;
  border-bottom-right-radius: calc(var(--button_border_radius) * 0.55);
  border-bottom-left-radius: calc(var(--button_border_radius) * 0.55);
}
.block_member_photo .countdown .count {
  width: 97px;
  color: #fff;
  padding-left: 60px;
  position: relative;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  font-family: sans-serif;
}
.block_member_photo .countdown .count:before {
  position: absolute;
  height: 100%;
  left: 0px;
  right: 0px;
  width: 60px;
  font-family: 'fontawesome light';
  content: '\f332';
}
.block_member_photo .countdown .count:after {
  content: attr(data-count);
}
.block_member_photo .div_photo_taken canvas {
  display: none;
}
.block_member_photo .div_photo_taken img.old_photo,
.block_member_photo .div_photo_taken img.photo,
.block_member_photo .div_photo_taken img.avatar {
  width: 100%;
  display: none;
  outline: 3px solid #fff;
  outline-offset: -3px;
}
.block_member_photo .div_photo_taken img.old_photo {
  transform: scale(-1, 1);
}
.block_member_photo .div_photo_taken .div_video:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: transparent;
  transition: background-color 1s;
  z-index: 50;
}
.block_member_photo .div_photo_taken .div_video.flash:after {
  background-color: #fff;
}
.block_member_photo .div_video:has([data-error]):before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '\f071';
  font-family: 'fontawesome';
  font-size: 100px;
  color: #FFC107;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
}
.block_member_photo .div_video:has([data-error]) .helmet {
  display: none!important;
}
.block_member_photo .buttons .button.validate,
.block_member_photo .buttons .button.cancel {
  margin-left: 20px;
}
.block_member_photo .helmets {
  background-color: #fff;
  position: absolute;
  display: none;
}
.block_member_photo[data-helmets_position="left"] .helmets {
  width: 86px;
  height: calc(100% - 66px);
  top: 0px;
  left: 0px;
}
.block_member_photo[data-helmets_position="left"] .helmets,
.block_member_photo[data-helmets_position="bottom"] .helmets {
  display: block;
  overflow: hidden;
}
.block_member_photo[data-helmets_position="left"] .helmets {
  border-top-left-radius: calc(var(--button_border_radius) * 0.55);
}
.block_member_photo[data-helmets_position="left"] .div_video {
  margin-left: 85px;
  overflow: hidden;
}
.block_member_photo:not([data-helmets_position="hidden"]):not([data-helmets_position=""]):not([data-helmets_position="left"]) .div_video {
  border-top-right-radius: calc(var(--button_border_radius) * 0.55);
  border-top-left-radius: calc(var(--button_border_radius) * 0.55);
  overflow: hidden;
}
.block_member_photo .helmets .container {
  padding-top: 43px;
  padding-bottom: 43px;
}
.block_member_photo[data-helmets_position="left"] .helmets .container {
  margin-left: 0px!important;
}
.block_member_photo .helmets .category {
  width: 100%;
  position: relative;
  border-left: 2px solid #fff;
  display: flex;
  flex-direction: column;
}
/*.block_member_photo .helmets .category.hidden{
    display: none;
}*/
.block_member_photo .helmets .category[data-category="0"] {
  display: none!important;
}
.block_member_photo .helmets .category[data-selectable="0"] .design:after {
  content: attr(data-category);
  position: absolute;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-size: 13px;
  transform: rotate(-18deg);
  color: #4d4d4d;
}
.block_member_photo .helmets .category .design {
  height: 52px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block_member_photo .helmets .category:not([data-selectable="0"]) .design.active {
  background-color: #a8d7ff;
}
.block_member_photo:not(.show_old_photo) .helmets .category:not([data-selectable="0"]) .design:hover {
  background-color: #cfe9ff;
  cursor: pointer;
}
.block_member_photo.show_old_photo .helmets .category .design:not([data-category="no_helmet"]) {
  background-color: #cbcbcb;
  opacity: 0.7;
}
.block_member_photo .helmets .category:not([data-selectable="0"]) .design[data-category="no_helmet"] {
  background-image: url(../../../gokiosk/images/btn_cancel.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35%;
}
.block_member_photo .helmets img {
  max-height: 85%;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
}
.block_member_photo .helmets img:not(:first-child) {
  display: none;
}
.block_member_photo .helmets .category[data-selectable="0"] img {
  opacity: 0.5;
  filter: grayscale(0.4) blur(0.4px);
}
.block_member_photo .helmets .up,
.block_member_photo .helmets .down {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 43px;
  background-color: #303030;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35%;
  border: 2px solid #fff;
  border-right: none;
}
.block_member_photo .helmets .up {
  top: 0px;
}
.block_member_photo[data-helmets_position="left"] .helmets .up {
  border-top-left-radius: calc(var(--button_border_radius) * 0.55);
}
.block_member_photo .helmets .up:not(.inactive) {
  background-image: url(../../../gokiosk/images/btn_up.png);
}
.block_member_photo .helmets .down {
  bottom: 0px;
}
.block_member_photo .helmets .down:not(.inactive) {
  background-image: url(../../../gokiosk/images/btn_down.png);
}
.block_member_photo .helmets .up:not(.inactive):hover,
.block_member_photo .helmets .down:not(.inactive):hover {
  background-color: #1a1a1a;
  cursor: pointer;
}
.block_member_photo .div_video img.helmet {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 30;
  display: none;
}
.block_member_photo {
  min-width: 0px;
  width: 100%;
}
.block_member_photo.show_helmets[data-helmets_position="bottom"] .div_video {
  margin-left: 0px;
  margin-bottom: 60px;
}
.block_member_photo.show_helmets[data-helmets_position="bottom"] .helmets {
  top: auto;
  bottom: 66px;
  width: 100%;
  height: 60px;
}
.block_member_photo[data-helmets_position="bottom"] .div_photo_taken,
.block_member_photo[data-helmets_position="bottom"] .div_take_photo {
  width: 100%;
}
.block_member_photo[data-helmets_position="bottom"] .block_photo {
  min-width: 0px;
  width: 100%;
}
.block_member_photo[data-helmets_position="bottom"] .div_video {
  width: 100%;
  min-height: 50px;
  height: auto;
}
.block_member_photo[data-helmets_position="bottom"] .helmets .container {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
  display: flex;
  margin-top: 0px!important;
}
.block_member_photo[data-helmets_position="bottom"] .helmets .up,
.block_member_photo[data-helmets_position="bottom"] .helmets .down {
  height: 100%;
  width: 30px;
  border-right: 2px solid #fff;
  border-top: none;
  background-size: 70%;
}
.block_member_photo[data-helmets_position="bottom"] .helmets .down {
  right: 0px;
  left: auto;
}
.block_member_photo[data-helmets_position="bottom"] .helmets .up:not(.inactive) {
  background-image: url(../../../gokiosk/images/btn_previous.png);
}
.block_member_photo[data-helmets_position="bottom"] .helmets .down:not(.inactive) {
  background-image: url(../../../gokiosk/images/btn_next.png);
}
.block_member_photo[data-helmets_position="bottom"] .helmets .category {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 100%;
  border-left: none;
  border-bottom: 2px solid #fff;
}
.block_member_photo[data-helmets_position="bottom"] .helmets .category .design {
  height: 100%;
  width: 57px;
  display: flex;
}
.block_member_photo[data-helmets_position="bottom"] .helmets .category:not([data-selectable="0"]) .design[data-category="no_helmet"] {
  background-size: 60%;
}
.block_member_photo[data-helmets_position="bottom"] .helmets img {
  max-width: 85%;
}
.block_member_photo[data-helmets_position="bottom"] .buttons .button.photo {
  width: 90%;
}
.block_member_photo .buttons .button.cancel,
.block_member_photo .buttons .button.validate {
  padding: 0px;
  width: 70px;
  margin-left: 10px;
}
.block_member_photo .buttons .button.cancel span,
.block_member_photo .buttons .button.validate span {
  display: none;
}
.block_member_photo .buttons .button.cancel:before,
.block_member_photo .buttons .button.validate:before {
  margin-right: 0px;
  margin-left: 0px;
  font-weight: normal;
  font-size: 28px;
}