.fr-view a,
.fr-view a:link,
.fr-view a:visited {
  color: #4099de;
  text-decoration: none;
}

.fr-view a:hover {
  text-decoration: underline;
}

.fr-view ol li {
  margin: 10px;
}

.fr-view pre code {
  font-weight: normal;
}

.fr-view ul {
  padding-left: 40px;
  color: #252d37;
  font-weight: normal;
}

.fr-view span.fr-class-code {
  padding: 3px 5px;
  color: #f8f8f2;
  text-shadow: 0 1px rgba(0, 0, 0, .3);
  background: #272822;
}

.fr-view .docs-info {
  font-size: 15px;
  padding: 1em 28px;
  text-shadow: 0 1px 0 #a0c6da;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  background: #8fbcd4;
  line-height: 1.6;
}

.fr-view .docs-info:before {
  content: "\F05A";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 10px;
}

.fr-view .docs-success {
  font-size: 15px;
  padding: 1em 28px;
  background-color: #6ac174;
  text-shadow: 0 1px 0 #80ca89;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  line-height: 1.6;
}

.fr-view .docs-success:before {
  content: "\F058";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 10px;
}

.fr-view .docs-warning {
  font-size: 15px;
  padding: 1em 28px;
  text-shadow: 0 1px 0 #d18e91;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  background: #c97a7e;
  line-height: 1.6;
}

.fr-view .docs-warning:before {
  content: "\F05A";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 10px;
}

.fr-view .docs-info a,
.fr-view .docs-info a:visited,
.fr-view .docs-info a:active,
.fr-view .docs-success a,
.fr-view .docs-success a:visited,
.fr-view .docs-success a:active,
.fr-view .docs-warning a,
.fr-view .docs-warning a:visited,
.fr-view .docs-warning a:active {
  color: black;
}