:root {
  --main-color: #1f1f1f;
  --main-color-lighter: #61969e;
  --main-color-rgb: 31,31,31;
}

body {
  font-family: var(--bs-font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #29313d;
  background-color: #f9fafb;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(46,54,80,0);
}

/* Perzonalizar el focus de los inputs de BOOTSTRAP */
.form-control:focus, button:focus {
border-color: var(--main-color);
box-shadow: none!important;
}

.btn-sesion {
  color: white;
  background-color: #343a40;
  border-color: #343a40;  
}

.btn-sesion:hover {
  color: white;
}

@media (min-width: 1400px) {
  .container, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1140px!important;
  }
}

.img-bg {
  background-size: cover; 
  background-position: center; 
  border-radius: 5px 0px 0px 5px;
  background-image: url(../img/contabilidad.jpg);
}
#Password {
  z-index: 0; border-radius: 0 0.25rem 0.25rem 0;
}

#ver-password {
  top: 11px;
  right: 8px;
  opacity: 0.7;
  cursor: pointer;
}

.container {
  margin-top: calc(50vh - 250px);
}