@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic");
/* @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700"); */
/* Key scaffolding
-------------------------------------------------- */
body {
  position: relative; /* For scrollyspy */
  padding-top: 50px; /* Account for fixed navbar */
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size:14px;
  background-color: #FAFBFC;
  /*font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; */
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 300;
}
a:hover {text-decoration: none;}
h2>a, h3>a, h2>a:hover, h3>a:hover { color: rgb(51,51,51); }
h2:hover>a:after {
  content: "\F0C1";
  font-family: 'FontAwesome';
  /*position:absolute;*/
  padding-left: 12px;
  vertical-align: 15%;
  font-size: 20px;
}
h3:hover>a:after {
  content: "\F0C1";
  font-family: 'FontAwesome';
  /*position:absolute;*/
  padding-left: 8px;
  vertical-align: 15%;
  font-size: 15px;
}
h5, h6, .h5, .h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.bf-sidebar .nav-list code{
  margin-left: -3px;
}
.done {
  opacity: 0.6;
}
.nav-list > li {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  opacity: 0.8;
  margin-bottom: 3px;
}
header .navbar-nav {
  font-size: 120%;
}
.nav-list > li > ul {
  padding-left: 0;
}
.nav-list > li ul ul {
  padding-left: 19px;
}
.nav-list > li ul > li {
  list-style-type: none !important;
}
.nav-list > li ul > li:before {
  content:"\221F";
  font-weight: 200;
  opacity: 0.5;
  line-height: 50%;
  vertical-align: 60%;
  padding-left: 3px;
}
.nav-list > li ul > li > a {
  padding: 0 0 0 3px;
  margin-bottom: 0px;
}
.nav-list > li > a {
  padding: 0;
}
.nav-list > li > a.icns-apple:before {
  text-align: right;
  content: "\F179";
  font-family: 'FontAwesome';
  font-size: 110%;
  margin-left: -18px;
  padding-right: 8px;
  line-height: 0;
}
.nav-list > li > a.icns-android:before {
  text-align: right;
  content: "\F17B";
  font-family: 'FontAwesome';
  font-size: 110%;
  margin-left: -18px;
  padding-right: 8px;
  line-height: 0;
}
.nav-list > li > a.icns-html5:before {
  text-align: right;
  content: "\F13B";
  font-family: 'FontAwesome';
  font-size: 110%;
  margin-left: -18px;
  padding-right: 8px;
  line-height: 0;
}
.nav-list > li > a.icns-windows:before {
  text-align: right;
  content: "\F17A";
  font-family: 'FontAwesome';
  margin-left: -19px;
  padding-right: 7px;
  line-height: 0;
}
li.nav-header {
  font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  opacity: 1.0;
  padding-top: 0 !important;
  padding-left: 0 !important;
  font-size: 120%;
  margin-top: 33px;
}
.twitter-timeline {
  margin-top: 33px;
}
.bf-docs-container .nav-list li.nav-header {
  padding: 0 !important;
  border-bottom: solid 1px #ccc;
  line-height: 0;
  margin-top: 33px;
  margin-bottom: 13px;
}
.bf-docs-container .nav-list li.nav-header span {
  background-color: #FAFBFC;
  padding-right: 8px;
}

.bf-community h2, .bf-docs-container h2, .bf-docs-container h3 {
  padding-top: 90px;
  margin-top: -60px;
}

.bf-docs-container .github-callout {
  padding: 20px 0 40px 0;
  font-style: italic;
  font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.8;
  font-size: 110%;
}
.navbar-nav > li a {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300 !important;
  opacity: 0.8;
}

.navbar-nav > li > a.major {
  font-weight: 400 !important;
  opacity: 1.0;
}

.navbar-collapse {
    max-height: none;
}

