/* category selection menu/tabs */
.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0px 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

/* set the style of the panel content */
.with-nav-tabs .panel-body {
    padding-top: 8px !important;
    padding-bottom: 4px !important;
}

/* set the styles of the buttons in the sub-categories panel */
.with-nav-tabs .tab-content .btn {
    margin-bottom: 5px;
}

.with-nav-tabs .tab-content .btn-default {
    color: #ffffff !important;
    background-color: #6C6C6C;
}
.with-nav-tabs .tab-content .btn-primary {
    color: #ffffff !important;
    background-color: #428bca;
}
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    font-size: 10pt !important;
    padding-right: 10px;
}

    .with-nav-tabs.panel-primary .nav-tabs > .open > a,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
        color: #fff;
        background-color: #3071a9;
        border-color: transparent;
    }

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca !important;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}