.light-style .menu .app-brand.demo,.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}@media (min-width: 1200px){.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-navbar .app-brand-text{display:none}.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo-text{display:none}.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo-text-collapsed{display:block;margin-left:auto;margin-right:auto}.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand{position:relative;-ms-flex-pack:center;justify-content:center}.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link{width:100%;-ms-flex-pack:center;justify-content:center}.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-text{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center}.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle{position:absolute;right:.75rem}.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .app-brand,.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .menu-vertical .app-brand{padding-left:0;padding-right:0;margin-left:0;margin-right:0}}.app-brand-logo-text-collapsed{display:none}@media (min-width: 1200px){.layout-menu.menu-collapsed:not(:hover) .app-brand-logo-text{display:none}.layout-menu.menu-collapsed:not(:hover) .app-brand-logo-text-collapsed{display:block;margin-left:auto;margin-right:auto}.layout-menu.menu-collapsed:not(:hover) .app-brand{position:relative;-ms-flex-pack:center;justify-content:center}.layout-menu.menu-collapsed:not(:hover) .app-brand-link{width:100%;-ms-flex-pack:center;justify-content:center}.layout-menu.menu-collapsed:not(:hover) .app-brand-text{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center}.layout-menu.menu-collapsed:not(:hover) .app-brand .layout-menu-toggle{position:absolute;right:.75rem}.layout-menu.menu-collapsed:not(:hover) .menu-vertical .app-brand,.layout-menu.menu-collapsed:not(:hover) .app-brand{padding-left:0;padding-right:0;margin-left:0;margin-right:0}}.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}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.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}@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:.65rem}}.layout-demo-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-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}