/*******************************************************************************
/* Etiqueta y campo del formulario ********************************************/

::-webkit-input-placeholder {
  text-transform: initial;
}
:-moz-placeholder {
  text-transform: initial;
}
::-moz-placeholder {
  text-transform: initial;
}
:-ms-input-placeholder {
  text-transform: initial;
}

div.form {}

div.form ul li {
  display: block;
}

input.captcha {
  width: 45px !important;
}

fieldset {
  border: 0;
  /*margin-bottom:20px;
            padding:5px;
            background:rgba(8,152,212,0.02);*/
}

/* Código postal */
.zipcode {
  width: 65px !important;
}

.confirmInfo {
  margin: 5px 0;
  text-align: right;
  transition: all 1.5s ease 0s;
}

/* Ayuda para rellenar el campo */

/* Modo normal */
.hints {
  margin-top: 5px;
  font-size: 0.75em;
  line-height: 1em;
  font-style: italic;
}

/* Modo globo */
.hints_globe {
  display: inline;
  margin-left: 5px;
  font-size: 1em;
  cursor: help;
}

/* Precio */
.price {
  width: 100px !important;
}

.tiny {
  width: 50px !important;
}

.warnicon {
  background: black;
}

.readonly {
  cursor: not-allowed;
  opacity: 0.5;
}

/* SHA1 */
.sha1 {
  max-width: 310px !important;
}

/* MD5 */
.md5 {
  max-width: 280px !important;
}

/* Contador de carácteres */
.charleft {
  margin-top: 5px;
  text-align: center;
  width: auto !important;
}

/* Campos nombres propio */
.fullname,firstname,.middlename,.lastname {
  text-transform: capitalize;
}

.name {
}
.letters {
}
.nickname {
}
.digits {
}
.numeric {
}
.photo {
}
.country {
}
.address {
}
.url {
}
.gender {
}

/* Campo DNI */
.dninifcif {
  width: 120px !important;
  text-transform: uppercase;
}

/* Teléfono España */
.phone_es {
  width: 120px !important;
}

/* Teléfono internacional */
.phone {
  width: 150px !important;
}

span.required {
}

div.txt_before_field, div.txt_after_field {
  display: inline;
  padding-bottom: 5px;
  overflow: hidden;
  vertical-align: middle;
  padding-left: 2px;
  height: inherit;
  vertical-align: bottom;
  font-size: 0.9em;
}

/* En checkbox y radios ignora el color y el tamaño */
div.input_checkbox div.txt_before_field, div.input_checkbox div.txt_after_field {
  font-size: inherit;
  color: inherit;
}

form {
  text-align: center;
}

/* Se muestra el número de veces que el usuario ha intentado validar el
formulario sin éxito. Solo modo desarrollo */
div.n_try_validation {
  float: right;
  margin-top: 10px;
}

div.field {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
}

div.label, div.label_checkbox, div.label_textarea, div.label_radiolist,
div.label_checkboxlist {
  display: inline-block;
  width: 120px;
  margin-right: 5px;
  text-align: right;
  vertical-align: middle;
  line-height: 1em;
}

div.label_textarea, div.label_radiolist, div.label_checkboxlist {
  vertical-align: top;
  padding-top: 10px;
}

div.label, div.label_textarea, div.label_radiolist, div.label_checkboxlist{
  text-align: right;
  line-height: 1em;
  vertical-align: top;
  padding-top: 20px;
}

div.label_checkbox {
  padding-top: 0;
}

div.input {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 275px;
  margin-top: 10px;
}

/*******************************************************************************
/* Select, TextArea e input ***************************************************/

input,select,textarea,input.error,input.ok,textarea.error,.input_icon,textarea.ok,
select.error,select.ok,.zipcode,.phone_es,.captcha {
  display: inline-block;
  width: 85%;
  height: 35px;
  padding: 8px;
  border-style: solid;
  border-width: 1px;
  border-radius: 0 4px 4px 0;
  margin-top: 0;
  -o-text-overflow: clip;
  text-overflow: clip;
  outline-style:dotted;
  outline-color: blue;
  outline: 3px !important;
}

