:root {
  --color-primario: #001c46;
  --color-secundario: #ffe324;
  --color-terciario: #fcb958;
}

#header {
  border-bottom: 5px solid var(--color-secundario);
  background-color: var(--color-primario);
  background-image: none;
}

#header #logo-group #logo img {
  width: 100%;
}

.page-footer {
  background-color: var(--color-primario);
}

#extr-page #header #logo {
  margin: 0px;
}

#extr-page #header #logo img {
  width: 100%;
}

.client-form header {
  background-color: var(--color-primario);
  background-image: none;
  color: var(--color-secundario);
}

.btn-primary {
  color: #fff;
  background-color: var(--color-primario);
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--color-primario);
  border-color: var(--color-primario);
}

.btn-primary {
  color: #fff;
  background-color: var(--color-primario) !important;
  border-color: var(--color-primario);
}

.modal-cds .modal-content {
  border: 1px solid var(--color-primario);
  border-radius: 15px;
}

.modal-cds .modal-content .modal-header {
  padding: 10px;
  background-color: var(--color-primario);
  color: var(--color-secundario);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modal-cds .modal-content .modal-header .modal-title {
  font-weight: bold;
}

.modal-cds .modal-content .modal-header .close {
  color: var(--color-secundario);
  opacity: 1;
}

.modal-cds .modal-content .modal-footer {
  padding: 10px;
}

.modal-cds .modal-content .modal-footer .btn {
   background-color: var(--color-primario);
   color: var(--color-secundario);
   font-weight: bold;
}