.bf-masthead-bg p {
  font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 120%;
  line-height: 120%;
}
.bf-features p {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.bf-features p a {
  /*font-weight: 600;*/
  /*color: rgb(52,73,94);*/
}
a.btn {
  font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500 !important;
  font-style: normal;
  letter-spacing: 110%;
}
h1 {
  font-weight: 200;
  letter-spacing: 110%;
  font-size: 200%;
}
.page-header {
  padding-top: 2px;
}
.page-header h1 {
  padding-top:20px;
  font-weight: 400;
  font-size:350%;
}
.page-header small{
  float: right;
  background-color: #fff;
  padding-left: 10px;
}
.page-header small a {
  color: #ddd;
  font-style: italic;
}
.page-header small a:hover {
  color: #2481A6;
}
h2 {
  font-weight: 400;
}
h3 {
  padding-top: 20px;
  font-weight: 400 !important;
}
.bf-features h3 {
  padding-top: 0;
}
#copyright {
  font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300 !important;
  font-style: italic;
}
#copyright img {
  border-radius: 4px;
}
#copyright p {
  opacity: 0.8;
}
#copyright .credits {
  color: #fff;
  font-weight: 600;
  opacity: 1 !important;
  font-style: normal;
}
.table {
  margin: 20px 0 0 0;
  background-color: transparent;
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
  padding-left: 0;
}
.toc {
  margin-bottom:40px;
  /*background-color: #fff;
  border-radius: 4px;*/
  /*padding: 20px;*/
}
/*.toc > h4 {
  padding-top: 0;
  margin-top: 0;
  font-size: 150%;
  font-weight:400;
}*/
.toc > ul {
  margin-bottom: 0;
  padding-left: 20px;
}
section > .container > h2 {
  color: #2481A6 !important;
}
div.row > div.text-left > h2 {
  margin-top: 40px;
  margin-bottom: 10px;
}
.bf-docs-container h2 {
  font-size: 250%;
}
/* font-face
-------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon.eot');
  src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-equalizer, .icon-phone-portrait, .icon-rocket, .icon-github, .icon-twitter, .icon-thumbf-up, .icon-earth, .icon-bug, .icon-wiki, .icon-releases,.icon-window {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-equalizer:before {
  content: "\e000";
}
.icon-phone-portrait:before {
  content: "\e002";
}
.icon-rocket:before {
  content: "\e003";
}
.icon-github:before {
  content: "\e001";
}
.icon-twitter:before {
  content: "\e004";
}
.icon-thumbf-up:before {
  content: "\e005";
}
.icon-earth:before {
  content: "\e006";
}
.icon-bug:before {
  content: "\e007";
}
.icon-window:before {
  content: "\e008";
}
.icon-wiki:before {
  content: "\e009";
}
.icon-releases:before {
  content: "\e010";
}
/* Custom docs button */
.btn-bf {
  color: #563d7c;
  background-color: #fff;
  border-color: #e5e5e5;
}
.btn-bf:hover,
.btn-bf:focus,
.btn-bf:active {
  color: #fff;
  background-color: #563d7c;
  border-color: #563d7c;
}
/* Navs and headers
-------------------------------------------------- */
header.navbar .container {
  padding-right: 0;
}
footer > .container {
  padding-right: 0;
  padding-left: 0;
}
header.navbar.secondary {
  box-shadow: 0px 1px 2px rgb(36,129,166);
}
.navbar-inverse {
    background-color: rgb(36,129,166);
}
nav.navbar-collapse {
  border-color: rgb(52, 73, 94) !important;
  border-width: 1px;
  box-shadow: none;
  padding-left: 15px;
}
.bf-docs-nav {
  border-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.navbar-nav {
  margin: 0;
}

.navbar-brand {
  padding-left: 0;
}
.bf-docs-nav .navbar-nav > li > a {
  margin: 10px 0 0 10px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
}
.bf-docs-nav .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #34495e;
}
.bf-docs-nav .navbar-nav > .active > a,
.bf-docs-nav .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #34495e !important;
}
li.divider {
  margin-left: 0 !important;
}

