.menu .app-brand.demo{height:64px}.app-brand-logo.demo svg{width:30px;height:24px}.app-brand-logo.demo .app-brand-logo-img{width:42px;height:42px;object-fit:contain;border-radius:.35rem}.app-brand-text.demo{font-size:.95rem;line-height:1.2;white-space:nowrap;letter-spacing:.01em}.layout-menu .app-brand-text.demo{font-size:.9rem;max-width:140px;overflow:hidden;text-overflow:ellipsis}.authentication-wrapper .app-brand-text.demo{font-size:1.5rem;text-transform:capitalize}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!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:1.25rem!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:300px;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:1.25rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1.25rem}.portal-switcher{border-bottom:1px solid rgba(67,89,113,.08)}.portal-switcher-group .btn{flex:1 1 0;white-space:nowrap}.department-switcher{border-bottom:1px solid rgba(67,89,113,.1);min-height:118px}.employee-module-card{transition:transform .15s ease,box-shadow .15s ease}.employee-module-card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1.25rem #4359711f!important}.department-switcher-label{display:block;margin-bottom:.35rem;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--bs-secondary-color)}.department-switcher-current{display:flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:.4rem .65rem;border-radius:.5rem;background:#4359710f;color:var(--bs-heading-color)}.department-switcher-current i{font-size:1.1rem;flex-shrink:0}.department-switcher-current-name{font-size:.875rem;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-switcher.is-department-active{background:linear-gradient(180deg,#4664ff1a,#4664ff05)}.department-switcher.is-department-active .department-switcher-current{background:#4664ff24;color:#4664ff}.department-switcher.is-department-active .department-switcher-select{border-color:#4664ff73;box-shadow:0 0 0 .15rem #4664ff1f}.department-switcher .is-submitting,body.department-switching .layout-menu{pointer-events:none}body.department-switching .layout-page{opacity:.92;transition:opacity .12s ease}.navbar-department-context.is-employee{background:#28a7451f}.navbar-department-context.is-admin{background:#4664ff1f}.navbar-department-context i{font-size:1.15rem;flex-shrink:0}.navbar-department-context-text{display:flex;flex-direction:column;min-width:0}.navbar-department-context-text small{font-size:.65rem;color:var(--bs-secondary-color)}.navbar-department-context-text strong{font-size:.8125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-department-context.is-active{background:#4664ff24;color:#4664ff}.navbar-department-context.is-active small{color:#4664ffd9}@media(max-width:575.98px){.navbar-department-context-text small{display:none}}