.tab-vertical { }
.tab-vertical .nav.nav-tabs { float: left; display: block; margin-right: 0px; border-bottom: 0; }
.tab-vertical .nav.nav-tabs .nav-item { margin-bottom: 6px; }
.tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #fff; padding: 8px 16px; color: #6f6d72; background-color: #f8f9fa !important; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }
.tab-vertical .nav-tabs .nav-link.active { color: #ffffff; background-color: hsl(var(--base)) !important; border-color: transparent !important; }
.tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px !important; border-top-right-radius: 0px !important; }
.tab-vertical .tab-content { overflow: auto; -webkit-border-radius: 0px 4px 4px 4px; -moz-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; background: #fff; padding: 0 0 0 30px; }