body{
font-size:16px;
  font-family: "Roboto";
  color:#666;
}
.right .github-fork-ribbon {
  background-color: #563d7c;
}

.container {
  /* max-width: 1200px; */
  padding-top: 40px;
  padding-bottom: 40px;
}

.hint {
  color: #563d7c;
  display: inline-block;
  font-weight: bold;
  left: 20px; /* match the left margin of the top-level nav items */
  position: relative;
  top: 0.5em;
}
.hint:before {
  content: '↑';
  display: block;
  font-size: 3em;
  margin-bottom: 5px;
  text-align: center;
}

footer {
  margin-top: 50px;
  text-align: center;
}

/* small screens */
@media (max-width: 768px) {
  /* override the Affix plugin so that the navigation isn't sticky */
  nav.affix[data-toggle='toc'] {
    position: static;
  }

  /* display the second-level nav */
  nav[data-toggle='toc'] .nav .nav {
    display: block;
  }

  .hint {
    top: 0;
  }
}

/* large screens */
@media (min-width: 768px) {
  h1:first-child {
    margin-top: 0;
  }
}
.list-item
{
color:black;
}
.li-description
{
  padding-top:10px;
  font-size: 14px;
}


 ul.add-padding  {
  padding: 22px !important;
} 
.color-base {
  color: #00B19D!important;
}
.nav{
   color: #00B19D!important;
}
.img-responsive{
max-width: 100%;
height: auto;

}
h2.title
{
color: #00B19D;
}
.img-title
{
  color:#0194dc;
  font-size:14px;
}
.margin-top-20{
  margin-top:20px;
}
.margin-top-30{
  margin-top:30px!important;
}

.highlighter{
  color:#2b4e6d;
}
.code{

  background-color: #3f8cce!important;
}
.description
{
  padding:0px 0 10px 0;
}
.sub-title
{
  font-weight: 400;
  padding:20px 0 20px 0;;
}
ul
{
  font-size: 19px!important;
  font-weight: 300;
}
 img.horizontal-align-middle{
  display: block;
  margin-left: auto;
  margin-right: auto;

}
.vertical-align-middle {
  vertical-align: middle!important;
}
.btn-add-module {
  margin-left: 10px;
  padding: 2px 7px !important;
  text-decoration: none;
  border: none;
  background: #f4f4f4;
  font-size: 14px !important;
  font-family: "Open Sans" !important;
  color: #00b19d;
}
.padding-10-top-bottom
{
  padding-top: 10px;
  padding-bottom: 10px;
}