/**
 * @file
 * Visual styles for tabs adapt from bootstrap tabs.
 */

nav.tabs > ul {
    margin: 0;
}

nav .tabs {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

nav .tabs > li  > a {
    display: inline-block;
}

nav .tabs > li  > a:focus,
nav .tabs > li  > a:hover {
    text-decoration: none;
}

nav .tabs {
    border-bottom: 1px solid #ddd;
}

nav .tabs::after {
    display: table;
    clear: both;
    content: "";
}

nav .tabs > li {
    float: left;
    margin-bottom: -1px;
}

nav .tabs > li + li {
    margin-left: .2rem;
}

nav .tabs > li > a {
    display: block;
    padding: .5em 1em;
    border: 1px solid transparent;
    border-radius: .25rem .25rem 0 0;
}

nav .tabs > li  > a:focus,
nav .tabs > li  > a:hover {
    border-color: #eceeef #eceeef #ddd;
}

nav .tabs > li  > a.disabled,
nav .tabs > li  > a.disabled:focus,
nav .tabs > li  > a.disabled:hover {
    color: #818a91;
    background-color: transparent;
    border-color: transparent;
}

nav .tabs > li  > a.is-active,
nav .tabs > li  > a.is-active:focus,
nav .tabs > li  > a.is-active:hover {
    color: #55595c;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
}