.action-buttons .btn-primary {
  background-color: #5ba9e8;
  border-color: #72b5eb;
  font-weight: bold;
  width: 100%;
  font-size: 1.1em; }

.action-buttons label {
  display: block;
  color: #999;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  margin-bottom: 0; }

.action-buttons .btn-default {
  background-color: white;
  width: 50%; }

.action-buttons .btn {
  font-size: 1em;
  margin-bottom: 5px;
  padding: 8px 3px; }
  .action-buttons .btn:hover {
    background-color: #459de5;
    border-color: #1e85d9;
    color: white; }

.action-buttons .two-columns > div {
  width: 50%;
  display: inline-block; }

.action-buttons .two-columns li {
  margin-bottom: 0; }
  .action-buttons .two-columns li a.contribute {
    font-size: 0.9em;
    font-style: italic; }

.video-embed {
  margin-left: 40px;
  margin-bottom: 40px; }

.home img.img-screen {
  border: 1px solid black; }

.home table tr.tall td {
  padding-top: 3em;
  padding-bottom: 3em; }

.home table.editor-lang-grid tr td, .home table.editor-lang-grid tr th {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.home form.form-subscribe input.form-control {
  font-size: 1em;
  height: 3.025em; }

body {
  background-color: white; }

.navbar {
  margin: 0px; }

.navbar-default {
  background-color: white; }
  .navbar-default .navbar-brand {
    color: #3c3c3c; }
    .navbar-default .navbar-brand img {
      margin-top: -6px;
      height: 35px;
      width: 35px; }
  .navbar-default .navbar-brand:hover {
    color: #459de5; }
  .navbar-default .navbar-nav > li > a {
    color: #3c3c3c; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #3c3c3c; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-inverse .navbar-form {
    border-color: white; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #3c3c3c; }

.navbar-inverse {
  /*height: 80px;*/
  background-color: #3c3c3c; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: white;
    background-color: #459de5; }
  .navbar-inverse .dropdown-menu {
    background-color: #459de5; }

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */
/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar.affix {
  position: static; }

.bs-sidebar.well {
  padding: 0; }

/* First level of nav */
.bs-sidenav {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px; }

/* All levels of nav */
.bs-sidebar .nav > li > a {
  display: block;
  padding: 5px 20px; }

.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
  text-decoration: none;
  border-right: 1px solid; }

.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
  font-weight: bold;
  background-color: transparent;
  border-right: 1px solid; }

/* Nav: second level (shown on .active) */
.bs-sidebar .nav .nav {
  display: none;
  /* Hide by default, but at >768px, show it */
  margin-bottom: 8px; }

.bs-sidebar .nav .nav > li > a {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%; }

/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-sidebar .nav > .active > ul {
    display: block; }
  /* Widen the fixed sidebar */
  .bs-sidebar.affix,
  .bs-sidebar.affix-bottom {
    width: 213px; }
  .bs-sidebar.affix {
    position: fixed;
    /* Undo the static from mobile first approach */
    top: 111px; }
  .bs-sidebar.affix-bottom {
    position: absolute;
    /* Undo the static from mobile first approach */ }
  .bs-sidebar.affix-bottom .bs-sidenav,
  .bs-sidebar.affix .bs-sidenav {
    margin-top: 0;
    margin-bottom: 0; } }

@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-sidebar.affix-bottom,
  .bs-sidebar.affix {
    width: 263px; } }

.newsletter {
  margin: 0 auto;
  text-align: center;
  color: #459de5;
  font-size: 130%;
  padding: 70px; }
  .newsletter input {
    margin: 0 auto;
    max-width: 400px;
    color: white;
    border-color: white;
    background-color: #459de5; }

.pager > li {
  font-size: 200%; }

.communitycontainer {
  margin-top: 100px;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #888a8c;
  width: 100%; }
  .communitycontainer > div {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-weight: bold;
    font-size: xx-large; }
    .communitycontainer > div > a {
      color: white; }
    .communitycontainer > div > a:hover {
      color: #459de5;
      text-decoration: none; }

@media (min-width: 768px) {
  .section .container {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 130%; } }

.team {
  background-color: #459de5; }
  .team a {
    color: white; }
  .team > div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: white; }
    .team > div img {
      max-width: 400px; }

.about {
  padding: 50px; }
  .about > div {
    max-width: 400px;
    font-size: 130%;
    margin-left: auto;
    margin-right: auto; }

.banner {
  color: white;
  background-color: #40A6D3; }
  .banner iframe {
    max-width: 100%; }
  .banner a {
    color: white;
    font-weight: bold; }
  .banner p {
    padding-top: 0.5em; }
  .banner .btn {
    font-size: 1em;
    padding: 0.75em 0.75em; }
  @media (min-width: 768px) and (max-width: 2000px) {
    .banner {
      background-size: cover; } }

.languages {
  color: white;
  background-color: #1E87C1; }
  .languages img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%; }

.challenge {
  color: #e0e0e0;
  background-color: #202020; }
  .challenge img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%; }

.solution {
  color: white;
  background-color: #459de5; }
  .solution img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%; }

.features {
  color: white;
  background-color: #BCBCC1; }
  .features #left {
    text-align: center; }
  .features img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%; }

.integrations {
  color: white;
  background-color: #40A6D3; }
  .integrations #right {
    text-align: center; }
  .integrations img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%; }

.hljs {
  background: none; }

img.desaturate {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  opacity: 0.5; }

img.desaturatehalf {
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  filter: grayscale(80%); }

.container img {
  max-width: 100%; }

.content {
  font-size: 110%;
  line-height: 1.5em; }
  .content p, .content li {
    margin-bottom: 16px; }
  .content .content-edit {
    margin-top: -1px;
    font-size: 0.8em; }
    .content .content-edit a {
      color: white;
      background-color: #aaa;
      padding: 3px 6px;
      border-radius: 0 0 2px 2px;
      text-decoration: none; }
      .content .content-edit a:hover {
        background-color: #459de5; }
  .content h1 {
    margin-bottom: 20px; }
  .content img[alt="srclib symbol"] {
    width: 47px;
    height: 47px; }