/*csslint ids: false, overqualified-elements: false, fallback-colors: false*/













/*!






 * Bootstrap Docs (http://getbootstrap.com)






 * Copyright 2011-2014 Twitter, Inc.






 * Licensed under the Creative Commons Attribution 3.0 Unported License. For






 * details, see http://creativecommons.org/licenses/by/3.0/.






 */




















/*






 * Bootstrap Documentation






 * Special styles for presenting Bootstrap's documentation and code examples.






 *






 * Table of contents:






 *






 * Scaffolding






 * Main navigation






 * Footer






 * Social buttons






 * Homepage






 * Page headers






 * Old docs callout






 * Ads






 * Side navigation






 * Docs sections






 * Callouts






 * Grid styles






 * Examples






 * Code snippets (highlight)






 * Responsive tests






 * Glyphicons






 * Customizer






 * Miscellaneous






 */




















/*






 * Scaffolding






 *






 * Update the basics of our documents to prep for docs content.






 */













body {






  position: relative; /* For scrollspy */






}













/* Keep code small in tables on account of limited space */






.table code {






  font-size: 13px;






  font-weight: normal;






}













/* Outline button for use within the docs */






.btn-outline {






  color: #563d7c;






  background-color: transparent;






  border-color: #563d7c;






}






.btn-outline:hover,






.btn-outline:focus,






.btn-outline:active {






  color: #fff;






  background-color: #563d7c;






  border-color: #563d7c;






}













/* Inverted outline button (white on dark) */






.btn-outline-inverse {






  color: #fff;






  background-color: transparent;






  border-color: #cdbfe3;






}






.btn-outline-inverse:hover,






.btn-outline-inverse:focus,






.btn-outline-inverse:active {






  color: #563d7c;






  text-shadow: none;






  background-color: #fff;






  border-color: #fff;






}













/* Bootstrap "B" icon */






.bs-docs-booticon {






  display: block;






  font-weight: 500;






  color: #fff;






  background-color: #563d7c;






  border-radius: 15%;






  cursor: default;






  text-align: center;






}






.bs-docs-booticon-sm {






  width: 30px;






  height: 30px;






  font-size: 20px;






  line-height: 28px;






}






.bs-docs-booticon-lg {






  width: 144px;






  height: 144px;






  font-size: 108px;






  line-height: 140px;






}






.bs-docs-booticon-inverse {






  color: #563d7c;






  background-color: #fff;






}






.bs-docs-booticon-outline {






  background-color: transparent;






  border: 1px solid #cdbfe3;






}




















/*






 * Main navigation






 *






 * Turn the `.navbar` at the top of the docs purple.






 */













.bs-docs-nav {






  margin-bottom: 0;






  background-color: #fff;






  border-bottom: 0;






}






.bs-home-nav .bs-nav-b {






  display: none;






}






.bs-docs-nav .navbar-brand,






.bs-docs-nav .navbar-nav > li > a {






  color: #563d7c;






  font-weight: 500;






}






.bs-docs-nav .navbar-nav > li > a:hover,






.bs-docs-nav .navbar-nav > .active > a,






.bs-docs-nav .navbar-nav > .active > a:hover {






  color: #463265;






  background-color: #f9f9f9;






}






.bs-docs-nav .navbar-toggle .icon-bar {






  background-color: #563d7c;






}






.bs-docs-nav .navbar-header .navbar-toggle {






  border-color: #fff;






}






.bs-docs-nav .navbar-header .navbar-toggle:hover,






.bs-docs-nav .navbar-header .navbar-toggle:focus {






  background-color: #f9f9f9;






  border-color: #f9f9f9;






}




















/*






 * Footer






 *






 * Separated section of content at the bottom of all pages, save the homepage.






 */













.bs-docs-footer {






  padding-top: 40px;






  padding-bottom: 40px;






  margin-top: 100px;






  color: #777;






  text-align: center;






  border-top: 1px solid #e5e5e5;






}






.bs-docs-footer-links {






  margin-top: 20px;






  padding-left: 0;






  color: #999;






}






.bs-docs-footer-links li {






  display: inline;






  padding: 0 2px;






}






