*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;

}


body {
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin: auto;
  flex-direction: column;
  background: #000000;
  opacity: ;
  
}

.header-img{
  margin: 0 auto; 
  display: block;
}

#principal{
 margin:0 auto;
}

#subtitle{
 text-align:center;
 font-size: 30PX;
 margin-bottom: 20PX;
 font-weight:700;
}

pre, blockquote, dl, figure, table, p, ul, ol, form{
  margin:0 0 0;
}
.eleven.columns.center-block {
  margin: 10px 20%;
  width: 60%;
}
.twelve.columns.center-block {
  margin: 20% 20%;
  width: 60%;
}
.container {
  margin-top: 1em;
  margin-bottom: 1em;
}

.text-subtittle{
  color: #304093;
  font-size: 22px;
  line-height: 50px;
}

span{
  font-size: 11px;
  font-weight: bolder;
  
}

.bold-txt{
  color: #304093;
  font-weight: bolder;
  font-size: 35px;
  text-align: center;
  letter-spacing: 1.5px;
  line-height: 40px;
  
}

.title-look{
  color: #304093;
  font-weight: 600;
  font-size: 18px;
}

.title-genero {
  color: #304093;
  font-weight: 600;
  font-size: 18px;
}

.bold-txt-2{
  font-size: 24PX;
  color:#304093;
  line-height: 27px;
  font-weight: bold;
}

#exitoso{
  text-align: center;
}

.reg-exitoso{
  
  font-size: 32px;
  font-weight: bolder;
}

email.input{
  margin-top: 0%;
}

.registro{
  font-size: 25px;
  
}

#skin_type{
  border: 1px solid #000000;
  border-radius: 30px;
}

#concern{
  border: 1px solid #000000;
  border-radius: 1px;
  border-radius: 30px;
  
}

.picker{
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin-left: 16px;
  margin-top: 9px;
}

.flatpickr-input[readonly] {
  cursor: pointer;
  background-color: white;
  
}

.date{
  box-sizing: border-box;
  width: 69%;
  height: 45px;
  margin-left: 22px;
  border: 2px solid #009FE3 ;
}

.LabelBirthdate{
  font-family: 'Lucida Sans', Arial;
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
  margin-bottom: 0px;
  
}

/* #paragraph-body{
  
  text-align: center;
  line-height: 30px;
} */

.span-sub{
  font-family: 'Lucida Sans', Arial;
  font-size: 27px;
  font-weight: bold;
  color:#FFFFFF;
  line-height: 28px;
}

.span-sub2{
  font-family: 'Lucida Sans', Arial;
  font-size: 24px;
  font-weight: lighter;
  color:#ffffff;
  line-height: 30px;
 
}


.info-sub{
  font-family: 'Lucida Sans', Arial;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
}

.day{
  font-size: 12px;
  font-weight: 600;
  color: #000000;
}

#birthday3{
  width: 33.3%;
  padding: 1px;

}

#birthday2{
  width: 33.3%;
  padding: 1px;

  
}

#birthday1{
  width: 33.3%;
  padding: 1px;
  
}

.picker2 {
  margin-left: 3%;
  font-size: 16px;
}

.date2{
  width: 60%;
  margin-left: 70px;
  height: 45px;
  border: 2px solid #009FE3 ;
}

.hr-img{
  text-align: center;
  
}

#img-linea{
  text-align: center;
  
}

.bold-txt-exitoso{
  color: #092F57;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  letter-spacing: 1px;
}

.bold-txt-error{
  color: #092F57;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  letter-spacing: 2px;
  line-height: 30px;
}

#img-linea{
  text-align: center;
}



.text-bold-error{
  color: #092f56;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  letter-spacing: 2px;
}

.text-sub{
  color: #ffffff;
  font-size: 27px;
  line-height: 10px;
  letter-spacing: 1px;
}

.text-bold{
  font-weight: bold;
  color: #ffffff;
  font-size: 26px;
  line-height: 25px;
  letter-spacing: 2.5px;
}

.text-bold-exitoso{
  font-weight: bold;
  color: #092f56;
  font-size: 23px;
  line-height: 28px;
  letter-spacing: 1px;
}

