.nav-tabs {
    display: flex;
    list-style-type: none;
    margin-bottom: 3px;
    margin-top: 10px;
    padding-left: 10px;
}

    .nav-tabs > li > a {
        margin-right: 1em;
        padding: 0em 1em;
        border-bottom: 5px solid transparent;
        color: #999;
        display: block;
        font-weight: 600;
    }


    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #333;
        cursor: default;
        border-bottom: 5px solid #6497B6;
    }

.tab-content {
    border-top: 1px solid #999;
}

    .tab-content > .tab-pane {
        display: none;
    }

        .tab-content > .tab-pane.active {
            background-color: #fff;
        }

    .tab-content > .active {
        display: flex;
        flex-direction: column;
    }