:root{--top-nav-height: 73px;--top-sub-nav-height: 40px}body{background-color:#f9f9f9}.page-content{margin-top:calc(var(--top-nav-height) + var(--top-sub-nav-height))}.page-content.page-content--guest{margin-top:calc(var(--top-nav-height))}main{margin:3rem;width:100%}.sidebar{position:fixed;top:calc(var(--top-nav-height) + var(--top-sub-nav-height));bottom:0;left:0;z-index:10;padding:0;box-shadow:inset -1px 0 #0000001a;background:var(--c-clientzone-primary);color:#fff}.sidebar-sticky{position:-webkit-sticky;position:sticky}.sidebar-sticky{top:0;height:calc(100vh - var(--top-nav-height) - var(--top-sub-nav-height));overflow-x:hidden;overflow-y:auto}.sidebar-heading{color:#fff;font-weight:700}.sidebar .nav-item .nav-link{color:#fff;font-size:1.125rem;font-weight:500;margin-left:1.5rem}.sidebar .nav-item.active{border-left:8px solid white;background:var(--c-clientzone-primary-dark)}.sidebar .nav-item.active .nav-link{font-weight:700;margin-left:1rem}.sidebar .nav-item:hover .nav-link{font-weight:700}.clientzone-subheader{display:flex;flex-wrap:nowrap;box-sizing:border-box;height:var(--top-sub-nav-height);width:100%;position:fixed;top:var(--top-nav-height);padding:0 1rem;transition:all 0 .3 s-out;background:#fff;z-index:10;border-top:1px solid rgba(0,0,0,.2)}@media(min-width:768px){:root{--top-sub-nav-height: 0px}.sidebar{display:block!important;width:250px}main{margin-left:calc(250px + 3rem)}main.main--guest{margin-left:3rem}}@media(max-width:767.98px){main{margin:2rem}#navMain{position:fixed;max-height:fit-content;width:100%;top:calc(var(--top-nav-height));bottom:0;left:0;z-index:1100;padding:0 15px;background:#fff;box-shadow:0 1px 1px #0003}.sidebar{max-height:fit-content;box-shadow:0 1px 1px #0003;width:100%}.sidebar .sidebar-sticky{height:unset}}