.text-term{
  font-size: 18px;
  font-weight: bolder;
  letter-spacing: 2px;
  color: #092f56;
  line-height: 25pxs;
  
}

#complete-fields{
  font-size: 13px;
  margin-left: 45px;
  color: #304093;
}

.text-cond{
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: underline;
  color: #ffffff;
}

img {
  max-width: 100%;
}

.header-img-mobile {
  display: none;
}
.footer-img {
  display: block;
}

.align-center {
  text-align: center;
}

form {
  width: 85%;
  margin: 0 auto;
  
}

input.txt-input{
width: 100%;

}

#birthday:focus { outline:none; }


input#birthday{
width: 100%;
height: 50px;
border: 2px solid #009fe3;

}

select{
  width: 100%;
  
}



select#skin_type{
  font-size: 13px;
  font-weight: 700;
  color: #000000;
}

select#concern{
  font-size: 13px;
  font-weight: 700;
  color: #000000;
}


legend{
  color: #000000;
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
  line-height: 15px;
  font-size: 18px;
}
label{
box-sizing: border-box;
font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: 25px;
color: #304093;
font-size: 14px;

}
.margin-top-1em {
  margin-top: 1em;
}

.margin-top-2em {
  margin-top: 2em;
}

.margin-top-3em {
  margin-top: 3em;
}

p.tittle-campo{
  font-size: 12px;
  margin-bottom: 10px;
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
  color: #000000;
}

h3 {
  color: #000000;
  font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
}
span{
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
  color: #000000;
}
h5 {
  font-size: 22px;
  margin: 15px 0;
  color: #000000;
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
}
.twelve.columns {
  width: 100%;
  margin: 1px 0;
}
.nine.columns{
  margin-left: 12%;

}

.eleven.columns{
  margin-left: 20%;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"]
{
  border: none;
  padding: 0;
  
  
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  height: 40px;
  padding: 6px 10px;
  background-color: #ffffff;
  border: 2px solid #000000;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  color: #000000; 
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  
}
input#birthday::placeholder {
color: #000000;
}
input::placeholder {
  color: #000000;
  font-weight: 700;
  font-size: 13px;

}

button, input, optgroup, select, textarea {
  box-sizing: border-box;
  color: #082E56;
  font-size: 13px;
  font-weight: bold;
  font-family:'Lucida Sans',Arial, Helvetica, sans-serif;

}

hr {
  margin: 1em;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: #000000;
  border-color: none;
  outline: 0;
  
}
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  color: #ffffff;
  background-color: #12110C;
  border-color: #fff;
  
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{
  background: #000000;
  color: #ffffff;
  padding: 0 30px;
  border: 1px #009fe3 solid;
  margin: 0px auto;
  width: 500px;
  
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  height: auto;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background: #000000;
  color: #ffffff;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 0;
   font-family: 'Lucida Sans',Arial, Helvetica, sans-serif; 
   
}
.button:hover, button:hover, input[ype="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus
{
  color: #ffffff;
  border-color: none;
  outline: 0;
  
}
.concern{
  line-height: .5em;

}

.alert {
  color: #941c12;
}

.error {
  color: red;
  font-size: 9px;
}



/* .concernError{
  display: none;
  margin-bottom: 1em;
  text-align: left;
} */

.optinError{
  display: none;
  margin-bottom: 1em;
  text-align: left;
}


input[type="checkbox"] {
  width: 12%;
  float: left;
  margin-left: 82px;
}




.terminos{
  color: #ffffff; 
  line-height: 0px;
  margin-left:  53px; 
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
}



.span-checkbox{
  display: block;
  float: left;
  line-height: 16px;
  
  
}

.term-cond{
  font-family: 'Lucida Sans',Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  
}

.term-cond2{
  font-size: 10px;
  color:#ffffff;
  font-weight: 600;
  text-decoration: underline;
  
 
}

.reg-exitoso{
  text-align: center;
  
}

.paragraph-error{
  text-align: center;
  font-size: 24px;
  line-height: normal;
}

.span-err{
  font-size: 24px;
  font-weight: bolder;
}

#img-linea{
  text-align: center;
  
}

