@import '../dynamic';

.nav {
    &.nav-fluid {
        position: relative;
        .dropdown {
            position: static;
        }
    }
}

// tabs
.nav-tabs {
    background-color: white;
    border-bottom-style: none;

    .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
        color: $black;
    }

    // reserve space for the borders
    .nav-link,
    .nav-link:hover,
    .nav-link:active {
        border-style: none none solid none;
        border-bottom-color: transparent;
        border-bottom-width: 0.5rem;
    }

    // fix styling for selected tab
    .nav-link.active,
    .nav-link.active:hover {
        background-color: transparent;
        border-bottom-color: $primary;
        color: $primary;
    }
}