.bg-color-happpy{
    background-color: #000000;
}
.logo-happpy{
    width: auto !important;
}
.title-happpy{
    color: #000000;
}
.logo-login{
    width: auto !important;
}
.footer-happpy{
    background-color: #000000 !important;
}
.color-happpy {
    color: #000000 !important;
}
.catalog-card-border-happpy {
    height: 350px;
    border-color: #000000 !important;
    border-radius: 0px;
}
.border-happpy{
    border-color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0px;
}
.table-bordered-happpy {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-color: #000000 !important;
    border-left: none;
    border-right: none;
}
.btn-custom-happpy {
    background-color: white;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #000000;
    padding: 0 20px 0 20px;
  }
  .nav-happpy{
    background-color: #ffffff !important;
  }


/* Estilos para el checkbox cuando está marcado */
.form-check-input:checked {
  background-color: #ea6117 !important;
  border-color: #ea6117 !important;
}

/* Estilos para validacion del codigo postal */
.form-control.is-valid-cp {
    border-color: #198754; /* Verde */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.is-invalid-cp {
    border-color: #dc3545; /* Rojo */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}