/* LOGIN */
:root{
    --bs-primary: #1b84ff !important;
    --btn-danger: #1b84ff!important;
    --bs-danger: #1b84ff!important;
    --bs-danger-active: #1b84ff!important;
}
.app-blank {
  background: url(https://cdn.tuempresaonline.com/img/background.png) no-repeat
    top center;
  background-color: white !important;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
}

.bg-body{
  width: 35rem !important;
  margin: auto;
  padding: 30px !important;
}

.ms-auto{
  margin: auto!important;
}

.btn.btn-primary{
  padding: 10px 30px !important;
}

/* HEADER */
#kt_app_page {
    background-color: white;
}

#teaser_window {
    display: none
}

#kt_app_toolbar {
    background-color: var(--bs-gray-200);
    padding: 0 1.5rem 0 0 !important;
}

#kt_app_header {
    padding: 2rem;
}
 
#kt_app_content #kt_app_content_container .row{
    margin: 1rem;
}
 
/* CATALOG */
#kt_app_content_container .card-body.text-center{
    width: 100%;
    height: auto;
}
 
@media (max-width: 991.98px) {
    .z-product {
        grid-template-rows: 3fr 2.9fr;
    }
}
.z-product.card {
    border-radius: 2rem;
}
.z-product .card-body {
    display: grid;
    grid-template-rows: 1fr 3fr 1fr;
    color: white;
    background-color: #0B2739;
    margin: 0 !important;
    border-radius: 0rem 0 20px 20px;
    text-align: center;
}

.z-product .text-gray-900 {
    color: white !important;
}

.z-product .card-body a {
    font-size: 1.7rem !important;
    line-height: 1 !important;
}
 
.z-product .card-body div:has(.btn){
    display: flex;
    justify-content: center;
}
 
.z-product .card-body div:has(.btn) a{
    font-size: 1.3rem !important;
    border-radius: 4rem;
}
 
.z-product img{
    width: 100%;
    border-radius: 20px 20px 0rem 0 !important;
}
 
#activeProductsTitle_window h2{
    font-size: 3rem 
}

#kt_app_content_container .card-body.text-center:has(button){
    display: flex;
    justify-content: center;
}
#kt_app_content_container .card-body.text-center div:has(button){
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}
 
/* FOOTER */
.app-footer {
    background-color: #0B2739;
}

.app-footer .app-container{
    justify-content: center;
}
 
.app-footer .table {
    width: auto !important;
    display: flex;
    flex-direction: row;
}