@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/* Clearfix */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
/* Grayscale */
/* Animation */
/* Cross browser opacity */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
/* ¡¡¡Atención!!! Estas cuatro primeras variables también hay que cambiarlas en la template hijo (si existiera) y volver a compilar los módulos.*/
/* Colors */
form.module.form {
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* div#error [Error box] */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* textarea [Estilos generales para el text area] */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* .label [Estilos del label] */
  /* end .label */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ }
  form.module.form::after {
    display: block;
    content: '';
    clear: both; }
  form.module.form div#error {
    display: none;
    width: 100%;
    clear: both;
    text-align: left;
    font-weight: bold;
    content: '.';
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 1em;
    position: fixed;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    color: #313131;
    top: auto;
    left: 0;
    padding: 1em 3em;
    height: auto;
    -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.55); }
    form.module.form div#error.show {
      display: block; }
  form.module.form textarea {
    min-height: 110px; }
  form.module.form label, form.module.form div {
    display: block;
    float: left;
    padding: 0px;
    /* Custom style for legal terms checkbox */
    /* Custom style for legal terms checkbox */
    /* General */ }
    form.module.form label.col.text-right, form.module.form div.col.text-right {
      text-align: right; }
      form.module.form label.col.text-right span, form.module.form div.col.text-right span {
        text-align: right;
        float: right; }
    form.module.form label.col-12, form.module.form div.col-12 {
      width: 100%;
      margin: 0; }
    form.module.form label.col-6, form.module.form div.col-6 {
      width: 50%;
      margin: 0; }
    form.module.form label.col-4, form.module.form div.col-4 {
      width: 33%;
      margin: 0; }
    form.module.form label.col-3, form.module.form div.col-3 {
      width: 25%;
      margin: 0; }
    form.module.form label.label-s, form.module.form div.label-s {
      float: none; }
    form.module.form label.label-bases, form.module.form label.label-privacy-policy, form.module.form div.label-bases, form.module.form div.label-privacy-policy {
      width: 100%;
      display: block;
      text-align: left;
      line-height: 25px;
      float: right; }
      form.module.form label.label-bases span, form.module.form label.label-privacy-policy span, form.module.form div.label-bases span, form.module.form div.label-privacy-policy span {
        text-align: left;
        float: none;
        display: inline-block;
        width: auto; }
      form.module.form label.label-bases input, form.module.form label.label-privacy-policy input, form.module.form div.label-bases input, form.module.form div.label-privacy-policy input {
        width: auto;
        height: auto;
        float: none; }
    form.module.form label span, form.module.form div span {
      display: block;
      float: left;
      font-size: 1em;
      text-align: left;
      height: 34px;
      line-height: 34px; }
    form.module.form label input[type=file], form.module.form div input[type=file] {
      line-height: initial;
      padding: 10px 0; }
    form.module.form label input,
    form.module.form label textarea,
    form.module.form label select,
    form.module.form label span.custom-select,
    form.module.form label span.custom-inputfile, form.module.form div input,
    form.module.form div textarea,
    form.module.form div select,
    form.module.form div span.custom-select,
    form.module.form div span.custom-inputfile {
      display: inline-block;
      width: 100%;
      /* For custom-select */ }
      form.module.form label input span.custom-selectInner,
      form.module.form label textarea span.custom-selectInner,
      form.module.form label select span.custom-selectInner,
      form.module.form label span.custom-select span.custom-selectInner,
      form.module.form label span.custom-inputfile span.custom-selectInner, form.module.form div input span.custom-selectInner,
      form.module.form div textarea span.custom-selectInner,
      form.module.form div select span.custom-selectInner,
      form.module.form div span.custom-select span.custom-selectInner,
      form.module.form div span.custom-inputfile span.custom-selectInner {
        width: 100%;
        line-height: 49px;
        height: 49px;
        text-align: left;
        font-size: 1em; }
    form.module.form label span.custom-inputfile, form.module.form div span.custom-inputfile {
      position: relative; }
      form.module.form label span.custom-inputfile span.filepath, form.module.form div span.custom-inputfile span.filepath {
        width: auto;
        font-size: 0.6em;
        position: absolute;
        top: 36px;
        left: 28px; }
    form.module.form label input,
    form.module.form label span, form.module.form div input,
    form.module.form div span {
      height: 49px;
      line-height: 49px; }
    form.module.form label span.custom-select, form.module.form div span.custom-select {
      background-image: url("../../static/img/icons/custom-select-arrow.png");
      background-position: right center;
      background-repeat: no-repeat; }
    form.module.form label input[type="radio"], form.module.form label input[type="checkbox"], form.module.form div input[type="radio"], form.module.form div input[type="checkbox"] {
      margin: 0;
      float: left;
      width: 25px; }

@media screen and (max-width: 660px) {
  form.module.form label {
    width: 100%; }
    form.module.form label input, form.module.form label textarea, form.module.form label span {
      text-align: left; }
    form.module.form label.label-privacy-policy input, form.module.form label.label-privacy-policy span {
      display: inline;
      line-height: 1em; }
    form.module.form label.label-privacy-policy input {
      width: 20px;
      height: 20px;
      float: none; }
    form.module.form label.label-privacy-policy span {
      float: none; } }
