html {
  position: fixed;
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0;
  touch-action: none;
  -ms-touch-action: none;
}
body,
button,
input,
textarea {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 19px;
  font-size: 13px;
  font-weight: 300;
}
body.outdated {
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
}
body.outdated h1 {
  font-size: 23px;
}
body.basic {
  position: static;
  margin: 20px;
  color: white;
}
textarea {
  padding: 8px;
  border-width: 1px;
}
a,
.link {
  color: #3a93d8;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
}
a:hover,
.link:hover {
  text-decoration: underline;
}
a.active,
.link.active {
  color: #068485;
  cursor: default;
  text-decoration: none;
}
p {
  margin-top: 6px;
}
h2 {
  margin-bottom: 1px;
}
.active > span.link {
  color: white;
}
div.world {
  margin-top: 40px;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
div.world span.lsf {
  font-size: 20px;
  color: white;
  opacity: 0.7;
}
div.world a {
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 16px;
  color: #00b1dd;
}
div.world .iov {
  opacity: 0.7;
  color: white;
  font-size: 12px;
}
div.world:hover {
  opacity: 1;
}
div.world:hover a {
  color: #00b1dd !important;
}
div.hyperworld {
  position: absolute;
  right: 24px;
  bottom: 24px;
  padding: 20px;
  opacity: 0.8;
  z-index: 5000;
  font-size: 13px;
  font-weight: 400;
}
div.hyperworld a {
  color: grey;
}
div.hyperworld:hover {
  opacity: 1;
}
div.hyperworld:hover a {
  color: #3a93d8 !important;
}
div.hyperworld:hover a:hover {
  text-decoration: none;
}
/*
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel'), local('Abel-Regular'), url(https://static.bit.pub/fonts/Abel-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
*/
@font-face {
  font-family: 'LigatureSymbols';
  src: url('../fonts/liga-2.11.eot');
  src: url('../fonts/liga-2.11.eot#iefix') format('embedded-opentype'), url('../fonts/liga-2.11.woff') format('woff'), url('../fonts/liga-2.11.ttf') format('truetype'), url('https://static.bit.pub/fonts/liga-2.11.svg#LigatureSymbols') format('svg');
  font-weight: normal;
  font-style: normal;
}
.lsf {
  font-family: 'LigatureSymbols';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
  content: attr(title);
  margin-right: 0.3em;
  font-size: 130%;
  font-family: 'LigatureSymbols';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.unselectable,
.link,
.lsf {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.no-mouse {
  pointer-events: none;
}
body,
div.site-block {
  position: absolute;
  top: 0;
  left: 0;
  background: #252525;
}
img.start {
  position: absolute;
  z-index: 1000;
}
html.viewer,
html.panes {
  overflow-y: hidden;
}
.action-section {
  font-style: italic;
}
.action {
  cursor: pointer;
}
.action .lsf {
  margin-right: 6px;
  font-size: 120%;
}
.action:hover > .field {
  color: #ebeae8;
}
.action.active {
  cursor: default;
  color: #ebeae8;
}
.action.active .lsf {
  color: #068485;
}
.action.active:hover > .field {
  text-decoration: none;
}
.action.active.toggle {
  cursor: pointer;
}
.action.active.toggle:hover > .field {
  text-decoration: underline;
}
.close {
  background-image: url('img/close.svg');
}
.close {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 0.5;
}
.close:hover {
  opacity: 1;
  transform: scale(1.2, 1.2);
}
.add {
  background-image: url('img/add.svg');
}
.add {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 0.5;
}
.add:hover {
  opacity: 1;
  transform: scale(1.2, 1.2);
}
#site {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.cover nav {
  display: none;
}
a.powered-by {
  display: block;
  position: fixed;
  width: 120px;
  height: 80px;
  right: 10px;
  bottom: 10px;
}
div.plus-tooltip {
  position: absolute;
  z-index: 999;
  display: none;
  white-space: nowrap;
  color: #c8a425;
  background-color: #333;
  box-shadow: -2px 1px 12px 3px rgba(0, 0, 0, 0.4);
}
div.plus-tooltip div {
  margin: 6px 12px;
}
.need-plus {
  display: none;
  position: relative;
  opacity: 0.3;
}
.need-plus span,
.need-plus span:hover {
  color: #c8a425 !important;
  cursor: default !important;
}
.need-plus:hover {
  opacity: 1;
}
input.ok,
select.ok {
  background-color: #77bd77 !important;
  color: black;
}
input.invalid,
select.invalid {
  background-color: #FFC993 !important;
  color: black;
}
input.error,
select.error {
  background-color: #bb1616 !important;
  color: white;
}
@media not print {
  .printonly {
    display: none;
  }
}
@media print {
  html {
    position: static;
  }
  #background {
    display: none;
  }
  #menu {
    display: none !important;
  }
  .printable {
    background: white;
    color: black;
    height: 2000px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 48px;
    font-size: 16px;
    line-height: 16px;
    z-index: 10000;
    overflow: hidden;
  }
  .noprint {
    display: none;
  }
}
/*
@media print {
    html {
        position: absolute;
    }
    body {
        background: white;
        position: relative;
    }

    #background, #menu {
        display: none !important;
    }

}
*/
li {
  margin-bottom: 12px;
}
span.lsf.verified-l1 {
  color: grey;
}
span.lsf.verified-l2 {
  color: cornflowerblue;
}
span.lsf.verified-l3 {
  color: #00ee14;
}
span.lsf.verified-l4 {
  color: goldenrod;
}
.fileContainer {
  overflow: hidden;
  position: relative;
  color: #3a93d8;
  text-decoration: none;
  cursor: pointer;
}
.fileContainer:hover {
  text-decoration: underline;
  color: #068485;
}
.fileContainer.active {
  color: #068485;
}
.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  cursor: pointer;
}
iframe#global {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -2;
}
div.checkbox {
  display: inline-block;
}
div.checkbox span.lsf {
  color: #666;
  margin-right: 3px;
}
div.checkbox.active span.link {
  color: white;
}
div.checkbox.active span.lsf {
  color: #068485;
}
/*

@opened:  hsl(199,99%,36%);
@openedH:  hsl(199,99%,44%);
@openedS:  hsl(199,99%,29%);
@openedT: hsl(199,99%,84%);

@opened-hover:  hsl(199,99%,41%);
@openedH-hover:  hsl(199,99%,66%);
@openedS-hover:  hsl(199,99%,34%);
@openedT-hover: hsl(199,99%,94%);

@opened-down:  hsl(199,99%,49%);
@openedH-down:  hsl(199,99%,68%);
@openedS-down:  hsl(199,99%,34%);

 */
/*
.buttons {
    text-align: center;
    white-space: nowrap;
    position: relative;
    width: 100%;
    height: 2.134em;
     margin: 10px 0;

    button {
        position: absolute;
    }

    .menu, .tabs {
        font-size: 2.5em;
        color: @neutralT;
        cursor: pointer;
        display: block;
        -moz-transform: translate(0,0.1em);
        -ms-transform: translate(0,0.1em);
        -o-transform: translate(0,0.1em);
        -webkit-transform: translate(0,0.1em);
        transform: translate(0,0.1em);
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        &:hover {
            color: white;
        }

        &.active {
            color: #2df018;
        }
    }
}

    */
