#topic-body .marker-green {
  background-color: #17BD4E;
  color:white;
  font-weight: bold;
  border-radius: 6px;
  border: 1px solid #118F3B;
  padding: 3px;
}
#topic-body .marker-cyan {
  background-color: #3179DF;
  color:white;
  font-weight: bold;
  border-radius: 6px;
  border: 1px solid #1c5ab0;
  padding: 3px;
}
#topic-body .marker-orange {
    background-color: #e6a100;
    color: white;
    font-weight: bold;
    border-radius: 6px;
    border: 1px solid #996b00;
    padding: 3px;
}
#topic-header a.print-page {
  margin-right:1em;
}
#topic-body .banner.tip {
    color: #1f53a8;
    background-color: #f0f5ff;
    border-color: #e2eafb;   


}
#topic-body .banner.tip i {
    top: 27px;
    left: 11px;
    font-size: 58px;
}

#topic-body .banner i {
   font-family: "Helvetica", serif;
}
#topic-body .banner.important {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
#topic-body .banner {
    border-radius: 8px;
}
.container-fluid {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown-toggle {
    font-size: 18px;
}
#topic-body .color-blue {
    color: #3179DF;
}
#topic-header h1 {
	font-weight: bold;
	font-variant-caps:all-small-caps;
	color: white;
	background-color: #3179DF;
	padding-left: 8px;
	border-radius: 6px;
	border: solid 4px;
      border-color: #3179DF;
}
h1 {
    color: white;
    background-color: #3179DF;
    padding-left: 5px;
    border-radius: 6px;
    border-bottom: solid;
    border-color: #3179DF;
}
#topic-body h1, #topic-body .h1 {
    color: white;
    background-color: #3179DF;
    padding-left: 5px;
    border-radius: 6px;
    border-bottom: solid;
    border-color: #3179DF;
}

code {
    color: #666666;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;	
	border-radius: 6px;
	text-align: left;
}
#topic-body img {
    border: 0px;
    border-radius: 6px;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}