.vertical-navbar{position:fixed;left:0;width:265px;height:calc(100vh - 140px);background:#fff;border-right:1px solid #e9ecef}.vertical-navbar .vn-inner{height:100%;display:flex;flex-direction:column}.vertical-navbar .vn-header{font-weight:600;font-size:var(--fs-14);color:#212529;border-bottom:1px solid #e9ecef}.vertical-navbar .vn-list{overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.vertical-navbar .vn-list::-webkit-scrollbar{width:6px}.vertical-navbar .vn-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.vertical-navbar .vn-list::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.vertical-navbar .vn-list{scrollbar-width:thin;scrollbar-color:#ced4da rgba(0,0,0,0)}.vertical-navbar .vn-item{padding:10px 12px;border-color:#f1f3f5}.vertical-navbar .vn-item:hover{background:#f8f9fa}.vertical-navbar .vn-link{text-decoration:none;color:#495057;width:100%}.vertical-navbar .vn-dot{width:20px;height:20px;margin-right:10px;border-radius:50%;background:#680389;box-shadow:inset 0 0 0 4px #fff}.vertical-navbar .vn-text{font-size:var(--fs-12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.with-vertical-navbar{padding-left:265px}@media(max-width:991.98px){.with-vertical-navbar{padding-left:0}}