.cont-inputs {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.just-derecha {
    justify-content: end;
}



.top30 {
    top: 35px;
}

.top-5 {
    margin-top: 5%;
}


 
.checkss {
    margin-top: 3%;
}

.botones {
   margin-top: 1.5%;
   width: 17vi;
}

.btn-fuera {
   margin-top: -3%;

}

#txt-diagnost {
   display: none; 
}

#txt-enfermedad {
    display: none; 
}

#txt-ocupacion {
    display: none; 
}

#txt-quirurg {
    display: none; 
}

#selec-quir {
    display: none; 
}


@media(max-width:700px) {
    .i-25-ancho {
        width: 80%;
        font-size: 3vi;
    }
}


@media(max-width:500px) {
    

    .botones {
        margin-top: 1.5%;
        width: 30vi;
    }

    
}

/* NUEVOS ESTILOS DE FORMULARIOS */

.cont-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* background-color: aqua; */
    justify-content:left;
    justify-items: center;
    gap: 2%;
}

@media (max-width: 500px) {
    .cont-wrap {
      justify-content: center;
    }
  
}

.w15 {width: 15%;}
  .w15 {width: 12%;}
  .w20 {width: 17%;}
  .w30 {width: 30%;}
  .w50 {width: 45%;}
  .w70 {width: 65%;}
  .w100 {width: 95%;}

  .input-field {
      position: relative;
      margin: 1% 0;
  }

  .input-field input,
  .input-field select,
  .input-field textarea {
      width: 100%;
      height: 2.5vi;
      border: none;
      font-size: 1vi;
      border-bottom: 2px solid rgb(192, 192, 192);
      background: transparent;
      color: rgb(53, 53, 53);
      outline: none;

  }

  .input-field textarea {
      height: 7vi;
  }

  .input-field label{
      position: absolute;
      top: 60%;
      left: 10px;
      transform: translateY(-60%);
      color: rgb(95, 95, 95);
      font-size: 1.1vi;
      pointer-events: none;
      background: transparent;
      transition: 0.3s;
  }

  input:focus {
      border: none;
      border-bottom: 2px solid rgb(22, 22, 22);
      /* transform: translateX(0%); */
  }
  
  select:valid {
      border: none;
      border-bottom: 2px solid rgb(10, 14, 255);
  }

  input:valid {
      border-bottom: 2px solid rgb(10, 14, 255);
  }

  textarea:valid {
      border-bottom: 2px solid rgb(10, 14, 255);
  }


  input:focus ~ label {
      top: 0;
      font-size: 1vi;
      padding: 0 5px;
      background: transparent;
      color: rgb(97, 97, 97);
  }

  textarea:focus ~ label {
      top: -5px;
      font-size: 1vi;
      padding: 0 5px;
      background: transparent;
      color: rgb(97, 97, 97);
  }

  input:valid ~ label {
      top: 0;
      font-size: 1vi;
      padding: 0 5px;
      background: transparent;
      color:rgb(10, 14, 255);
 
  }

  textarea:valid ~ label {
      top: -5px;
      font-size: 1vi;
      padding: 0 5px;
      background: transparent;
      color:rgb(10, 14, 255);
  }

  input[type=email]:user-invalid ~ label {
      color: rgb(97, 97, 97);
      top: 0;
      font-size: 1vi;
      padding: 0 5px;
      background: transparent;
  }

  textarea:user-invalid ~ label {
    color: rgb(97, 97, 97);
    top: -5px;
    font-size: 1vi;
    padding: 0 5px;
    background: transparent;
  }

  select:focus ~ label,
  select:valid ~ label {
      top: 0;
      font-size: 1vi;
      padding: 0 5px;
      background: transparent;
      color:rgb(10, 14, 255);
  }

  .label-up {
      top: 0;
  }
  

  .tabla_th {
    /* background-color:rgb(46, 80, 12);
    color: cornsilk; */
    /* background: -webkit-linear-gradient(90deg, #256d0a,#00718a,#645e8d); */
    background: linear-gradient(90deg, #256d0a,#145e08,#145556);
    color: cornsilk;
    border-radius: 50%; 
  }