.bs-docs-footer-links li:first-child {






  padding-left: 0;






}













@media (min-width: 768px) {






  .bs-docs-footer p {






    margin-bottom: 0;






  }






}




















/*






 * Social buttons






 *






 * Twitter and GitHub social action buttons (for homepage and footer).






 */













.bs-docs-social {






  margin-bottom: 20px;






  text-align: center;






}






.bs-docs-social-buttons {






  display: inline-block;






  margin-bottom: 0;






  padding-left: 0;






  list-style: none;






}






.bs-docs-social-buttons li {






  display: inline-block;






  line-height: 1;






  padding: 5px 8px;






}






.bs-docs-social-buttons .twitter-follow-button {






  width: 225px !important;






}






.bs-docs-social-buttons .twitter-share-button {






  width: 98px !important;






}






/* Style the GitHub buttons via CSS instead of inline attributes */






.github-btn {






  border: 0;






  overflow: hidden;






}




















/*






 * Homepage






 *






 * Tweaks to the custom homepage and the masthead (main jumbotron).






 */













/* Share masthead with page headers */






.bs-docs-masthead,






.bs-docs-header {






  position: relative;






  padding: 30px 15px;






  color: #cdbfe3;






  text-align: center;






  text-shadow: 0 1px 0 rgba(0,0,0,.1);






  background-color: #6f5499;






  background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);






  background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);






  background-repeat: repeat-x;






  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);






}













 /* Masthead (headings and download button) */






.bs-docs-masthead .bs-docs-booticon {






  margin: 0 auto 30px;






}






.bs-docs-masthead h1 {






  font-weight: 300;






  line-height: 1;






  color: #fff;






}






.bs-docs-masthead .lead {






  margin: 0 auto 30px;






  font-size: 20px;






  color: #fff;






}






.bs-docs-masthead .version {






  margin-top: -15px;






  margin-bottom: 30px;






  color: #9783b9;






}






.bs-docs-masthead .btn {






  width: 100%;






  padding: 15px 30px;






  font-size: 20px;






}













@media (min-width: 480px) {






  .bs-docs-masthead .btn {






    width: auto;






  }






}













@media (min-width: 768px) {






  .bs-docs-masthead {






    padding-top: 80px;






    padding-bottom: 80px;






  }






  .bs-docs-masthead h1 {






    font-size: 60px;






  }






  .bs-docs-masthead .lead {






    font-size: 24px;






  }






}













@media (min-width: 792px) {






  .bs-docs-masthead .lead {






    width: 80%;






    font-size: 30px;






  }






}




















/*






 * Page headers






 *






 * Jumbotron-esque headers at the top of every page that's not the homepage.






 */













/* Page headers */






.bs-docs-header {






  margin-bottom: 40px;






  font-size: 20px;






}






.bs-docs-header h1 {






  margin-top: 0;






  color: #fff;






}






.bs-docs-header p {






  margin-bottom: 0;






  font-weight: 300;






  line-height: 1.4;






}






.bs-docs-header .container {






  position: relative;






}













@media (min-width: 768px) {






  .bs-docs-header {






    padding-top: 60px;






    padding-bottom: 60px;






    font-size: 24px;






    text-align: left;






  }






  .bs-docs-header h1 {






    font-size: 60px;






    line-height: 1;






  }






}













@media (min-width: 792px) {






  .bs-docs-header h1,






  .bs-docs-header p {






    margin-right: 380px;






  }






}




















/*






 * Carbon ads






 *






 * Single display ad that shows on all pages (except homepage) in page headers.






 * The hella `!important` is required for any pre-set property.






 */













.carbonad {






  width: auto !important;






  margin: 30px -30px -31px !important;






  padding: 20px !important;






  overflow: hidden; /* clearfix */






  height: auto !important;






  font-size: 13px !important;






  line-height: 16px !important;






  text-align: left;






  background: transparent !important;






  border: solid #866ab3 !important;






  border-width: 1px 0 !important;






}






.carbonad-img {






  margin: 0 !important;






}






.carbonad-text,