/* Homepage masthead
-------------------------------------------------- */
.bf-masthead {
  position: relative;
  text-align: left;
  /*background: #cbcbcd url(../img/rende.png) no-repeat 50% 100px;*/
}
.bf-masthead .bf-masthead-bg {
    /*margin-top: 10px;*/
    padding: 30px 15px;
    color:#fff;
    background-color: rgb(36,129,166);
}
/*.bf-masthead .logo {
  height: 203px;
}*/
.bf-masthead .logo-title {
  width: 600px;
  padding: 20px 0 0 0;
  margin-left: 0;
}
.bf-masthead .text-container {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.bf-masthead .tagline {
  font-style:normal;
  font-weight:200;
  font-size: 300%;
  margin-bottom: 0;
  margin-top: 30px;
  padding-bottom: 30px;
  color: white;
  line-height: 90%;
}
.bf-masthead .tagline em {
  font-style: italic;
}
.bf-masthead .description {
  font-style: normal;
  font-size: 150%;
  margin-bottom: 45px;
  /*line-height: 100%;*/
}
.bf-masthead .btn-wrapper {
  text-align: center;
  margin-bottom: 20px;
  clear:both;
}
.bf-masthead .btn-wrapper {
  text-align: left;
  width: 100%;
  margin-right: 20px;
}
.bf-masthead .social-btn {
  float: left;
  margin: 0 20px 10px 0;
}
.bf-masthead .or {
  margin-left: 0px;
  font-style: normal;
  font-weight: 200;
  opacity: 0.8;
}

.bf-masthead a {
  line-height: 30px;
  color: #FAFBFC;
  font-style: normal;
  font-weight: 400;
}
.bf-masthead h1 {
  font-size: 30px;
  line-height: 1.4;
  color: #fff;
}
.bf-masthead .bf-masthead-links a,
.bf-masthead .bf-masthead-links a:hover {
  color: #fff;
}
.bf-masthead-info {
  padding: 80px 20px;
  font-size: 28px;
  text-align: center;
  background-color: #fc5d7b;
  color: rgba(0, 0, 0, .3)
}
.bf-masthead-info .icon-angle-down {
  font-size: 40px;
}

/* Download button */
.bf-masthead .btn-outline {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #fff;
  padding: 18px 24px;
  font-size: 21px;
  color: #fff;
}
.bf-masthead .btn-outline:hover {
  background-color: #fff;
  color: #42a8d2;
}

.bf-masthead-links {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.bf-masthead-links li {
  margin-bottom: 15px;
  color: #fff;
}
.bf-masthead-links a {
  color: #c8c7c6;
}

/* Homepage features
-------------------------------------------------- */
section > .container > h2 {
  text-align: left;
  margin-bottom: 16px;
  padding-bottom: 6px;
  font-size: 28px;
  color:#666666;
  /* border-bottom: 1px solid #e5e5e5; */
}
.bf-features {
  color: #292929;
  text-align: center;
  padding: 20px 0;
}
.bf-features h2 ~ p {
  margin-bottom: 40px;
  font-size: 16px;
}
.bf-features .bf-icon-wrap {
  margin: 0 auto 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(52,73,94);
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 50px;
  color: #FAFBFC;
}
.bf-features h3 {
  margin: 0 0 10px;
  color: rgb(52,73,94);
  font-weight: 400 !important;
}
.bf-features h3 ~ p {
  color: #656565;
}
/*
.bf-features2 {
  color: #292929;
  text-align: center;
}
.bf-features2 {
  padding: 40px 0;
}
.bf-features2 h2 {
  text-align: left;
  margin-bottom: 16px;
  padding-bottom: 6px;
  font-size: 28px;
  color:#666666;
  border-bottom: 1px solid #e5e5e5;
}
.bf-features2 h2 ~ p {
  margin-bottom: 40px;
  font-size: 16px;
}
.bf-features2 .bf-icon-wrap {
  margin: 0 auto 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e5e9ed;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
  color: #a5b6c7;
}
.bf-features2 h3 {
  margin: 0 0 10px;
  color: #696969;
}
.bf-features2 h3 ~ p {
  color: #656565;
} */
.bf-features-inverse {
  padding: 140px 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #34495e;
}
.bf-features-inverse h2 {
  margin-bottom: 20px;
  font-size: 40px;
}
.bf-features-inverse h2 ~ p {
  margin-bottom: 40px;
  font-size: 16px;
}
.bf-features-inverse .bf-icon-wrap {
  margin: 0 auto 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
  color: #3dc0f1;
}
.bf-features-inverse h3 ~ p {
  font-size: 14px;
}
.bf-features-inverse a,
.bf-features-inverse a:hover {
  color: #fff;
  text-decoration: underline;
}
.bf-news ul {
  margin-bottom: 20px;
}

.bf-questions .container {
  border-top: 1px solid rgb(52,73,94);
  border-bottom: 1px solid rgb(52,73,94);
  padding: 60px 0;
  margin-top: 0px;
}

.bf-questions div {
  line-height: 30px;
}

.bf-community .container, .bf-tagline .container {
  padding-left: 0;
  padding-right: 0;
}

.bf-community h3 {
  font-weight: 600;
  margin-top: 0;
}

.bf-community .row a p {
  color: rgb(51,51,51);
}

/*.bf-community h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(51,51,51);
}*/

.bf-community h2 {
  /*padding: 0 !important;*/
  border-bottom: solid 1px #ccc;
  line-height: 0;
  /*margin-top: 33px;*/
  margin-bottom: 13px;
}
.bf-releases h2 {
  /*padding: 0 !important;*/
  border-bottom: solid 1px #ccc;
  line-height: 0;
  /*margin-top: 33px;*/
  margin-bottom: 13px;
}

.bf-community h2 span {
  background-color: #FAFBFC;
  padding-right: 10px;
}


.bf-releases h2 span {
  background-color: #FAFBFC;
  padding-right: 10px;
}

.bf-releases p {
  padding: 10px 0 5px 0;
}

.bf-community {
  margin-top: 80px;
}

.bf-releases {
  margin-top: 10px;
}

#map-canvas {
  border-bottom: 1px solid rgb(52, 73, 94);
}

.bf-community img {
  border-radius: 4px;
  border: solid 1px rgb(52, 73, 94);
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  box-shadow: rgb(52, 73, 94) 2px 2px 4px;
}

.bf-releases img {
  border-radius: 4px;
  border: solid 1px rgb(52, 73, 94);
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  box-shadow: rgb(52, 73, 94) 2px 2px 4px;
}


h2.icns-calendar:before{
  text-align: right;
  content: "\F073";
  font-family: 'FontAwesome';
  font-size: 100%;
  margin-left: -40px;
  padding-right: 10px;
  line-height: 0;
}
h2.icns-chat:before{
  text-align: right;
  content: "\F0FC";
  font-family: 'FontAwesome';
  font-size: 100%;
  margin-left: -40px;
  padding-right: 10px;
  line-height: 0;
}

h2.icns-envelope:before{
  text-align: right;
  content: "\F0E0";
  font-family: 'FontAwesome';
  font-size: 100%;
  margin-left: -40px;
  padding-right: 10px;
  line-height: 0;
}
h2.icns-briefcase:before{
  text-align: right;
  content: "\F0B1";
  font-family: 'FontAwesome';
  font-size: 100%;
  margin-left: -42px;
  padding-right: 10px;
  line-height: 0;
}
h2.icns-group:before{
  text-align: right;
  content: "\F005";
  font-family: 'FontAwesome';
  font-size: 100%;
  margin-left: -37px;
  padding-right: 8px;
  line-height: 0;
}
h2.icns-tools:before{
  text-align: right;
  content: "\F006";
  font-family: 'FontAwesome';
  font-size: 100%;
  margin-left: -37px;
  padding-right: 8px;
  line-height: 0;
}
/* Docs pages and sections
-------------------------------------------------- */

/* Page headers */
.bf-header {
  padding: 5px 20px 10px;
  font-size: 16px;
  color: #5a5a5a;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.bf-header p {
  font-weight: 300;
  line-height: 1.5;
}
.bf-header .container {
  position: relative;
}

.bf-docs-container {
  margin-top: 60px;
}

.bf-docs-container .col-md-3{
  padding-left: 0;
}


.bf-docs-container .col-md-9.main-article {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding-bottom: 15px;
  min-height: 820px;
}

.bf-docs-section + .bf-docs-section {
  padding-top: 20px;
}

.bf-docs-container .nav-list {
  padding-top: 20px;
}

/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bf-example {
  position: relative;
  margin: 20px 0 40px;
}
.bf-example > .btn-toolbar + .btn-toolbar {
  margin-top: 10px;
}

.bf-example .row {
  margin-bottom: 20px;
}

/* Tweak display of the examples */
.bf-example + .highlight {
  margin: 0 -15px;
  border-radius: 0;
  border-width: 0 0 1px;
}

/* Tweak content of examples for optimum awesome */
.bf-example > p:last-child,
.bf-example > ul:last-child,
.bf-example > ol:last-child,
.bf-example > blockquote:last-child,
.bf-example > input:last-child,
.bf-example > select:last-child,
.bf-example > textarea:last-child,
.bf-example > .table:last-child,
.bf-example > .navbar:last-child
.bf-example > .jumbotron:last-child,
.bf-example > .alert:last-child,
.bf-example > .panel:last-child,
.bf-example > .list-group:last-child,
.bf-example > .well:last-child {
  margin-bottom: 0;
}
.bf-example > p > .close {
  float: none;
}
.bf-example-title {
  border-left: 3px solid #08d;
  padding-left: 10px;
  line-height: 24px;
  margin: 20px 0;
  font-size: 16px;
}
.bf-example-align .btn {
  margin-top: 4px;
}
.bf-example-align .btn-xs {
  margin-top: 16px;
}
.bf-example-align .btn-sm {
  margin-top: 8px;
}
.bf-example-align .btn-lg {
  margin-top: -7px;
}

/* Navbar examples */
.bf-example .navbar:last-child {
  margin-bottom: 0;
}
.bf-navbar-top-example,
.bf-navbar-bottom-example {
  z-index: 1;
  padding: 0;
  min-height: 110px;
  overflow: hidden; /* cut the drop shadows off */
}
.bf-navbar-top-example .navbar-fixed-top,
.bf-navbar-bottom-example .navbar-fixed-bottom {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.bf-navbar-top-example .navbar-fixed-top {
  top: -1px;
}
.bf-navbar-bottom-example .navbar-fixed-bottom {
  bottom: -1px;
}
.bf-navbar-top-example {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
.bf-navbar-top-example:after {
  top: auto;
  bottom: 15px;
  -webkit-border-radius: 0 4px 0 4px;
     -moz-border-radius: 0 4px 0 4px;
          border-radius: 0 4px 0 4px;
}
.bf-navbar-bottom-example {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
.bf-navbar-bottom-example .navbar {
  margin-bottom: 0;
}
.bf-navbar-top-example.bf-example:after {
  bottom: -1px;
  border-radius: 0 4px;
}

/* Example modals */
.bf-example-modal {
  background-color: #f5f5f5;
}
.bf-example-modal .modal {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  z-index: 1;
  display: block;
}
.bf-example-modal .modal-dialog {
  left: auto;
  margin-left: auto;
  margin-right: auto;
}

/* Example dropdowns */
.bf-example > .dropdown > .dropdown-menu,
.bf-example-submenu > .pull-left > .dropup > .dropdown-menu,
.bf-example-submenu > .pull-left > .dropdown > .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 5px;
}
.bf-example-submenu {
  min-height: 230px;
}
.bf-example-submenu > .pull-left + .pull-left {
  margin-left: 20px;
}

/* Tooltips */
.bf-example-tooltips {
  text-align: center;
}

/* Popovers */
.bf-example-popover {
  padding-bottom: 24px;
}
.bf-example-popover .popover {
  position: relative;
  display: block;
  float: left;
  width: 260px;
  margin: 20px;
}

/* Example templates
-------------------------------------------------- */

.bf-examples h4 {
  margin-bottom: 5px;
}
.bf-examples p {
  margin-bottom: 20px;
}

/* Responsive docs
-------------------------------------------------- */

/* Responsive (scrollable) doc tables */
@media (max-width: 768px) {
  .bf-table-scrollable {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #ddd;
  }
  .bf-table-scrollable .table {
    margin-bottom: 0;
    border: 0;
  }
  .bf-table-scrollable .table th,
  .bf-table-scrollable .table td {
    white-space: nowrap;
  }
  .bf-table-scrollable .table th:first-child,
  .bf-table-scrollable .table td:first-child {
    border-left: 0;
  }
  .bf-table-scrollable .table th:last-child,
  .bf-table-scrollable .table td:last-child {
    border-right: 0;
  }
  .bf-table-scrollable .table tr:last-child th,
  .bf-table-scrollable .table tr:last-child td {
    border-bottom: 0;
  }
}

/* Footer
-------------------------------------------------- */

.bf-footer {
  margin-top: 40px;
  padding: 30px 5px;
  /*text-align: left;*/
  background:#34495e;
  color:#f0f0f0;
}

.bf-footer a {
    color:#f0f0f0 !important;
}
.bf-footer.bf-footer-margin {
    margin-top: 100px;
    margin-bottom: 20px;
}

.bf-footer .bf-icon-wrap {
    font-size: 40px;
    color: #a5b6c7;
    display: inline;
    margin: 10px;
}

#footer-icons {
    float: right;
    display: inline;
    line-height: 20px;
    margin: 40px 10px 20px 10px;
}

#copyright {
    float: left;
    display: inline;
    line-height: 20px;
    margin: 20px 10px 20px 10px;
}

/* Social proof buttons from GitHub & Twitter */
.bf-social {
  margin-bottom: 20px;
}
.bf-social-buttons {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.bf-social-buttons li {
  display: inline-block;
  line-height: 1;
}
.bf-social-buttons li + li {
  margin-left: 15px;
}
.bf-social-buttons .twitter-follow-button {
  width: 225px !important;
}
.bf-social-buttons .twitter-share-button {
  width: 98px !important;
}
/* Style the GitHub buttons via CSS instead of inline attributes */
.github-btn {
  border: 0;
  overflow: hidden;
}

.highlight {
  padding: 9px 14px;
  margin-bottom: 40px;
  border: 1px solid #e1e1e8;
  border-radius: 4px;
}
.highlight pre {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: rgb(248, 248, 255);
  border: 0;
  white-space: nowrap;
}
.highlight pre code {
  font-size: inherit;
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  color: #333; /* Effectively the base text color */
}
.highlight pre .lineno {
  display: inline-block;
  width: 22px;
  padding-right: 5px;
  margin-right: 10px;
  text-align: right;
  color: #bebec5;
}

.c { color: #999988; font-style: italic } /* Comment */
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { color: #000000; font-weight: bold } /* Keyword */
.o { color: #000000; font-weight: bold } /* Operator */
.cm { color: #999988; font-style: italic } /* Comment.Multiline */
.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
.c1 { color: #999988; font-style: italic } /* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.ge { color: #000000; font-style: italic } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #999999 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #aaaaaa } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #445588; font-weight: bold } /* Keyword.Type */
.m { color: #009999 } /* Literal.Number */
.s { color: #d01040 } /* Literal.String */
.na { color: #008080 } /* Name.Attribute */
.nb { color: #0086B3 } /* Name.Builtin */
.nc { color: #445588; font-weight: bold } /* Name.Class */
.no { color: #008080 } /* Name.Constant */
.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
.ni { color: #800080 } /* Name.Entity */
.ne { color: #990000; font-weight: bold } /* Name.Exception */
.nf { color: #990000; font-weight: bold } /* Name.Function */
.nl { color: #990000; font-weight: bold } /* Name.Label */
.nn { color: #555555 } /* Name.Namespace */
.nt { color: #000080 } /* Name.Tag */
.nv { color: #008080 } /* Name.Variable */
.ow { color: #000000; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #009999 } /* Literal.Number.Float */
.mh { color: #009999 } /* Literal.Number.Hex */
.mi { color: #009999 } /* Literal.Number.Integer */
.mo { color: #009999 } /* Literal.Number.Oct */
.sb { color: #d01040 } /* Literal.String.Backtick */
.sc { color: #d01040 } /* Literal.String.Char */
.sd { color: #d01040 } /* Literal.String.Doc */
.s2 { color: #d01040 } /* Literal.String.Double */
.se { color: #d01040 } /* Literal.String.Escape */
.sh { color: #d01040 } /* Literal.String.Heredoc */
.si { color: #d01040 } /* Literal.String.Interpol */
.sx { color: #d01040 } /* Literal.String.Other */
.sr { color: #009926 } /* Literal.String.Regex */
.s1 { color: #d01040 } /* Literal.String.Single */
.ss { color: #990073 } /* Literal.String.Symbol */
.bp { color: #999999 } /* Name.Builtin.Pseudo */
.vc { color: #008080 } /* Name.Variable.Class */
.vg { color: #008080 } /* Name.Variable.Global */
.vi { color: #008080 } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */

.css .o,
.css .o + .nt,
.css .nt + .nt { color: #999; }
/* Show code snippets when we have the space */
@media screen and (min-width: 481px) {
  .highlight {
    display: block;
  }
}

.demoColorSwatches {
    color: #FFF;
}
.demoColorSwatches h4 {
    color: #292929;
}
.demoColorSwatches .colorPanel {
    padding: 15px;
}
.demoColorSwatches .colorPanel:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

/* Responsive variations
-------------------------------------------------- */

/* Hide code snippets on mobile devices */
@media screen and (max-width: 480px) {
  .highlight {
    display: none;
  }
}


.bf-docs-container {
    margin-top: 40px;
}

/* Navbars */
.bf-example .navbar:last-child {
  margin-bottom: 0;
}
.bf-navbar-top-example,
.bf-navbar-bottom-example {
  z-index: 1;
  padding: 0;
  overflow: hidden; /* cut the drop shadows off */
  border: 1px solid #ddd ;
}
.bf-navbar-top-example .navbar-header,
.bf-navbar-bottom-example .navbar-header {
  margin-left: 0;
}
.bf-navbar-top-example .navbar-fixed-top,
.bf-navbar-bottom-example .navbar-fixed-bottom {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.bf-navbar-top-example {
  padding-bottom: 45px;
}
.bf-navbar-top-example:after {
  top: auto;
  bottom: 15px;
}
.bf-navbar-top-example .navbar-fixed-top {
  top: -1px;
}
.bf-navbar-bottom-example {
  padding-top: 65px;
}
.bf-navbar-bottom-example .navbar-fixed-bottom {
  bottom: -1px;
}
.bf-navbar-bottom-example .navbar {
  margin-bottom: 0;
}

/* Phone and below */
@media screen and (max-width: 768px) {
  #home-logo { opacity: 1; height: 25px;}
  span.icon-book:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Docs";
  }
  span.icon-group:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Community";
  }
  span.icon-github-sign:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Github";
  }
  span.icon-trello:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Trello";
  }
  span.icon-bug:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " JIRA";
  }
  span.icon-stackexchange:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " StackOverflow";
  }
  span.icon-chat:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " HipChat";
  }
  span.icon-twitter:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Twitter";
  }
  span.icon-wiki:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: "  Wiki";
  }
  span.icon-releases:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Releases";
  }
  span.icon-comments:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Chat";
  }
  span.icon-envelope:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Mailing Lists";
  }
  div.cta {
    line-height: 60px;
  }
  span.avoidwrap { display:inline-block; }
  .navbar-nav > li > a {
    opacity: 1.0;
  }
  .bf-masthead .tagline {
    line-height: 90%;
  }

  .bf-masthead .description {
    margin-bottom: 30px;
  }
  .bf-masthead p {
    clear:both;
    line-height: 100%;
    padding-top: 5px;
  }
  .bf-masthead .or {
    margin-right: 0;
  }
  .bf-questions .container{
    padding: 30px 0;
  }
}

/* Phones and Tablets */
/*@media screen and (min-width: 768px) and (max-width: 992px) {

  .bf-masthead .tagline {
    padding-bottom: 20px;
  }

}*/

@media screen and (max-width: 992px) {
  .bf-community.committers .col-md-3 p{
    margin-bottom: 40px;
  }
}

/* Tablets and below */
@media screen and (max-width: 1200px) {
  .row {
    padding: 0 25px;
  }
  .bf-docs-container .nav-list {
    padding-left: 30px;
  }
  .bf-docs-container .colb-md-3 .nav-list {
    padding-top: 0;
  }
  .bf-community .container, .bf-tagline .container {
    padding-left: 50px;
  }
  .bf-community.committers .col-md-3 h3{
    margin-top: 0px;
  }
  #map-canvas { height: 300px; margin-top: 5px;}
}
/* Tablets and up */
@media screen and (min-width: 768px) {
  header.secondary #home-logo { opacity: 1; }
  #home-logo { opacity: 0; height: 30px;}
  .bf-header {
    font-size: 21px;
    text-align: left;
  }
  .bf-header h1 {
    font-size: 60px;
    line-height: 1;
  }

  .bf-masthead p {
    float:left;
  }

  .bf-masthead .or {
    margin-right: 20px;
  }
  .bf-features .row {
    padding: 20px 0;
  }
  .bf-example {
    margin-left: 0;
    margin-right: 0;
    border-radius: 4px;
    background-color: #fff;
    border-width: 1px;
    border-color: #ddd;
    box-shadow: none;
  }
  .bf-example + .prettyprint,
  .bf-example + .highlight {
    margin-top: -16px;
    margin-left: 0;
    margin-right: 0;
    border-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  /* Show the docs nav */
  .bf-sidebar {
    display: block;
  }
  .bf-sidebar > .nav > li > a {
    display: inline-block;
  }

  .bf-navbar-top-example .navbar-fixed-top,
  .bf-navbar-bottom-example .navbar-fixed-bottom {
    position: absolute;
  }
  .bs-navbar-top-example {
    border-radius: 0 0 4px 4px;
  }
  .bs-navbar-bottom-example {
    border-radius: 4px 4px 0 0;
  }
}

/* Tablets */
@media screen and (min-width: 768px) and (max-width: 1200px) {
  span.icns {
    font-size: 140%;
  }
}

/* Tablets/desktops and up */
@media screen and (min-width: 1200px) {
  span.icon-book:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Docs";
  }
  span.icon-group:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Community";
  }
  span.icon-github-sign:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Github";
  }
  span.icon-trello:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Trello";
  }
  span.icon-bug:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " JIRA";
  }
  span.icon-stackexchange:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " StackOverflow";
  }
  span.icon-chat:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " HipChat";
  }
  span.icon-twitter:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Twitter";
  }
  span.icon-wiki:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: "  Wiki";
  }
  span.icon-releases:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Releases";
  }
  span.icon-comments:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Chat";
  }
  span.icon-envelope:after {
    font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: " Mailing Lists";
  }
  .bf-header h1,
  .bf-header p {
    margin-right: 380px;
  }
  .bf-docs-container {
    margin-top: 40px;
  }

  .bf-masthead .tagline, .bf-masthead .description, .bf-masthead .btn-wrapper {
    margin-left: 120px;
  }
  .bf-community.committers .col-md-3 h3{
    margin-top: 40px;
  }
  .bf-community.committers img {
    width: 100%;
  }
  #map-canvas { height: 500px; margin-top: 10px;}

}

.navbar-toggle {
  background-color: rgb(36,129,166);
  margin: 12px 0 0 0;
}