.more-buttons {
  position: absolute;
  background-color: rgba(66, 66, 66, 0.8);
  color: black;
  top: 24px;
  height: auto;
  z-index: 10000;
  padding: 18px;
  border-radius: 12px 0 12px 12px;
  width: 143px;
  right: 24px;
  box-shadow: -2px 1px 24px 3px rgba(0, 0, 0, 0.7);
  white-space: normal;
}
.more-buttons .close {
  right: 12px;
  top: 12px;
}
.more-buttons button {
  margin: 2px;
}
button,
a.button {
  font-size: 12px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* layout */
  width: 130px;
  height: 25px;
  display: inline-block;
  position: relative;
  border: solid 1px;
  cursor: pointer;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background-color: hsl(0, 0%, 36%);
  border-color: hsl(0, 0%, 46%) hsl(0, 0%, 29%) hsl(0, 0%, 29%) hsl(0, 0%, 46%);
  color: hsl(0, 0%, 84%);
  /*

    &.opened {
        background-color: @opened;
        border-color: @openedH @openedS @openedS @openedH;
        color: @openedT;
    }

    &.opened:hover {
        background-color: @opened-hover;
        border-color: @openedH-hover @openedS-hover @openedS-hover @openedH-hover;
    }

    &.opened:active, &.opened.active {
        background-color: @opened-down;
        border-color: @openedS-down @openedH-down @openedH-down @openedS-down;
        color: white;
    }
        */
}
button .lsf,
a.button .lsf {
  display: none;
  float: left;
}
button.active,
a.button.active {
  box-shadow: 0 0 24px 3px rgba(255, 255, 255, 0.25);
}
button.active .lsf,
a.button.active .lsf {
  color: #2df018;
}
button.active:before,
a.button.active:before {
  background: #2df018 none repeat scroll 0 0;
  border-radius: 4px;
  content: "";
  height: 8px;
  left: 11px;
  position: absolute;
  top: 7px;
  width: 8px;
  box-shadow: 0 0 6px 3px rgba(45, 240, 24, 0.7);
}
button:hover,
a.button:hover {
  background-color: hsl(0, 0%, 41%);
  border-color: hsl(0, 0%, 66%) hsl(0, 0%, 34%) hsl(0, 0%, 34%) hsl(0, 0%, 66%);
}
button:active,
a.button:active,
button.active,
a.button.active {
  background-color: hsl(0, 0%, 49%);
  border-color: hsl(0, 0%, 34%) hsl(0, 0%, 68%) hsl(0, 0%, 68%) hsl(0, 0%, 34%);
  color: white;
  box-shadow: none;
}
button.ack,
a.button.ack {
  background-color: hsl(90, 68%, 30%);
  border-color: hsl(90, 40%, 45%) hsl(90, 68%, 25%) hsl(90, 68%, 25%) hsl(90, 40%, 45%);
  color: hsl(90, 68%, 80%);
}
button.ack:hover,
a.button.ack:hover {
  background-color: hsl(90, 78%, 35%);
  border-color: hsl(90, 49%, 60%) hsl(90, 74%, 29%) hsl(90, 74%, 29%) hsl(90, 49%, 60%);
}
button.ack:active,
a.button.ack:active,
button.ack.active,
a.button.ack.active {
  background-color: hsl(90, 88%, 40%);
  border-color: hsl(90, 75%, 29%) hsl(90, 50%, 62%) hsl(90, 50%, 62%) hsl(90, 75%, 29%);
  color: white;
}
button.nack,
a.button.nack {
  background-color: hsl(9, 68%, 35%);
  border-color: hsl(9, 40%, 52%) hsl(9, 68%, 30%) hsl(9, 68%, 30%) hsl(9, 40%, 52%);
  color: hsl(9, 68%, 85%);
}
button.nack:hover,
a.button.nack:hover {
  background-color: hsl(9, 78%, 40%);
  border-color: hsl(9, 49%, 65%) hsl(9, 74%, 33%) hsl(9, 74%, 33%) hsl(9, 49%, 65%);
}
button.nack:active,
a.button.nack:active,
button.nack.active,
a.button.nack.active {
  background-color: hsl(9, 88%, 45%);
  border-color: hsl(9, 75%, 33%) hsl(9, 50%, 67%) hsl(9, 50%, 67%) hsl(9, 75%, 33%);
  color: white;
}
button.attention,
a.button.attention {
  background-color: hsl(39, 100%, 37%);
  border-color: hsl(39, 100%, 45%) hsl(39, 100%, 30%) hsl(39, 100%, 30%) hsl(39, 100%, 45%);
  color: hsl(39, 100%, 85%);
}
button.attention:hover,
a.button.attention:hover {
  background-color: hsl(39, 100%, 42%);
  border-color: hsl(39, 100%, 67%) hsl(39, 100%, 35%) hsl(39, 100%, 35%) hsl(39, 100%, 67%);
}
button.attention:active,
a.button.attention:active,
button.attention.active,
a.button.attention.active {
  background-color: hsl(39, 100%, 50%);
  border-color: hsl(39, 100%, 35%) hsl(39, 100%, 69%) hsl(39, 100%, 69%) hsl(39, 100%, 35%);
  color: white;
}
button.disabled,
a.button.disabled,
button:disabled,
a.button:disabled {
  background-color: hsl(0, 0%, 20%);
  border-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 40%);
  opacity: 0.5;
}
button.disabled:hover,
a.button.disabled:hover,
button:disabled:hover,
a.button:disabled:hover {
  background-color: hsl(0, 0%, 20%);
  border-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 40%);
}
a.button {
  line-height: 2em;
  text-align: center;
}
body.light .pane button,
body.light .pane a.button {
  box-shadow: none;
  background-color: hsl(0, 0%, 66%);
  color: black;
  border-color: hsl(0, 0%, 76%) hsl(0, 0%, 56%) hsl(0, 0%, 56%) hsl(0, 0%, 76%);
}
body.light .pane button.active,
body.light .pane a.button.active,
body.light .pane button:active,
body.light .pane a.button:active {
  background-color: hsl(0, 0%, 72%);
  border-color: hsl(0, 0%, 56%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 56%);
}
body.light .pane button:hover,
body.light .pane a.button:hover {
  background-color: hsl(0, 0%, 72%);
}
div.xml p.spectrum,
div.xml pre.spectrum {
  margin: 0;
  /*     font-family:'Source Code Pro', Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
        font-size: 0.8em; */
  white-space: pre-wrap;
  display: block;
  border: none thin;
  border-color: #405075;
  padding: 2px 2px 2px 5px;
  margin-bottom: 5px;
}
div.xml div.spectrum-toc {
  /*
        font-family:'Source Code Pro', Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
        font-size: 0.8em;
            */
  display: block;
  border: none thin;
  border-color: #405075;
  padding: 2px;
}
div.xml ul.base1,
div.xml ul.spectrum-toc {
  color: #969896;
}
div.xml ul.spectrum-toc > li {
  border-width: 1px;
  border-top-style: solid;
  padding-bottom: 8px;
}
div.xml ul.spectrum-toc li {
  list-style: none;
}
div.xml ul.spectrum-toc span.blue {
  display: block;
  margin: 8px 0px 8px 0px;
}
div.xml ul.t-and-f {
  border-color: blue;
  float: left;
}
div.xml ul.v-and-p {
  border-color: red;
  float: left;
}
div.xml .spectrum span {
  white-space: pre-wrap;
}
div.xml span.ww {
  background-color: #282a2e;
}
div.xml span.base01,
div.xml span.eq-equ,
div.xml span.z,
div.xml span.sc,
div.xml span.scx,
div.xml span.ec,
div.xml span.es,
div.xml span.ez,
div.xml span.atneq {
  color: #616161;
}
div.xml span.base03,
div.xml span.ww,
div.xml span.txt,
div.xml span.cm,
div.xml span.pi {
  color: white;
}
div.xml span.base0,
div.xml span.cd {
  color: #c5c8c6;
}
div.xml span.base1,
div.xml span.literal {
  color: #969896;
}
div.xml span.yellow,
div.xml span.op,
div.xml span.type-op,
div.xml span.if,
div.xml span.higher,
div.xml span.step,
div.xml span.whitespace,
div.xml span.quantifier,
div.xml span.parenthesis {
  color: #f0c674;
}
div.xml span.orange,
div.xml span.function,
div.xml span.pname {
  color: #de935f;
}
div.xml span.red,
div.xml span.fname,
div.xml span.tname,
div.xml span.tcall {
  color: #ce94da;
}
div.xml span.violet,
div.xml span.qname,
div.xml span.type-name,
div.xml span.unclosed,
div.xml span.en,
div.xml span.cl,
div.xml span.href {
  color: #ad95af;
}
div.xml span.magenta,
div.xml span.vname,
div.xml span.variable,
div.xml span.external {
  color: #cc6666;
}
div.xml span.blue,
div.xml span.enxsl,
div.xml span.clxsl,
div.xml span.enx,
div.xml span.filter,
div.xml span.node,
div.xml span.node-type {
  color: #81a2be;
}
div.xml span.cyan,
div.xml span.atn,
div.xml span.numeric,
div.xml span.pi,
div.xml span.dt,
div.xml span.axis,
div.xml span.context,
div.xml span.bracedq,
div.xml span.property {
  color: #8abeb7;
}
div.xml span.green,
div.xml span.cm,
div.xml span.comment,
div.xml span.av,
div.xml span.type {
  color: #b5bd68;
}
div.xml a.solar {
  text-decoration: none;
}
body.theme-white div.xml p.spectrum,
body.theme-white div.xml pre.spectrum {
  margin: 0;
  /*   font-family:'Source Code Pro', Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; 
    font-size: 0.8em; */
  white-space: pre-wrap;
  display: block;
  border: none thin;
  border-color: #405075;
  padding: 2px 2px 2px 5px;
  margin-bottom: 5px;
}
body.theme-white div.xml div.spectrum-toc {
  /*
    font-family:'Source Code Pro', Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: 0.8em;
        */
  display: block;
  border: none thin;
  border-color: #405075;
  padding: 2px;
}
body.theme-white div.xml ul.base1,
body.theme-white div.xml ul.spectrum-toc {
  color: #dd1144;
}
body.theme-white div.xml ul.spectrum-toc > li {
  border-width: 1px;
  border-top-style: solid;
  padding-bottom: 8px;
}
body.theme-white div.xml ul.spectrum-toc li {
  list-style: none;
}
body.theme-white div.xml ul.spectrum-toc span.blue {
  display: block;
  margin: 8px 0px 8px 0px;
}
body.theme-white div.xml ul.t-and-f {
  border-color: blue;
  float: left;
}
body.theme-white div.xml ul.v-and-p {
  border-color: red;
  float: left;
}
body.theme-white div.xml .spectrum span {
  white-space: pre-wrap;
}
body.theme-white div.xml span.ww {
  background-color: #ececec;
}
body.theme-white div.xml span.base01,
body.theme-white div.xml span.eq-equ,
body.theme-white div.xml span.z,
body.theme-white div.xml span.sc,
body.theme-white div.xml span.scx,
body.theme-white div.xml span.ec,
body.theme-white div.xml span.es,
body.theme-white div.xml span.ez,
body.theme-white div.xml span.atneq {
  color: #924F99;
}
body.theme-white div.xml span.base03,
body.theme-white div.xml span.ww,
body.theme-white div.xml span.txt,
body.theme-white div.xml span.cm,
body.theme-white div.xml span.pi {
  color: black;
}
body.theme-white div.xml span.base0,
body.theme-white div.xml span.cd {
  color: #445588;
}
body.theme-white div.xml span.base1,
body.theme-white div.xml span.literal {
  color: #dd1144;
}
body.theme-white div.xml span.yellow,
body.theme-white div.xml span.op,
body.theme-white div.xml span.type-op,
body.theme-white div.xml span.if,
body.theme-white div.xml span.higher,
body.theme-white div.xml span.step,
body.theme-white div.xml span.whitespace,
body.theme-white div.xml span.quantifier,
body.theme-white div.xml span.parenthesis {
  color: #1549b1;
}
body.theme-white div.xml span.orange,
body.theme-white div.xml span.function,
body.theme-white div.xml span.pname {
  color: #885d3b;
}
body.theme-white div.xml span.red,
body.theme-white div.xml span.fname,
body.theme-white div.xml span.tname,
body.theme-white div.xml span.tcall {
  color: #DB7093;
}
body.theme-white div.xml span.magenta,
body.theme-white div.xml span.vname,
body.theme-white div.xml span.variable,
body.theme-white div.xml span.external {
  color: #333333;
}
body.theme-white div.xml span.violet,
body.theme-white div.xml span.qname,
body.theme-white div.xml span.type-name,
body.theme-white div.xml span.unclosed,
body.theme-white div.xml span.en,
body.theme-white div.xml span.cl,
body.theme-white div.xml span.href {
  color: #990000;
}
body.theme-white div.xml span.blue,
body.theme-white div.xml span.enxsl,
body.theme-white div.xml span.clxsl,
body.theme-white div.xml span.enx,
body.theme-white div.xml span.filter,
body.theme-white div.xml span.node,
body.theme-white div.xml span.node-type {
  color: #445588;
}
body.theme-white div.xml span.cyan,
body.theme-white div.xml span.atn,
body.theme-white div.xml span.numeric,
body.theme-white div.xml span.pi,
body.theme-white div.xml span.dt,
body.theme-white div.xml span.axis,
body.theme-white div.xml span.context,
body.theme-white div.xml span.bracedq,
body.theme-white div.xml span.property {
  color: #008080;
}
body.theme-white div.xml span.green,
body.theme-white div.xml span.cm,
body.theme-white div.xml span.comment,
body.theme-white div.xml span.av,
body.theme-white div.xml span.type {
  color: #999988;
}
body.theme-white div.xml a.solar {
  text-decoration: none;
}
#log {
  position: absolute;
  color: white;
  top: 60px;
  left: 12px;
  max-width: 600px;
}
#log td,
#log th {
  vertical-align: top;
  padding: 0 6px;
  text-align: left;
}
#log tr.info,
#log tr.debug {
  opacity: 0.4;
}
#log tr.warn {
  opacity: 1;
}
#log td.sent {
  color: green;
}
#log td.type,
#log tr.debug {
  display: none;
}
#log tr.error,
#log tr.fatal {
  opacity: 1;
  font-weight: bold;
}
#log tr.error td.message,
#log tr.fatal td.message {
  border-left: solid red 3px;
}
#log.debug {
  z-index: 10000;
  color: black;
  background: white;
  padding: 12px;
  border: solid black 1px;
}
#log.debug td.type {
  display: table-cell;
}
#log.debug tr.debug {
  display: table-row;
}
#log.debug tr.info,
#log.debug tr.debug {
  opacity: 1;
}
#log div.stack {
  font-weight: normal;
  opacity: 0.8;
}
#log-switch {
  opacity: 0.01;
  cursor: pointer;
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: smaller;
  z-index: 10;
  color: white;
}
#log-switch:hover {
  opacity: 1;
}
#background {
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  cursor: pointer;
}
#menu {
  display: block;
  position: absolute;
  z-index: 3;
  height: 36px;
  line-height: 36px;
  background-color: black;
  color: white;
  white-space: nowrap;
  position: relative;
  width: 100%;
  top: 0;
  font-size: 14px;
  box-shadow: -2px 1px 12px 3px rgba(0, 0, 0, 0.4);
}
#menu div.left,
#menu div.right {
  position: absolute;
  top: 0;
  height: 36px;
  line-height: 36px;
}
#menu #icon {
  width: 14px;
  height: 23px;
  display: inline-block;
  vertical-align: sub;
  margin-top: -2px;
  background-image: url('../img/icon.svg');
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  #menu #icon {
    display: none;
  }
}
#menu div.left {
  left: 12px;
}
#menu div.left span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  /*font-size: 120%;*/
  margin-left: 2px;
}
#menu div.left span.site-name {
  max-width: 40%;
}
#menu div.left span.plus {
  color: #c8a425;
  margin-left: 4px;
  margin-right: 4px;
}
#menu div.left span.logged-out {
  max-width: 30%;
  color: #3a93d8;
  cursor: pointer;
}
#menu div.left span.logged-out:hover {
  text-decoration: underline;
}
#menu div.left span.beta {
  color: yellow;
  margin-left: 3px;
}
#menu div.left span.menu-icon,
#menu div.left span.fullscreen-icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -2px;
  display: inline-block;
  background-image: url('img/menu.svg');
  background-size: cover;
  opacity: 0.5;
  cursor: pointer;
}
#menu div.left span.menu-icon:hover,
#menu div.left span.fullscreen-icon:hover {
  opacity: 1;
  transform: scale(1.2, 1.2);
}
#menu div.left span.menu-icon.active,
#menu div.left span.fullscreen-icon.active {
  background-image: url('img/menu-active.svg');
  opacity: 1;
}
#menu div.left span.fullscreen-icon {
  background-image: url('img/full.svg');
}
#menu div.left span.fullscreen-icon.active {
  background-image: url('img/nofull.svg');
}
#menu div.left span.menu-icon.expanded {
  opacity: 0.1;
}
#menu div.left span.menu-icon.expanded:hover {
  opacity: 0.2;
}
#menu div.left span.navigation {
  margin-left: 5px;
  margin-right: 5px;
  text-overflow: ellipsis;
}
#menu div.left span.navigation .entry {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
}
#menu div.left span.navigation .entry:hover {
  opacity: 1;
  text-decoration: underline;
  color: #3a93d8;
}
#menu div.left span.navigation .entry.active {
  opacity: 1;
  color: #068485;
  cursor: default;
  text-decoration: none;
}
#menu div.left span.navigation .separator {
  margin-left: 5px;
  margin-right: 5px;
  color: grey;
  text-align: center;
}
#menu div.left button {
  margin-left: 14px;
  transform: translate(0, -2px);
}
#menu div.left .star {
  font-size: 24px;
  margin-left: 5px;
  cursor: pointer;
  color: #ffa74a;
}
#menu div.left .menu {
  font-size: 24px;
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.8;
}
#menu div.left .menu:hover {
  opacity: 1;
}
#menu div.left .menu.active {
  color: #068485;
}
#menu div.right {
  right: 1em;
}
#menu div.right div.star {
  display: inline-block;
  cursor: pointer;
  opacity: 0.9;
  margin-top: 0;
  margin-bottom: 6px;
  vertical-align: middle;
  position: static;
  background-size: cover;
  width: 22px;
  height: 24px;
  background-image: url('img/bitcash.svg');
}
#menu div.right div.star.empty {
  background-image: url('img/bitcash-off.svg');
}
#menu div.right div.star:hover {
  opacity: 1;
  transform: scale(1.2, 1.2);
}
#menu div.right span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  font-size: 120%;
  margin-left: 10px;
}
#menu div.right span.theme {
  cursor: pointer;
  opacity: 0.5;
}
#menu div.right span.theme:hover {
  opacity: 1;
}
#menu div.right span.logged-in {
  max-width: 30%;
  cursor: pointer;
  margin-right: 6px;
  margin-left: 2px;
  color: #ccc;
}
#menu div.right span.logged-in:hover {
  text-decoration: underline;
}
#menu div.right span.hyperid-icon {
  font-size: 16px;
  margin-right: 2px;
  cursor: pointer;
}
#menu div.right span.hyperid-icon.loggedin {
  color: #00ee14;
}
#menu div.right span.hyperid-icon.loggedout {
  color: grey;
}
#menu div.right span.bitcash {
  cursor: pointer;
  font-size: 95%;
  color: #a08c1c;
  font-weight: 400;
  margin-left: 4px;
}
#menu div.right span.bitcash.plus {
  color: #00b40f;
}
#menu div.right span.bitcash.minus {
  color: red;
}
#menu div.right span.bitcash:hover {
  text-decoration: underline;
}
#menu div.right span.setting {
  font-size: 16px;
  cursor: pointer;
}
#menu div.right span.clock {
  font-size: 100%;
  opacity: 0.5;
  font-family: monospace;
}
#menu div.right span.fullscreen {
  display: inline-block;
  background-image: url('img/full.svg');
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -3px;
  opacity: 0.5;
  background-size: cover;
  position: static;
  cursor: pointer;
}
#menu div.right span.fullscreen:hover {
  opacity: 1;
  transform: scale(1.2, 1.2);
}
#menu div.right span.fullscreen.active {
  background-image: url('img/nofull.svg');
}
@media screen and (max-width: 768px) {
  #menu .clock {
    display: none !important;
  }
}
#loading,
#tofullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 66, 66, 0.8);
  color: white;
  font-size: 14px;
  line-height: 16px;
  display: none;
}
#loading div.message,
#tofullscreen div.message {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: white;
  font-weight: bold;
  color: black;
  padding: 15px 40px;
  border-radius: 8px;
}
#loading.active,
#tofullscreen.active {
  display: block;
  z-index: 10000;
}
#tofullscreen {
  z-index: 100001;
  display: block;
}
div.lane-old {
  display: none;
}
div.lanes {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div.lane {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
div.lane .resizer {
  width: 12px;
  position: absolute;
  height: 100%;
  margin-left: -4px;
  opacity: 0.01;
  z-index: 100;
}
div.lane .resizer.active {
  opacity: 1;
}
div.lane .resizer.active hr {
  border: solid #068485 1px;
  width: 0px;
}
div.lane .resizer hr {
  height: 100%;
  width: 1px;
  margin: 0 2px;
}
.pane {
  overflow: hidden;
  background-color: #262626;
  box-shadow: -2px 1px 12px 3px rgba(0, 0, 0, 0.4);
  color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -moz-transition: border 1.5s;
  -o-transition: border 1.5s;
  -webkit-transition: border 1.5s;
  transition: border 1.5s;
  /*
    .controls {
        padding-top: 0.5rem;

        .stats {
            .selected, .actions, .reload, .mode, .show-search, .query {
                margin-left: 0.7em;
            }

            .modes {
                padding: 0.2em;
                padding-right: 0.8em;
            }

            .mode, .show-search {
                span.lsf {
                    font-size: 120%;
                    color: #666;
                    margin-right: 0.2em;
                    cursor: pointer;
                }

                &.active {
                    span.lsf {
                        color: @active;
                    }
                }

                .query {
                    font-style: italic;
                    color: orange;
                }
            }
        }
    }
    */
}
.pane .pane {
  background-color: rgba(31, 31, 31, 0.24);
  box-shadow: -2px 1px 12px 3px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.pane h2 {
  font-size: 14px;
  font-weight: 500;
}
.pane h3 {
  font-size: 13px;
  font-weight: 500;
}
.pane div.big-message {
  background: rgba(85, 85, 85, 0.7);
  color: white;
  font-size: 18px;
  padding: 10px 20px;
  box-shadow: -2px 1px 12px 3px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 999;
  border-radius: 5px;
}
.pane.disabled .body {
  opacity: 0.4;
}
.pane.disabled .body input,
.pane.disabled .body select {
  opacity: 0.2;
}
.pane.disabled .block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.pane.disabled .block .confirm {
  position: absolute;
  height: 36px;
  line-height: 36px;
  width: 120px;
  top: calc(50% - 18px);
  left: calc(50% - 60px);
  text-align: center;
  width: 100%;
  left: 0;
}
.pane.disabled .block .confirm .question {
  font-size: large;
  padding: 12px;
  color: white;
}
.pane.disabled .block .confirm button {
  margin: 12px;
}
.pane.disabled .block-icon {
  position: absolute;
  height: 36px;
  line-height: 36px;
  width: 10em;
  top: calc(50% - 18px);
  left: calc(50% - 60px);
  font-size: xx-large;
  color: white;
  text-align: center;
}
.pane.disabled .block-icon.text {
  border-radius: 5px;
  background: rgba(104, 133, 133, 0.9);
  font-size: x-large;
}
.pane.disabled .block-message {
  position: absolute;
  width: 240px;
  line-height: 16px;
  top: calc(50% - 18px);
  left: calc(50% - 60px);
  font-size: larger;
  color: white;
  text-align: left;
  white-space: normal;
  background: #c5c0a7;
  color: black;
  padding: 12px;
  border-radius: 5px;
}
.pane.disabled .maximize {
  display: none !important;
}
.pane .action.active {
  color: white;
}
.pane .pane-body {
  position: absolute;
  overflow: hidden;
}
.pane.scrollable > div.header,
.pane.scrollable > div.footer {
  box-shadow: -2px 1px 12px 3px rgba(0, 0, 0, 0.4);
}
.pane > div.header {
  position: relative;
  padding: 48px 24px;
  padding-bottom: 21px;
  background-color: #262626;
  /*
        .info-and-buttons {
            overflow: hidden;
            margin: 1em 2em;

            div.info {
                width: 70%;
                display: inline-block;
                white-space: normal;
                float: left;
                span.loading {
                    font-size: 120%;
                    &.error {
                        color: red;
                    }
                }

                span.action {
                    margin-left: 1em;
                }
            }

            div.buttons {
                width: 30%;
                display: inline-block;
                float: left;
            }
        }
            */
}
.pane > div.header div.fill {
  height: 0;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.pane > div.header .icons {
  position: absolute;
  right: 24px;
  top: 24px;
  height: 24px;
  white-space: nowrap;
  cursor: pointer;
}
.pane > div.header .icons div {
  float: right;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  opacity: 0.5;
  background-size: cover;
  position: static;
}
.pane > div.header .icons div:hover {
  opacity: 1;
  transform: scale(1.2, 1.2);
}
.pane > div.header .icons .none {
  display: none;
}
.pane > div.header .icons .close {
  background-image: url('img/close.svg');
}
.pane > div.header .icons .collapse {
  background-image: url('img/collapse.svg');
}
@media screen and (max-width: 600px) {
  .pane > div.header .icons .collapse {
    display: none;
  }
}
.pane > div.header .icons .left {
  background-image: url('img/left.svg');
}
.pane > div.header .icons .right {
  background-image: url('img/right.svg');
}
.pane > div.header .icons .minimize {
  background-image: url('img/nofull.svg');
}
.pane > div.header .icons .maximize {
  background-image: url('img/full.svg');
}
@media screen and (max-width: 600px) {
  .pane > div.header .icons .maximize {
    display: none;
  }
}
.pane > div.header .icons .expand {
  background-image: url('img/expand.svg');
}
.pane > div.header h1 {
  font-size: 15px;
  line-height: 16px;
  padding: 0 20px 5px 20px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 16px;
  margin-bottom: 4px;
  text-align: center;
  font-weight: 400;
}
.pane > div.header h1 .lsf {
  margin-right: 5px;
  margin-left: 2px;
}
.pane > div.header div.subtitle {
  text-overflow: ellipsis;
  font-style: italic;
  padding: 0 0 10px 0;
  max-height: 36px;
  overflow: hidden;
  color: #999;
}
.pane > div.header .toolbar {
  overflow: hidden;
  margin-bottom: 6px;
  text-align: center;
}
.pane > div.header .toolbar > div {
  display: inline-block;
}
.pane > div.header .toolbar div.links {
  text-align: right;
}
.pane > div.header .toolbar div.links span.link {
  color: #3a93d8;
  cursor: pointer;
  margin-left: 26px;
}
.pane > div.header .toolbar div.links span.link:hover {
  color: #068485;
  text-decoration: none;
}
.pane > div.header .toolbar div.links span.link.active {
  color: #068485;
  text-decoration: none;
  cursor: default;
}
.pane > div.header .toolbar div.links span.link span.lsf {
  margin-right: 4px;
}
.pane > div.header .toolbar div.stats .selected,
.pane > div.header .toolbar div.stats .actions,
.pane > div.header .toolbar div.stats .reload,
.pane > div.header .toolbar div.stats .query {
  margin-left: 8px;
}
.pane > div.header .toolbar div.modes {
  margin-left: 8px;
  border-bottom: dashed #ccc 2px;
}
.pane > div.header .toolbar div.modes {
  border-bottom: solid rgba(255, 255, 255, 0.2) 2px;
}
.pane > div.header .toolbar .mode,
.pane > div.header .toolbar .show-search,
.pane > div.header .toolbar .show-printable {
  margin-left: 8px;
}
.pane > div.header .toolbar .mode span.lsf,
.pane > div.header .toolbar .show-search span.lsf,
.pane > div.header .toolbar .show-printable span.lsf {
  font-size: 120%;
  color: #666;
  margin-right: 3px;
  cursor: pointer;
}
.pane > div.header .toolbar .mode.active span.lsf,
.pane > div.header .toolbar .show-search.active span.lsf,
.pane > div.header .toolbar .show-printable.active span.lsf {
  color: #068485;
}
.pane > div.header .toolbar div.modes > .mode:first-child {
  margin-left: 0;
}
.pane > div.header .toolbar .show-search.has-query span.label {
  color: #068485;
}
.pane > div.header .toolbar .menu {
  color: white;
  font-size: 20px;
  margin-left: 10px;
  opacity: 0.7;
  cursor: pointer;
}
.pane > div.header .toolbar .menu:hover {
  opacity: 1;
  transform: scale(1.2, 1.2);
}
.pane > div.header .toolbar .menu.active {
  color: #068485;
  opacity: 1;
  transform: scale(1.2, 1.2);
}
.pane > div.body {
  position: relative;
  overflow: hidden;
  padding: 0 24px 0 24px;
  white-space: normal;
}
.pane > div.body div.content div.controls {
  position: relative;
  z-index: 30;
  overflow: hidden;
}
.pane > div.body div.content div.buttons {
  margin-top: 12px;
  text-align: center;
}
.pane > div.body div.content div.buttons button {
  margin: 8px;
}
.pane > div.footer {
  background-color: #262626;
}
.pane > div.footer textarea {
  margin-bottom: 24px;
}
.pane div.pane-menu {
  padding-top: 8px;
  padding-bottom: 8px;
}
.pane div.pane-menu div.link {
  padding: 8px;
  margin: 0 10px;
  text-align: center;
  border-bottom: solid rgba(255, 255, 255, 0.2) 1px;
}
.pane div.pane-menu div.link:last-child {
  border-bottom: none;
}
.pane div.pane-menu div.modes {
  padding-right: 10px;
  margin-left: 12px;
  text-align: center;
}
.pane div.pane-menu .mode,
.pane div.pane-menu .show-search {
  margin-left: 8px;
}
.pane div.pane-menu .mode span.lsf,
.pane div.pane-menu .show-search span.lsf {
  font-size: 120%;
  color: #666;
  margin-right: 3px;
  cursor: pointer;
}
.pane div.pane-menu .mode.active span.lsf,
.pane div.pane-menu .show-search.active span.lsf {
  color: #068485;
}
.pane > div.scrollbar {
  position: absolute;
  width: 12px;
  height: 60px;
  background: #686868;
  right: 6px;
  border-radius: 6px;
}
.pane > div.scrollbar:hover {
  background: #9e9e9e;
}
.pane > div.scrollbar.active {
  background: #efebef;
}
.pane.collapsed {
  cursor: pointer;
}
.pane.collapsed > .scrollbar {
  display: none !important;
}
.pane.collapsed > .body,
.pane.collapsed .footer,
.pane.collapsed div.big-message {
  display: none;
}
.pane.collapsed.scrollable > div.header {
  box-shadow: none;
}
.pane.collapsed > .header {
  padding: 10px 24px;
}
.pane.collapsed > .header .toolbar,
.pane.collapsed > .header .icons,
.pane.collapsed > .header .stats {
  display: none;
}
.pane.collapsed > .header div.fill {
  display: none;
}
.pane.collapsed > .header h1 {
  text-align: left;
  transform: rotate(90deg);
  transform-origin: left;
  width: 600px;
  padding: 0;
  line-height: 12px;
  margin-top: 6px;
  border-bottom: none;
  margin-left: -10px;
  font-weight: 300;
}
.pane.file > .header .info-and-buttons {
  margin-top: -54px;
}
.pane.expanding:hover,
.pane.collapsed:hover {
  border-color: #6dcff6;
}
.pane div.langswitch {
  text-align: center;
}
.pane div.langswitch > span {
  margin-right: 7px;
  color: #666;
  cursor: pointer;
}
.pane div.langswitch > span span.lsf {
  font-size: 120%;
  color: #666;
  margin-right: 3px;
}
.pane div.langswitch > span.selected {
  cursor: default;
  color: white;
}
.pane div.langswitch > span.selected span.lsf {
  color: #068485;
}
.pane .rowmarker {
  position: absolute;
  border: solid #2df018 1px;
  z-index: 10000;
}
.pane:not(:last-child) .pane-header .maximize {
  display: none !important;
}
/*

.pane-body > div.table {
    div.frame {
//        margin: 0 1em;
        width: 100%;
        position: absolute;
        overflow: hidden;


    }

    table.options {
      //  margin-top: 0;
        margin: 0.5em 2em;
        width: calc(~"100% - 4em");
   //     border-top: solid #444 1px;
   min-height: 4em;
    }
   
}

div.rater {
         position: absolute;
         padding: 1em;
          box-shadow: -2px 1px 12px 3px rgba(0,0,0,0.4);
         background-color: #333;
         color: #999;
         z-index: 10;
         span.lsf.checked {
             visibility: hidden;
         }

         tr.active td {
             color: @textlow;
             span.lsf.checked {
                 visibility: visible;
                 color: @active;
             }
         }
         td {
             cursor: pointer;
            
         }
         tr:hover td {
             color: white;
         }

         span.title {
             margin-bottom: 0.5em;
         }

         tr.disabled, tr.disabled:hover { 
             opacity: 0.3;
             color: #555;
             span.lsf, span.lsf:hover {
                color: #555;
             }
         }
     }
*/
div.stats {
  padding-left: 16px;
}
div.stats {
  color: #999;
}
table.input {
  width: 100%;
}
table.input td input[type=number] {
  width: 100%;
  background: #ccc;
  padding: 0 4px;
}
table.input td input[type=number]:focus {
  background: #a2e47e;
  color: black;
}
table.input tr.active {
  outline: solid #068485 2px;
}
table.input td.close {
  margin-left: 14px;
}
.pane.tablepane div.body div.content {
  position: relative;
  padding: 0;
}
.pane.tablepane div.stats {
  padding-bottom: 8px;
}
.pane.tablepane div.controls > table.options {
  margin-top: 0;
}
.pane.details div.body > div.content {
  background-color: none;
}
div.table {
  margin-bottom: 1px;
}
div.table span.select,
div.table span.rating {
  font-size: 15px;
  display: inline-block;
  width: 12px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                            not supported by any browser */
}
div.table.isolation div.row,
div.table.isolation canvas {
  opacity: 0.4;
  transition: opacity 0.5s;
}
div.table.isolation div.row.isolated {
  opacity: 1;
  outline: solid yellow 1px;
}
div.table span.select {
  color: #3a93d8;
}
div.table span.select.active {
  color: #068485;
}
div.table div.part {
  position: relative;
}
div.table div.part canvas {
  z-index: 0;
  top: 0;
  position: absolute;
}
div.table div.part div.loading {
  position: absolute;
  text-align: center;
  top: 60px;
  color: orange;
  width: 100%;
}
div.table div.part div.row {
  height: 24px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: opacity 0.5s;
}
div.table div.part div.row div.cell {
  display: inline-block;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  min-height: 24px;
  /*
                -moz-transition: background-color 0.5s,color 0.5s;
                -o-transition: background-color 0.5s,color 0.5s;
                -webkit-transition: background-color 0.5s,color 0.5s;
                transition: background-color 0.5s,color 0.5s;
                    */
}
div.table div.part div.row div.cell span.lsf {
  line-height: 12px;
  font-size: 14px;
}
div.table div.part div.row div.cell.empty {
  background: rgba(31, 31, 31, 0.85);
}
div.table div.part div.row:hover {
  background: rgba(201, 201, 201, 0.1);
  outline: solid rgba(255, 255, 255, 0.2) 2px;
  color: white;
}
div.table div.part div.row.clicked {
  background: rgba(201, 201, 201, 0.1);
  outline: solid #068485 2px;
  color: white;
  z-index: 2;
}
div.table div.part div.row.clicked a,
div.table div.part div.row.clicked .link {
  color: white;
}
div.table div.part div.row.clicked div.cell.empty {
  background: none;
}
div.table div.part div.row.deleted div.cell {
  text-decoration: line-through;
}
div.table div.part div.row.selected {
  background: #355433;
  color: white;
}
div.table div.part div.row.selected div.cell span.select {
  color: #068485;
}
div.table div.part div.row.unread div.cell {
  color: orange;
}
div.table div.part div.row.private div.cell {
  color: #dbaf38;
}
div.table div.part div.row:nth-child(even) div.cell {
  background: rgba(0, 0, 0, 0.1);
}
div.table div.part div.row:nth-child(even) div.cell.empty {
  background: rgba(31, 31, 31, 0.85);
}
div.table div.part div.row:nth-child(even).clicked div.cell.empty {
  background: none;
}
div .table > div.header,
div.grid > div.header {
  height: 24px;
  white-space: nowrap;
  position: relative;
  background-color: rgba(41, 41, 41, 0.2);
  color: #999;
  box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
div .table > div.header div.cell,
div.grid > div.header div.cell,
div .table > div.header div.cellh,
div.grid > div.header div.cellh {
  display: inline-block;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
}
div .table > div.header div.cell.sortable,
div.grid > div.header div.cell.sortable,
div .table > div.header div.cellh.sortable,
div.grid > div.header div.cellh.sortable {
  cursor: pointer;
  color: #3a93d8;
}
div .table > div.header div.cell.sortable:hover,
div.grid > div.header div.cell.sortable:hover,
div .table > div.header div.cellh.sortable:hover,
div.grid > div.header div.cellh.sortable:hover {
  text-decoration: underline;
  color: #44adff;
}
div .table > div.header div.cell span.sort,
div.grid > div.header div.cell span.sort,
div .table > div.header div.cellh span.sort,
div.grid > div.header div.cellh span.sort {
  color: #068485;
  margin-right: 6px;
  font-style: normal;
  font-size: 120%;
  text-decoration: none !important;
}
div .table > div.header div.cell span.select,
div.grid > div.header div.cell span.select,
div .table > div.header div.cellh span.select,
div.grid > div.header div.cellh span.select {
  cursor: pointer;
}
div .table > div.header div.cell .lsf,
div.grid > div.header div.cell .lsf,
div .table > div.header div.cellh .lsf,
div.grid > div.header div.cellh .lsf {
  font-size: 15px;
}
div .table > div.header div.row.selected span.select,
div.grid > div.header div.row.selected span.select {
  color: #068485;
}
/*div.table > div.header when (@theme = light) {
    box-shadow: none;
}

div.grid > div.header when (@theme = light) {
    box-shadow: none;
}*/
table.content {
  margin-left: 0;
  margin-right: 0;
  border-collapse: separate;
  border-spacing: 0 6px;
  margin-bottom: 24px;
  width: 100%;
  border-radius: 3px;
}
table.content th {
  text-align: right;
  vertical-align: top;
  padding: 4px 12px 4px 4px;
  white-space: nowrap;
  width: 20%;
  font-weight: 300;
  color: #ebeae8;
}
table.content th.header {
  padding: 0 7px;
  font-style: italic;
  font-weight: 400;
  transform: translate(20px, 0);
  position: relative;
  padding-top: 16px;
  opacity: 0.8;
  font-style: normal;
}
table.content th.header .small {
  position: absolute;
  top: -12px;
  left: 0;
  font-size: 75%;
}
table.content th.hrule {
  opacity: 0.5;
  padding: 0 7px;
}
table.content th.hrule-small {
  opacity: 0.2;
  padding: 0 10%;
}
table.content th {
  opacity: 0.4;
  font-style: italic;
}
table.content td {
  text-align: left;
  vertical-align: top;
  white-space: normal;
  width: 70%;
  border-radius: 3px;
  padding: 4px;
  background: rgba(151, 151, 151, 0.1);
}
table.content td.large {
  padding: 24px;
}
table.content td a {
  cursor: pointer;
}
table.content td div.comment {
  margin: 12px;
}
table.content td span.error {
  color: red;
  font-weight: 500;
}
table.content td.no_border {
  border: 0;
  padding: 0;
  background-color: transparent;
}
table.content.form {
  border-spacing: 5px 12px;
}
table.content.form th.valid {
  border-right: solid transparent 2px;
}
table.content.form th.invalid {
  border-right: solid red 2px;
}
table.content.form tr.required th {
  font-weight: bold;
}
table.content.form tr.optional th {
  opacity: 0.5;
}
table.content.form tr.optional input {
  background-color: #aaa;
}
table.content.form span.checkbox {
  margin-left: 8px;
}
table.content.form span.checkbox span.lsf {
  font-size: 120%;
  color: #666;
  margin-right: 3px;
  cursor: pointer;
}
table.content.form span.checkbox.active span.lsf {
  color: #068485;
}
table.content.form span.checkbox[disabled] span {
  pointer-events: none;
  color: gray;
}
table.content.form textarea {
  background-color: rgba(68, 68, 68, 0.5);
  border: solid #666 1px;
  border-radius: 2px;
  color: white;
}
table.content.form input {
  border: solid #666 1px;
  color: white !important;
}
table.content.form input {
  background-color: rgba(68, 68, 68, 0.5);
}
table.content.form select {
  background-color: rgba(68, 68, 68, 0.5);
  border: solid #666 1px;
  color: white;
}
table.content.form span.close {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-left: 8px;
  float: right;
}
table.content.buttons td {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 600px) {
  table.content {
    width: 100%;
  }
  table.content td,
  table.content th {
    display: block;
  }
  table.content th {
    text-align: left;
    margin-bottom: 6px;
  }
  table.content td {
    padding-left: 12px;
    width: calc(100% - 48px);
  }
}
table.content.summary {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
table.data {
  border-spacing: 0;
}
table.data tbody,
table.data thead {
  display: block;
  width: 100%;
  position: absolute;
}
table.data thead {
  z-index: 100;
  background-color: #323232;
  color: #666;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}
table.data tr {
  z-index: 1;
  cursor: pointer;
  white-space: nowrap;
  display: block;
  vertical-align: top;
  min-height: 24px;
  padding: 0;
  margin: 0;
  border-bottom: solid #444 1px;
}
table.data tr .th,
table.data tr td {
  height: 24px;
  line-height: 24px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 1px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  -moz-transition: background-color 0.5s, color 0.5s;
  -o-transition: background-color 0.5s, color 0.5s;
  -webkit-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table.data tr .th:last-child,
table.data tr td:last-child {
  margin-right: 0;
}
table.data tr th {
  background-color: transparent;
  cursor: default;
  text-align: left;
}
table.data tr th span.lsf {
  font-size: 18px;
  cursor: pointer;
}
table.data tr th span.lsf.active {
  color: #2df018;
}
table.data tr th.clippied span.lsf {
  color: #2df018;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
table.data tr td {
  white-space: pre;
}
table.data tr td img.star {
  width: 18px;
  height: 18px;
}
table.data tr td:last-child {
  margin-right: 0;
}
table.data tr td.number {
  text-align: right;
}
table.data tr td.text {
  text-align: left;
}
table.data tr td .lsf {
  font-size: 15px;
  margin-right: 7px;
  color: #f4d26e;
}
table.data tr td span.close {
  width: 22px;
  height: 22px;
  background-size: cover;
  margin-top: 2px;
  margin-left: 4px;
}
table.data tr td.multi {
  border-bottom: dotted #3a93d8 1px;
}
table.data tbody > tr:hover,
tr.navi:hover {
  background-color: #334154;
  color: white;
}
table.data tbody > tr.active,
tr.navi.active {
  background: #355433;
  outline: solid #068485 1px;
  color: white;
}
table.data tbody > tr.active a,
tr.navi.active a,
table.data tbody > tr.active .link,
tr.navi.active .link {
  color: white;
}
table.data tbody > tr:hover td,
tr.navi:hover td,
table.data tbody > tr.active td,
tr.navi.active td {
  background-color: transparent !important;
}
table.data tbody > tr.deleted td,
tr.navi.deleted td {
  opacity: 0.3;
}
table.data tbody > tr.deleted td span.close,
tr.navi.deleted td span.close {
  display: none;
}
table.pin {
  border-spacing: 6px;
  font-size: 24px;
}
table.pin td {
  width: 32px;
  height: 32px;
  background: rgba(92, 92, 92, 0.5);
  border: solid white 1px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
table.pin td.refresh {
  border: none;
  background: none;
}
.pane.gridpane div.controls > table.options {
  margin-top: 8px;
}
.pane.gridpane div.body div.content {
  position: relative;
  padding: 0;
}
.pane.gridpane div.body div.content > canvas {
  position: absolute;
  top: 0;
  z-index: 0;
}
.pane.gridpane div.body div.content span.select,
.pane.gridpane div.body div.content span.rating {
  font-size: 16px;
  display: inline-block;
  width: 12px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                            not supported by any browser */
}
.pane.gridpane div.body div.content span.select {
  color: #3a93d8;
}
.pane.gridpane div.body div.content div.controls div.thumbsizes {
  text-align: center;
  margin-top: 12px;
}
.pane.gridpane div.body div.content div.controls div.thumbsizes .lsf.thumbsize {
  margin: 0 4px;
  font-size: 24px;
  cursor: pointer;
  color: grey;
}
.pane.gridpane div.body div.content div.controls div.thumbsizes .lsf.thumbsize.active {
  color: white;
  cursor: default;
}
.pane.gridpane div.body div.content div.controls div.thumbsizes .lsf.thumbsize:hover {
  color: white;
}
.pane.gridpane div.body div.content div.grid {
  position: relative;
  z-index: 2;
  /*
            div.row when (@theme = dark) {
                background-color: rgba(66,66,66,0.2);
            }

            div.row when (@theme = light) {
                background-color: white;
            }
            */
}
.pane.gridpane div.body div.content div.grid div.header {
  position: absolute;
  top: 0;
}
.pane.gridpane div.body div.content div.grid div.header.selected span.select {
  color: #068485;
}
.pane.gridpane div.body div.content div.grid div.row {
  background: rgba(151, 151, 151, 0.1);
}
.pane.gridpane div.body div.content div.grid div.row {
  position: absolute;
  color: #ebeae8;
  cursor: pointer;
}
.pane.gridpane div.body div.content div.grid div.row canvas {
  margin: 6px;
  display: block;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
}
.pane.gridpane div.body div.content div.grid div.row span.seen {
  position: absolute;
  left: 6px;
  top: 3px;
  font-size: 13px;
  color: #068485;
  z-index: 10;
}
.pane.gridpane div.body div.content div.grid div.row div.childcount {
  position: absolute;
  left: 0;
  color: black;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
  opacity: 0.8;
  float: right;
  font-size: smaller;
}
.pane.gridpane div.body div.content div.grid div.row div.childcount:hover {
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.75);
}
.pane.gridpane div.body div.content div.grid div.row div.childcount div {
  display: inline-block;
  padding: 5px 8px;
}
.pane.gridpane div.body div.content div.grid div.row div.childcount div.folders {
  background-color: #999;
}
.pane.gridpane div.body div.content div.grid div.row div.childcount div.subfolders {
  background-color: #999;
}
.pane.gridpane div.body div.content div.grid div.row div.childcount div.files {
  color: white;
  background-color: #999;
}
.pane.gridpane div.body div.content div.grid div.row div.mark {
  position: absolute;
  background-color: white;
  color: black;
  top: 20px;
  left: 20px;
}
.pane.gridpane div.body div.content div.grid div.row div.row-nr {
  float: left;
  margin-right: 6px;
  font-size: smaller;
  font-weight: normal;
  color: #999;
}
.pane.gridpane div.body div.content div.grid div.row h3 {
  margin: 4px;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.pane.gridpane div.body div.content div.grid div.row .lsf.icon {
  margin-right: 8px;
  font-size: 13px;
}
.pane.gridpane div.body div.content div.grid div.row div.info span.rating {
  float: right;
}
.pane.gridpane div.body div.content div.grid div.row div.cells {
  margin: 6px;
  overflow: hidden;
  color: #ebeae8;
  text-align: center;
}
.pane.gridpane div.body div.content div.grid div.row div.cells div.cell {
  display: inline;
}
.pane.gridpane div.body div.content div.grid div.row div.cells div.cell span.label {
  font-style: italic;
  margin-right: 5px;
}
.pane.gridpane div.body div.content div.grid div.row div.cells div.cell.match span.value {
  border-bottom: 1px solid #068485;
  font-weight: 400;
}
.pane.gridpane div.body div.content div.grid div.row div.cells span.space {
  display: inline-block;
  width: 8px;
}
.pane.gridpane div.body div.content div.grid div.row:hover {
  background: rgba(201, 201, 201, 0.1);
  outline: solid rgba(255, 255, 255, 0.2) 2px;
  color: white;
}
.pane.gridpane div.body div.content div.grid div.row.clicked {
  background: rgba(201, 201, 201, 0.1);
  outline: solid #068485 2px;
  color: white;
}
.pane.gridpane div.body div.content div.grid div.row.clicked a,
.pane.gridpane div.body div.content div.grid div.row.clicked .link {
  color: white;
}
.pane.gridpane div.body div.content div.grid div.row.clicked div.cells {
  color: white;
}
.pane.gridpane div.body div.content div.grid div.row.clicked {
  z-index: 2;
}
.pane.gridpane div.body div.content div.grid div.row.deleted div.cell {
  text-decoration: line-through;
}
.pane.gridpane div.body div.content div.grid div.row.selected {
  background: #355433;
  color: white;
}
.pane.gridpane div.body div.content div.grid div.row.selected span.select {
  color: #068485;
}
.pane.gridpane div.body div.content div.grid div.row.private {
  background: rgba(219, 175, 56, 0.06);
}
.pane.gridpane div.body div.content div.grid div.row.private div.cells div.cell.title {
  color: #dbaf38;
}
.pane.gridpane div.body div.content div.grid div.row.private div.cells span.value {
  color: #dbaf38;
}
.pane.gridpane div.body div.content div.grid div.row.private:hover,
.pane.gridpane div.body div.content div.grid div.row.private.clicked {
  background: rgba(219, 175, 56, 0.1);
}
.pane.gridpane div.body div.content div.grid.list div.row canvas {
  float: right;
  margin: 10px;
}
.pane.gridpane div.body div.content div.grid.list div.row div.childcount {
  right: 0;
  left: auto;
  float: right;
  transform: translate(8px, 0);
}
.pane.gridpane div.body div.content div.grid.list div.row div.info {
  padding: 10px;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells {
  text-align: left;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells span.space {
  display: none;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells p.description {
  margin-top: 5px;
  margin-bottom: 5px;
  opacity: 0.6;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells div.cell {
  display: block;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells div.cell span.value {
  margin-right: 10px;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells div.cell span.label {
  opacity: 0.4;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells div.cell.title {
  font-size: 13px;
  font-weight: 400;
  display: block;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells div.cell.title span.value {
  font-size: larger;
}
.pane.gridpane div.body div.content div.grid.list div.row div.cells div.cell.title span.lsf {
  margin-right: 8px;
}
.pane.gridpane div.body div.content.isolation div.row {
  opacity: 0.4;
  transition: opacity 0.5s;
}
.pane.gridpane div.body div.content.isolation div.row.isolated {
  opacity: 1;
  border: solid yellow 1px;
}
content.download .downloads {
  color: white;
  padding: 24px 36px;
}
content.download .downloads button {
  float: right;
}
content.download .downloads li {
  list-style: none;
}
content.download .downloads img.pdf,
content.download .downloads img.balls {
  margin-right: 12px;
}
content.download .downloads img.balls {
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  float: right;
}
content.download .downloads span.name {
  color: #999;
}
table.options {
  margin: 12px;
  width: 100%;
}
table.options td {
  cursor: pointer;
  padding: 0 6px;
  color: #3a93d8;
}
table.options td span.lsf {
  font-size: 120%;
  color: #666;
}
table.options td.active {
  color: #e1e1e1;
}
table.options td.active:hover {
  color: white;
}
table.options td.active span.lsf {
  color: #068485;
}
div.search {
  overflow: hidden;
  padding-bottom: 5px;
  padding-top: 24px;
  margin: 8px 0;
  /*
    .links, .stats {
        color: @link;
        padding: 0 20px;
        clear: left;
        //       margin-bottom: 6px;
        white-space: normal;
        text-align: center;

        span.field {
            margin-right: 8px;
            cursor: pointer;
            white-space: nowrap;

            span.lsf {
                margin-right: 4px;
                color: white;
            }

            &:hover {
                text-decoration: underline;
            }
        }
    }
      */
}
div.search.standalone {
  padding-bottom: 0;
  margin: 0;
}
div.search.standalone div.field {
  margin: 0;
  width: calc(100% - 18px);
}
div.search.standalone .alts {
  margin-top: 0;
}
div.search div.field {
  width: 100%;
  margin-bottom: 6px;
  padding: 0;
  border: none;
  float: left;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  div.search div.field {
    width: calc(100% - 40px);
  }
}
div.search div.field label {
  display: block;
  position: relative;
}
div.search div.field label span.lsf {
  margin-right: 6px;
}
div.search div.field .close {
  display: inline-block;
  cursor: pointer;
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  margin-bottom: 2px;
  margin-left: 5px;
  vertical-align: middle;
}
div.search div.field .add {
  display: inline-block;
  cursor: pointer;
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  margin-bottom: 2px;
  vertical-align: middle;
}
div.search div.field select {
  padding: 3px 6px;
  background-color: rgba(68, 68, 68, 0.5);
  display: inline;
  margin-right: 10px;
  border: solid #666 1px;
  color: white;
  font-family: 'Segoe UI';
  font-weight: 300;
  padding-bottom: 5px;
  padding-top: 3px;
}
div.search div.field select.roles {
  min-width: 115px;
}
div.search div.field span.checkbox {
  margin-left: 6px;
}
div.search div.field span.checkbox span.lsf {
  font-size: 120%;
  color: #666;
  margin-right: 3px;
  cursor: pointer;
}
div.search div.field span.checkbox.active span.lsf {
  color: #068485;
}
div.search div.field span.checkbox[disabled] span {
  pointer-events: none;
  color: gray;
}
div.search div.field input[type=text] {
  width: calc(40% - 4px);
  height: 23px;
  margin-bottom: 2px;
  background-color: #999;
}
div.search div.field input[type=text].hasData {
  background-color: #afc2e0;
}
div.search div.field input[type=text].focused {
  background-color: #f0d4ee;
  color: black;
}
div.search div.field input[type=text].error {
  background-color: red;
  color: white;
}
div.search div.field input[type=text].standalone {
  margin-bottom: 0;
  background-color: rgba(68, 68, 68, 0.5);
}
div.search div.field .when input[type=text] {
  width: auto;
}
div.search div.field #prefix {
  width: 50%;
}
div.search div.search-extra {
  overflow: hidden;
  padding: 0 20px 0 20px;
}
div.search.single div.field {
  margin-left: calc(25% + 20px);
}
div.search .alts {
  background: #ddd;
  border: inset #999 1px;
}
div.search .alts {
  max-height: 600px;
  overflow-y: auto;
  margin-top: -3px;
  color: black;
  position: relative;
  white-space: normal;
}
div.search .alts .option {
  padding: 2px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.search .alts .option:nth-child(even) {
  background: #ccc;
}
div.search .alts .option:hover {
  background: #76a3da;
  color: white;
  cursor: pointer;
}
div.search .alts .option .count {
  float: right;
  font-style: italic;
}
div.search .alts .option.match {
  font-weight: bold;
}
div.search .alts .option.preview {
  background-color: #3372bf;
  color: white;
}
div.search .alts .option .type {
  padding-right: 10px;
  color: #666;
}
div.search .alts .fuzzy {
  color: purple;
}
#clippy {
  position: absolute;
  z-index: 1000;
}
#clippy div.text {
  margin-top: 10px;
  background: white;
  padding: 10px;
  border-radius: 3px;
  box-shadow: -2px 1px 6px 3px rgba(0, 0, 0, 0.3);
  max-width: 200px;
}
#messages {
  background: rgba(92, 92, 92, 0.95);
  position: absolute;
  width: 400px;
  height: 0;
  right: 0;
  top: 0;
  z-index: 3;
}
#messages div.message {
  position: absolute;
  padding: 12px;
  padding-right: 30px;
  background: rgba(255, 148, 0, 0.95);
  color: black;
  width: 230px;
  right: 12px;
  border-radius: 8px 0 8px 8px;
}
#messages div.message.chat {
  background: rgba(80, 149, 226, 0.95);
}
#messages div.message.cash {
  background: #ba9826;
}
#messages div.message div.close {
  position: absolute;
  right: 3px;
  top: 3px;
}
.form-warning {
  margin: 12px;
  color: black;
  background-color: #edba20;
  border-radius: 4px;
  padding: 6px;
}
input,
label {
  vertical-align: middle;
}
input + label {
  cursor: pointer;
  margin-left: 6px;
}
input:disabled + label {
  opacity: 0.3;
  cursor: default;
}
input:checked + label {
  font-weight: bold;
}
.form textarea {
  height: 48px;
}
div.errorMessage {
  padding: 8px;
  color: orange;
}
.pane.start {
  /*.header h1 {
        visibility: hidden;
    }*/
}
.pane.start div.body > div.content {
  background: none;
  padding: 0;
  border: none;
  box-shadow: none;
  padding-bottom: 50px;
  text-align: center;
}
.pane.start div.header span.subtitle {
  color: white;
  font-size: 16px;
  font-weight: 300;
  white-space: nowrap;
  display: block;
  text-align: center;
}
.pane.start div.logo {
  text-align: center;
  color: white;
}
.pane.start div.logo span.title {
  font-size: 22px;
  font-weight: 400;
  white-space: nowrap;
  margin: 4px 0;
  display: inline-block;
  color: white;
}
.pane.start div.logo span.subtitle {
  color: white;
  opacity: 0.7;
  margin-top: 10px;
  font-size: 18px;
  white-space: nowrap;
  display: inline-block;
}
.pane.start nav {
  font-size: 16px;
  line-height: 34px;
  text-align: left;
  margin-top: 16px;
  font-weight: 300;
  display: inline-block;
}
.pane.start nav div {
  padding-left: 16px;
}
.pane.start nav div.error {
  border-left: solid red 2px;
  margin: 2px 0 2px -2px;
}
.pane.start nav div span.lsf {
  display: inline-block;
  width: 16px;
  margin-left: -16px;
}
.pane.start nav div span.lsf.active {
  color: #666;
}
.pane.start nav a,
.pane.start nav .link {
  color: white;
  font-weight: 200;
}
.pane.start nav a.active,
.pane.start nav .link.active {
  color: #068485;
  font-weight: 400;
}
.pane.start nav a.unread,
.pane.start nav .link.unread {
  color: orange;
}
.pane.start nav > a,
.pane.start nav > .link {
  display: block;
}
.pane.start nav .disabled {
  opacity: 0.3;
  cursor: default;
}
.pane.start.collapsed .header h1 {
  visibility: visible;
}
div.pane.viewer {
  cursor: pointer;
  /*
    > div.footer, > div.header {
        transition: background-color linear 1s;
    }

    &.interact when (@theme = dark) {
        > div.footer, > div.header {
            background-color: rgba(41,41,41,0.8);
        }
    }

    &.interact when (@theme = light) {
        > div.footer, > div.header {
            background-color: rgba(255,255,255,0.8);
        }
    }
        */
}
div.pane.viewer button.buybutton {
  z-index: 1000;
}
div.pane.viewer canvas.viewer {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
div.pane.viewer > div.body {
  padding: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
div.pane.viewer > div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: grey;
}
div.pane.viewer > div.footer nav {
  margin-top: 24px;
  margin-bottom: 24px;
}
div.pane.viewer > div.footer nav img.footprint {
  fill: green;
}
div.pane.viewer > div.footer nav svg {
  fill: green;
  height: 30px;
  width: 30px;
  display: inline;
}
div.pane.viewer > div.footer nav svg:hover {
  fill: #068485;
}
div.pane.viewer > div.footer nav span.pos {
  font-size: 18px;
}
div.pane.viewer > div.footer nav span.lsf {
  font-size: 30px;
  cursor: pointer;
  margin: 0 22px;
  /*
                &.need-plus {
                    opacity: 0.8;
                    position: relative;
                    color: #555;
                }

                &.need-plus:before {
                    content: "plus only";
                    font-size: 14px;
                    position: absolute;
                    z-index: 999;
                    white-space: nowrap;
                    bottom: 9999px;
                    left: 50%;
                    background: #444;
                    color: white;
                    padding: 0px 7px;
                    line-height: 24px;
                    height: 24px;
                    opacity: 0;
                    transition: opacity 0.4s ease-out;
                }

                &.need-plus:hover {
                    opacity: 0.8;
                }

                &.need-plus:hover::before {
                    opacity: 1;
                    bottom: 20px;
                }
                */
}
div.pane.viewer > div.footer nav span.lsf:hover {
  color: white;
}
div.pane.viewer > div.footer nav span.lsf.active {
  color: #068485;
}
div.pane.viewer > div.footer nav span.lsf.disabled {
  color: grey;
  opacity: 0.2;
  cursor: default;
}
div.pane.viewer > div.footer nav span.lsf.star.active {
  color: gold;
}
div.pane.viewer > div.footer nav span.lsf.trash.active {
  color: red;
}
div.pane.viewer > div.footer nav span.lsf.star,
div.pane.viewer > div.footer nav span.lsf.trash {
  margin-right: 3px;
}
div.pane.viewer > div.footer nav .starcount,
div.pane.viewer > div.footer nav .trashcount {
  margin-right: 12px;
  vertical-align: top;
}
div.pane div.body {
  padding: 12px 24px 12px 24px;
}
div.pane div.body div.content.page {
  padding: 24px;
  border-radius: 3px;
}
div.pane div.body div.content.page {
  background: rgba(151, 151, 151, 0.1);
}
.pane.chat textarea {
  width: 92%;
  height: 60px;
  background-color: rgba(68, 68, 68, 0.5);
  border: solid #666 1px;
  border-radius: 2px;
  margin: 12px;
  color: white;
  padding: 4px;
}
.pane.chat span.search-info {
  font-style: italic;
  display: inline-block;
  margin-top: 5px;
}
.pane.chat span.sub {
  color: gray;
  cursor: pointer;
  font-size: 18px;
  margin: 0 6px 0 0;
}
.pane.chat span.sub.active {
  color: yellow;
}
.pane.chat div.members {
  margin: 12px 0;
}
.pane.chat div.members span.user {
  margin-left: 24px;
}
.pane.chat div.writingindicator {
  padding: 0 24px;
  font-style: italic;
  font-size: smaller;
}
.pane.chat div.lines {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  overflow: hidden;
}
.pane.chat div.lines div.line {
  overflow: hidden;
  padding: 1px 0;
  cursor: pointer;
}
.pane.chat div.lines div.line.clicked {
  outline: solid #068485 1px;
}
.pane.chat div.lines div.line:hover {
  background-color: #334154;
  color: white;
}
.pane.chat div.lines div.line.new-sender {
  margin-top: 4px;
}
.pane.chat div.lines div.line div {
  float: left;
  display: inline-block;
}
.pane.chat div.lines div.line div.sender {
  width: 19%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane.chat div.lines div.line div.message {
  width: 68%;
  padding: 0 1%;
}
.pane.chat div.lines div.line div.message editable {
  background: #EAEAEA;
}
.pane.chat div.lines div.line div.message span.smile {
  font-size: 16px;
}
.pane.chat div.lines div.line div.message .highlight {
  background-color: yellow;
  color: black;
}
.pane.chat div.lines div.line div.message.site {
  width: 57% !important;
}
.pane.chat div.lines div.line div.attachmentPreviewContainer {
  position: relative;
  height: 0;
}
.pane.chat div.lines div.line div.attachmentPreviewContainer a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.pane.chat div.lines div.line div.time {
  width: 11%;
}
.pane.chat div.lines div.line div.rating {
  width: 11%;
  text-align: right;
}
.pane.chat div.lines div.line div.rating span.rating {
  font-size: smaller;
  padding-right: 6px;
}
.pane.chat div.lines div.line div.rating span.lsf {
  opacity: 0.2;
  font-size: 18px;
  float: right;
  padding-right: 6px;
}
.pane.chat div.lines div.line div.rating span.lsf:hover {
  opacity: 1;
}
.pane.chat div.lines div.line div.rating span.lsf.rated {
  color: #efca00;
  opacity: 1;
}
.pane.chat h2.date {
  text-align: center;
  width: 100%;
  color: #1BA8E9;
  font-size: 18px;
}
.pane.chat h3.subject {
  text-align: center;
  width: 100%;
  font-size: 18px;
}
.pane.chat span.active {
  color: #00ee14;
}
.pane.chat div.video {
  height: 400px;
  padding: 10px 20px 10px 20px;
}
.pane.chat div.readonlyLabel {
  height: 96px;
  text-align: center;
}
.pane.chat div.readonlyLabel span {
  font-style: italic;
  line-height: 96px;
}
.pane.chat .ui-button.dialog-btn-accept {
  border: 1px solid white !important;
  border-radius: 0px !important;
  background: green !important;
  color: white;
}
.pane.chat .ui-button.dialog-btn-reject {
  border: 1px solid white !important;
  border-radius: 0px !important;
  background: red !important;
  color: white;
}
.pane.chat .ui-dialog,
.pane.chat .ui-widget,
.pane.chat .ui-widget-content,
.pane.chat .ui-corner-all,
.pane.chat .ui-draggable,
.pane.chat .ui-resizable {
  background: #2A2A2B !important;
}
.pane.chat .ui-dialog-titlebar {
  border: 0;
  padding: 0;
}
.pane.chat .scroller::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #282829;
}
.pane.chat .scroller::-webkit-scrollbar {
  width: 12px;
  background-color: #282829;
}
.pane.chat .scroller::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #646464;
}
.pane.chat .scroller::-webkit-scrollbar-corner {
  background-color: transparent;
}
body.print {
  background: white;
  position: static;
  width: 977px !important;
  height: auto !important;
}
body.print #background {
  display: none;
}
body.print .lane {
  position: static;
  width: 977px !important;
  height: auto !important;
}
body.print .lane .pane {
  position: static;
  width: 977px !important;
  height: auto !important;
  border-bottom: none;
  border-left: none;
  background-color: white;
  display: none;
}
body.print .lane .pane > div.header {
  background-color: white !important;
}
body.print .lane .pane > div.header div.fill {
  display: none;
}
body.print .lane .pane > div.header div.icons div.collapse,
body.print .lane .pane > div.header div.icons div.maximize {
  display: none;
}
body.print .lane .pane div.body {
  position: static;
  width: auto !important;
  height: auto !important;
}
body.print .lane .pane.print {
  display: block;
}
body.print .lane .pane div.scrollbar {
  display: none !important;
}
body.print .lane .pane.scrollable div.header {
  box-shadow: none;
}
body.print .lane .resizer {
  display: none;
}
body.print #menu {
  background-color: white;
  color: black;
  border-bottom: solid black 1px;
  width: 977px !important;
  box-shadow: none;
}
body.print #menu div.right span.fullscreen {
  display: none;
}
body.print #menu span.navigation {
  display: none;
}
body.print #menu span.site-name {
  color: black;
}
body.print #menu span.bitcash {
  display: none;
}
body.print #menu span.theme {
  display: none;
}
body.print #menu span.dev,
body.print #menu span.beta {
  color: grey;
}
body.print #menu span.logged-in,
body.print #menu span.clock {
  color: black;
}
body.print table.content td {
  background: none;
}
body.print a,
body.print .link {
  color: black;
}
div.hierarchy {
  padding: 4px;
}
div.hierarchy div.item {
  padding-left: 10px;
  border-left: solid #666 1px;
  padding-top: 8px;
}
.pane.article {
  counter-reset: section;
}
.pane.article div.content textarea {
  background-color: rgba(68, 68, 68, 0.5);
  border: solid #666 1px;
  border-radius: 2px;
  color: white;
  display: block;
  padding: 6px;
  width: calc(100% - 14px);
  margin-bottom: 8px;
  height: 100px;
}
.pane.article div.content input[type="text"] {
  background-color: rgba(68, 68, 68, 0.5);
  border: solid #666 1px;
  color: white !important;
  padding: 2px;
  display: block;
  width: calc(100% - 6px);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
}
.pane.article div.content input[type="text"].subject {
  font-size: 24px;
  font-weight: 600;
}
.pane.article div.content select {
  background-color: rgba(68, 68, 68, 0.5);
  border: solid #666 1px;
  color: white;
}
.pane.article div.content div.section {
  margin: 20px 0;
  border-left: solid transparent 2px;
  padding-left: 10px;
  margin-left: -10px;
  counter-reset: paragraph;
}
.pane.article div.content div.section.edit {
  border-color: #068485;
}
.pane.article div.content div.section h2,
.pane.article div.content div.section input[type="text"] {
  font-size: 16px;
  font-weight: 500;
}
.pane.article div.content div.section h2 {
  margin-bottom: 16px;
  counter-increment: section;
}
.pane.article div.content div.section h2:before {
  content: counter(section) '. ';
}
.pane.article div.content div.paragraph {
  background-color: rgba(68, 68, 68, 0.2);
}
.pane.article div.content div.paragraph.edit {
  background-color: none;
}
.pane.article div.content div.paragraph > div {
  padding: 6px;
  margin-bottom: 8px;
  white-space: pre-wrap;
}
.pane.article div.content div.paragraph.item {
  margin-left: 20px;
}
.pane.article div.content div.paragraph.item > div.display {
  display: table;
  counter-increment: paragraph;
}
.pane.article div.content div.paragraph.item.bullet > div.display {
  list-style-type: disc;
}
.pane.article div.content div.paragraph.item.number > div.display {
  list-style-type: decimal;
}
.pane.article div.content div.paragraph.item.number > div.display:before {
  display: table-cell;
  padding-right: 8px;
  content: counter(paragraph) '. ';
}
.pane.article div.content div.paragraph.item.upper-alpha > div.display {
  list-style-type: upper-alpha;
}
.pane.article div.content div.paragraph.item.lower-alpha > div.display {
  list-style-type: lower-alpha;
}
div.pane.transcription table.text {
  width: 100%;
}
div.pane.transcription table.text tr.line td.nr {
  padding: 8px 8px 8px 0px;
  width: 16px;
  text-align: right;
}
div.pane.transcription table.text tr.line td.text.display {
  padding: 8px;
  background-color: rgba(55, 55, 55, 0.5);
  border: solid rgba(255, 255, 255, 0.1) 1px;
  cursor: pointer;
}
div.pane.transcription table.text tr.line td.text textarea {
  background-color: rgba(255, 255, 255, 0.8);
  width: inherit;
  width: calc(100% - 4px);
}
div.pane.transcription table.text tr.line.active {
  outline: none;
}
div.pane.transcription table.text tr.line.active td.nr {
  color: #068485;
  font-weight: bold;
}
div.json span.string {
  color: #f5eea2;
}
div.json span.key {
  color: #f8b068;
}
div.json span.number {
  color: #ed6e55;
}
div.json span.bool {
  color: #7561ff;
}
div.json div {
  margin-left: 12px;
}
div.json.fancy .l1 {
  margin-left: 0;
}
div.json.fancy .l2,
div.json.fancy .l3,
div.json.fancy .l4,
div.json.fancy .l5,
div.json.fancy .l6,
div.json.fancy .l7 {
  padding-left: 10px;
  margin-left: 1px;
  border-left: solid rgba(102, 102, 102, 0.5) 1px;
}
div.json.fancy .l2,
div.json.fancy .l4,
div.json.fancy .l6 {
  border-left: solid rgba(255, 255, 255, 0.5) 1px;
}
div.json.fancy span.string {
  color: white;
}
div.json.fancy span.long {
  font-size: smaller;
}
div.json.fancy span.key {
  color: white;
  opacity: 0.5;
  font-style: italic;
}
div.json.fancy span.number {
  color: white;
}
div.json.fancy span.bool {
  color: white;
}
div.json.fancy span.link {
  color: #3a93d8;
}
div.json.fancy span.link.active {
  color: #068485;
}
div.json.fancy div.list-item {
  margin-top: 5px;
}
div.json.fancy div.list-item:first-of-type {
  margin-top: 0;
}
/*
.pane when (@theme = dark)  {
   
    background: -moz-linear-gradient(top, rgba(54,54,54,0.82) 0%, rgba(25,25,25,0.82) 100%);
    background: -webkit-linear-gradient(top, rgba(54,54,54,0.82) 0%,rgba(25,25,25,0.82) 100%);
    background: linear-gradient(to bottom, rgba(44,44,44, 0.82) 0%,rgba(25,25,25,0.82) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e7b2', endColorstr='#384e1a',GradientType=0 );
}

.pane when (@theme = light) {
    background: white;
}

.pane .body {
    div.content when (@theme = dark) {
     //   border-radius: 4px;
        background-color: rgba(44,44,44,0.3);
    //    box-shadow: -2px 1px 12px 3px rgba(0, 0, 0, 0.2);
    }

    div.content when (@theme = light) {
     //   border-radius: 0;
        background-color: white;
        box-shadow: none;
    }
}
*/
div.pane.start {
  /*h1 {
        visibility: hidden;
    }*/
  color: white;
}
div.pane.start.collapsed h1 {
  visibility: visible;
  color: red;
}
/*
div.pane.start div.body {
    padding: 0;

    .content {
        padding: 0;
        background: none;
        box-shadow: none;

        div.logo {
            text-align: center;
        //    margin-bottom: 1em;

            img {
           //     margin-bottom: 1em;
            }

            span.title {
                color: @text;
                text-align: center;
            }
        }

        nav {
            line-height: 2em;
            padding: 1em;
            font-size: larger;
            text-align: center;

            a, span.link {
                display: block;
                color: @text;
                opacity: 0.5;
                &:hover {
                    opacity: 0.7;
                }
                &.active {
                    opacity: 1;
                    font-weight: bold;
                }
            }
        }
    }
}
    */