.carbonad-tag {






  float: none !important;






  display: block !important;






  width: auto !important;






  height: auto !important;






  margin-left: 145px !important;






  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;






}






.carbonad-text {






  padding-top: 0 !important;






}






.carbonad-tag {






  color: inherit !important;






  text-align: left !important;






}






.carbonad-text a,






.carbonad-tag a {






  color: #fff !important;






}






.carbonad #azcarbon > img {






  display: none; /* hide what I assume are tracking images */






}













@media (min-width: 480px) {






  .carbonad {






    width: 330px !important;






    margin: 20px auto !important;






    border-radius: 4px;






    border-width: 1px !important;






  }






  .bs-docs-masthead .carbonad {






    margin: 50px auto 0 !important;






  }






}













@media (min-width: 768px) {






  .carbonad {






    margin-left: 0 !important;






    margin-right: 0 !important;






  }






}













@media (min-width: 792px) {






  .carbonad {






    position: absolute;






    top: 0;






    right: 15px; /* 15px instead of 0 since box-sizing */






    margin: 0 !important;






    padding: 15px !important;






    width: 330px !important;






  }






  .bs-docs-masthead .carbonad {






    position: static;






  }






}




















/*






 * Homepage featurettes






 *






 * Reasons to use Bootstrap, entries from the Expo, and more.






 */













.bs-docs-featurette {






  padding-top:    40px;






  padding-bottom: 40px;






  font-size: 16px;






  line-height: 1.5;






  color: #555;






  text-align: center;






  background-color: #fff;






  border-bottom: 1px solid #e5e5e5;






}






.bs-docs-featurette + .bs-docs-footer {






  margin-top: 0;






  border-top: 0;






}













.bs-docs-featurette-title {






  font-size: 30px;






  font-weight: normal;






  color: #333;






  margin-bottom: 5px;






}






.half-rule {






  width: 100px;






  margin: 40px auto;






}






.bs-docs-featurette h3 {






  font-weight: normal;






  color: #333;






  margin-bottom: 5px;






}






.bs-docs-featurette-img {






  display: block;






  margin-bottom: 20px;






  color: #333;






}






.bs-docs-featurette-img:hover {






  text-decoration: none;






  color: #428bca;






}






.bs-docs-featurette-img img {






  display: block;






  margin-bottom: 15px;






}













/* Featured sites */






.bs-docs-featured-sites {






  margin-left: -1px;






  margin-right: -1px;






}






.bs-docs-featured-sites .col-sm-3 {






  padding-left: 1px;






  padding-right: 1px;






}













@media (min-width: 480px) {






  .bs-docs-featurette .img-responsive {






    margin-top: 30px;






  }






}






@media (min-width: 768px) {






  .bs-docs-featurette {






    padding-top:    100px;






    padding-bottom: 100px;






  }






  .bs-docs-featurette-title {






    font-size: 40px;






  }






  .bs-docs-featurette .lead {






    margin-left:  auto;






    margin-right: auto;






    max-width: 80%;






  }






  .bs-docs-featured-sites .col-sm-3:first-child img {






    border-top-left-radius: 4px;






    border-bottom-left-radius: 4px;






  }






  .bs-docs-featured-sites .col-sm-3:last-child img {






    border-top-right-radius: 4px;






    border-bottom-right-radius: 4px;






  }













  .bs-docs-featurette .img-responsive {






    margin-top: 0;






  }






}




















/*






 * 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-docs-sidebar.affix {






  position: static;






}






@media (min-width: 768px) {






  .bs-docs-sidebar {






    padding-left: 20px;






  }






}













/* First level of nav */






.bs-docs-sidenav {






  margin-top: 20px;






  margin-bottom: 20px;






}













/* All levels of nav */






.bs-docs-sidebar .nav > li > a {






  display: block;






  font-size: 13px;






  font-weight: 500;






  color: #999;






  padding: 4px 20px;






}






.bs-docs-sidebar .nav > li > a:hover,






.bs-docs-sidebar .nav > li > a:focus {






  padding-left: 19px;






  color: #563d7c;






  text-decoration: none;






  background-color: transparent;






  border-left: 1px solid #563d7c;






}






