.hipponav li {
    list-style: none;
    font-size: 12px;
    font-family: Arial;
}

.hipponav li.level1 > a > span:after, .hipponav li.level2 > a > span:after, .hipponav li.level3 > a > span:after {
    content: '\f0fe'; /* plus */
    font-family: 'FontAwesome';
    color: #e47911;
    font-size:14px;
    padding-right: 8px;
}

.hipponav li.level1, .hipponav li.level2, .hipponav li.level3{
    text-indent: -1.7em;

}

.hipponav li.level1items > a:before, .hipponav li.level2items > a:before, .hipponav li.level3items > a:before {
    content: '\f096'; /* empty square */
    font-family: 'FontAwesome';
    color: #e47911;
    padding-right: 10px;
}


.hipponav li.open > a > span:after {
    content: '\f146'; /* minus */
    font-family: 'FontAwesome';
    color: #e47911;
    font-size:14px;
    padding-right: 8px;
}

.hipponav li.level3, .hipponav li.level3items {
    padding-left:2px
}
.hipponav li.level2, .hipponav li.level2items {
    padding-left: 2px;
}
.hipponav li.level1, .hipponav li.level1items {
    padding-left: 2px;
}

.productTitle {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    display: block;
    padding-bottom: 14px;
    padding-top: 14px;
}

.relatedResources {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    display: block;
    padding-top: 15px;
}

hr.resourceSeparator {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    color: black;
}

li#otherSections {
    list-style: none;
    font-size: 15px;
    color: black;
}

.hipponav ul {
    width: 190px;
}
.hipponav ul ul {
    width: 170px;
}
.hipponav ul ul ul {
    width: 150px;
}

a.open {
    color: black;
    font-weight: bold;
}


.hipponav li.level1items.open > a:before, .hipponav li.level2items.open > a:before, .hipponav li.level3items.open > a:before {
    color: #444;
}

.rightMenu {
    float: right;
    margin-left: 20px;
    padding: 15px;
    list-style-type: square;
    color: #e47911;
    width: 230px;
    right: 0;
    margin-right: 10px;
    background-color: white;
    border: 2px solid #f0f0f0;
}


/* used for navtabs */
ul#profileTabs.nav.nav-tabs li { margin: 5px; } ul#profileTabs.nav:after, ul#profileTabs.nav:before { display: inline-table !important; margin-bottom: 40px; } ul#profileTabs.nav-tabs>li.active>a, ul#profileTabs.nav-tabs>li.active>a:focus, ul#profileTabs.nav-tabs>li.active>a:hover { font-weight: bold; } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { ul#profileTabs.nav.nav:after, ul#profileTabs.nav.nav:before { display: inline-table !important; margin-bottom: 48px; } }} table.grid { margin-bottom: 30px; }

.tab-content .tab-pane.active {
    padding: 15px;
    background-color: #f9f9f9;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ul#profileTabs.nav:after, ul#profileTabs.nav:before { display: inline-table !important; margin-bottom: 48px; } }


.bestPractices {
    border-bottom: 1px solid gray;
    padding-bottom:3px;
}

#content div.content-html-container ul#profileTabs {
    padding: 0px;
}

/* end navtabs*/

/* callouts */

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #dedede;
    border-left-width: 5px;
    border-radius: 3px;
    line-height:18px
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-gray {
    border-left-color: #777;
}
.bs-callout-gray h4 {
    color: #777;
}
.bs-callout-blue {
    border-left-color: #428bca;
}
.bs-callout-blue h4 {
    color: #428bca;
}
.bs-callout-green {
    border-left-color: #5cb85c;
}
.bs-callout-green h4 {
    color: #5cb85c;
}
.bs-callout-red {
    border-left-color: #d9534f;
}
.bs-callout-red h4 {
    color: #d9534f;
}
.bs-callout-orange {
    border-left-color: #f0ad4e;
}
.bs-callout-orange h4 {
    color: #f0ad4e;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-lightblue {
    border-left-color: #5bc0de;
}
.bs-callout-lightblue h4 {
    color: #5bc0de;
}
/* end callouts */