.nav {

display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;

}

.nav-link {

display: block;
padding: 8px 16px;

}

.nav-hover, .nav-focus {

text-decoration: none;

}

.nav-link.disabled {

color: #b4b4b4;
pointer-events: none;
cursor: default;

}

.nav-tabs {

border-bottom: 1px solid #e2e2e2;

}

.nav-tabs .nav-item {

margin-bottom: -1px;

}

.nav-tabs .nav-link {

border: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;

}

.nav-tabs .nav-hover, .nav-tabs .nav-focus {

border-color: transparent;

}

.nav-tabs .nav-link.disabled {

color: #b4b4b4;
background-color: transparent;
border-color: transparent;

}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {

color: #212121;
background-color: transparent;
border-color: transparent;

}

.nav-tabs .dropdown-menu {

margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;

}

.nav-pills .nav-link {

border-radius: 4px;

}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

color: #fff;
background-color: #005fbf;

}

.nav-fill .nav-item {

flex: 1 1 auto;
text-align: center;

}

.nav-justified .nav-item {

flex-basis: 0;
flex-grow: 1;
text-align: center;

}

.tab-content > .tab-pane {

display: none;

}

.tab-content > .active {

display: block;

}

.nav-tabs {

margin-bottom: 24px;

}

.nav-tabs .nav-item {

margin: 8px 0;

}

.nav-tabs .nav-link {

position: relative;
padding: 8px 16px;
color: #777;
border: none;
border-radius: 4px;

}

.nav-tabs .nav-hover {

color: #212121;

}

.nav-tabs .nav-link.active {

font-weight: 500;

}

.nav-tabs .nav-link.active::after {

position: absolute;
bottom: -9px;
left: 0;
width: 100%;
height: 4px;
content: "";
background-color: #212121;
border-radius: 2px 2px 0 0;

}

.nav-tabs .nav-link.active.theme-danger::after {

background-color: #d74022;

}

.nav-tabs .nav-link.active.theme-success::after {

background-color: #009f61;

}

.nav-tabs .nav-link.active.theme-info::after {

background-color: #ffeb99;

}

.nav-tabs .nav-link.active.theme-warning::after {

background-color: #ffb700;

}

.nav-tabs .nav-link.active.theme-primary::after {

background-color: #005fbf;

}

.nav-tabs .nav-link.active.theme-jurnal::after {

background-color: #009bde;

}

.nav-tabs .nav-link.active.theme-talenta::after {

background-color: #c02a34;

}

.nav-tabs .nav-link.active.theme-klikpajak::after {

background-color: #f96d01;

}

.nav-tabs .nav-link.active.theme-mekari::after {

background-color: #6d48e5;

}

.nav-tabs .nav-link.active.theme-dark::after {

background-color: #212121;

}

.nav-tabs .nav-link.active.theme-slate::after {

background-color: #777;

}

.nav-tabs .nav-link.active.theme-muted::after {

background-color: #b4b4b4;

}

.nav-tabs .nav-link.active.theme-smoke::after {

background-color: #e2e2e2;

}

.nav-tabs .nav-link.active.theme-light::after {

background-color: #fbfbfb;

}

.nav-tabs .nav-link.active.theme-cloud::after {

background-color: #f2f4f7;

}

.nav-tabs .nav-link.active.theme-:after {

background-color: #1357ff;

}

.nav-tabs .nav-link.active.theme-white::after {

background-color: #fff;

}

.nav-tabs .nav-link.disabled {

color: #b4b4b4;
pointer-events: auto;
cursor: not-allowed;

}

.nav-tabs .dropdown-menu {

margin-top: 11px;
border-radius: 4px;

}

.nav-tabs .dropdown-menu .dropdown-item.active {

color: inherit;
background-color: inherit;

} /*# sourceMappingURL=mekari-ui-tabs.css.map */