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