body {
  font-family: 'Ubuntu', sans-serif;
  padding-top: 51px;
}
section {
  background-color: #ffffff;
  padding: 50px 0;
}
.section-gray {
  background-color: #f9f9f9;
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
}
.api_doc {
  border-collapse: separate;
  text-align: center;
}
.api_doc th, td {
    padding: 8px;
    text-align: left;
}
.navbar {
  margin-bottom: 0;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background-color: #772953
}
.section-title {
  color: #772953;
  margin-bottom: 40px;
  position: relative;
  font-size: 24px;
  margin-top: 0;
}
.section-title:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -40px;
  margin-top: 10px;
  height: 2px;
  width: 80px;
  background-color: #772953;
}
.text-center .page-scroll {
  margin-top: 25px;
}
.btn-info {
  color: #ffffff;
  background-color: #772953;
  border-color: #772953;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #511c39;
  border-color: #180811;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #511c39;
  border-color: #491933;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #511c39;
  border-color: #491933;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #371326;
  border-color: #180811;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #772953;
  border-color: #772953;
}
.btn-info .badge {
  color: #772953;
  background-color: #ffffff;
}

.btn-clipcopy{
background-color: transparent;
padding: 0px;
margin: 0px;
vertical-align: 2px;
}

.star {
  font-size: 16px;
  cursor:default;
  color: #9B346B;
  padding: 2px 2px 0;
  margin-left:3px;
}
.number {
  font-size: 16px;
  cursor:default;
  color: #9B346B;
  padding: 2px 2px 0 0;
  font-variant: super;
}
.tooltip-inner {
    text-align: left;
}

.service-title {
  color: #fff;
  background-color: gray !important;
  text-align: center;
}
.service-title td {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .service-title td {
    text-align: left;
  }
}

.optional {
  vertical-align: super;
  font-size: smaller;
}