body {
  font-family: Arial, sans-serif;
  /*font-family: Roboto; */
  height: 100%;
  background: #ffffff;
  -webkit-overflow-scrolling: touch
}

/*
input[type="text"], input[type="password"], input[type="date"], input[type="number"] {
    width: 94%;
    padding: 6px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px
}
*/

.form-control {
  height: 34px;
  font-size: 16px;
  border: 1px solid var(--bs-border-color);
  border-radius: 5px;
  /*width: 94%;*/
  margin: 10px 0;
}

.toggle-password i {
  pointer-events: none;
  color: #212529 !important;
}

.toggle-password.btn {
    border: 1px solid var(--bs-border-color);
    /*border: none;*/
    background: transparent !important;
    box-shadow: none !important;
    margin: 10px 0;
    height: 34px;
}

.toggle-password.btn:hover {
    background: none !important;
}

#loginsube, #loginfirma {
  width: 100%;
  height: 36px;
  font-size: 16px;
  /*padding: 8px;*/
  margin: 10px 0;
  background-color: #fffcc8;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#password {
  border-radius: 5px;
}
#password-btn-hidde {
border: none;
}