.nav.nav-tabs .nav-item .nav-link.active:after { box-shadow: 0 0 2px 0 rgba($primary, 0.5) !important; } .nav.nav-tabs .nav-item .nav-link { font-size: 1rem; padding: 17px 14px; text-transform: capitalize; letter-spacing: 0.045rem; color: rgba(0,0,0,.4); font-weight: bold; } .nav-vertical { .nav.nav-tabs .nav-item .nav-link { padding: 10px 25px; } .nav.nav-tabs .nav-item .nav-link.active:after { top: 1.3rem; width: 2.6rem; left: -17px; right: auto; } .nav.nav-tabs.nav-left { top: 5px; } .nav.nav-tabs.nav-left ~ .tab-content .tab-pane { background-color: transparent; } } .nav-tabs .nav-item { margin-bottom: 0; } .nav.nav-tabs { border-bottom: 1px solid #f4f4f4; } .nav-vertical { .nav.nav-tabs { border-bottom: 0; } .nav-tabs.flex-column { border-right: 0; > li { border-bottom: 0; } } } .nav-theme-primary, .nav-theme-white, .nav-theme-success, .nav-theme-info, .nav-theme-danger { .nav.nav-tabs { background: $primary; padding-left: 10px; border-radius: .15rem; box-shadow: $shadow; border-bottom: 0; } .nav.nav-tabs .nav-item .nav-link { color: $white50; } .nav.nav-tabs .nav-item .nav-link.active { color: $white; } .nav.nav-tabs .nav-item .nav-link.active:after { background: $white!important; } .nav-tabs .nav-item { margin-bottom: 2px; } //.tab-content { // background: $white; // box-shadow: $shadow; // margin-bottom: 5px; // border-radius: $card-border-radius; //} } .nav-theme-success .nav.nav-tabs { background: $success; } .nav-theme-info .nav.nav-tabs { background: $info; } .nav-theme-danger .nav.nav-tabs { background: $danger; } .nav-theme-white { .nav.nav-tabs { background: #fff; } .nav.nav-tabs .nav-item .nav-link { color: rgba(0,0,0,.4);; } .nav.nav-tabs .nav-item .nav-link.active { color: $primary; } .nav.nav-tabs .nav-item .nav-link.active:after { background: $primary!important; } }