.container--tabs {
    overflow: auto;
}
.container--tabs .nav-tabs {
    float: left;
    width: 100%;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #ddd;
    padding: 0;
}
.container--tabs .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.container--tabs .nav-tabs > li > a {
    float: left;
    margin-right: 2px;
    line-height: 1.42857143;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.container--tabs .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}
.container--tabs .nav-tabs > li.active > a,
.container--tabs .nav-tabs > li.active > a:hover,
.container--tabs .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.container--tabs .tab-content {
    float: left;
    width: 100%;

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.container--tabs .tab-content > .tab-pane {
    display: none;
}
.container--tabs .tab-content > .tab-pane.active {
    display: block;
    padding: 2.5% 2%;
}
.container--tabs .tab-content > .active {
    display: block;
}