/************** PERSONALIZACION DE FORMULARIOS **************/
/* Componente de upload */
.file-field .btn, .file-field .btn-large {
    float: left;
    height: 3rem;
    line-height: 3rem;
}
.file-field span {
    cursor: pointer;
}

.btn, .btn-large {
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
}

.btn, .btn-large, .btn-flat {
    border: medium none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0 none;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
}
.file-field input[type="file"] {
    bottom: 0;
    cursor: pointer;
    font-size: 20px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}


.input-field label {
  color: #767676;
}

/* Modificacion check-box */
[type="checkbox"]:checked+label::before {
  border-color: transparent #5F98B0 #5F98B0 transparent;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #5F98B0;
  margin: 10px 2px 10px 2px;
  padding: 1em 1.75em 1em 1.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  width: auto;
  border: 0;
  /* 1 */
  padding: 0px 5px 0px 5px;
  font-size: 12px;
  margin-bottom: 0px;
  color: #5F98B0;
  /* 2 */
}

form .btn-default {
  background-color: #5F98B0 !important;
  border-color: #fff !important;
  color: #fff !important;
}

input[type="text"]:focus:not ([readonly] ), input[type="password"]:focus:not
  ([readonly] ), input[type="email"]:focus:not ([readonly] ), input[type="url"]:focus:not
  ([readonly] ), input[type="time"]:focus:not ([readonly] ), input[type="date"]:focus:not
  ([readonly] ), input[type="datetime-local"]:focus:not ([readonly] ),
  input[type="tel"]:focus:not ([readonly] ), input[type="number"]:focus:not
  ([readonly] ), input[type="search"]:focus:not ([readonly] ), textarea.materialize-textarea:focus:not
  ([readonly] ) {
  
  border-bottom: 1px solid #5F98B0;
  box-shadow: 0 1px 0 0 #5F98B0;
}

input[type="text"]:focus:not ([readonly] ) +label, input[type="password"]:focus:not
  ([readonly] ) +label, input[type="email"]:focus:not ([readonly] ) +label,
  input[type="url"]:focus:not ([readonly] ) +label, input[type="time"]:focus:not
  ([readonly] ) +label, input[type="date"]:focus:not ([readonly] ) +label,
  input[type="datetime-local"]:focus:not ([readonly] ) +label, input[type="tel"]:focus:not
  ([readonly] ) +label, input[type="number"]:focus:not ([readonly] ) +label,
  input[type="search"]:focus:not ([readonly] ) +label, textarea.materialize-textarea:focus:not
  ([readonly] ) +label {
  color: #5F98B0;
}

/* Campos rellenos validos */
input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"],
  input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus,
  input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"],
  input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus,
  input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus,
  input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"],
  input.valid[type="number"]:focus, input.valid[type="search"], input.valid[type="search"]:focus,
  textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus
  {
  border-bottom: 1px solid #5F98B0;
  box-shadow: 0 1px 0 0 #5F98B0;
}

input.valid[type="text"]:not([readonly]) + label, input.valid[type="password"]:not([readonly]) + label, input.valid[type="email"] + label, input.valid[type="url"]:not([readonly]) + label, input.valid[type="time"]:not([readonly]) + label, input.valid[type="date"]:not([readonly]) + label, input.valid[type="datetime-local"]:not([readonly]) + label, input.valid[type="tel"]:not([readonly]) + label, input.valid[type="number"]:not([readonly]) + label, input.valid[type="search"]:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #5F98B0;
}

input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #5F98B0;
    box-shadow: 0 1px 0 0 #5F98B0;
}

input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #5F98B0;
}


/* Colores de los botones */
.azul {
  background-color: #5F98B0 !important;
  color: #fff !important;
  border-color: #fff !important;
}
.bg-default{
  background-color: #5F98B0 !important;
  color: #fff !important;
  border-color: #fff !important; 
}
table.middled > tbody > tr > td{
  vertical-align: middle !important;
}

.azul:hover {
  background-color: #5F98B0 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.verde {
  background-color: #5fb0ad !important;
  color: #fff !important;
  border-color: #fff !important;
}

.caqui {
  background-color: #91b522 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.berengena {
  background-color: #714b76 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.enlace {
  text-decoration:underline !important;
}