@charset "utf-8";
/* CSS Document */

.navbar-default .navbar-nav>li>a.catTab.whiteText,
.navbar-default .navbar-nav>li>a.catTab.whiteText:link,
.navbar-default .navbar-nav>li>a.catTab.whiteText:visited {
    color: #fff;
    background-color: #425363;
    text-align: left;
}

.navbar-default .navbar-nav>li>a.catTab.whiteText:hover,
.navbar-default .navbar-nav>li>a.catTab.whiteText:active {
    color: #fff;
    background-color: #6b9560;
}

#styleGuideNav.navbar .navbar-nav {
    float: none;
}

#styleGuideNav.navbar .navbar-collapse {
    text-align: center;
    width: 100%;
}

.navbar-default .navbar-toggle .icon-bar.slateBlueBGDark {
    background-color: #28323c;
    height: 3px;
}

.navbar-toggle.form-button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 10px;
}

.copy-child-tag .glyphicon {
    cursor: copy;
}

.copy-child-tag [class^="icon-"]:after,
.copy-child-tag [class*=" icon-"]:after {
    content: ' *';
    color: #3eb1c8;
}

.border {
    border: 1px solid #999;
}

section {
    margin: 10px auto 30px;
    padding-top: 140px;
    border-bottom: 1px solid #ccc;
}

pre {
    max-height: 180px;
    overflow: auto;
    position: relative;
    padding-bottom: 20px;
}

pre:after {
    content: "click box to copy code";
    display: block;
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: .8em;
    padding: 3px;
    cursor: pointer;
    font-style: italic;
    color: #653024;
}

td,
th {
    padding: 5px 10px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

a.iconLightBGCTA,
.iconLightBGCTA {
    font-size: 24px;
    float: left;
    text-decoration: none;
    padding: 12px 20px 12px 50px;
    background-position: 12px 50%;
    background-repeat: no-repeat;
    color: #77777a;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@media only screen and (min-width : 768px) {
    #styleGuideNav.navbar .navbar-nav {
        margin: 1px auto;
        width: auto;
        display: inline-block;
        border-right: 1px solid transparent;
    }

    #styleGuideNav.navbar .navbar-nav li {
        border-left: 1px solid transparent;
    }

    #secondaryNav.navbar-nav>li>a,
    #secondaryNav.navbar-nav>li>a:link,
    #secondaryNav.navbar-nav>li>a:visited {
        color: #75787B;
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 18px;
        font-size: .9em;
    }

    #secondaryNav.navbar-nav>li>a:hover,
    #secondaryNav.navbar-nav>li>a:active {
        color: #c4661d;
        background-color: #f5eec8;
    }
}