/* Style for hover td */
hll {
  background-color: #ffc;
}

.c {
  font-style: italic;
  color: #998;
}

.err {
  color: #a61717;
  background-color: #e3d2d2;
}

.k {
  font-weight: bold;
  color: #000;
}

.o {
  font-weight: bold;
  color: #000;
}

.cm {
  font-style: italic;
  color: #998;
}

.cp {
  font-style: italic;
  font-weight: bold;
  color: #999;
}

.c1 {
  font-style: italic;
  color: #998;
}

.cs {
  font-style: italic;
  font-weight: bold;
  color: #999;
}

.gd {
  color: #000;
  background-color: #fdd;
}

.ge {
  font-style: italic;
  color: #000;
}

.gr {
  color: #a00;
}

.gh {
  color: #999;
}

.gi {
  color: #000;
  background-color: #dfd;
}

.go {
  color: #888;
}

.gp {
  color: #555;
}

.gs {
  font-weight: bold;
}

.gu {
  color: #aaa;
}

.gt {
  color: #a00;
}

.kc {
  font-weight: bold;
  color: #000;
}

.kd {
  font-weight: bold;
  color: #000;
}

.kn {
  font-weight: bold;
  color: #000;
}

.kp {
  font-weight: bold;
  color: #000;
}

.kr {
  font-weight: bold;
  color: #000;
}

.kt {
  font-weight: bold;
  color: #458;
}

.m {
  color: #099;
}

.s {
  color: #d01040;
}

.na {
  color: #008080;
}

.nb {
  color: #0086b3;
}

.nc {
  font-weight: bold;
  color: #458;
}

.no {
  color: #008080;
}

.nd {
  font-weight: bold;
  color: #3c5d5d;
}

.ni {
  color: #800080;
}

.ne {
  font-weight: bold;
  color: #900;
}

.nf {
  font-weight: bold;
  color: #900;
}

.nl {
  font-weight: bold;
  color: #900;
}

.nn {
  color: #555;
}

.nt {
  color: #000080;
}

.nv {
  color: #008080;
}

.ow {
  font-weight: bold;
  color: #000;
}

.w {
  color: #bbb;
}

.mf {
  color: #099;
}

.mh {
  color: #099;
}

.mi {
  color: #099;
}

.mo {
  color: #099;
}

.sb {
  color: #d01040;
}

.sc {
  color: #d01040;
}

.sd {
  color: #d01040;
}

.s2 {
  color: #d01040;
}

.se {
  color: #d01040;
}

.sh {
  color: #d01040;
}

.si {
  color: #d01040;
}

.sx {
  color: #d01040;
}

.sr {
  color: #009926;
}

.s1 {
  color: #d01040;
}

.ss {
  color: #990073;
}

.bp {
  color: #999;
}

.vc {
  color: #008080;
}

.vg {
  color: #008080;
}

.vi {
  color: #008080;
}

.il {
  color: #099;
}

html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
  padding-top: 120px;
  padding-bottom: 80px;
  overflow: initial;
}

body .page-wrapper {
  max-width: 1280px;
}

body .page-wrapper > .container {
  padding: 0;
}

body .page {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}

body > .loader {
  background-color: #fff;
}

.sidebody {
  margin-top: 20px;
}

.sidebody .stickme-holder {
  bottom: 80px;
}

.stickme-holder {
  z-index: 1010 !important;
}

.sidebody > .stickme-holder {
  z-index: 1000 !important;
}

[id='pagebar'] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1010;
}

