.section_form {
  height: 0;
  transition: height 0.5s ease;
  background: #f9ba7a;
  padding-left: 20px;
  padding-right: 20px;;
  padding-bottom: clamp(120px, 40vw, 200px);
  display: none;
}
#form_register {
  visibility:hidden;
}
#form_register.ready {
  visibility:visible;
}
.section_form.open {
  display: block;
  height: auto;
}
.section_form .wrapper_form {
  width:100%;
  max-width:1000px;
  display:block;
  margin:0 auto;
}
#form_register .grid {
  display: grid;
  grid-template-columns: 1fr;
}
.section_form .mdl-textfield {
  width:100%;
}
.section_form label {
  font-weight:400;
}
.section_form label[for=chkbox_newsletter] .mdl-checkbox__label,
.section_form label[for=chkbox_agree] .mdl-checkbox__label {
  color:#000;
}
.section_form .mdl-button--raised.mdl-button--colored {
  background: #000;
}
.section_form .mdl-checkbox__ripple-container .mdl-ripple {
  background: #000;
}
.section_form .mdl-menu__outline {
  transition:none;
}
.section_form .wrapper_message {    
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.section_form .txt_register {
  text-align: center;
}
.section_form .txt_error p,
.section_form .txt_success .title,
.section_form .txt_success p {
  line-height:1.2;
  color:#000;
  font-size: clamp(16px,2vw, 24px);

}
.section_form .txt_error {
  text-align:center;
  margin-top:30px;
  margin-bottom:30px;
}

.section_form .txt_success {  
  text-align:center;
  margin-top:30px;
  margin-bottom:30px;
}

@media screen and (min-width:768px) {
  .section_form {
    padding-bottom: 150px;
  }
  #form_register .grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 30px;
  }
  .section_form .txt_error {
    margin-top:60px;
    margin-bottom:60px;
  }
  .section_form .txt_success {
    margin-top:60px;
    margin-bottom:60px;
  }
}


/* mdl custom css */
.mdl-textfield .mdl-textfield__label {
  margin-bottom:0;
}
.mdl-textfield input[type=email] {
  background: none;
  border: none;
  border-bottom: 1px solid #000;
  width: 100%;  
}
.light_theme .mdl-textfield input[type=email] {
  border-bottom: 1px solid #000;
}
.light_theme .mdl-textfield input[type=email],
.light_theme .mdl-textfield input[type=text] {
  border-radius: 0;
}
.light_theme .mdl-textfield input[type=email],
.light_theme .mdl-textfield input[type=text],
.light_theme .getmdl-select .mdl-icon-toggle__label {
  color: #000;
}
.light_theme .mdl-textfield__label,
.light_theme .mdl-textfield.is-focused .mdl-textfield__label,
.light_theme .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color:#000;
}
.mdl-textfield .mdl-textfield__input[type=text] {
  border:none;
  border-bottom: 1px solid #000;
}
.light_theme .mdl-textfield .mdl-textfield__input[type=text] {
  border-bottom: 1px solid #000;
}
.mdl-textfield__label:after {
  width:100%;
  left:0;
}
.light_theme .mdl-textfield__label:after {
  background-color:#26afff;  
}
.getmdl-select .mdl-icon-toggle__label {
  transition:none;
  margin-top: -34px;
}
.mdl-checkbox {
  height:auto;
}
.mdl-checkbox[for="chkbox_newsletter"],
.mdl-checkbox[for="chkbox_agree"] {
  margin-bottom:20px;
}
.light_theme .mdl-checkbox__box-outline {
  border: 2px solid #000;
}
.light_theme #form_register .mdl-checkbox[for=chkbox_agree].is-invalid .mdl-checkbox__box-outline,
.light_theme #form_register .mdl-checkbox[for=chkbox_newsletter].is-invalid .mdl-checkbox__box-outline {
  border: 2px solid red;
}
.light_theme #form_register .mdl-checkbox[for=chkbox_agree].is-invalid.is-checked .mdl-checkbox__box-outline,
.light_theme #form_register .mdl-checkbox[for=chkbox_newsletter].is-invalid.is-checked .mdl-checkbox__box-outline {
  border: 2px solid rgb(63,81,181);
}
.light_theme .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid #000;
}
.light_theme .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #000;
}