.hr-img{
 text-align: center;
}

.sub-success{
  text-align: center;
  font-size: 22px;
  letter-spacing: 1px;
}

.sub2-success{
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 1px;
}

.button.button-primary-exitoso{
  background: #000000;
}

.button.button-primary-exitoso, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{
  background: #ffffff;
  color: #000000;
  border: 1px solid;
  border-radius: 10px;
  margin-left: px;
  text-align: center;
  width: 80%;
  height: 50px;
  font-size: 25px;
}

@media screen and ( max-width : 800px ) {
  .picker{
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin-left: 16px;
    margin-top: 9px;
  }
  
  .date{
    width: 69%;
    height: 45px;
    margin-left: 20px;
    border: 2px solid #009FE3 ;
  }

}
  
  
  


@media screen and ( max-width : 710px ) {

  .bold-txt{
    font-size: 30px;
   }
 
   .text-sub{
     font-size: 23px;
   }
   
   .text-bold{
     font-size: 22px;
     letter-spacing: 2px;
   }

 .text-term{
     font-size: 14px;
   }
 .text-cond{
     font-size: 14px;
  }

  .reg-exitoso{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
  }
  
  .registro{
    text-align: center;
    font-size: 23px;
  }

  .picker{
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-left: 16px;
    margin-top: 9px;
  }
  
  .date{
    width: 67%;
    height: 45px;
    margin-left: 25px;
    border: 2px solid #009FE3 ;
  }

  .sub2-success{
    text-align: center;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: 1px;
  }

  
  label{
    font-size: 12px;
    }
  .text-bold-exitoso{
    font-size: 24px;
   }
   .bold-txt-error{
    font-size: 26px;
  }
  .text-bold-error{
    font-size: 26px;
   
  }
  .term-cond{
    color: #000000;
    margin-top:4px;
    font-size: 11px;
  }
  
  .term-cond2{
    font-size: 13px;
    text-decoration:underline;
  }

  input[type="checkbox"] {
    width: 12%;
    float: left;
    margin-left: 63px;
  }

  input#birthday{
    width: 100%;
   
    }

    input::placeholder {
      color: #000000;
      font-weight: 700;
      font-size: 14px;
    
    }

    .LabelBirthdate{
      font-size: 11px;
     
      
    }

    button, input, optgroup, select, textarea {
      box-sizing: border-box;
      color: #000000;
      font-size: 14px;
      font-weight: bold;
      font-family:Arial, Helvetica, sans-serif;
    
    }

    .span-sub{
      font-size: 25px;
      font-weight: bold;
      color:#FFFFFF;
      line-height: 28px;
    }
    
    .span-sub2{
      font-size: 20px;
      font-weight: lighter;
      color:#ffffff;
      line-height: 26px;
    }
    
    
    .info-sub{
      font-size: 13px;
      line-height: 15px;
      font-weight: bold;
    }

 
}

@media screen and ( max-width : 650px ) {
  .picker{
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-left: 10px;
    margin-top: 9px;
  }
  
  .date{
    width: 67%;
    height: 45px;
    margin-left: 19px;
    border: 2px solid #009FE3 ;
  }

  #paragraph-body{
    font-size: 20px;
    text-align: center;
    line-height: 20px;
  }
  
 

  .sub2-success{
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
  }

  .span-sub{
    font-size: 25px;
    font-weight: bold;
    color:#FFFFFF;
    line-height: 28px;
  }
  
  .span-sub2{
    font-size: 20px;
    font-weight: lighter;
    color:#ffffff;
    line-height: 26px;
  }
  
  
  .info-sub{
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
  }
}
 
