/*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);



}