.input_icon {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 36px;
  border-radius: 4px 0 0 4px;
}

.input ._password_view_switch_adjust {
  width: 72%;
}

.input ._password_view_switch {
  -webkit-touch-callout: none !important; /* iOS Safari */
  -webkit-user-select: none !important; /* Safari */
  -khtml-user-select: none !important; /* Konqueror HTML */
  -moz-user-select: none !important; /* Firefox */
  -ms-user-select: none !important; /* Internet Explorer/Edge */
  user-select: none !important; /* Non-prefixed version, currently
                                        supported by Chrome and Opera */
}

.input ._password_view_switch:hover {
  cursor: pointer;
  opacity: 0.7;
}

/* Elimina el fondo por defecto en autocomplete (webkit, chrome). */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* Campo desactivado */
input:disabled,textarea:disabled,select:disabled {
  cursor: no-drop !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

/* Campo enfocado */
select:focus,textarea:focus,input:focus {
  /*outline:0;*/
  /*box-shadow:0 0 4px #000;*/
}

/* Campo encima */
.hover, select:hover, textarea:hover, input:hover {}

/* Campo error en checkboxs y radios */
div.error {
  min-height: 40px;
  border-width: 1px;
  border-style: solid;
}

/* Campo error */
input.error,textarea.error,select.error,div.error {}

div.errortext {
}
div.oktext {
}

/* Campo ok */
input.ok,textarea.ok,select.ok {}

/* Placeholder */
select.sel, option.sel, div.input:before {
}
::-webkit-input-placeholder {
} /* Chrome/Opera/Safari */
:-moz-placeholder {
} /* Firefox 18- */
::-moz-placeholder {
} /* Firefox 19+ */
:-ms-input-placeholder {
} /* IE 10+ */

/*******************************************************************************
/* TextArea *******************************************************************/

textarea, textarea.error, textarea.ok {
  height: 100px;
  resize: vertical;
  /*----*/

  font-family: inherit;
  font-size: inherit;
}

/*******************************************************************************
/* CheckBoxs y Radio **********************************************************/

input[type="checkbox"], input[type="radio"] {
  cursor: pointer;
  padding: 0;
  height: auto;
  margin: 0;
  width: auto;
}

/* Checkbox y radio únicos */
div.input_checkbox {
  width: auto;
  text-align: center;
  cursor: pointer !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.input_checkbox:hover {
  opacity: 0.8;
}

/* Checkbox y radio únicos */

@media all and (max-width: 500px) and (min-width: 481px) {
  div.input {
    width: 263px;
  }
  input, select, textarea {
    width: 227px;
  }

  .input ._password_view_switch_adjust {
    width: 191px;
  }
}

@media all and (max-width: 480px) {
  div.charleft {
    text-align: center;
  }

  input, select, textarea, .input_icon {
    border-width: 1px !important;
    min-height: 45px;
  }

  .input .addmore button {
    min-height: 45px;
  }

  .input_icon {
    padding-top: 10px;
  }

  div.label_textarea, div.label_radiolist, div.label_checkboxlist, div.label {
    text-align: center !important;
    width: 100% !important;
    margin-right: 0;
    padding-top: 15px;
  }

  div.form {
    padding-top: 15px;
  }

  div.input {
    margin-bottom: 15px;
  }

  div.field {
    display: inline;
    margin: 0 !important;
    width: auto;
  }

  div.label_textarea, div.label, div.label_radiolist, div.label_checkboxlist {
    padding-top: 10px;
  }

  div.label_textarea, div.label {
    display: none;
  }

}

@media all and (max-width: 330px) {
  div.input {
    width: 90%;
  }

  input, select, textarea {
    width: 100% !important;
  }

  .input_icon {
    display: none !important;
  }
}