.bs-docs-sidebar .nav > .active > a,






.bs-docs-sidebar .nav > .active:hover > a,






.bs-docs-sidebar .nav > .active:focus > a {






  padding-left: 18px;






  font-weight: bold;






  color: #563d7c;






  background-color: transparent;






  border-left: 2px solid #563d7c;






}













/* Nav: second level (shown on .active) */






.bs-docs-sidebar .nav .nav {






  display: none; /* Hide by default, but at >768px, show it */






  padding-bottom: 10px;






}






.bs-docs-sidebar .nav .nav > li > a {






  padding-top:    1px;






  padding-bottom: 1px;






  padding-left: 30px;






  font-size: 12px;






  font-weight: normal;






}






.bs-docs-sidebar .nav .nav > li > a:hover,






.bs-docs-sidebar .nav .nav > li > a:focus {






  padding-left: 29px;






}






.bs-docs-sidebar .nav .nav > .active > a,






.bs-docs-sidebar .nav .nav > .active:hover > a,






.bs-docs-sidebar .nav .nav > .active:focus > a {






  font-weight: 500;






  padding-left: 28px;






}













/* Back to top (hidden on mobile) */






.back-to-top {






  display: none;






  margin-top: 10px;






  margin-left: 10px;






  padding: 4px 10px;






  font-size: 12px;






  font-weight: 500;






  color: #999;






}






.back-to-top:hover {






  text-decoration: none;






  color: #563d7c;






}













@media (min-width: 768px) {






  .back-to-top {






    display: block;






  }






}













/* Show and affix the side nav when space allows it */






@media (min-width: 792px) {






  .bs-docs-sidebar .nav > .active > ul {






    display: block;






  }






  /* Widen the fixed sidebar */






  .bs-docs-sidebar.affix,






  .bs-docs-sidebar.affix-bottom {






    width: 213px;






  }






  .bs-docs-sidebar.affix {






    position: fixed; /* Undo the static from mobile first approach */






    top: 20px;






  }






  .bs-docs-sidebar.affix-bottom {






    position: absolute; /* Undo the static from mobile first approach */






  }






  .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,






  .bs-docs-sidebar.affix .bs-docs-sidenav {






    margin-top: 0;






    margin-bottom: 0;






  }






}






@media (min-width: 1200px) {






  /* Widen the fixed sidebar again */






  .bs-docs-sidebar.affix-bottom,






  .bs-docs-sidebar.affix {






    width: 263px;






  }






}




















/*






 * Docs sections






 *






 * Content blocks for each component or feature.






 */













/* Space things out */






.bs-docs-section {






  margin-bottom: 60px;






}






.bs-docs-section:last-child {






  margin-bottom: 0;






}













h1[id] {






  margin-top: 0;






  padding-top: 20px;






}




















/*






 * Callouts






 *






 * Not quite alerts, but custom and helpful notes for folks reading the docs.






 * Requires a base and modifier class.






 */













/* Common styles for all types */






.bs-callout {






  margin: 20px 0;






  padding: 20px;






  border-left: 3px solid #eee;






}






.bs-callout h4 {






  margin-top: 0;






  margin-bottom: 5px;






}






.bs-callout p:last-child {






  margin-bottom: 0;






}






.bs-callout code {






  background-color: #fff;






  border-radius: 3px;






}













/* Variations */






.bs-callout-danger {






  background-color: #fdf7f7;






  border-color: #d9534f;






}






.bs-callout-danger h4 {






  color: #d9534f;






}






.bs-callout-warning {






  background-color: #fcf8f2;






  border-color: #f0ad4e;






}






.bs-callout-warning h4 {






  color: #f0ad4e;






}






.bs-callout-info {






  background-color: #f4f8fa;






  border-color: #5bc0de;






}






.bs-callout-info h4 {






  color: #5bc0de;






}




















/*






 * Color swatches






 *






 * Color swatches and associated values for our grayscale and brand colors.






 */













.color-swatches {






  margin: 0 -5px;






  overflow: hidden; /* clearfix */






}






