/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 24px;
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

/* ── Logo SmileServitech (reemplaza SVG Vuexy) ─── */
.app-brand-logo.demo {
  width: 34px !important;
  height: 34px !important;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.app-brand-logo.demo svg,
.app-brand-logo.demo img {
  display: none !important;
}