/*------FONT----*/
@font-face {
    font-family: 'Noto IKEA Latin';
    src: url('../fonts/NotoIKEALatin-Regular.woff2') format('woff2'),
        url('../fonts/NotoIKEALatin-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto IKEA Latin';
    src: url('../fonts/NotoIKEALatin-Italic.woff2') format('woff2'),
        url('../fonts/NotoIKEALatin-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto IKEA Latin';
    src: url('../fonts/NotoIKEALatin-Bold.woff2') format('woff2'),
        url('../fonts/NotoIKEALatin-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*------STRUCTURE-----*/
body {color:white; margin: 0; padding:0;}

.body-cover {
  background-image: url("../assets/tiddsam-ikea-intropage.jpg"); /* replace with your image path */
  background-size: cover;       /* makes sure the image always covers the screen */
  background-position: center;  /* keeps it centered */
  background-repeat: no-repeat; /* prevents tiling */
  min-height: 100vh;            /* ensures it covers the viewport height */
  overflow-y: hidden;    
}

.body-intro {
  background-image: url("../assets/tiddsam-ikea-intropage.jpg"); /* replace with your image path */
  background-size: cover;       /* makes sure the image always covers the screen */
  background-position: center;  /* keeps it centered */
  background-repeat: no-repeat; /* prevents tiling */
  min-height: 100vh;            /* ensures it covers the viewport height */
  overflow-y: auto;    
}

.body-reg {
  background-color:#ff8601;
  min-height: 100vh;            /* ensures it covers the viewport height */
  overflow-y: auto;    
}

.main_container {width:80%;margin-left:10%;background-color: orange;min-height:500px;padding:40px}
.left {float:left;width:30%}
.middle {float:left;background-color:red;width:35%;padding:20px;box-sizing: border-box;}
.right {float:left;background-color: pink;width:25%;padding:20px;box-sizing: border-box;}

/*--------SPECS---*/
h3 {
      font-family: 'Noto IKEA Latin';
      font-weight: bold;
     font-size:20px;
    line-height:26px;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
}

p {
      font-family: 'Noto IKEA Latin';
      font-weight: normal;
     font-size:14px;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
}

p a {
      color:white;
}

ul {
    padding: 0 0 15px 15px;
    margin: 0 0 0 0;    
}

ul li {
      font-family: 'Noto IKEA Latin';
      font-weight: normal;
         font-size:14px;
}

strong {font-family: 'Noto IKEA Latin'; font-weight: bold;}
.white {color:white;}
.black {color:black;}

.spacer25 {position:relative; float:left; clear: both; width:100%; height:25px}
.spacer50 {position:relative; float:left; clear: both; width:100%; height:50px}
.spacer100 {position:relative; float:left; clear: both; width:100%; height:100px}
.spacer {height:40px}
.clear {clear:both}


/*--------INTROPAGE---*/
.somethingcooking {
    position:absolute;
    top:70px;
    left:80px;
    width:90%;
    height:auto;
    font-family: 'Noto IKEA Latin';
    font-weight: bold;
    font-size:50px;
    line-height:58px;
}

.ikealogo {
    position:absolute;
    bottom:40px;
    right:70px;
    width:300px;
}

.ikealogo img {
    width:100%;
}

.ikealogofloat {
    position:absolute;
    bottom:40px;
    right:40px;
    width:200px;
}

.ikealogofloat img {
    width:100%;
}

.countdownbox {
    position:absolute;
    bottom:60px;
    left:60px;
    width:auto;
}

    .countdown {
      display: flex;
      gap: 20px;
      text-align: center;
    }

    .time-box {
      /*background: #222;*/
      padding: 20px;
      min-width: 80px;
    }

    .number {
      font-size: 90px;
      font-family: 'Noto IKEA Latin';
      font-weight: bold;
      letter-spacing: 2px;
    }

    .labelcountdown {
      margin-top: 8px;
      font-size: 40px;
      font-family: 'Noto IKEA Latin';
      font-weight: normal;
      text-transform: uppercase;
      color: #fff;
    }


/*-----INTROPAGE RESERVATIE-----*/
.introkader {
position: absolute;    
bottom: 80px;
left: 85px;
width: 50%;
height: auto;
/* UI Properties */
background-color: rgba(255, 134, 1, 0.5); /* Oranje met 50% transparantie */
color:white;    
padding:20px;    
}    

.reservatieknoppen {
  position: absolute;
  top: 80px;
  right: 80px;
  display: flex;          /* gebruik flexbox */
  width: auto;
  height: auto;
}

.btn-reserveren,
.select-lang {
  height: 34px;           /* zelfde hoogte */
  font-size: 15px;
  font-weight: bold;
  font-family: 'Noto IKEA Latin';
  line-height: 34px;      /* tekst verticaal centreren */
}

.btn-reserveren {
  display: inline-flex;
  align-items: center;
  gap: 30px;              /* beetje ruimte tussen tekst en icoon */
  background-color: #ff8601;
  color: #fff;
  text-decoration: none;
  padding: 0 14px 0 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid white;
  cursor: pointer;
  transition: background-color 0.3s ease;
  min-width: 125px;
  margin: 0;
}

.btn-reserveren .icon-arrow {
  width: 20px;
  height: 20px;
}

.lang-switch {
  position: relative; /* nodig voor het pijltje ::after */
}

.select-lang {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ff8601;
  color: #fff;
  border: none;
  width: 140px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  padding: 0 30px 0 14px;
}

.lang-switch::after {
  content: "▾";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #fff;
  font-size: 14px;
}
.select-lang:hover,
.select-lang:focus {
  background-color: #ff8601;
  outline: none;
}

/* Custom pijltje (unicode) rechts in de select */
.lang-switch::after {
  content: "▾";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #fff;
  font-size: 14px;
}

/* Visueel verborgen label, toegankelijk voor screenreaders */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,1px,1px); white-space: nowrap; border: 0;
}


/*--------RESERVATIEPAGINA---*/
.registratietekst {
position: absolute;    
bottom: 70px;
left: 85px;
width: 28vw;
height: auto;
/* UI Properties */
color:white;       
}

.tijdslotenkader {
    position:absolute;
    bottom:80px;
    right:80px;
    height:auto;
    width:55vw;
    /*background-color:yellow;*/
}

.kolomlinksreg {position:relative; float:left;margin: 0 0 0 0 ; width:60%;background-color:#ff490c; min-height:70vh; }
.kolomlinkstijdsloten {position:relative; float:left;margin: 0 0 0 0 ; width:90%; padding:30px;}
.left-title {position:relative; float:left;margin: 0 0 0 0 ; width:100%;background-color:#ff8601; font-family: 'Noto IKEA Latin';
      font-weight: bold; font-size:14px; padding:10px 0;}

.kolomrechtsreg {position:relative; float:left;margin: 0 0 0 0 ; width:40%;background-color:#ff88b3; min-height:70vh;}
.kolomrechtstijdsloten {position:relative; float:left;margin: 0 0 0 0 ; width:90%; padding: 10px 30px 30px 30px;}
.right-title {position:relative; float:left;margin: 0 0 0 0 ; width:100%;background-color:#ff8601; font-family: 'Noto IKEA Latin';
      font-weight: bold; font-size:14px; padding:10px 0;}

.bad-day {float:left;width:50%;color:#ff926d;font-size:18px; font-family: 'Noto IKEA Latin'; font-weight: bold; margin: 0 0 15px 0;}
.bad-msg {float:left;width:50%;color:#ff926d; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:13px; padding: 6px 0 0 0;}
.good-day {float:left;width:50%;color:white;font-size:18px; font-family: 'Noto IKEA Latin'; font-weight: bold;cursor:pointer; margin: 0 0 20px 0;}
.good-msg {float:left;width:50%;color:white; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:13px; padding: 4px 0 0 0;}
.book-period {color:white; font-size:18px; font-family: 'Noto IKEA Latin'; font-weight: bold; padding: 20px 0 5px 0;}
.book-check {float:left;margin-right:5px}
.book-time {float:left;margin-right: 5px; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:15px;}
.book-time-wait {color:#ffb8d1!important}
.book-comment {float:left;color:white; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:13px; padding: 2px 0 0 0}
.doit {float:left;margin-left:0;width:85%; margin:30px;}
#error {color:white;padding:4px 4px 4px 10px;;border:1px solid red;margin-top:5px; width:98%;display:none;border-radius:6px; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:15px; background-color:red;}
.try-submit {display:block; position:absolute; bottom:25px; right: 25px; margin:0 0 0 0;z-index:1000}
.gehandicapt {color:black!important}
.good-day.active {
  text-decoration: underline;
  text-decoration-color: white; /* expliciet wit */
  text-underline-offset: 3px;   /* optioneel: afstand van tekst */
}
label {cursor:pointer;}
.nxtsubmitbutton {width:40px;}

button {appearance: none;   -webkit-appearance: none;   -moz-appearance: none; background-color: transparent; border:none; cursor:pointer}



/*----- FORM / BEVESTIGINGSPAGINA----*/
.leftimage {
  background-image: url("../assets/tiddsam-ikea-confirmationpage.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  width: 48%;      /* minder dan de helft van de breedte */
  height: 100vh;    /* minder dan de helft van de hoogte van het scherm */
  overflow: hidden; /* scrollbar vermijden */
  position:relative;
  float:left;
}

.form-container {position:relative; float:left; margin: 0 0 0 5%; width:42%;}

.left-half {float:left;width:48%;margin-right:4%;padding:0px;box-sizing: border-box;}
.right-half {float:left;width:48%;padding:0px;box-sizing: border-box;}
.field-input {font-size:14px;padding:0;width:100%}
.header {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:13px;color:#6F6F6F; padding: 15px 0 5px 0;}
.f_text {border:1px solid #707070; width:100%;height:30px;border-radius:6px; padding: 1px 10px 1px 10px}
.full {padding:0px;width:100%}
.tel-land {float:left;width:25%;margin-right:2%;padding:0px;box-sizing: border-box;}
.tel-nummer {float:left;width:73%;box-sizing: border-box; padding:0px}
select {height:34px;font-size:13px;border:1px solid #707070 ;border-radius:6px;width:100%; padding: 0 10px 0 5px}

.personen {width:102.7%}
#personen {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
}
textarea {width:101.5%;padding:10px; border-radius:6px;height:70px; font-size:13px; font-family: 'Noto IKEA Latin'; font-weight: normal;}
input {font-size:13px}

.fullcheck {padding:20px 0px 10px 0px;width:100%}
.explain {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:11px; font-style: italic;  color:#6F6F6F; padding:3px 0;}
.explain2 {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:11px; font-style: normal;  color:#000000; padding:0px 0px 0px 0px;}
.explain3 {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:14px; font-style: normal;  color:#000000; padding:0px 0px 0px 0px;}

#g_1 {display:none}
#g_2 {display:none}
#g_3 {display:none}
#g_4 {display:none}
#g_5 {display:none}
#g_6 {display:none}

.submit-btn {
    color: black;
    background-color: #ddd;
    text-align: center;
    border-radius: 15px;
    border: 0px solid grey;
    width: 103%;
    margin: 18px 0 50px 0;
    padding: 12px 0;
    font-family: 'Noto IKEA Latin'; 
    font-weight: bold;
    font-size:15px;    
    cursor:pointer;
}

#mail_error {display:none;color:red; font-size:13px; font-family: 'Noto IKEA Latin'; font-weight: normal;padding: 3px 0 3px 0;}

#register_ok{
    color: white;
    margin-left: 30vw;
    width: 40vw;
    background-color: #ff490c;
    font-size: 16px;
    position: fixed;
    z-index: 1000;
    padding: 50px 0 50px 0;
    top: 35vh;
    text-align: center;
    display: none;
}

#register_ok_wait {
    color: white;
    margin-left: 30vw;
    width: 40vw;
    background-color: #ff490c;
    font-size: 16px;
    position: fixed;
    z-index: 1000;
    padding: 50px 0 50px 0;
    top: 35vh;
    text-align: center;
    display: none;
}

#register_bad{
    color: white;
    margin-left: 30vw;
    width: 40vw;
    background-color: #ff490c;
    font-size: 16px;
    position: fixed;
    z-index: 1000;
    padding: 50px 0 50px 0;
    top: 35vh;
    text-align: center;
    display: none;
}

.reg_title {      
    font-family: 'Noto IKEA Latin';
    font-weight: bold;
    font-size:20px;
    line-height:26px;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
    color:white;
}

.reg_content {
    font-family: 'Noto IKEA Latin';
    font-weight: normal;
    font-size:14px;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
    color:white;    
}


#block {width:100%;height:100%;background: rgba(0, 0, 0, .5);;position:fixed;z-index:500;top:0;left:0;display:none}

.cancel {font-size:24px;text-align: center;color:red;width:100%}


/* IPAD */
@media screen and (max-width: 992px) {

/*--------INTROPAGE---*/
.somethingcooking {
    position:absolute;
    top:35px;
    left:35px;
    width:90%;
    height:auto;
    font-family: 'Noto IKEA Latin';
    font-weight: bold;
    font-size:35px;
}

.ikealogo {
    position:absolute;
    bottom:15px;
    right:10px;
    width:200px;
}

.ikealogo img {
    width:100%;
}

.countdownbox {
    position:absolute;
    bottom:150px;
    left:15px;
    width:auto;
}

    .countdown {
      display: flex;
      gap: 5px;
      text-align: center;
    }

    .time-box {
      /*background: #222;*/
      padding: 15px;
      min-width: 80px;
    }

    .number {
      font-size: 60px;
      font-family: 'Noto IKEA Latin';
      font-weight: bold;
      letter-spacing: 2px;
    }

    .labelcountdown {
      margin-top: 8px;
      font-size: 30px;
      font-family: 'Noto IKEA Latin';
      font-weight: normal;
      text-transform: uppercase;
      color: #fff;
    }        
    
}

/* MOBILE */
@media screen and (max-width: 900px) {
    
.body-cover {
  background-image: url("../assets/tiddsam-ikea-intropage.jpg"); /* replace with your image path */
  background-size: cover;       /* makes sure the image always covers the screen */
  background-position: center;  /* keeps it centered */
  background-repeat: no-repeat; /* prevents tiling */
  min-height: 100vh;            /* ensures it covers the viewport height */
  background-attachment: fixed;    
  overflow-y: hidden;    
}    
    
.body-intro {
  background-image: url("../assets/tiddsam-ikea-intropage.jpg"); /* replace with your image path */
  background-size: cover;       /* makes sure the image always covers the screen */
  background-position: center;  /* keeps it centered */
  background-repeat: no-repeat; /* prevents tiling */
  min-height: 100vh;            /* ensures it covers the viewport height */
  background-attachment: fixed;        
  overflow-y: auto;    
}    

.somethingcooking {
    position:absolute;
    top:35px;
    left:35px;
    width:90%;
    height:auto;
    font-family: 'Noto IKEA Latin';
    font-weight: bold;
    font-size:24px;
    line-height:38px;
}

.ikealogo {
    position:absolute;
    bottom:15px;
    right:10px;
    width:200px;
}

.ikealogo img {
    width:100%;
}

.countdownbox {
    position:absolute;
    top:350px;
    left:15px;
    width:auto;
}

    .countdown {
      display: flex;
      gap: 5px;
      text-align: center;
    }

    .time-box {
      /*background: #222;*/
      padding: 15px;
      min-width: 80px;
    }

    .number {
      font-size: 60px;
      font-family: 'Noto IKEA Latin';
      font-weight: bold;
      letter-spacing: 2px;
    }

    .labelcountdown {
      margin-top: 8px;
      font-size: 30px;
      font-family: 'Noto IKEA Latin';
      font-weight: normal;
      text-transform: uppercase;
      color: #fff;
    }   
    
/*-----SPECS----*/
.spacer25 {position:relative; float:left; clear: both; width:100%; height:12px}
.spacer50 {position:relative; float:left; clear: both; width:100%; height:25px}    
    
/*-----INTROPAGE RESERVATIE-----*/
.introkader {
position: relative;
float:left;    
top: inherit;
left: inherit;
width: 80%;
margin: 125px 0 0 5%;    
height: auto;
/* UI Properties */
background-color: rgba(255, 134, 1, 0.5); /* Oranje met 50% transparantie */
color:white;    
padding:20px;    
}    

.reservatieknoppen {
    position:relative;
    float:left;
    top:inherit;
    right:inherit;
    margin: 150px 0 0 8%;
    width:300px;
    height:auto;    
   }   
    
.ikealogofloat {
    position:relative;
    float:right;
bottom: auto;
    right: auto;
    margin: 0 0 0 0;
    width:200px;
}

.ikealogofloat img {
    width:100%;
}    
    
/*--------RESERVATIEPAGINA---*/
.registratietekst {
position: relative;
float:left;
margin: 100px 0 0 10%;    
bottom: auto;
left: auto;
width: 75%;
height: auto;
/* UI Properties */
color:white;       
}

.tijdslotenkader {
position: relative;
float:left;
margin: 20px 0 100px 5%;    
bottom: auto;
right:auto;    
left: auto;
width: 90%;
height: auto;
/*background-color:yellow;*/
}   
    
.kolomlinksreg {position:relative; float:left;margin: 0 0 0 0 ; width:50%;background-color:#ff490c; min-height:80vh; }
.kolomlinkstijdsloten {position:relative; float:left;margin: 0 0 0 0 ; width:90%; padding:30px;}
.left-title {position:relative; float:left;margin: 0 0 0 0 ; width:100%;background-color:#ff8601; font-family: 'Noto IKEA Latin';
      font-weight: bold; font-size:10px; padding:10px 0;}

.kolomrechtsreg {position:relative; float:left;margin: 0 0 0 0 ; width:50%;background-color:#ff88b3; min-height:80vh;}
.kolomrechtstijdsloten {position:relative; float:left;margin: 0 0 0 0 ; width:90%; padding: 10px 30px 30px 30px;}
.right-title {position:relative; float:left;margin: 0 0 0 0 ; width:100%;background-color:#ff8601; font-family: 'Noto IKEA Latin';
      font-weight: bold; font-size:10px; padding:10px 0;}
.booking-container {margin:10px 0 10px 0}
.bad-day {float:left;width:100%;color:#ff926d;font-size:13px; font-family: 'Noto IKEA Latin'; font-weight: bold; margin: 20px 0 0 0;}
.bad-msg {clear:both;float:left;width:50%;color:#ff926d; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:11px; padding: 6px 0 0 0;}
.good-day {float:left;width:100%;color:white;font-size:13px; font-family: 'Noto IKEA Latin'; font-weight: bold;cursor:pointer; margin: 20px 0 0 0;}
.good-msg {float:left;width:100%;color:white; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:13px; padding: 4px 0 0 0;}
.book-period {color:white; font-size:13px; font-family: 'Noto IKEA Latin'; font-weight: bold; padding: 20px 0 5px 0;}
.book-check {float:left;margin-right:5px}
.book-time {float:left;margin-right: 5px; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:13px;}
.book-comment {float:left;color:white; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:11px; padding: 2px 0 0 0}
.doit {float:left;margin-left:auto;width:85%; margin:5px;}
#error {color:white;padding:4px 4px 4px 10px;;border:1px solid red;margin-top:5px; width:98%;display:none;border-radius:6px; font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:15px; background-color:red;}
.try-submit {display:block; position:absolute; bottom:25px; right: 25px; margin:0 0 0 0;z-index:1000}
.good-day.active {
  text-decoration: underline;
  text-decoration-color: white; /* expliciet wit */
  text-underline-offset: 3px;   /* optioneel: afstand van tekst */
}
label {cursor:pointer;}
.nxtsubmitbutton {width:40px;}

button {appearance: none;   -webkit-appearance: none;   -moz-appearance: none; background-color: transparent; border:none; cursor:pointer}    
    
/*----- FORM / BEVESTIGINGSPAGINA----*/
.leftimage {
  background-image: url("../assets/tiddsam-ikea-confirmationpage.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  width: 100%;      /* minder dan de helft van de breedte */
  height: 300px;    /* minder dan de helft van de hoogte van het scherm */
  overflow: hidden; /* scrollbar vermijden */
  position:relative;
  float:left;
}

.form-container {position:relative; float:left; margin: 0 0 0 5%; width:85%;}

.left-half {float:left;width:100%;margin-right:0%;padding:0px;box-sizing: border-box;}
.right-half {float:left;width:100%;padding:0px;box-sizing: border-box;}
.field-input {font-size:14px;padding:0;width:100%}
.header {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:13px;color:#6F6F6F; padding: 15px 0 5px 0;}
.f_text {border:1px solid #707070; width:100%;height:30px;border-radius:6px; padding: 1px 10px 1px 10px}
.full {padding:0px;width:100%}
.tel-land {float:left;width:25%;margin-right:2%;padding:0px;box-sizing: border-box;}
.tel-nummer {float:left;width:73%;box-sizing: border-box; padding:0px}
select {height:34px;font-size:13px;border:1px solid #707070 ;border-radius:6px;width:100%; padding: 0 10px 0 5px}

.personen {width:107%}
#personen {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
}
textarea {width:101.5%;padding:10px; border-radius:6px;height:70px; font-size:13px; font-family: 'Noto IKEA Latin'; font-weight: normal;}
input {font-size:13px}

.fullcheck {padding:20px 0px 10px 0px;width:100%}
.explain {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:11px; font-style: italic;  color:#6F6F6F; padding:3px 0;}
.explain2 {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:11px; font-style: normal;  color:#000000; padding:0px 0px 0px 0px;}
.explain3 {font-family: 'Noto IKEA Latin'; font-weight: normal; font-size:14px; font-style: normal;  color:#000000; padding:0px 0px 0px 0px;}    

#g_1 {display:none}
#g_2 {display:none}
#g_3 {display:none}
#g_4 {display:none}
#g_5 {display:none}
#g_6 {display:none}

.submit-btn {
    color: black;
    background-color: #ddd;
    text-align: center;
    border-radius: 15px;
    border: 0px solid grey;
    width: 103%;
    margin: 18px 0 150px 0;
    padding: 12px 0;
    font-family: 'Noto IKEA Latin'; 
    font-weight: bold;
    font-size:15px;    
    cursor:pointer;
}

#mail_error {display:none;color:red; font-size:13px; font-family: 'Noto IKEA Latin'; font-weight: normal;padding: 3px 0 3px 0;}

    #register_ok {
        color: white;
        margin-left: auto;
        width: 80%;
        background-color: #ff490c;
        font-size: 16px;
        position: fixed;
        z-index: 1000;
        padding: 50px 10% 50px 10%;
        top: 25vh;
        text-align: center;
        display: none;
    }

#register_ok_wait {
        color: white;
        margin-left: auto;
        width: 80%;
        background-color: #ff490c;
        font-size: 16px;
        position: fixed;
        z-index: 1000;
        padding: 50px 10% 50px 10%;
        top: 25vh;
        text-align: center;
        display: none;
}

#register_bad{
        color: white;
        margin-left: auto;
        width: 80%;
        background-color: #ff490c;
        font-size: 16px;
        position: fixed;
        z-index: 1000;
        padding: 50px 10% 50px 10%;
        top: 25vh;
        text-align: center;
        display: none;
}

.reg_title {      
    font-family: 'Noto IKEA Latin';
    font-weight: bold;
    font-size:20px;
    line-height:26px;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
    color:white;
}

.reg_content {
    font-family: 'Noto IKEA Latin';
    font-weight: normal;
    font-size:14px;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
    color:white;    
}


#block {width:100%;height:100%;background: rgba(0, 0, 0, .5);;position:fixed;z-index:500;top:0;left:0;display:none}

.cancel {font-size:24px;text-align: center;color:red;width:100%}    
    
}