/***************************************
 *  Broker Branding Dynamic CSS:
 *  These are pretty self-explnatory
 * 
 *  $PrimaryButtonBg
 *  $PrimaryButtonText
 *  $PrimaryButtonHover

 *  $MainNavBg
 *  $MainNavText
 *  
 *  $PanelBg
 *  $PanelText
 *  $PanelBorder
 *  
 *  $PageTitle
 *  
 */


/***************************************
 *    NAVBARS 
 */

.navbar-inverse
{
    background-color: $MainNavBg;
    color: $MainNavText;
}

    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-text, .navbar-inverse .navbar-nav > li > a
    {
        color: $MainNavText;
    }


    .navbar-inverse.navbar-footer
    {
        border-top-color: $MainNavBg;
    }



    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus
    {
        color: $MainNavText;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus
    {
        color: $MainNavText;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus
    {
        color: $MainNavText;
    }

.nav .caret
{
    border-bottom-color: $MainNavText;
    border-top-color: $MainNavText;
}

/***************************************
 *    PAGE TITLES 
 */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
h4.page-header
{
    color: $PageTitle;
}
.dropdown-header
{
    color:$PageTitle;
}
.dropdown-menu > li > a {
    color: #337ab7;
}

/***************************************
 *    TABLES 
 */
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
    color: $LinkText;
}

/***************************************
 *    PANELS 
 */

.panel-default
{
    border-color: $PanelBorder;
}

.panel > .panel-heading
{
    color: $PanelText;
}

.panel-default > .panel-heading
{
    background-color: $PanelBg;
    border-color: $PanelBorder;
    color: $PanelText;
}


/***************************************
 *    LINKS
 */

a, .btn-link {
    color: $LinkText;
}

a:hover, .btn-link:hover {
    color: $LinkHover;
}

/***************************************
 *    PRIMARY BUTTON 
 */

.btn-primary, .fill-primary
{
    color: $PrimaryButtonText;
    background-color: $PrimaryButtonBg;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary
    {
        color: $PrimaryButtonText;
        background-color: $PrimaryButtonHover;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active
    {
        color: $PrimaryButtonText;
        background-color: $PrimaryButtonBg;
    }

/***************************************
 *    Enrollment Tracker
 */

.track-progress li.active {
    font-weight: bold;
    color: $MainNavBg !important;
}

    .track-progress li.active:before {
        border-color: $MainNavBg !important;
    }

    .track-progress li.active span.step-name {
        color: $MainNavBg !important;
    }

    .track-progress li.active span.step-number {
        color: white !important;
    }

.track-progress li.filled.active:before {
    background: $MainNavBg !important;
}