[id='pagebar'] .title {
  float: left;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 100;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

[id='pagebar'] .title span {
  font-size: 12px;
  text-transform: lowercase;
}

[id='pagebar'] [id='section-themes-menu'] .dropdown-menu {
  min-width: 100%;
}

[id='mainbar'] {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 900;
}

[id='mainbar'] .search-bar {
  margin-left: 10px;
}

[id='mainbar'] .search-bar,
[id='mainbar'] .search-bar .input-group {
  width: 230px;
}

@media (min-width: 1200px) {
  .col-lg-8 .search-bar,
  .col-lg-8 .search-bar .input-group {
    width: 400px;
  }
}

.layout {
  min-height: 300px;
  padding: 3% 5%;
  margin-top: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.layout .homepage-images {
  margin: 20px 0 50px;
  overflow: hidden;
}

.layout .homepage-images .homepage-image {
  display: inline-block;
  float: left;
  width: 50%;
  line-height: 1;
  vertical-align: middle;
}

.layout .homepage-images .homepage-image > i {
  position: relative;
  display: block;
  padding-top: 100%;
}

.layout .homepage-images .homepage-image > i svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.layout .homepage-images .homepage-image > i svg,
.layout .homepage-images .homepage-image > i svg * {
  fill: currentColor;
}

.layout .homepage-images .homepage-image > i svg .fill {
  fill: #fff;
}

.layout .homepage-images .homepage-image > i svg .sub {
  fill: #ccc;
}

.layout .homepage-images .homepage-image[data-image='2'] {
  position: relative;
  left: 1px;
}

.layout > h1,
.layout .readme > h1,
.layout > h2,
.layout .readme > h2,
.layout > h3,
.layout .readme > h3,
.layout > h4,
.layout .readme > h4,
.layout > h5,
.layout .readme > h5,
.layout > h6,
.layout .readme > h6 {
  font-weight: bold;
}

.layout > h1,
.layout .readme > h1 {
  padding: 140px 20px 0;
  margin: -140px -20px 20px;
  font-size: 30px;
}

.layout > h1:not(:first-of-type),
.layout .readme > h1:not(:first-of-type) {
  margin-top: -100px;
}

.layout > h2,
.layout .readme > h2 {
  padding-top: 140px;
  margin: -120px 0 15px;
  font-size: 22.5px;
}

.layout > h3,
.layout .readme > h3 {
  margin: 15px 0;
  font-size: 17.55px;
}

.layout > h4,
.layout .readme > h4 {
  font-size: 15px;
}

.layout > h1 + h2 {
  margin-top: -140px;
}

.layout > h3 {
  padding-top: 140px;
  margin: -120px 0 15px;
}

.layout > h2 + h3 {
  margin-top: -140px;
}

.layout .codeExample + h2,
.layout .codeExample + h3 {
  margin-top: -110px;
}

.layout .codeExample + h4 {
  margin-top: 30px;
}

.layout h4 {
  margin-bottom: 9px;
}

.layout code {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 4px;
  font-size: 14px;
  white-space: nowrap;
  background-color: #f2f2f2;
  border: 1px solid #ebebeb;
}

*:not([data-theme]) .layout code,
*[data-theme='purple'] .layout code {
  color: #2c2b7c;
}

*[data-theme='cyclamen'] .layout code {
  color: #ce3250;
}

*[data-theme='yellow'] .layout code {
  color: #cf7300;
}

*[data-theme='green'] .layout code {
  color: #03915c;
}

*[data-theme='blue'] .layout code {
  color: #39c;
}

.layout pre code {
  display: block;
}

.layout .codeBlock::before,
.layout .codeBlock .copy {
  position: absolute;
  display: block;
  font-size: 10px;
}

.layout .codeBlock::before {
  padding: 2px 0;
}

.layout .codeBlock .copy {
  padding: 2px 10px;
  text-transform: uppercase;
}

.layout .codeBlock .copy,
.layout .jsExample::before {
  display: none;
}

.layout .codeBlock.visible .copy {
  display: block;
}

.layout .codeBlock::before,
.layout .codeBlock .copy {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.layout .codeExample {
  position: relative;
  margin: 10px 0;
}

.layout .codeExample + .codeExample {
  margin: 30px 0 10px;
}

.layout .exampleOutput {
  padding: 10px;
  border: 1px solid #ebebeb;
}

.layout .codeBlock {
  max-height: 28px;
  margin-top: -1px;
  overflow: hidden;
  font-size: 14px;
  background-color: #fafafa;
  border: 1px solid #ebebeb;
}

.layout .codeBlock.visible {
  z-index: 1;
  max-height: 482px !important;
  overflow: visible;
  border: 1px solid #ebebeb !important;
}

.layout .codeBlock::before,
.layout .codeBlock .copy {
  color: #fff;
}

.layout .codeBlock::before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 10px;
  left: -34px;
  color: #999;
  content: 'Example';
}

.layout .codeBlock .source {
  display: inline-block;
  height: 26px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 28px;
}

.layout .codeBlock .source i {
  position: relative;
  top: -1px;
  left: 2px;
}

.layout .codeBlock .source.opened [type*='gl-12'] {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.layout .codeBlock .copy {
  right: 20px;
  bottom: 0;
  font-weight: bold;
}

.layout .codeBlock .highlight {
  max-height: 450px;
  padding: 10px;
  overflow: hidden;
}

.layout .codeBlock .highlight:not(:first-child) {
  border-top: 1px solid #ebebeb;
}

.layout .codeBlock.visible .highlight {
  overflow: auto;
}

.layout .jsExample {
  position: relative;
  z-index: -1;
}

.layout .codeExample + script + .jsExample {
  padding-top: 0;
  margin-top: -11px;
  border-color: transparent;
}

.layout .codeExample + script + .jsExample .highlight {
  border-top: 0;
}

.layout table.styleguide,
.layout table.styleguide tr,
.layout table.styleguide td,
.layout table.styleguide th {
  padding: 10px;
  border: 1px solid #ebebeb;
}

.layout table.styleguide th {
  font: normal 12px "Verdana", Arial, sans-serif;
  color: #999;
  text-align: left;
}

.layout table.styleguide th,
.layout table.styleguide td:first-child {
  background-color: #f2f2f2;
}

.layout table.styleguide td:first-child {
  text-align: left;
}

*:not([data-theme]) .layout .codeBlock .copy,
*[data-theme='purple'] .layout .codeBlock .copy {
  background-color: #382e89;
}

*:not([data-theme]) .layout .codeBlock .copy:hover,
*[data-theme='purple'] .layout .codeBlock .copy:hover {
  background-color: #4639ab;
}

*[data-theme='cyclamen'] .layout .codeBlock .copy {
  background-color: #c64351;
}

*[data-theme='cyclamen'] .layout .codeBlock .copy:hover {
  background-color: #f75465;
}

*[data-theme='yellow'] .layout .codeBlock .copy {
  background-color: #cc8328;
}

*[data-theme='yellow'] .layout .codeBlock .copy:hover {
  background-color: #ffa432;
}

*[data-theme='green'] .layout .codeBlock .copy {
  background-color: #45916d;
}

*[data-theme='green'] .layout .codeBlock .copy:hover {
  background-color: #56b588;
}

*[data-theme='blue'] .layout .codeBlock .copy {
  background-color: #4a96bd;
}

*[data-theme='blue'] .layout .codeBlock .copy:hover {
  background-color: #5dbcec;
}

.template-modules .layout .exampleOutput {
  padding: 0 0 10px;
  border: 0;
}

.safari .layout .codeBlock {
  cursor: default;
}

.safari .layout .codeBlock:hover, .safari .layout .codeBlock:active {
  background-color: transparent;
}

.safari .layout .codeBlock:hover .copy {
  display: none;
}

.template-home .layout ul li,
.template-contributing .layout ul li {
  list-style: disc outside none;
}

.sidebar {
  right: -300px;
  height: 100%;
  min-height: 300px;
  overflow: auto;
  background-color: #fff;
  border: 1px solid #ccc;
}

.sidebar .nav-scrollspy {
  border-color: transparent;
}

.bottombar {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  background-color: #14171c;
}

.cols::before, .cols::after {
  display: table;
  content: ' ';
}

.cols::after {
  clear: both;
}

.cols .col {
  float: left;
}

.cols .col:not(:last-of-type) {
  margin-right: .56%;
}

.cols .col.tac {
  text-align: center;
}

.glyphicons {
  overflow: hidden;
}

.glyphicons.glyphicons16 .glyphicon {
  font-size: 16px;
}

.glyphicons.glyphicons12 .glyphicon {
  font-size: 12px;
}

.glyphicons-list {
  padding-left: 0;
  margin: 0 0 10px;
  list-style: none;
}

.glyphicons-list li {
  float: left;
  width: 20%;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  cursor: default;
  background-color: #f2f2f2;
  border: 1px solid #fff;
}

.glyphicons-list li:hover {
  color: #fff;
  background-color: #383f49;
}

.glyphicons-list .glyphicon-class {
  display: block;
  text-align: center;
  white-space: nowrap;
}

.glyphicons-list .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.spacebox {
  position: relative;
  padding: 180px 0;
  margin-top: 20px;
  text-align: center;
  border: 1px solid #ebebeb;
}

.spacebox > * {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute !important;
  top: 50%;
  left: 50%;
}

.sysicons {
  overflow: hidden;
}

.sysicons-list {
  padding-left: 0;
  margin: 0 0 10px;
  list-style: none;
}

.sysicons-list li {
  float: left;
  width: 25%;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  cursor: default;
}

.sysicons-list .sysicon-class {
  display: block;
  margin-top: 10px;
  text-align: center;
  white-space: nowrap;
}

.tooltip-face-default,
.tooltip-face-default-red,
.tooltip-face-rich,
.tooltip-tl,
.tooltip-tc,
.tooltip-tr,
.tooltip-bl,
.tooltip-bc,
.tooltip-br,
.tooltip-lt,
.tooltip-lc,
.tooltip-lb,
.tooltip-rt,
.tooltip-rc,
.tooltip-rb {
  display: block;
  width: 300px;
  margin: 0 auto;
  line-height: 40px;
  text-align: center;
  background-color: #ebebeb;
}

.tooltip-rich-content {
  display: none;
}

.qtip .tooltip-rich-content {
  display: block;
}

[data-module='composer'] {
  max-width: 576px;
}

[id='mainbar-example'] {
  min-width: 0;
}

[id='pagebar-example'] {
  min-width: 0;
}

[data-module='preview'] {
  max-width: 814px;
}

[id='states-tester'] .spacebox .btn {
  width: 120px;
  pointer-events: auto;
}

[data-module='videoshow'] {
  height: 380px;
  margin-bottom: 0;
}

/*# sourceMappingURL=komfo-docs.css.map */