/* Larger than phablet (also point when grid becomes active) */
@media screen and ( max-width : 600px ) {

  .header-img{
    
    
  }
    .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{
      width: 100%; 
    }

    input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
      width: 100%;
    }

    form{
      width: 100%;
      margin: 0px auto;
    }
    .twelve.columns{
      width: 100%;
      margin: 0 0px 0 0px;
    }
    .nine.columns{
      margin-left: 2%;
    }
    .eleven.columns.center-block {
      margin: 0 5%;
      width: 100%;
    }

    input::placeholder {
      color: #000000;
      font-weight: 700;
      font-size: 15px;
    
    }

    .bold-txt{
      font-size: 24px;
    }
    .text-sub{
      font-size: 18px;
    }
    input::placeholder {
      font-size: 13px;
    }
    .reg-exitoso{
  
      font-size: 31px;
      font-weight: bolder;
    }
    
    .registro{
      font-size: 22px;
      
    }
    label{
      font-size: 11px;
      }

    .text-bold{
      font-size: 18px ;
    }
    .text-term{
      font-size: 12px;
    }
    .text-cond{
    font-size: 12px;
    }
    .title-look{
      color: #304093;
      font-weight: 600;
      font-size: 17px;
    }
    
    .title-genero {
      color: #304093;
      font-weight: 600;
      font-size: 17px;
    }
    .text-bold-exitoso{
      font-weight: bold;
      color: #000000;
      font-size: 21px;
      line-height: 22px;
      letter-spacing: 1px;
    }
  
    .bold-txt-exitoso{
      color: #000000;
      font-weight: bold;
      font-size: 38px;
      text-align: center;
      letter-spacing: 1px;
    }
    .term-cond{
      color: #ffffff;
      margin-top:4px;
      font-size: 11px;
    }
   
    .term-cond2{
      font-size: 11px;
      text-decoration:underline;
    }

    input[type="checkbox"] {
      width: 12%;
      float: left;
      margin-left: 85px;
    }

      #complete-fields{
        margin-left: 12px;
      }

      .bold-txt-error{
        font-size: 22px;
      }
      .text-bold-error{
        font-size: 22px;
       
      }

      button, input, optgroup, select, textarea{
        box-sizing: border-box;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        font-family:'Lucida Sans',Arial, Helvetica, sans-serif;
      }

      button, input, optgroup, select, textarea {
        box-sizing: border-box;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        font-family:Arial, Helvetica, sans-serif;
      
      }

      input#birthday{
        width: 100%;
       
        }

        .picker{
          float: left;
          font-size: 14px;
          font-weight: bold;
          color: #000000;
          margin-left: 10px;
          margin-top: 11px;
        }
        
        .date{
          width: 68%;
          height: 45px;
          margin-left: 26px;
          border: 2px solid #009FE3 ;
        }

      
        
        .span-sub{
          font-size: 24px;
          font-weight: bold;
          color:#FFFFFF;
          line-height: 25px;
        }
        
        .span-sub2{
          font-size: 16px;
          font-weight: lighter;
          color:#ffffff;
          line-height: 24px;
        }
        
        
        .info-sub{
          font-size: 12px;
          line-height: 15px;
          font-weight: bold;
        }

        .LabelBirthdate{
          font-size: 10px;
         
          
        }

}



@media screen and ( max-width : 550px ){
  .picker{
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-left: 16px;
    margin-top: 13px;
  }
  
  .date{
    width: 68%;
    height: 45px;
    margin-left: 30px;
    border: 2px solid #009FE3 ;
  }

  .span-sub{
    font-size: 21px;
    font-weight: bold;
    color:#FFFFFF;
    line-height: 25px;
  }
  
  .span-sub2{
    font-size: 16px;
    font-weight: lighter;
    color:#ffffff;
    line-height: 24px;
  }

    input[type="checkbox"] {
      width: 12%;
      float: left;
      margin-left: 56px;
    }
  
  
  .info-sub{
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
  }
}

