body {
  background-color: #f0f0f0;
}
.text-primary {
  color: #012EA5 !important;

}

.content-login {
  width: 500px;
}

.logo {
  width: 250px;
  margin: 0 auto;
}

.btn-primary {
  --bs-btn-bg: #012EA5;
  --bs-btn-border-color: #012EA5;
  --bs-btn-hover-bg: #1A42AE;
  --bs-btn-hover-border-color: #1A42AE;
}

.form-control:focus {
  color: #012EA5;
  background-color: var(--bs-body-bg);
  border-color: #012EA5;
  outline: 0;
  box-shadow: none;
}

.table-primary {
  --bs-table-color: #ffffff;
  --bs-table-bg: #012EA5;
  color: #ffffff;
  border-color: #012EA5;
}

.img-document {
  width: 200px;
  height: 200px;
}

.form-control {
  border: var(--bs-border-width) solid #979797;
}

.form-select {

  border: var(--bs-border-width) solid #979797;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-select:focus {
  border-color: #012EA5;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  box-shadow: none;
}

@media screen and (max-width: 768px) {
  .card {
    background-color: transparent;
    border: none;
  }

  .content-login {
    width: 100%;
  }

  .logo {
    width: 200px;
    margin: 0 auto;
  }

  .img-document {
    width: 100%;
    height: 300px;
  }
}