/* Template Name: Admin Template Author: Wrappixel File: scss */ @import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700); /*Theme Colors*/ /** * Table Of Content * * 1. Color system * 2. Options * 3. Body * 4. Typography * 5. Breadcrumbs * 6. Cards * 7. Dropdowns * 8. Buttons * 9. Typography * 10. Progress bars * 11. Tables * 12. Forms * 14. Component */ /******************* Vertical tabs ******************/ .vtabs { display: table; } .vtabs .tabs-vertical { width: 150px; border-bottom: 0px; border-right: 1px solid #e9ecef; display: table-cell; vertical-align: top; } .vtabs .tabs-vertical li .nav-link { color: #343a40; margin-bottom: 10px; border: 0px; border-radius: 0.25rem 0 0 0.25rem; } .vtabs .tab-content { display: table-cell; padding: 20px; vertical-align: top; } .tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus { background: #fb9678; border: 0px; color: #fff; } /*Custom vertical tab*/ .customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus { background: #fff; border: 0px; border-right: 2px solid #fb9678; margin-right: -1px; color: #fb9678; } .tabcontent-border { border: 1px solid #ddd; border-top: 0px; } .customtab2 li a.nav-link { border: 0px; margin-right: 3px; color: #212529; } .customtab2 li a.nav-link.active { background: #fb9678; color: #fff; } .customtab2 li a.nav-link:hover { color: #fff; background: #fb9678; }