.wl_form_field {
   position: relative;
   width: 30vw;
   width: 100%;
   margin: 30px 20px 20px 20px;
       margin: 30px 20px 20px 0px;
}
.booking_data_wrap {
   padding: 40px;
background: #53648c;
box-shadow: 0px 20px 40px #0000002e;
width: 100%;
position: relative;
left: -40px;
    margin-bottom: 100px;
   margin-top: 80px;
}
.booking_data_flex {
	display: flex;
   width: 100%;
   justify-content: space-between;
}
.booking_data_flex .tr_trigger{
   width: 45%;
   width: calc(50% - 20px);
}
.wl_form_input {
   padding: 10px 0px 3px 0px;
   font-size: 17px;
   font-size: 20px;
   border: none;
   width: 100%;
   background: none;
   outline: none;
   border-bottom: 2px solid rgba(255,255,255,0.3);
   border-bottom: 2px solid rgb(105 105 105 / 33%);
   border-bottom: 2px solid rgba(0,0,0,0.2);
   position: relative;
   -webkit-appearance: none;
}
.wl_form_field::after {
   content: '';
   position: absolute;
   bottom: 0px;
   left: 0px;
   height: 2px;
   width: 0px;
   transition: 0.35s ease;

}
.wl_form_field.error::after {
   background: #D32F2F;
   width: 100%;
}
.wl_focus::after {
    background: #fff;
   background: #253a7b;
   filter: brightness(1.5);
    width: 100%;
}
.starting_from_toelichting_form {
   color: #fff;
   font-size: 13px;
   line-height: 150%;
   margin: 0 auto;
   /* margin-top: 40px; */
   margin-bottom: 65px;
   max-width: 500px;
   text-align: center;
   position: relative;
}
.toelichting_container {
   width: 100%;
   position: relative;
}
.wl_form_field label {
   position: absolute;
   bottom: 5px;
   left: 0px;
   color: hsl(0deg 0% 100% / 47%);
       color: rgb(30 57 104 / 51%);
           color: rgb(76 76 76 / 66%);
   color: rgba(0,0,0,0.38);
   font-weight: bold;
   transition: 0.2s ease;
   font-size: 12px;
   font-size: 16px;
   letter-spacing: 1px;

}
.wl_focus label {
    bottom: 30px;
    color: #353a97;
    transform: scale(0.65);
    transform-origin: bottom left;
}
.booking_data_wrap label {
    color: rgb(255,255,255,0.66);
}
.booking_data_wrap .wl_focus label {
   color: #fff;
   color: rgba(255,255,255,0.6);
}
.booking_data_wrap .wl_form_input {
   color: #fff;
}
.booking_data_wrap .wl_form_input {
   border-bottom: 2px solid rgba(255,255,255,0.15);
}
.booking_data_wrap .wl_form_field::after {
   background: rgba(255,255,255,0.5);
   background: rgba(255,255,255,1);
       background: rgb(118 130 158);
}
.error label {
   color: red;
   color: #D32F2F;
}
.booking_data_wrap .error label {
    color: #ff7271;
}
.booking_data_wrap .wl_form_field.error::after {
   background: #ff7271;
}
.wl_form_wrapper {
   padding: 100px 100px 160px 100px;
   background: #fff;
   background: #ededf4;
   background: #f1f1f1;
/*   margin-bottom: -20px;*/
   display: flex;
   align-items: center;
}
.confirm_container {
   padding: 50px 50px 50px 0px;
   max-width: 640px;
   position: relative;
}
.upload_foto_tekst {
   font-size: 13px;
   line-height: 150%;
   max-width: 310px;
   padding-bottom: 23px;
   color: #fff;
}
.link_wrapper {
   padding: 30px 0px 0px 0px;
}
.alert_li {
   text-align: left;
}
.alert_li ul{
   font-size: 18px;
}
.alert_li h1{
   font-size: 34px;
   color: blue;
}
.toelichting li {
   margin-bottom: 20px;
}
.file_upload .file_size {
    color: #fff !important;
    font-size: 14px !important;
}
.file_name a:link, .file_name a:visited {
   display: block;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}
.form_check_flex label {
   display: flex;
}
.form_check_flex input {
   transform: scale(1.5);
   margin-right: 15px;
}
.confirm_tekst {
   color: #000;
   font-size: 16px;
   line-height: 150%;
}
.wl_form h2 {
   color: #000;
   font-weight: bold;
   font-size: 36px;
   margin-bottom: 10px;
}