.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 */