.menu .app-brand.demo{height:64px}.app-brand-logo.demo svg{width:34px;height:24px}.app-brand-text.demo{font-size:1.375rem}.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:72px!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}@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:-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}#layout-menu{background:#020617!important;border-right:1px solid rgba(5,150,105,.2)!important}#layout-menu .menu-inner-shadow{background:linear-gradient(#020617 5%,#02061700)!important}.menu-vertical .menu-item.active>.menu-link{background:linear-gradient(72.47deg,#059669 22.16%,#10b981b3 76.47%)!important;box-shadow:0 4px 18px #05966966!important;color:#fff!important;border-radius:4px!important;margin:0 .75rem!important}.menu-vertical .menu-item.open>.menu-link{background-color:#0596690d!important}.menu-vertical .menu-item .menu-link{color:#94a3b8!important;transition:all .2s ease-in-out;padding-top:.65rem!important;padding-bottom:.65rem!important}.menu-vertical .menu-item.active .menu-link i,.menu-vertical .menu-item.active .menu-link div{color:#fff!important}.menu-vertical .menu-item:not(.active) .menu-link:hover{background:#0596691a!important;color:#34d399!important}.menu-vertical .menu-header{color:#d4af37!important;opacity:.9;letter-spacing:1.5px;margin-top:1.5rem!important;font-weight:700!important}.app-brand.demo{border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:.5rem}.app-brand-text.demo{background:linear-gradient(135deg,#fff 30%,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800!important;letter-spacing:1px}.menu-vertical .menu-sub .menu-link{padding-left:3.5rem!important}