.color-swatch {






  float: left;






  width:  60px;






  height: 60px;






  margin: 0 5px;






  border-radius: 3px;






}













@media (min-width: 768px) {






  .color-swatch {






    width:  100px;






    height: 100px;






  }






}













/* Framework colors */






.color-swatches .gray-darker   { background-color: #222; }






.color-swatches .gray-dark     { background-color: #333; }






.color-swatches .gray          { background-color: #555; }






.color-swatches .gray-light    { background-color: #999; }






.color-swatches .gray-lighter  { background-color: #eee; }






.color-swatches .brand-primary { background-color: #428bca; }






.color-swatches .brand-success { background-color: #5cb85c; }






.color-swatches .brand-warning { background-color: #f0ad4e; }






.color-swatches .brand-danger  { background-color: #d9534f; }






.color-swatches .brand-info    { background-color: #5bc0de; }













/* Docs colors */






.color-swatches .bs-purple          { background-color: #563d7c; }






.color-swatches .bs-purple-light    { background-color: #c7bfd3; }






.color-swatches .bs-purple-lighter  { background-color: #e5e1ea; }






.color-swatches .bs-gray            { background-color: #f9f9f9; }




















/*






 * Team members






 *






 * Avatars, names, and usernames for core team.






 */













.bs-team .team-member {






  color: #555;






  line-height: 32px;






}






.bs-team .team-member:hover {






  color: #333;






  text-decoration: none;






}






.bs-team .github-btn {






  float: right;






  margin-top: 6px;






  width: 180px;






  height: 20px;






}






.bs-team img {






  float: left;






  width: 32px;






  margin-right: 10px;






  border-radius: 4px;






}




















/*






 * Grid examples






 *






 * Highlight the grid columns within the docs so folks can see their padding,






 * alignment, sizing, etc.






 */













.show-grid {






  margin-bottom: 15px;






}






.show-grid [class^="col-"] {






  padding-top: 10px;






  padding-bottom: 10px;






  background-color: #eee;






  background-color: rgba(86,61,124,.15);






  border: 1px solid #ddd;






  border: 1px solid rgba(86,61,124,.2);






}




















/*






 * Examples






 *






 * Isolated sections of example content for each component or feature. Usually






 * followed by a code snippet.






 */













.bs-example {






  position: relative;






  padding: 45px 15px 15px;






  margin: 0 -15px 15px;






  background-color: #fafafa;






  box-shadow: inset 0 3px 6px rgba(0,0,0,.05);






  border-color: #e5e5e5 #eee #eee;






  border-style: solid;






  border-width: 1px 0;






}






/* Echo out a label for the example */






.bs-example:after {






  content: "Example";






  position: absolute;






  top:  15px;






  left: 15px;






  font-size: 12px;






  font-weight: bold;






  color: #bbb;






  text-transform: uppercase;






  letter-spacing: 1px;






}













/* Tweak display of the code snippets when following an example */






.bs-example + .highlight {






  margin: -15px -15px 15px;






  border-radius: 0;






  border-width: 0 0 1px;






}













/* Make the examples and snippets not full-width */






@media (min-width: 768px) {






  .bs-example {






    margin-left: 0;






    margin-right: 0;






    background-color: #fff;






    border-width: 1px;






    border-color: #ddd;






    border-radius: 4px 4px 0 0;






    box-shadow: none;






  }






  .bs-example + .highlight {






    margin-top: -16px;






    margin-left: 0;






    margin-right: 0;






    border-width: 1px;






    border-bottom-left-radius: 4px;






    border-bottom-right-radius: 4px;






  }






}













/* Undo width of container */






.bs-example .container {






  width: auto;






}













/* Tweak content of examples for optimum awesome */






.bs-example > p:last-child,






.bs-example > ul:last-child,






.bs-example > ol:last-child,






.bs-example > blockquote:last-child,






.bs-example > .form-control:last-child,






.bs-example > .table:last-child,






.bs-example > .navbar:last-child,






.bs-example > .jumbotron:last-child,






.bs-example > .alert:last-child,






.bs-example > .panel:last-child,






.bs-example > .list-group:last-child,






.bs-example > .well:last-child,






.bs-example > .progress:last-child,






.bs-example > .table-responsive:last-child > .table {






  margin-bottom: 0;






}






.bs-example > p > .close {






  float: none;






}













/* Typography */






.bs-example-type .table .type-info {






  color: #999;






  vertical-align: middle;






}






.bs-example-type .table td {






  padding: 15px 0;






  border-color: #eee;






}






.bs-example-type .table tr:first-child td {






  border-top: 0;






}






.bs-example-type h1,






.bs-example-type h2,






.bs-example-type h3,






.bs-example-type h4,






.bs-example-type h5,






.bs-example-type h6 {






  margin: 0;






}













/* Contextual background colors */






.bs-example-bg-classes p {






  padding: 15px;






}













/* Images */






.bs-example > .img-circle,






.bs-example > .img-rounded,






.bs-example > .img-thumbnail {






  margin: 5px;






}













/* Tables */






.bs-example > .table-responsive > .table {






  background-color: #fff;






}













/* Buttons */






.bs-example > .btn,






.bs-example > .btn-group {






  margin-top: 5px;






  margin-bottom: 5px;






}






.bs-example > .btn-toolbar + .btn-toolbar {






  margin-top: 10px;






}













/* Forms */






.bs-example-control-sizing select,






.bs-example-control-sizing input[type="text"] + input[type="text"] {






  margin-top: 10px;






}






.bs-example-form .input-group {






  margin-bottom: 10px;






}






.bs-example > textarea.form-control {






  resize: vertical;






}













/* List groups */






.bs-example > .list-group {






  max-width: 400px;






}













/* Navbars */






.bs-example .navbar:last-child {






  margin-bottom: 0;






}






.bs-navbar-top-example,






.bs-navbar-bottom-example {






  z-index: 1;






  padding: 0;






  overflow: hidden; /* cut the drop shadows off */






}






.bs-navbar-top-example .navbar-header,






.bs-navbar-bottom-example .navbar-header {






  margin-left: 0;






}






.bs-navbar-top-example .navbar-fixed-top,






.bs-navbar-bottom-example .navbar-fixed-bottom {






  position: relative;






  margin-left: 0;






  margin-right: 0;






}






.bs-navbar-top-example {






  padding-bottom: 45px;






}






.bs-navbar-top-example:after {






  top: auto;






  bottom: 15px;






}






.bs-navbar-top-example .navbar-fixed-top {






  top: -1px;






}






.bs-navbar-bottom-example {






  padding-top: 45px;






}






.bs-navbar-bottom-example .navbar-fixed-bottom {






  bottom: -1px;






}






.bs-navbar-bottom-example .navbar {






  margin-bottom: 0;






}






@media (min-width: 768px) {






  .bs-navbar-top-example .navbar-fixed-top,






  .bs-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;






  }






}













/* Pagination */






.bs-example .pagination {






  margin-top: 10px;






  margin-bottom: 10px;






}













/* Pager */






.bs-example > .pager {






  margin-top: 0;






}













/* Example modals */






.bs-example-modal {






  background-color: #f5f5f5;






}






.bs-example-modal .modal {






  position: relative;






  top: auto;






  right: auto;






  left: auto;






  bottom: auto;






  z-index: 1;






  display: block;






}






.bs-example-modal .modal-dialog {






  left: auto;






  margin-left: auto;






  margin-right: auto;






}













/* Example dropdowns */






.bs-example > .dropdown > .dropdown-menu {






  position: static;






  display: block;






  margin-bottom: 5px;






}













/* Example tabbable tabs */






.bs-example-tabs .nav-tabs {






  margin-bottom: 15px;






}













/* Tooltips */






.bs-example-tooltips {






  text-align: center;






}






.bs-example-tooltips > .btn {






  margin-top: 5px;






  margin-bottom: 5px;






}













/* Popovers */






.bs-example-popover {






  padding-bottom: 24px;






  background-color: #f9f9f9;






}






.bs-example-popover .popover {






  position: relative;






  display: block;






  float: left;






  width: 260px;






  margin: 20px;






}













/* Scrollspy demo on fixed height div */






.scrollspy-example {






  position: relative;






  height: 200px;






  margin-top: 10px;






  overflow: auto;






}




















/*






 * Code snippets






 *






 * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.






 */













.highlight {






  padding: 9px 14px;






  margin-bottom: 14px;






  background-color: #f7f7f9;






  border: 1px solid #e1e1e8;






  border-radius: 4px;






}






.highlight pre {






  padding: 0;






  margin-top: 0;






  margin-bottom: 0;






  background-color: transparent;






  border: 0;






  white-space: nowrap;






}






.highlight pre code {






  font-size: inherit;






  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;






}




















/*






 * Responsive tests






 *






 * Generate a set of tests to show the responsive utilities in action.






 */













/* Responsive (scrollable) doc tables */






.table-responsive .highlight pre {






  white-space: normal;






}













/* Utility classes table  */






.bs-table th small,






.responsive-utilities th small {






  display: block;






  font-weight: normal;






  color: #999;






}






.responsive-utilities tbody th {






  font-weight: normal;






}






.responsive-utilities td {






  text-align: center;






}






.responsive-utilities td.is-visible {






  color: #468847;






  background-color: #dff0d8 !important;






}






.responsive-utilities td.is-hidden {






  color: #ccc;






  background-color: #f9f9f9 !important;






}













/* Responsive tests */






.responsive-utilities-test {






  margin-top: 5px;






}






.responsive-utilities-test .col-xs-6 {






  margin-bottom: 10px;






}






.responsive-utilities-test span {






  display: block;






  padding: 15px 10px;






  font-size: 14px;






  font-weight: bold;






  line-height: 1.1;






  text-align: center;






  border-radius: 4px;






}






.visible-on .col-xs-6 .hidden-xs,






.visible-on .col-xs-6 .hidden-sm,






.visible-on .col-xs-6 .hidden-md,






.visible-on .col-xs-6 .hidden-lg,






.hidden-on .col-xs-6 .hidden-xs,






.hidden-on .col-xs-6 .hidden-sm,






.hidden-on .col-xs-6 .hidden-md,






.hidden-on .col-xs-6 .hidden-lg {






  color: #999;






  border: 1px solid #ddd;






}






.visible-on .col-xs-6 .visible-xs,






.visible-on .col-xs-6 .visible-sm,






.visible-on .col-xs-6 .visible-md,






.visible-on .col-xs-6 .visible-lg,






.hidden-on .col-xs-6 .visible-xs,






.hidden-on .col-xs-6 .visible-sm,






.hidden-on .col-xs-6 .visible-md,






.hidden-on .col-xs-6 .visible-lg {






  color: #468847;






  background-color: #dff0d8;






  border: 1px solid #d6e9c6;






}




















/*






 * Glyphicons






 *






 * Special styles for displaying the icons and their classes in the docs.






 */













.bs-glyphicons {






  margin: 0 -19px 20px -16px;






  overflow: hidden;






}






.bs-glyphicons-list {






  padding-left: 0;






  list-style: none;






}






.bs-glyphicons li {






  float: left;






  width: 25%;






  height: 115px;






  padding: 10px;






  font-size: 10px;






  line-height: 1.4;






  text-align: center;






  border: 1px solid #fff;






  background-color: #f9f9f9;






}






.bs-glyphicons .glyphicon {






  margin-top: 5px;






  margin-bottom: 10px;






  font-size: 24px;






}






.bs-glyphicons .glyphicon-class {






  display: block;






  text-align: center;






  word-wrap: break-word; /* Help out IE10+ with class names */






}






.bs-glyphicons li:hover {






  color: #fff;






  background-color: #563d7c;






}













@media (min-width: 768px) {






  .bs-glyphicons {






    margin-left: 0;






    margin-right: 0;






  }






  .bs-glyphicons li {






    width: 12.5%;






    font-size: 12px;






  }






}




















/*






 * Customizer






 *






 * Since this is so form control heavy, we have quite a few styles to customize






 * the display of inputs, headings, and more. Also included are all the download






 * buttons and actions.






 */













.bs-customizer .toggle {






  float: right;






  margin-top: 25px;






}













/* Headings and form contrls */






.bs-customizer label {






  margin-top: 10px;






  font-weight: 500;






  color: #555;






}






.bs-customizer h2 {






  margin-top: 0;






  margin-bottom: 5px;






  padding-top: 30px;






}






.bs-customizer h3 {






  margin-bottom: 0;






}






.bs-customizer h4 {






  margin-top: 15px;






  margin-bottom: 0;






}






.bs-customizer .bs-callout h4 {






  margin-top: 0; /* lame, but due to specificity we have to duplicate */






  margin-bottom: 5px;






}






.bs-customizer input[type="text"] {






  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;






  background-color: #fafafa;






}






.bs-customizer .help-block {






  font-size: 12px;






  margin-bottom: 5px;






}













/* For the variables, use regular weight */






#less-section label {






  font-weight: normal;






}













.bs-customizer-input {






  float: left;






  width: 33.333333%;






  padding-left: 15px;






  padding-right: 15px;






}













/* Downloads */






.bs-customize-download .btn-outline {






  padding: 20px;






}













/* Error handling */






.bs-customizer-alert {






  position: fixed;






  top: 0;






  left: 0;






  right: 0;






  z-index: 1030;






  padding: 15px 0;






  color: #fff;






  background-color: #d9534f;






  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);






  border-bottom: 1px solid #b94441;






}






.bs-customizer-alert .close {






  margin-top: -4px;






  font-size: 24px;






}






.bs-customizer-alert p {






  margin-bottom: 0;






}






.bs-customizer-alert .glyphicon {






  margin-right: 5px;






}






.bs-customizer-alert pre {






  margin: 10px 0 0;






  color: #fff;






  background-color: #a83c3a;






  border-color: #973634;






  box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);






}




















/*






 * Brand guidelines






 *






 * Extra styles for displaying wordmarks, logos, etc.






 */













/* Logo series wrapper */






.bs-brand-logos {






  display: table;






  width: 100%;






  margin-bottom: 15px;






  overflow: hidden;






  color: #563d7c;






  background-color: #f9f9f9;






  border-radius: 4px;






}













/* Individual items */






.bs-brand-item {






  padding: 60px 0;






  text-align: center;






}






.bs-brand-item + .bs-brand-item {






  border-top: 1px solid #fff;






}






.bs-brand-logos .inverse {






  color: #fff;






  background-color: #563d7c;






}













/* Heading content within */






.bs-brand-item h1,






.bs-brand-item h3 {






  margin-top: 0;






  margin-bottom: 0;






}






.bs-brand-item .bs-docs-booticon {






  margin-left: auto;






  margin-right: auto;






}













/* Make the icons stand out on what is/isn't okay */






.bs-brand-item .glyphicon {






  width: 30px;






  height: 30px;






  margin: 10px auto -10px;






  line-height: 30px;






  color: #fff;






  border-radius: 50%;






}






.bs-brand-item .glyphicon-ok { background-color: #5cb85c; }






.bs-brand-item .glyphicon-remove { background-color: #d9534f; }













@media (min-width: 768px) {






  .bs-brand-item {






    display: table-cell;






    width: 1%;






  }






  .bs-brand-item + .bs-brand-item {






    border-top: 0;






    border-left: 1px solid #fff;






  }






  .bs-brand-item h1 {






    font-size: 60px;






  }






}




















/*






 * Miscellaneous






 *






 * Odds and ends for optimum docs display.






 */













/* Examples gallery: space out content better */






.bs-examples .thumbnail {






  margin-bottom: 10px;






}






.bs-examples h4 {






  margin-bottom: 5px;






}






.bs-examples p {






  margin-bottom: 20px;






}













/* Pseudo :focus state for showing how it looks in the docs */






#focusedInput {






  border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/






  border-color: rgba(82,168,236,.8);






  outline: 0;






  outline: thin dotted \9; /* IE6-9 */






  -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);






       box-shadow: 0 0 8px rgba(82,168,236,.6);






}