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

.menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 74px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !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;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 231px;
    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;
}

.img-signature {
    padding: 3px;
    content: url('data:image/png;base64,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');
}