@media screen and ( max-width : 500px ){

  .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{
    width: 100%; 
  }

  input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    width: 100%;
  }
 
  .bold-txt{
    font-size: 22px;
  }
  .text-bold-exitoso{
    font-size:19px ;
  }
  .bold-txt-exitoso{
    font-size: 28px;
  }
  .reg-exitoso{
  
    font-size: 29px;
    font-weight: bolder;
  }
  
  .registro{
    font-size: 20px;
    
  }
  .bold-txt-error{
    font-size: 20px;
  }
  input::placeholder {
    font-size: 12px;
  }
  input::placeholder {
    font-size: 12px;
  }
  label{
    font-size: 10px;
  }
  .text-bold-error{
    font-size: 20px;
   
  }
  .title-look{
    color: #304093;
    font-weight: 600;
    font-size: 16px;
  }

  button, input, optgroup, select, textarea{
    box-sizing: border-box;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
  }

  .picker{
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-left: 16px;
    margin-top: 13px;
  }
  
  .date{
    width: 67%;
    height: 45px;
    margin-left: 20px;
    border: 2px solid #009FE3 ;
  }
  
  .title-genero {
    color: #304093;
    font-weight: 600;
    font-size: 16px;
  }
  .term-cond{
    font-size: 10px;
  }
  .term-cond2{
    font-size: 10px;
  }
 
 input[type="checkbox"] {
    width: 12%;
    float: left;
    margin-top: 5px;
    margin-left: 59px;
  }

  .span-sub{
    font-size: 20px;
    font-weight: bold;
    color:#FFFFFF;
    line-height: 23px;
  }
  
  .span-sub2{
    font-size: 15px;
    font-weight: lighter;
    color:#ffffff;
    line-height: 22px;
  }
  
  
  .info-sub{
    font-size: 10.5px;
    line-height: 15px;
    font-weight: bold;
  }
  
}


@media screen and ( max-width : 450px ){

  .picker{
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-left: 16px;
    margin-top: 13px;
  }
  
  .date{
    width: 65%;
    height: 45px;
    margin-left: 13px;
    border: 2px solid #009FE3 ;
  }

  .span-sub{
    font-size: 19px;
    font-weight: bold;
    color:#FFFFFF;
    line-height: 22px;
  }
  
  .span-sub2{
    font-size: 14px;
    color:#ffffff;
    line-height: 22px;
  }
  
  
  .info-sub{
    font-size: 9px;
    line-height: 15px;
    font-weight: bold;
  }

  input[type="checkbox"] {
    width: 12%;
    float: left;
    margin-top: 5px;
    margin-left: 31px;
  }

}
  



@media screen and ( max-width : 400px ){
 
  .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{
    width: 100%; 
  }

  input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    width: 100%;
  }
  .bold-txt{
    font-size: 20px;
  }
  .text-bold-exitoso{
    font-size: 15px;
  }
  .bold-txt-exitoso{
    font-size:22px ;
  }
  .bold-txt-error{
    font-size: 16px;
  }
  input::placeholder {
    font-size: 11px;
  }
  .reg-exitoso{
  
    font-size: 25px;
    font-weight: bolder;
  }
  
  .registro{
    font-size: 16px;
    
  }
  label{
    font-size: 10px;
    }
  .text-bold-error{
    font-size: 16px;
  }
  input#birthday{
    width: 100%;
   
    }
    .picker{
      float: left;
      font-size: 11px;
      font-weight: bold;
      color: #000000;
      margin-left: 16px;
      margin-top: 14px;
    }
    
    .date{
      width: 65%;
      height: 45px;
      margin-left: 10px;
      border: 2px solid #009FE3 ;
    }  

    button, input, optgroup, select, textarea{
      box-sizing: border-box;
      color: #000000;
      font-size: 11px;
      font-weight: bold;
      font-family:Arial, Helvetica, sans-serif;
    }
    input[type="checkbox"] {
      width: 12%;
      float: left;
      margin-left: 95px;
    }

    .info-sub{
      font-size: 9px;
      line-height: 15px;
      font-weight: bold;
    }
}

@media screen and ( max-width : 370px ){
  .picker{
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    margin-left: 16px;
    margin-top: 14px;
  }

  .date{
    width: 60%;
    height: 45px;
    margin-left: 13px;
    border: 2px solid #009FE3 ;
  }  

  button, input, optgroup, select, textarea{
    box-sizing: border-box;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
  }
  input[type="checkbox"] {
    width: 12%;
    float: left;
    margin-left: 75px;
  }
}