﻿.tabbed-content-control .nav-tabs{
    text-align:center;
    border-bottom:0;
}
.tabbed-content-control .nav-tabs > li{
    float:none;
    display:inline-block;
    color:#0066B2;
    margin:0 15px;
    padding-left:0;
    padding-bottom:5px;
}
.tabbed-content-control .nav-tabs > li.active{
    color:black;
}
.tabbed-content-control .nav-tabs > li > a{
    border:0;
    padding:0;
    color: inherit;
    background-color:transparent;
}
.tabbed-content-control .nav-tabs > li.active > a, 
.tabbed-content-control .nav-tabs > li.active > a:hover,
.tabbed-content-control .nav-tabs > li > a:hover, 
.tabbed-content-control .nav-tabs > li > a:focus {
    color:#0B2D71;
    border:0;
    cursor:pointer;
}
.tabbed-content-control .tab-content {
    padding-top: 15px;
}
.tabbed-content-control .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.tabbed-content-control .tab-filter-bar {
    padding-bottom:0;
}
.tabbed-content-control.tabbed-side-nav.box-container {
    padding:0;
}
@media (min-width: 768px) {
    .tabbed-content-control .tab-filter-bar > .row { width: auto; }
    .tabbed-content-control .tab-filter-bar .dropdown {        
        border: 0;
        background-color: transparent;
        padding:0;
    }
    .tabbed-content-control .tab-filter-bar .dropdown-menu {        
        display: block;
        position: static;
        border: none;
        box-shadow: none;
        padding-top: 0;
        font-size:1em;
    }
    .tabbed-content-control .nav-tabs > li > a {
        display: inline;
    }
    .tabbed-content-control .nav-tabs > li.active > a, 
    .tabbed-content-control .nav-tabs > li.active > a:hover,
    .tabbed-content-control .nav-tabs > li > a:hover, 
    .tabbed-content-control .nav-tabs > li > a:focus {
        border-bottom:4px solid #0B2D71;
        padding:0;
    }
    .tabbed-content-control.tabbed-side-nav .tab-filter-bar {
        float:left;
        background-color: #0066B2;
        padding: 40px 20px;
        margin-right: 15px;
        width: 134px;
    }
    .tabbed-content-control.tabbed-side-nav .tab-filter-bar .dropdown-menu {
        background-color: #0066B2;
        font-size: 0.88em;
        width:auto;
        min-width:0;
    }
    .tabbed-content-control.tabbed-side-nav .tab-content {
        float:left;
        padding:20px 15px;
        width: calc(100% - 134px - 15px);
    }
    .tabbed-content-control.tabbed-side-nav .nav-tabs > li {
        display: block;
        color:#fff;
        margin:0;
        padding: 15px 0;
        text-align:left;
    }
    .tabbed-content-control.tabbed-side-nav .nav-tabs > li > a {
        margin:10px auto;
        border-bottom: 2px solid #0066B2;
    }
    .tabbed-content-control.tabbed-side-nav .nav-tabs > li.active > a,
    .tabbed-content-control.tabbed-side-nav .nav-tabs > li.active > a:hover,
    .tabbed-content-control.tabbed-side-nav .nav-tabs > li > a:hover,
    .tabbed-content-control.tabbed-side-nav .nav-tabs > li > a:focus {
        color:#fff;
        border-bottom: 2px solid #fff;
        background-color:transparent;
    }

    .tabbed-content-control.tabbed-side-nav .nav-tabs > li.active:after {
        content: "\e250";    
        font-family: 'Glyphicons Halflings' !important;
        line-height: 1;
        font-size: 24px;
        width:11px;
        top: 15px;
        right:-24px;
        color:#0066B2;
        position:absolute;
    }

       

}
@media (min-width: 992px){

    .tabbed-content-control.tabbed-side-nav .tab-filter-bar {
        width: 180px;
    }
    .tabbed-content-control.tabbed-side-nav .tab-content {
        width: calc(100% - 180px - 15px);
    }
    .tabbed-content-control.tabbed-side-nav .nav-tabs > li.active:after {
        right:-46px;
    }
}
@media (max-width: 767px) {
    .tabbed-content-control .nav-tabs > li{
        display:block;
        color:black;
        text-align:left;
        margin:0;
        padding:0;
    }
    .tabbed-content-control .nav-tabs > li:hover{
        background-color:lightgray;
    }
    .tabbed-content-control .nav-tabs > li > a:hover{
        border-bottom:0;
        /*padding-left:20px;*/
    }
    .tabbed-content-control .nav-tabs > li > a,
    .tabbed-content-control .nav-tabs > li > a:hover,
    .tabbed-content-control .nav-tabs > li > a:focus {
        border-bottom:0;
        background-color:transparent;
        padding:10px;
    }
    .tabbed-content-control.tabbed-side-nav.box-container {
        padding: 20px 15px;
    }

}