.hll {
  background-color: #ffffcc; }

.c {
  color: #999; }

.err {
  color: #AA0000;
  background-color: #FFAAAA; }

.k {
  color: #006699; }

.o {
  color: #555555; }

.cm {
  color: #999; }

.cp {
  color: #009999; }

.c1 {
  color: #999; }

.cs {
  color: #999; }

.gd {
  background-color: #FFCCCC;
  border: 1px solid #CC0000; }

.ge {
  font-style: italic; }

.gr {
  color: #FF0000; }

.gh {
  color: #003300; }

.gi {
  background-color: #CCFFCC;
  border: 1px solid #00CC00; }

.go {
  color: #AAAAAA; }

.gp {
  color: #000099; }

.gu {
  color: #003300; }

.gt {
  color: #99CC66; }

.kc {
  color: #006699; }

.kd {
  color: #006699; }

.kn {
  color: #006699; }

.kp {
  color: #006699; }

.kr {
  color: #006699; }

.kt {
  color: #007788; }

.m {
  color: #FF6600; }

.s {
  color: #d44950; }

.na {
  color: #4f9fcf; }

.nb {
  color: #336666; }

.nc {
  color: #00AA88; }

.no {
  color: #336600; }

.nd {
  color: #9999FF; }

.ni {
  color: #999999; }

.ne {
  color: #CC0000; }

.nf {
  color: #CC00FF; }

.nl {
  color: #9999FF; }

.nn {
  color: #00CCFF; }

.nt {
  color: #2f6f9f; }

.nv {
  color: #003333; }

.ow {
  color: #000000; }

.w {
  color: #bbbbbb; }

.mf {
  color: #FF6600; }

.mh {
  color: #FF6600; }

.mi {
  color: #FF6600; }

.mo {
  color: #FF6600; }

.sb {
  color: #CC3300; }

.sc {
  color: #CC3300; }

.sd {
  color: #CC3300;
  font-style: italic; }

.s2 {
  color: #CC3300; }

.se {
  color: #CC3300; }

.sh {
  color: #CC3300; }

.si {
  color: #AA0000; }

.sx {
  color: #CC3300; }

.sr {
  color: #33AAAA; }

.s1 {
  color: #CC3300; }

.ss {
  color: #FFCC33; }

.bp {
  color: #336666; }

.vc {
  color: #003333; }

.vg {
  color: #003333; }

.vi {
  color: #003333; }

.il {
  color: #FF6600; }

.css .o,
.css .o + .nt,
.css .nt + .nt {
  color: #999; }

.highlight {
  padding: 15px;
  margin: 15px -15px;
  background-color: #f5f5f5; }
  @media (min-width: 576px) {
    .highlight {
      padding: 20px;
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 20px;
      border: 1px solid #e5e5e5;
      border-radius: 3px; } }
  .highlight pre {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0; }
  .highlight pre code {
    font-size: inherit;
    color: #333333; }

@media (min-width: 576px) {
  .docs-example + .highlight {
    border-width: 0 1px 1px;
    border-radius: 0 0 3px 3px; } }

body {
  overflow-x: hidden;
  padding-bottom: 40px; }

.docs-header {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  font-size: 50px;
  height: auto;
  color: #fff;
  background-color: #f2f2f2;
  background-image: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2);
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2); }
  .docs-header h1 {
    margin-bottom: 5px;
    font-size: 40px;
    line-height: 1; }
  .docs-header p {
    font-weight: 300;
    line-height: 1.4;
    color: #fff; }
  @media (min-width: 576px) {
    .docs-header {
      font-size: 24px; }
      .docs-header h1 {
        font-size: 60px; } }
  @media (min-width: 992px) {
    .docs-header h1,
    .docs-header p {
      max-width: 75%; } }

#contents {
  display: none; }

#markdown-toc {
  padding-left: 0;
  margin-top: 30px;
  font-size: 13px;
  list-style: none; }
  #markdown-toc a {
    display: block;
    padding: 2px 10px 2px 10px; }
    #markdown-toc a:hover {
      text-decoration: none; }
  #markdown-toc > li {
    margin-bottom: 5px; }
  #markdown-toc > li:first-child {
    display: none; }
  #markdown-toc ul {
    list-style: none;
    padding-left: 20px; }
    #markdown-toc ul ul {
      display: none; }
  @media (min-width: 576px) {
    #markdown-toc {
      float: right;
      width: 220px;
      margin-right: -250px; }
      #markdown-toc a {
        color: #555555;
        padding-left: 20px; }
      #markdown-toc ul {
        display: none; }
      #markdown-toc .active + ul {
        display: block; }
      #markdown-toc .active {
        padding-left: 18px;
        color: #ec6a00;
        background-color: transparent;
        border-left: 2px solid #ec6a00; }
      #markdown-toc.affix {
        top: 0; } }

.docs-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  padding: 6px 12px;
  font-size: 14px;
  background-color: #f2f2f2; }
  .docs-top:hover, .docs-top:focus {
    text-decoration: none; }
  @media (min-width: 576px) {
    .docs-top {
      display: block; } }

.docs-icons {
  margin-bottom: 20px;
  font-size: 20px; }
  .docs-icons .icon {
    padding: 5px; }

@media (min-width: 576px) {
  .container .docs-jumbotron {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0; } }

.docs-content {
  font-size: 16px; }
  .docs-content > h1 {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee; }
    .docs-content > h1 + p {
      margin-bottom: 20px;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.5; }
      @media (min-width: 576px) {
        .docs-content > h1 + p {
          font-size: 1.5rem; } }
  @media (min-width: 576px) {
    .docs-content {
      padding-right: 265px; } }

.docs-example {
  position: relative;
  padding: 20px;
  margin: 20px -15px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  background: #fff; }
  .docs-example::after {
    display: block;
    content: "";
    clear: both; }
  .docs-example + .highlight {
    margin-top: -20px; }
  @media (min-width: 576px) {
    .docs-example {
      margin-left: 0;
      margin-right: 0;
      border-radius: 3px 3px 0 0; } }
  .docs-example + p {
    margin-top: 30px; }
  .docs-example > *:last-child {
    margin-bottom: 0; }
  .docs-example .container {
    width: auto; }
  .docs-example > .dropdown-menu:first-child {
    position: static;
    display: block; }
  .docs-example > .list-group {
    max-width: 300px; }
  @media (min-width: 576px) {
    .docs-example .label {
      display: inline-block;
      margin: 5px; } }
  .docs-example.docs-example-modal {
    background-color: #fafafa; }
  .docs-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block; }
  .docs-example .modal-dialog {
    left: auto;
    margin-right: auto;
    margin-left: auto; }
  .docs-example .modal-lg {
    max-width: 90%; }
  .docs-example.bs-example-tooltips {
    text-align: center; }
  .docs-example.bs-example-tooltips > .btn {
    margin-top: 5px;
    margin-bottom: 5px; }
  .docs-example.bs-example-tooltip .tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1; }
  .docs-example.bs-example-popover {
    padding-bottom: 24px;
    background-color: #f9f9f9; }
  .docs-example.bs-example-popover .popover {
    position: relative;
    display: block;
    float: left;
    width: 260px;
    margin: 20px; }
  .docs-example > .btn {
    margin-top: 5px;
    margin-bottom: 5px; }

.docs-content > h3,
.docs-content > h2 {
  margin-top: 50px; }

.highlight {
  background-color: #fafafa;
  border: 1px solid #f2f2f2; }

.docs-example {
  background-color: transparent; }

.highlight pre code {
  color: #3E4952; }

.gp {
  color: #0275d8; }

.docs-icons {
  color: #555555; }

  .bold {
    font-weight: bold;
  }

.phat {
  color: #ec6a00;
  font-weight: bold;
}

.docs-example .featured-list .icon,
.docs-example .featured-list h3 {
  color: #0275d8; }

.docs-example .text-ribbon {
  color: #fff; }

.docs-example .panel-bold {
  color: #fff; }

.docs-example .carousel-light {
  background-color: #fff; }

.docs-bg {
  background-color: #0275d8;
  background-image: -webkit-linear-gradient(top, #014c8c 0, #0275d8 100%);
  background-image: linear-gradient(to bottom, #014c8c 0, #0275d8 100%); }

.btn-dark-blue {
  background-color: #28383f;
  color:#fff;
}

.btn-dark-blue:hover {
  background-color: #f7f7f7;
  color:#333333;
  border: 1px solid #333333;
}

.btn-dark-blue:focus {
  background-color: #28383f;
  color:#fff;
  border:0 !important;
}

.imp-tooltip-plain-text {
  font-size:12px !important;
  letter-spacing: normal;
}

.nofocus:focus {
  outline:0;
  color:#ec6a00;
}

.nofocus  {
  color:#ec6a00;
}

.nofocus:active  {
  color:#ec6a00;
}

.nofocus:hover  {
  color:#ec6a00;
}

.popover{
    max-width: 30% !important; /* Max Width of the popover (depending on the container!) */
}

.last {
  margin-bottom:20px;

}

.sublist {
  font-weight: bold;
}

.extra {
  font-weight: 300;
  font-size: 14px;
}

.hero{
  max-height: 250px;
}

.btn-signin {
  background-color: #ec6a00;
  color: #fff;
}

.btn-signin:hover {
  background-color: #fff;
  color: #ec6a00;
  border: 1px solid #ec6a00;
}

#goto-fc {
  border: 1px solid #b5b5b5;
}