#form,
.form{
    margin:0;
    padding:0;}
#form fieldset,
.form fieldset{
  padding:0;
  display:inline-block;
  border:none;
  margin:0 -12px 10px 0;
  box-sizing:border-box;
  vertical-align: top;
	text-align: left;}
#form fieldset.field_100,
.form fieldset.field_100{
  width:100%;}
#form fieldset.field_90,
.form fieldset.field_90{
  width:90%;}
#form fieldset.field_80,
.form fieldset.field_80{
  width:80%;}
#form fieldset.field_75,
.form fieldset.field_75{
  width:75%;}
#form fieldset.field_70,
.form fieldset.field_70{
  width:70%;}
#form fieldset.field_66,
.form fieldset.field_66{
    width:66%;}
#form fieldset.field_60,
.form fieldset.field_60{
    width:60%;}
#form fieldset.field_50,
.form fieldset.field_50{
    width:50%;}
#form fieldset.field_40,
.form fieldset.field_40{
    width:40%;}
#form fieldset.field_33,
.form fieldset.field_33{
    width:33%;}
#form fieldset.field_30,
.form fieldset.field_30{
    width:30%;}
#form fieldset.field_25,
.form fieldset.field_25{
    width:25%;}
#form fieldset.field_20,
.form fieldset.field_20{
    width:20%;}
#form fieldset.field_10,
.form fieldset.field_10{
    width:10%;}
#form .form_error,
.form .form_error{
    margin:0;
    padding:0 0 0 5px;
    font-size:0.85em;
    font-weight:500;
    color: firebrick;
    line-height:1.7em;
    display:none;}
#form fieldset input[type=text],
#form fieldset input[type=email],
#form fieldset textarea,
.form fieldset input[type=text],
.form fieldset input[type=email],
.form fieldset textarea{
    padding:5px;
    margin:0;
    font-size:1em;
    /* font-weight:400; */
    box-sizing:border-box;
/*    border-radius:3px;*/
    border:0;
    border-bottom:1px solid #aaa;
    font-family: 'Hind', sans-serif;
    font-weight:300;}
#form fieldset input[type=text],
#form fieldset input[type=email],
.form fieldset input[type=text],
.form fieldset input[type=email]{
	-webkit-width:calc(100% - 20px);
	-moz-width:calc(100% - 20px);
	-o-width:calc(100% - 20px);
  width:calc(100% - 20px);
  height:45px;
  /* margin-bottom:20px; */
  background-color:rgba(255,255,255,0.6);}
#form fieldset textarea,
.form fieldset textarea{
	-webkit-width:calc(100% - 8px);
	-moz-width:calc(100% - 8px);
	-o-width:calc(100% - 8px);
    width:calc(100% - 8px);
    min-height:150px;
    resize:vertical;
    background-color:rgba(255,255,255,0.6);}
#form fieldset .vul_in,
.form fieldset .vul_in{
    border-bottom-color:firebrick !important;
    background-color:#efefef !important;}
textarea:focus, input:focus{
    outline:none;}
#form .submit_row,
.form .submit_row{
    text-align: right;}
/*
#form fieldset input[type=submit]{
    padding:7px 10px;
    margin:0 7px 0 0;
    font-size:0.85em;
    font-weight:400;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #ddd;
    background-color: #ddd;}
*/
#form fieldset input[type=submit],
.form fieldset input[type=submit]{
  background-color: #FBB117;
	color:#fff;
	height:40px;
	line-height:40px;
	border-radius:22px;
	border:none;
	display:inline-block;
	font-weight:500;
	text-decoration: none;
	padding:0 20px;}

.form .option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    /* top: 13.33333px; */
    top: -5px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 35px;
    width: 35px;
    transition: all 0.15s ease-out 0s;
    /* background: #cbd1d8; */
    background-color:rgba(255,255,255,0.6);
    border: none;
    border-bottom:1px solid #aaa;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
  }
.form .option-input:hover {
    /* background: #fff; */
  }
.form .option-input:checked {
    /* background: #40e0d0; */
    background: #005F75;
  }
.form .option-input:checked::before {
    width: 35px;
    height: 35px;
    display:flex;
    content: '\f00c';
    font-size: 25px;
    font-weight:bold;
    position: absolute;
    align-items:center;
    justify-content:center;
    font-family:'fontAwesome';
  }
.form .option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    /* background: #40e0d0; */
    content: '';
    display: block;
    position: relative;
    z-index: 100;
  }
/* .required{
    position: absolute;
	   height:0px !important;
    padding:0;
    margin:0 !important;
	overflow:hidden;} */
::-webkit-input-placeholder{
   font-style: italic;
    color:#aaa;}
:-moz-placeholder{
   font-style: italic;
    color:#aaa;}
::-moz-placeholder{
   font-style: italic;
    color:#aaa;}
:-ms-input-placeholder{
   font-style: italic;
    color:#aaa;}

@media (max-width : 850px) {
  #exp_form{margin:20px;}
}
.courseLogin h3{
  color: var(--GrandBleu);
  font-size:1.3em;
}
.courseLogin form .input{
  width:100%;
  border:1px solid rgba(0, 95, 117, 0.2);
  border-bottom:2px solid var(--GrandBleu);
  background-color:#fff;
  margin:5px 0;
  line-height:2em;
}
.courseLogin form input:-internal-autofill-selected {
  background-color: #fff !important;
}
.courseLogin form .actions{
  text-align: right;
}
.courseLogin form .actions .knop{
  border:none;
  line-height:2em;
  color:#fff;
  background-color: var(--GrandBleu);
  padding: 0 5px;
  margin:5px 0;
}
