/* TABS */
.nav-tabs,
.tab-content {
    font-size: 1em;
    color: #022c4f;
}

.nav-tabs {
    background: transparent;
}

    .nav-tabs > li {
        border-top: 2px solid transparent;
    }

        .nav-tabs > li.active,
        .tabs-bottom .nav-tabs > li.active,
        .tabs-right .nav-tabs > li.active,
        .tabs-left .nav-tabs > li.active {
            border-color: #2d445c;
            border-width: 3px;
        }

            .nav-tabs > li.active a,
            .tabs-bottom .nav-tabs > li.active a,
            .tabs-right .nav-tabs > li.active a,
            .tabs-left .nav-tabs > li.active a {
                color: #1c2b3a;
            }

        .nav-tabs > li a {
            border-radius: 0px;
            margin: 0;
            color: #888888;
        }

            .nav-tabs > li a .fa {
                width: 1em;
                text-align: center;
            }

            .nav-tabs > li a:hover {
                color: #111111;
                background: transparent;
            }

.tab-content {
    padding: 5px 15px 5px 15px;
    margin-bottom: 25px;
    line-height: 1.9em;
    color: #022c4f !important;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.tabs-bottom .nav-tabs {
    border-top: 1px solid #dddddd;
    border-bottom: 0px;
    margin-bottom: 25px;
}

    .tabs-bottom .nav-tabs > li {
        border-top: 0px;
        border-bottom: 2px solid transparent;
        margin-top: -1px;
    }

        .tabs-bottom .nav-tabs > li.active a {
            border-top: 0px;
        }

        .tabs-bottom .nav-tabs > li a:hover {
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
        }

        .tabs-bottom .nav-tabs > li.active a:hover {
            border-top: 0px;
        }

.tabs-bottom .tab-content {
    border-top: 1px solid #dddddd;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
    float: none;
}

.tabs-left .nav-tabs > li {
    border-top: 0px;
    border-left: 2px solid transparent;
}

.tabs-left .nav-tabs {
    float: left;
    border-bottom: 0px;
}

    .tabs-left .nav-tabs > li.active a {
        border-right: 0px;
        border-bottom: 1px solid #dddddd;
    }

        .tabs-left .nav-tabs > li.active a:hover {
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            border-right: 1px solid transparent;
        }

    .tabs-left .nav-tabs > li a:hover {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-right: 1px solid #dddddd;
    }

.tabs-left .tab-content {
    border-top: 1px solid #dddddd;
    margin-left: 46px;
}

.tabs-right .nav-tabs > li {
    border-top: 0px;
    border-right: 2px solid transparent;
}

.tabs-right .nav-tabs {
    float: right;
    border-bottom: 0px;
}

    .tabs-right .nav-tabs > li.active a {
        border-left: 1px solid transparent;
        border-bottom: 1px solid #dddddd;
    }

        .tabs-right .nav-tabs > li.active a:hover {
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            border-left: 1px solid transparent;
        }

    .tabs-right .nav-tabs > li a:hover {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #dddddd;
    }

.tabs-right .tab-content {
    border-top: 1px solid #dddddd;
    margin-right: 46px;
}