.select2-container li img.avatar {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 6px;
}

.select2-search-choice {
  max-width: calc(100% - 5px);
}

.select2-search-choice > div > div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select2-results li img.avatar {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 6px;
}

.select2-result-label > div > span {
  display: inline-block;
  max-width: calc(100% - 46px);
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select2-result-label > div > span > span,
.select2-result-label > div > span > small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}

.select2-result-label > div > span > span.name {
  vertical-align: middle;
}

.select2-result-label > div > span > small {
  vertical-align: top;
}

.select2-container-multi .select2-choices {
  background-image: none;
}
.select2-container-multi .select2-choices .select2-search-field input {
  font-family: inherit;
  padding: 5px 12px;
}
.select2-container {
  margin: 0 auto !important;
}
/* for all pages should include this */
body {
    font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
    text-shadow: 0 0 1em transparent, 1px 1px 1.2px rgba(0, 0, 0, 0.004);
    /*text-rendering: optimizeLegibility;*/
    -webkit-overflow-scrolling: touch;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    letter-spacing: 0.025em;
}
:focus, .focus {
    outline: none !important;
}
::-moz-focus-inner {
    border: 0 !important;
}

/* manual fix for bootstrap issue 14040, there is an unnecessary padding-right on modal open */
body.modal-open {
    overflow-y: auto;
    padding-right: 0 !important;
}
/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/**
 * codemirror-spell-checker v1.0.6
 * Copyright Next Step Webs, Inc.
 * @link https://github.com/NextStepWebs/codemirror-spell-checker
 * @license MIT
 */
.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){border-bottom:2px dotted rgba(255,0,0,.8)}.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
  top: 0; /* workaround for issue https://github.com/FezVrasta/popper.js/issues/457 */
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #777;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #777;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #777;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #777;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #777;
  border-radius: 0.25rem;
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.CodeMirror-other-cursor {
    width: 0px;
    position: absolute;
    border-right: none;
}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

div.CodeMirror-other-cursors {
  position:relative;
  z-index:3;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
  .CodeMirror div.CodeMirror-other-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
.CodeMirror-foldmarker {
  color: blue;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer;
}
.CodeMirror-foldgutter {
  width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
  content: "\25BE";
}
.CodeMirror-foldgutter-folded:after {
  content: "\25B8";
}
.CodeMirror-fullscreen {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  height: auto;
  z-index: 2000;
}
.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
  color: black;
}
.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
  position: absolute;
  background: #ccc;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 2px;
}

.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
  position: absolute;
  z-index: 6;
  background: #eee;
}

.CodeMirror-simplescroll-horizontal {
  bottom: 0; left: 0;
  height: 6px;
}
.CodeMirror-simplescroll-horizontal div {
  bottom: 0;
  height: 100%;
}

.CodeMirror-simplescroll-vertical {
  right: 0; top: 0;
  width: 6px;
}
.CodeMirror-simplescroll-vertical div {
  right: 0;
  width: 100%;
}


.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
  display: none;
}

.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
  position: absolute;
  background: #ccc;
  border-radius: 7px;
  border: 2px solid #222;
}

.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
  position: absolute;
  z-index: 6;
}

.CodeMirror-overlayscroll-horizontal {
  bottom: 0; left: 0;
  height: 10px;
}
.CodeMirror-overlayscroll-horizontal div {
  bottom: 0;
  height: 100%;
}

.CodeMirror-overlayscroll-vertical {
  right: 0px; top: 0px;
  width: 10px;
}
.CodeMirror-overlayscroll-vertical div {
  right: 0;
  width: 100%;
}
.CodeMirror-search-match {
  background: gold;
  border: 1px solid orange;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5;
}
.CodeMirror-merge {
  position: relative;
  border: 1px solid #ddd;
  white-space: pre;
}

.CodeMirror-merge, .CodeMirror-merge .CodeMirror {
  height: 350px;
}

.CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 47%; }
.CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 6%; }
.CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%; }
.CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%; }

.CodeMirror-merge-pane {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.CodeMirror-merge-pane-rightmost {
  position: absolute;
  right: 0px;
  z-index: 1;
}

.CodeMirror-merge-gap {
  z-index: 2;
  display: inline-block;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
  background: #f8f8f8;
}

.CodeMirror-merge-scrolllock-wrap {
  position: absolute;
  bottom: 0; left: 50%;
}
.CodeMirror-merge-scrolllock {
  position: relative;
  left: -50%;
  cursor: pointer;
  color: #555;
  line-height: 1;
}
.CodeMirror-merge-scrolllock:after {
  content: "\21DB\A0\A0\21DA";
}
.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
  content: "\21DB\21DA";
}

.CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
  position: absolute;
  left: 0; top: 0;
  right: 0; bottom: 0;
  line-height: 1;
}

.CodeMirror-merge-copy {
  position: absolute;
  cursor: pointer;
  color: #44c;
  z-index: 3;
}

.CodeMirror-merge-copy-reverse {
  position: absolute;
  cursor: pointer;
  color: #44c;
}

.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; }
.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; }

.CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.CodeMirror-merge-r-chunk { background: #ffffe0; }
.CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; }
.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; }
.CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; }

.CodeMirror-merge-l-chunk { background: #eef; }
.CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; }
.CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; }
.CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; }

.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; }
.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; }
.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; }

.CodeMirror-merge-collapsed-widget:before {
  content: "(...)";
}
.CodeMirror-merge-collapsed-widget {
  cursor: pointer;
  color: #88b;
  background: #eef;
  border: 1px solid #ddf;
  font-size: 90%;
  padding: 0 3px;
  border-radius: 4px;
}
.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none; }
/* Based on Sublime Text's Monokai theme */

.cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; }
.cm-s-monokai div.CodeMirror-selected { background: #49483E; }
.cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0px; }
.cm-s-monokai .CodeMirror-guttermarker { color: white; }
.cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

.cm-s-monokai span.cm-comment { color: #75715e; }
.cm-s-monokai span.cm-atom { color: #ae81ff; }
.cm-s-monokai span.cm-number { color: #ae81ff; }

.cm-s-monokai span.cm-comment.cm-attribute { color: #97b757; }
.cm-s-monokai span.cm-comment.cm-def { color: #bc9262; }
.cm-s-monokai span.cm-comment.cm-tag { color: #bc6283; }
.cm-s-monokai span.cm-comment.cm-type { color: #5998a6; }

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e; }
.cm-s-monokai span.cm-keyword { color: #f92672; }
.cm-s-monokai span.cm-builtin { color: #66d9ef; }
.cm-s-monokai span.cm-string { color: #e6db74; }

.cm-s-monokai span.cm-variable { color: #f8f8f2; }
.cm-s-monokai span.cm-variable-2 { color: #9effff; }
.cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type { color: #66d9ef; }
.cm-s-monokai span.cm-def { color: #fd971f; }
.cm-s-monokai span.cm-bracket { color: #f8f8f2; }
.cm-s-monokai span.cm-tag { color: #f92672; }
.cm-s-monokai span.cm-header { color: #ae81ff; }
.cm-s-monokai span.cm-link { color: #ae81ff; }
.cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; }

.cm-s-monokai .CodeMirror-activeline-background { background: #373831; }
.cm-s-monokai .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
/**
 * Atom One Dark Theme
 *
 * Copyright (c) 2015 Hikio - twitter.com/hik_io
 *
 * 06/26/2015
 * 
 * Licensed under MIT
 * GitHub https://github.com/hikio/brackets-one-dark
 */
/*
Modified by jackycute 2015
borrow some color from tomorrow-night-eighties
*/
/* Editor */
.dark .panel,
.dark #main-toolbar {
  background: #1d222a;
}
.dark #working-set-list-container,
.dark #editor-holder .pane-header {
  background: #15181e;
}
.dark .working-set-header,
.dark #project-files-header .btn-alt-quiet {
  background: rgba(204, 217, 255, 0.05);
}
.dark .working-set-header > span {
  background: transparent;
}
.dark .sidebar-selection,
.dark .filetree-selection,
.dark .sidebar-selection-extension,
.dark .filetree-selection-extension {
  background: #282c34;
}
.dark #status-bar,
.dark #status-indicators {
  background: #15181e;
  border-top-color: #1d222a;
}
.dark a,
.dark .open-files-container li.selected a {
  color: #528bff;
}
/* Code Styling */
.cm-s-one-dark.CodeMirror,
.cm-s-one-dark .CodeMirror-scroll {
/*  background-color: #282c34;*/
  background-color: #1e2126;
  color: #abb2bf;
}
.cm-s-one-dark .CodeMirror-activeline-background {
  background: transparent;
}
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background {
  background: rgba(204, 217, 255, 0.05);
}
.show-line-padding .cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background {
  box-shadow: inset 15px 0 0 0 #000;
}
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
  background: transparent;
  color: #5c6370;
}
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .inline-widget .CodeMirror-gutter-elt {
  color: red;
}
.cm-s-one-dark .cm-string-2,
.cm-s-one-dark .cm-hr {
  color: #56b6c2;
}
.cm-s-one-dark .cm-number,
.cm-s-one-dark .cm-attribute,
.cm-s-one-dark .cm-qualifier,
.cm-s-one-dark .cm-plus,
.cm-s-one-dark .cm-atom {
  color: #eda35e;
}
.cm-s-one-dark .cm-def {
  color: #c678dd;
}
.cm-s-one-dark .cm-property,
.cm-s-one-dark .cm-variable,
.cm-s-one-dark .cm-variable-2,
.cm-s-one-dark .cm-variable-3,
.cm-s-one-dark .cm-operator,
/*.cm-meta,*/
.cm-s-one-dark .cm-bracket {
  color: #f76e79;
}
/*borrow from tomorrow-night-eighties*/
.cm-s-one-dark .cm-variable {
  color: #99cc99;
}
.cm-s-one-dark .cm-variable-2 {
  color: #6699cc;
}

.cm-s-one-dark .cm-comment {
  color: #5c6370;
  font-style: italic;
}
.cm-s-one-dark .cm-error,
.cm-s-one-dark .cm-minus {
  color: #be5046;
}
.cm-s-one-dark .cm-header {
  color: #eda35e;
}
.cm-s-one-dark .cm-link {
  color: #98c379;
  text-decoration: none;
}
.cm-s-one-dark .cm-rangeinfo {
  color: #c678dd;
}
.cm-s-one-dark .cm-keyword,
.cm-s-one-dark .cm-builtin,
.cm-s-one-dark .cm-tag {
  color: #e06c75;
}
.cm-s-one-dark .cm-m-markdown.cm-keyword,
.cm-s-one-dark .cm-m-markdown.cm-builtin,
.cm-s-one-dark .cm-m-markdown.cm-tag {
  color: #98c379;
}
.cm-s-one-dark .cm-string {
/*  color: #98c379;*/
  color: #6699cc;
}
/* Extra CSS */
.cm-s-one-dark .CodeMirror-searching {
  color: #fff !important;
  border: 1px solid #528bff;
  margin: 0 -1px;
  background-color: rgba(204, 217, 255, 0.09);
  box-shadow: 0px 0px 6px rgba(66, 133, 244, 0.4);
}
.cm-s-one-dark .CodeMirror-searching.searching-current-match {
  color: #fff;
  background-color: #528bff;
  box-shadow: 0px 0px 6px rgba(66, 133, 244, 0.8);
}
.cm-s-one-dark .CodeMirror-cursor {
  border-left: 2px solid #528bff !important;
}
.cm-fat-cursor .CodeMirror-cursor {
  border-left: 2px solid #3C5B9E !important;
  background: #3C5B9E;
}
.cm-s-one-dark .CodeMirror-gutters {
/*  background-color: #282c34;*/
  background-color: #1e2126;
  border-right: 1px solid rgba(204, 217, 255, 0.05);
}
.cm-s-one-dark .CodeMirror-linenumber {
  color: #393e46;
}
.cm-s-one-dark.CodeMirror .CodeMirror-selected {
  background: rgba(204, 217, 255, 0.05);
}
.cm-s-one-dark.CodeMirror-focused .CodeMirror-selected {
  background: rgba(204, 217, 255, 0.09);
}
.cm-s-one-dark .CodeMirror-matchingbracket,
.cm-s-one-dark .CodeMirror-matchingtag {
  /* Ensure visibility against gray inline editor background */
  background-color: rgba(204, 217, 255, 0.09);
  color: #abb2bf !important;
  border-bottom: 1px solid #528bff;
}
.cm-s-one-dark .CodeMirror-overwrite .CodeMirror-cursor {
  border-left: none !important;
  border-bottom: 1px solid #fff;
  width: 0.5em;
}
.cm-s-one-dark.CodeMirror .CodeMirror {
  background: transparent;
}
.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-gutters {
  background: transparent;
  border-right: none;
}
.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline-background {
  background: transparent;
}
.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
  background: transparent;
  color: #5c6370;
}
.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline-background {
  background: #000;
}
.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
  background: rgba(204, 217, 255, 0.05);
  color: #fff;
}
.cm-s-one-dark .CodeMirror-foldgutter-open:after {
  color: #393e46;
}
.cm-s-one-dark .CodeMirror-foldgutter-folded:after {
  color: #5c6370;
}
.cm-s-one-dark .CodeMirror.over-gutter .CodeMirror-foldgutter-open:after,
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-foldgutter-open:after {
  color: #5c6370;
}
.cm-s-one-dark .CodeMirror-foldmarker {
  border-color: #393e46;
  color: #abb2bf;
  background: rgba(204, 217, 255, 0.05);
}
/* Non-editor styling */
.image-view,
.not-editor {
  background-color: #282c34;
}
.view-pane .image-view {
  color: #abb2bf;
}
span.cm-underlined {
  text-decoration: underline;
}
span.cm-strikethrough {
  text-decoration: line-through;
}
span.cm-brace {
  color: #170;
  font-weight: bold;
}
span.cm-table {
  color: blue;
  font-weight: bold;
}
/* WTF: What kind of evil BS is this?! -- commented out.

.CodeMirror {
	border: 1px solid #CCC;
	font-size: medium;
	line-height: 1.5em;
}

.CodeMirrorIE {
	font-size: small;
}
*/

.cm-mw-pagename { text-decoration: underline; }

.cm-mw-matching {background-color: gold;}

.cm-mw-skipformatting {	background-color: #adf; }
.cm-mw-list {color: #08f; font-weight: bold; background-color: #eee;}
.cm-mw-signature,
.cm-mw-hr { color: #08f; font-weight: bold; background-color: #eee; }
.cm-mw-indenting {color: #08f; font-weight: bold; background-color: #ddd;}
.cm-mw-mnemonic {color: #090;}
.cm-mw-comment {color: #aaa; font-weight: normal;}
.cm-mw-apostrophes {color: #08f;}

pre.cm-mw-section-1 {font-weight: bold;}
pre.cm-mw-section-2 {font-weight: bold;}
pre.cm-mw-section-3 {font-weight: bold;}
pre.cm-mw-section-4 {font-weight: bold;}
pre.cm-mw-section-5 {font-weight: bold;}
pre.cm-mw-section-6 {font-weight: bold;}
.cm-mw-section-header {color: #08f; font-weight: normal;}

.cm-mw-template {color: #a11; font-weight: normal;}
.cm-mw-template-name {color: #a11; font-weight: bold;}
.cm-mw-template-name-mnemonic {font-weight: normal;}
.cm-mw-template-argument-name {color: #a11; font-weight: bold;}
.cm-mw-template-delimiter {color: #a11; font-weight: bold;}
.cm-mw-template-bracket {color: #a11; font-weight: bold;}

.cm-mw-templatevariable {color: #f50;  font-weight: normal;}
.cm-mw-templatevariable-name {color: #f50; font-weight: bold;}
.cm-mw-templatevariable-bracket {color: #f50;  font-weight: normal;}
.cm-mw-templatevariable-delimiter {color: #f50; font-weight: bold;}

.cm-mw-parserfunction {font-weight: normal;}
.cm-mw-parserfunction-name {color: #70a; font-weight: bold;}
.cm-mw-parserfunction-bracket {color: #70a; font-weight: bold;}
.cm-mw-parserfunction-delimiter {color: #70a; font-weight: bold;}

pre.cm-mw-exttag {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFSk08Yg0cNXDUwFEDRw0cNRAAX6bLcHTYZDIAAAAASUVORK5CYII=);}
.cm-mw-exttag {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-exttag-name {color: #70a; font-weight: bold;}
.cm-mw-exttag-bracket {color: #70a; font-weight: normal;}
.cm-mw-exttag-attribute {color: #70a; font-weight: normal;}

.cm-mw-htmltag-name {color: #170; font-weight: bold;}
.cm-mw-htmltag-bracket {color: #170; font-weight: normal;}
.cm-mw-htmltag-attribute {color: #170; font-weight: normal;}

pre.cm-mw-tag-pre, .cm-mw-tag-pre {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHklEQVR4AWNkYGDgYqAiGLEGjho4auCogaMGjhoIAN44AN2y67m4AAAAAElFTkSuQmCC);}
pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHklEQVR4AWNkYGDgYqAiGLEGjho4auCogaMGjhoIAN44AN2y67m4AAAAAElFTkSuQmCC);}

.cm-mw-link-pagename {color: #219; font-weight: normal;}
.cm-mw-link-tosection {color: #08f; font-weight: normal;}
.cm-mw-link-bracket {color: #219; font-weight: normal;}
.cm-mw-link-text {}
.cm-mw-link-delimiter {color: #219; font-weight: normal;}

.cm-mw-extlink {color: #219; font-weight: normal;}
.cm-mw-extlink-protocol {color: #219; font-weight: bold;}
.cm-mw-extlink-text {}
.cm-mw-extlink-bracket {color: #219; font-weight: bold;}

.cm-mw-table-bracket {color: #e0e; font-weight: bold;}
.cm-mw-table-delimiter {color: #e0e; font-weight: bold;}
.cm-mw-table-definition {color: #e0e; font-weight: normal;}

.cm-mw-template-ground {}
.cm-mw-template2-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=);}
.cm-mw-template3-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=);}
.cm-mw-template-ext-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template-ext2-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template-ext3-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template-ext-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template-ext2-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template-ext3-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template2-ext-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template2-ext2-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template2-ext3-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template2-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template2-ext-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template2-ext2-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template2-ext3-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template3-ext-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template3-ext2-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template3-ext3-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-template3-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template3-ext-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template3-ext2-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-template3-ext3-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-ext-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=)}
.cm-mw-ext2-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-ext3-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=);}
.cm-mw-ext-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-ext2-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-ext3-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
.cm-mw-link-ground {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII=);}
/**
 * GitHub Gist Theme
 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 */

.hljs {
  display: block;
  background: white;
  padding: 0.5em;
  color: #333333;
  overflow-x: auto;
}

.hljs-comment,
.hljs-meta {
  color: #969896;
}

.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
  color: #df5000;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #a71d5d;
}

.hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
  color: #0086b3;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #005cc5;
}

.hljs-section,
.hljs-name {
  color: #63a35c;
}

.hljs-tag {
  color: #333333;
}

.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #795da3;
}

.hljs-addition {
  color: #55a532;
  background-color: #eaffea;
}

.hljs-deletion {
  color: #bd2c00;
  background-color: #ffecec;
}

.hljs-link {
  text-decoration: underline;
}
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

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

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

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

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

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

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

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

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

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

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

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	background: hsla(0, 0%, 100%, .5);
}

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

.token.function,
.token.class-name {
	color: #DD4A68;
}

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

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

.token.entity {
	cursor: help;
}
.markdown-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
}

.markdown-body::before {
    display: table;
    content: ""
}

.markdown-body::after {
    display: table;
    clear: both;
    content: "";
}

.markdown-body>*:first-child {
    margin-top: 0 !important;
}

.markdown-body>*:last-child {
    margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none;
}

.markdown-body .absent {
    color: #c00;
}

.markdown-body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

.markdown-body .anchor:focus {
    outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
    margin-top: 0;
    margin-bottom: 16px;
}

.markdown-body hr {
    height: 0.25em;
    padding: 0;
    margin: 24px 0;
    background-color: #e7e7e7;
    border: 0;
}

.markdown-body blockquote {
    font-size: 16px;
    padding: 0 1em;
    color: #777;
    border-left: 0.25em solid #ddd;
}

.markdown-body blockquote>:first-child {
    margin-top: 0;
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0;
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb;
}

.markdown-body .loweralpha {
    list-style-type: lower-alpha;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    color: #000;
    vertical-align: middle;
    visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
    text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible;
}

.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
    font-size: inherit;
}

.markdown-body h1 {
    padding-bottom: 0.3em;
    font-size: 2em;
    border-bottom: 1px solid #eee;
}

.markdown-body h2 {
    padding-bottom: 0.3em;
    font-size: 1.5em;
    border-bottom: 1px solid #eee;
}

.markdown-body h3 {
    font-size: 1.25em;
}

.markdown-body h4 {
    font-size: 1em;
}

.markdown-body h5 {
    font-size: 0.875em;
}

.markdown-body h6 {
    font-size: 0.85em;
    color: #777
}

.markdown-body ul,
.markdown-body ol {
    padding-left: 2em
}

.markdown-body ul.no-list,
.markdown-body ol.no-list {
    padding: 0;
    list-style-type: none;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body li>p {
    margin-top: 16px
}

.markdown-body li+li {
    margin-top: 0.25em;
}

.markdown-body dl {
    padding: 0;
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px;
}

.markdown-body table {
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all;
}

.markdown-body table th {
    font-weight: bold
}

.markdown-body table th,
.markdown-body table td {
    padding: 6px 13px;
    border: 1px solid #ddd;
}

.markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

.markdown-body table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

.markdown-body img {
    max-width: 100%;
    box-sizing: content-box;
    background-color: #fff;
}

.markdown-body img[align=right] {
    padding-left: 20px;
}

.markdown-body img[align=left] {
    padding-right: 20px;
}

.markdown-body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent;
}

.markdown-body span.frame {
    display: block;
    overflow: hidden;
}

.markdown-body span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid #ddd;
}

.markdown-body span.frame span img {
    display: block;
    float: left;
}

.markdown-body span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: #333;
}

.markdown-body span.align-center {
    display: block;
    overflow: hidden;
    clear: both;
}

.markdown-body span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center;
}

.markdown-body span.align-center span img {
    margin: 0 auto;
    text-align: center;
}

.markdown-body span.align-right {
    display: block;
    overflow: hidden;
    clear: both;
}

.markdown-body span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right;
}

.markdown-body span.align-right span img {
    margin: 0;
    text-align: right;
}

.markdown-body span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden;
}

.markdown-body span.float-left span {
    margin: 13px 0 0;
}

.markdown-body span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden;
}

.markdown-body span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right;
}

.markdown-body code,
.markdown-body tt {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 3px;
}

.markdown-body code::before,
.markdown-body code::after,
.markdown-body tt::before,
.markdown-body tt::after {
    letter-spacing: -0.2em;
    content: "\A0";
}

.markdown-body code br,
.markdown-body tt br {
    display: none;
}

.markdown-body del code {
    text-decoration: inherit;
}

.markdown-body pre {
    word-wrap: normal;
}

.markdown-body pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0;
}

.markdown-body .highlight {
    margin-bottom: 16px;
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px;
}

.markdown-body pre code,
.markdown-body pre tt {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

.markdown-body pre code::before,
.markdown-body pre code::after,
.markdown-body pre tt::before,
.markdown-body pre tt::after {
    content: normal;
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
}

.markdown-body .csv-data .blob-line-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: #fff;
    border: 0;
}

.markdown-body .csv-data tr {
    border-top: 0;
}

.markdown-body .csv-data th {
    font-weight: bold;
    background: #f8f8f8;
    border-top: 0;
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb;
}

.news .alert .markdown-body blockquote {
    padding: 0 0 0 40px;
    border: 0 none;
}

.activity-tab .news .markdown-body blockquote,
.activity-tab .news .alert .commits {
    padding-left: 0;
}

.task-list-item {
    list-style-type: none;
}

.task-list-item label {
    font-weight: normal;
}

.task-list-item.enabled label {
    cursor: pointer;
}

.task-list-item+.task-list-item {
    margin-top: 3px;
}

.task-list-item-checkbox {
    float: left;
    margin: 0.31em 0 0.2em -1.3em !important;
    vertical-align: middle;
    cursor: default !important;
}
/* Flowchart variables */
/* Sequence Diagram variables */
/* Gantt chart variables */
.mermaid .label {
  color: #333;
}
.mermaid .node rect,
.mermaid .node circle,
.mermaid .node ellipse,
.mermaid .node polygon {
  fill: #ECECFF;
  stroke: #CCCCFF;
  stroke-width: 1px;
}
.mermaid .edgePath .path {
  stroke: #333333;
}
.mermaid .edgeLabel {
  background-color: #e8e8e8;
}
.mermaid .cluster rect {
  fill: #ffffde !important;
  rx: 4 !important;
  stroke: #aaaa33 !important;
  stroke-width: 1px !important;
}
.mermaid .cluster text {
  fill: #333;
}
.mermaid .actor {
  stroke: #CCCCFF;
  fill: #ECECFF;
}
.mermaid text.actor {
  fill: black;
  stroke: none;
}
.mermaid .actor-line {
  stroke: grey;
}
.mermaid .messageLine0 {
  stroke-width: 1.5;
  stroke-dasharray: "2 2";
  marker-end: "url(#arrowhead)";
  stroke: #333;
}
.mermaid .messageLine1 {
  stroke-width: 1.5;
  stroke-dasharray: "2 2";
  stroke: #333;
}
.mermaid #arrowhead {
  fill: #333;
}
.mermaid #crosshead path {
  fill: #333 !important;
  stroke: #333 !important;
}
.mermaid .messageText {
  fill: #333;
  stroke: none;
}
.mermaid .labelBox {
  stroke: #CCCCFF;
  fill: #ECECFF;
}
.mermaid .labelText {
  fill: black;
  stroke: none;
}
.mermaid .loopText {
  fill: black;
  stroke: none;
}
.mermaid .loopLine {
  stroke-width: 2;
  stroke-dasharray: "2 2";
  marker-end: "url(#arrowhead)";
  stroke: #CCCCFF;
}
.mermaid .note {
  stroke: #aaaa33;
  fill: #fff5ad;
}
.mermaid .noteText {
  fill: black;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 14px;
}
/** Section styling */
.mermaid .section {
  stroke: none;
  opacity: 0.2;
}
.mermaid .section0 {
  fill: rgba(102, 102, 255, 0.49);
}
.mermaid .section2 {
  fill: #fff400;
}
.mermaid .section1,
.mermaid .section3 {
  fill: white;
  opacity: 0.2;
}
.mermaid .sectionTitle0 {
  fill: #333;
}
.mermaid .sectionTitle1 {
  fill: #333;
}
.mermaid .sectionTitle2 {
  fill: #333;
}
.mermaid .sectionTitle3 {
  fill: #333;
}
.mermaid .sectionTitle {
  text-anchor: start;
  font-size: 11px;
  text-height: 14px;
}
/* Grid and axis */
.mermaid .grid .tick {
  stroke: lightgrey;
  opacity: 0.3;
  shape-rendering: crispEdges;
}
.mermaid .grid path {
  stroke-width: 0;
}
/* Today line */
.mermaid .today {
  fill: none;
  stroke: red;
  stroke-width: 2px;
}
/* Task styling */
/* Default task */
.mermaid .task {
  stroke-width: 2;
}
.mermaid .taskText {
  text-anchor: middle;
  font-size: 11px;
}
.mermaid .taskTextOutsideRight {
  fill: black;
  text-anchor: start;
  font-size: 11px;
}
.mermaid .taskTextOutsideLeft {
  fill: black;
  text-anchor: end;
  font-size: 11px;
}
/* Specific task settings for the sections*/
.mermaid .taskText0,
.mermaid .taskText1,
.mermaid .taskText2,
.mermaid .taskText3 {
  fill: white;
}
.mermaid .task0,
.mermaid .task1,
.mermaid .task2,
.mermaid .task3 {
  fill: #8a90dd;
  stroke: #534fbc;
}
.mermaid .taskTextOutside0,
.mermaid .taskTextOutside2 {
  fill: black;
}
.mermaid .taskTextOutside1,
.mermaid .taskTextOutside3 {
  fill: black;
}
/* Active task */
.mermaid .active0,
.mermaid .active1,
.mermaid .active2,
.mermaid .active3 {
  fill: #bfc7ff;
  stroke: #534fbc;
}
.mermaid .activeText0,
.mermaid .activeText1,
.mermaid .activeText2,
.mermaid .activeText3 {
  fill: black !important;
}
/* Completed task */
.mermaid .done0,
.mermaid .done1,
.mermaid .done2,
.mermaid .done3 {
  stroke: grey;
  fill: lightgrey;
  stroke-width: 2;
}
.mermaid .doneText0,
.mermaid .doneText1,
.mermaid .doneText2,
.mermaid .doneText3 {
  fill: black !important;
}
/* Tasks on the critical line */
.mermaid .crit0,
.mermaid .crit1,
.mermaid .crit2,
.mermaid .crit3 {
  stroke: #ff8888;
  fill: red;
  stroke-width: 2;
}
.mermaid .activeCrit0,
.mermaid .activeCrit1,
.mermaid .activeCrit2,
.mermaid .activeCrit3 {
  stroke: #ff8888;
  fill: #bfc7ff;
  stroke-width: 2;
}
.mermaid .doneCrit0,
.mermaid .doneCrit1,
.mermaid .doneCrit2,
.mermaid .doneCrit3 {
  stroke: #ff8888;
  fill: lightgrey;
  stroke-width: 2;
  cursor: pointer;
  shape-rendering: crispEdges;
}
.mermaid .doneCritText0,
.mermaid .doneCritText1,
.mermaid .doneCritText2,
.mermaid .doneCritText3 {
  fill: black !important;
}
.mermaid .activeCritText0,
.mermaid .activeCritText1,
.mermaid .activeCritText2,
.mermaid .activeCritText3 {
  fill: black !important;
}
.mermaid .titleText {
  text-anchor: middle;
  font-size: 18px;
  fill: black;
}
/*


*/
.mermaid .node text {
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 14px;
}
div.mermaidTooltip {
  position: fixed !important;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 12px;
  background: #ffffde;
  border: 1px solid #aaaa33;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100;
}
/* for markdown-body */

.markdown-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 758px;
	overflow: visible !important;
}
/*fixed style for bootstrap comflict*/

.markdown-body .emoji {
  vertical-align: top;
}

.markdown-body pre {
    border: inherit !important;
}

.markdown-body code {
    color: inherit !important;
}

.markdown-body pre code .wrapper {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
}

.markdown-body pre code .gutter {
    float: left;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
}

.markdown-body pre code .gutter.linenumber {
    text-align: right;
    position: relative;
    display: inline-block;
    cursor: default;
    z-index: 4;
    padding: 0 8px 0 0;
    min-width: 20px;
    box-sizing: content-box;
    color: #afafaf !important;
    border-right: 3px solid #6ce26c !important;
}

.markdown-body pre code .gutter.linenumber > span:before {
    content: attr(data-linenumber);
}

.markdown-body pre code .code {
    float: left;
    margin: 0 0 0 16px;
}

.markdown-body .gist .line-numbers {
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.markdown-body .gist .line-data {
    border: none;
}

.markdown-body .gist table {
    border-spacing: 0;
    border-collapse: inherit !important;
}

.markdown-body code[data-gist-id] {
    background: none;
    padding: 0;
}

.markdown-body code[data-gist-id]:before {
    content: ''
}

.markdown-body code[data-gist-id]:after {
    content: ''
}

.markdown-body code[data-gist-id] .blob-num {
    border: unset;
}

.markdown-body code[data-gist-id] table {
    overflow: unset;
    margin-bottom: unset;
}

.markdown-body code[data-gist-id] table tr {
    background: unset;
}

/*fixed style for rtl in pre and code*/

.markdown-body[dir='rtl'] pre {
    direction: ltr;
}

.markdown-body[dir='rtl'] code {
    direction: ltr;
    unicode-bidi: embed;
}

.markdown-body .alert > p {
    margin-bottom: 0;
}

.markdown-body pre.flow-chart,
.markdown-body pre.sequence-diagram,
.markdown-body pre.graphviz,
.markdown-body pre.mermaid,
.markdown-body pre.abc {
    text-align: center;
    background-color: inherit;
    border-radius: 0;
    white-space: inherit;
}

.markdown-body pre.flow-chart > code,
.markdown-body pre.sequence-diagram > code,
.markdown-body pre.graphviz > code,
.markdown-body pre.mermaid > code,
.markdown-body pre.abc > code {
    text-align: left;
}

.markdown-body pre.flow-chart > svg,
.markdown-body pre.sequence-diagram > svg,
.markdown-body pre.graphviz > svg,
.markdown-body pre.mermaid > svg,
.markdown-body pre.abc > svg {
    max-width: 100%;
    height: 100%;
}

.markdown-body pre > code.wrap {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.markdown-body .alert > p,
.markdown-body .alert > ul {
    margin-bottom: 0;
}

.markdown-body summary {
    display: list-item;
}

.markdown-body summary:focus {
    outline: none;
}

.markdown-body details summary {
    cursor: pointer;
}

.markdown-body details:not([open]) > *:not(summary) {
    display: none;
}

.markdown-body figure {
    margin: 1em 40px;
}

.markdown-body .mark,
.markdown-body mark {
    background-color: #fff1a7;
}
.markdown-body.slides {
  position: relative;
  z-index: 1;
  color: #222;
}

.markdown-body.slides::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: currentColor;
  box-shadow: 0 0 0 50vw;
}

.markdown-body.slides section[data-markdown] {
  position: relative;
  margin-bottom: 1.5em;
  background-color: #fff;
  text-align: center;
}

.markdown-body.slides section[data-markdown] code {
  text-align: left;
}

.markdown-body.slides section[data-markdown]::before {
  content: '';
  display: block;
  padding-bottom: 56.23%;
}

.markdown-body.slides section[data-markdown] > div:first-child {
  position: absolute;
  top: 50%;
  left: 1em;
  right: 1em;
  transform: translateY(-50%);
  max-height: 100%;
  overflow: hidden;
}

.markdown-body.slides section[data-markdown] > ul {
  display: inline-block;
}

.markdown-body.slides > section > section + section::after {
  content: '';
  position: absolute;
  top: -1.5em;
  right: 1em;
  height: 1.5em;
  border: 3px solid #777;
}
@charset "UTF-8";
@media (min-width: 992px) {
  .navbar-brand {
    padding-right: 32px; } }

.navbar-right > li > a {
  padding: 15px 13.43px; }

.navbar-right .btn.ui-status {
  margin-left: 15px;
  margin-right: 15px;
  padding: 8px 10px;
  font-weight: 700; }

.navbar-right .btn {
  height: 32px;
  margin: 9px 7.5px;
  border: none;
  font-size: 15px;
  line-height: 16px; }

.navbar-right .ui-signin {
  margin-left: 15px;
  margin-right: 0;
  border: none;
  background: #5CB85C;
  font-weight: 700; }
  .navbar-right .ui-signin:hover, .navbar-right .ui-signin:active {
    background: #449D44; }

.navbar .ui-profile-label {
  padding: 10px; }
  .navbar .ui-profile-label img {
    height: 22px;
    width: 22px;
    border-radius: 100%;
    object-fit: cover; }
    @media (min-width: 768px) {
      .navbar .ui-profile-label img {
        height: 30px;
        width: 30px; } }

.ui-short-status {
  padding: 8px 12px;
  font-weight: 700;
  line-height: 16px; }

.nav-mobile {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 9px 15px 9px 0;
  padding: 0; }
  .nav-mobile .btn-link {
    width: 38px;
    padding: 2px 0;
    font-size: 18px; }
  .nav-mobile .btn:not(.btn-link) {
    margin-left: 10px; }
  @media (min-width: 768px) {
    .nav-mobile {
      display: none; } }
  .nav-mobile .dropdown-menu {
    left: 40%;
    right: 6px;
    top: 48px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.tooltip {
  font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px; }
  .tooltip .tooltip-inner {
    padding: 6px 10px; }

.navbar .announcement-label {
  box-shadow: none;
  line-height: 19px;
  vertical-align: middle; }
  .navbar .announcement-label .label {
    padding: 4px 6px;
    height: 20px;
    display: inline-block;
    vertical-align: middle; }

.navbar .announcement-area {
  max-width: 350px;
  margin-left: 20px;
  text-align: left; }
  .navbar .announcement-area .caption {
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 22px;
    height: 22px;
    display: flex;
    align-items: center; }
    .navbar .announcement-area .caption .label {
      padding: 4px 6px;
      height: 20px; }
    .navbar .announcement-area .caption .text {
      vertical-align: middle;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex-grow: 1; }
    .navbar .announcement-area .caption.inverse {
      color: #686868; }

.navbar .announcement-popover {
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  width: 370px;
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  text-align: left;
  background: #FFFFFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  z-index: 1001;
  cursor: default; }
  .navbar .announcement-popover a {
    text-decoration: none; }
  .navbar .announcement-popover .caption {
    color: #686868;
    font-weight: 600;
    line-height: 16px;
    display: block;
    max-width: 100%;
    height: auto;
    cursor: pointer; }
    .navbar .announcement-popover .caption .label {
      padding: 4px 6px;
      display: inline-block;
      vertical-align: middle; }
    .navbar .announcement-popover .caption .text {
      display: inline;
      vertical-align: middle;
      overflow: visible;
      word-break: break-all;
      white-space: pre-wrap;
      overflow-wrap: break-word; }
  .navbar .announcement-popover .announcement-popover-header {
    padding: 15px 20px 14px 20px;
    background: #F8F8F8;
    border-bottom: 1px solid #E7E7E7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .navbar .announcement-popover .announcement-popover-body {
    padding: 20px;
    background: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    line-height: 22px; }
    .navbar .announcement-popover .announcement-popover-body img {
      width: 100%;
      padding-bottom: 15px; }
  .navbar .announcement-popover .announcement-popover-footer {
    padding: 0 20px 10px 20px;
    background: #FFFFFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .navbar .announcement-popover .announcement-popover-footer .btn-text {
      font-weight: 400;
      font-size: 14px;
      color: #888888;
      text-align: center;
      line-height: 14px;
      padding: 5px;
      box-shadow: none; }
      .navbar .announcement-popover .announcement-popover-footer .btn-text:hover, .navbar .announcement-popover .announcement-popover-footer .btn-text:active {
        color: #337AB7; }
  .navbar .announcement-popover.center {
    position: fixed;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%); }
    .navbar .announcement-popover.center .caption .text {
      line-height: 19px; }
    @media (max-width: 350px) {
      .navbar .announcement-popover.center {
        border-radius: 0; }
        .navbar .announcement-popover.center .announcement-popover-header {
          border-top-left-radius: 0;
          border-top-right-radius: 0; }
        .navbar .announcement-popover.center .announcement-popover-footer {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; } }

.navbar .announcement-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000; }
  .navbar .announcement-backdrop.dim {
    display: block; }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #FF6363; }

.has-error .form-control {
  border-color: #FF6363; }

.btn-large {
  font-size: 18px;
  width: 180px;
  padding: 10px;
  margin: 0 10px; }

.modal.signin-modal {
  color: #333333;
  font-size: 18px; }
  .modal.signin-modal .social-buttons-container {
    margin-bottom: 30px; }
    @media (min-width: 471px) {
      .modal.signin-modal .social-buttons-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
  .modal.signin-modal .btn-social {
    width: 199px;
    margin-top: 10px;
    display: inline-block; }
    .modal.signin-modal .btn-social.btn-social.btn-lg {
      padding-left: 45px; }
    .modal.signin-modal .btn-social.btn-social.btn-lg :first-child {
      border: none; }
    @media (max-width: 470px) {
      .modal.signin-modal .btn-social {
        display: block;
        margin: 10px auto 0 auto; } }
  .modal.signin-modal p {
    margin: 15px 0 15px 0; }
    .modal.signin-modal p a {
      text-decoration: underline;
      color: #333333; }
      .modal.signin-modal p a:hover, .modal.signin-modal p a:active, .modal.signin-modal p a:focus {
        cursor: pointer;
        color: #7a7a7a; }
    .modal.signin-modal p.seperator {
      margin: 30px 0;
      font-weight: 600; }
  .modal.signin-modal .modal-dialog {
    max-width: 476px; }
    @media (max-width: 768px) {
      .modal.signin-modal .modal-dialog {
        margin: 0 auto; } }
  .modal.signin-modal h3 {
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 600; }
  .modal.signin-modal .modal-content {
    text-align: center;
    padding: 0 30px 30px 30px; }
  .modal.signin-modal .form-group {
    text-align: left; }
    .modal.signin-modal .form-group input {
      height: 40px;
      font-size: 16px;
      margin-top: 7px; }
    .modal.signin-modal .form-group .control-label {
      font-size: 18px; }
    .modal.signin-modal .form-group .help-block.control-label {
      font-size: 12px; }
      .modal.signin-modal .form-group .help-block.control-label ul {
        margin-bottom: 0px; }
  .modal.signin-modal .has-error .help-block {
    text-align: right; }
  .modal.signin-modal label.control-label {
    font-weight: normal; }
  .modal.signin-modal .has-error label.control-label {
    color: initial; }

.has-error.form-group .form-control:focus {
  border-color: #ff6363;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6363; }

.btn-social {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px; }

.btn-google {
  background-color: #FFFFFF;
  color: #757575; }

.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-color: #EEEEEE;
  color: #757575; }

.btn-google.disabled,
.btn-google[disabled],
fieldset[disabled] .btn-google,
.btn-google.disabled:hover,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover,
.btn-google.disabled:focus,
.btn-google[disabled]:focus,
fieldset[disabled] .btn-google:focus,
.btn-google.disabled:active,
.btn-google[disabled]:active,
fieldset[disabled] .btn-google:active,
.btn-google.disabled.active,
btn-google[disabled].active,
fieldset[disabled] .btn-google.active {
  background-color: rgba(0, 0, 0, 0.08); }

.btn-google .icon::before {
  content: ' ';
  display: block;
  width: 34px;
  height: 2em;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.btn-google .icon-google::before {
  width: 21px;
  height: 44px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdXBlciBnPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikdvb2dsZS1CdXR0b24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHb29nbGUtU2lnbi1pbi1leGFtcGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuMDAwMDAwLCAtNDMzLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8ZyBpZD0iYnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni4wMDAwMDAsIDQyMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJzdXBlci1nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDMuNDggQzEwLjY5LDMuNDggMTEuODMsNC4yMSAxMi40OCw0LjgyIEwxNS4wMiwyLjM0IEMxMy40NiwwLjg5IDExLjQzLDAgOSwwIEM1LjQ4LDAgMi40NCwyLjAyIDAuOTYsNC45NiBMMy44Nyw3LjIyIEM0LjYsNS4wNSA2LjYyLDMuNDggOSwzLjQ4IEw5LDMuNDggWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRUE0MzM1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjY0LDkuMiBDMTcuNjQsOC40NiAxNy41OCw3LjkyIDE3LjQ1LDcuMzYgTDksNy4zNiBMOSwxMC43IEwxMy45NiwxMC43IEMxMy44NiwxMS41MyAxMy4zMiwxMi43OCAxMi4xMiwxMy42MiBMMTQuOTYsMTUuODIgQzE2LjY2LDE0LjI1IDE3LjY0LDExLjk0IDE3LjY0LDkuMiBMMTcuNjQsOS4yIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzQyODVGNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjg4LDEwLjc4IEMzLjY5LDEwLjIyIDMuNTgsOS42MiAzLjU4LDkgQzMuNTgsOC4zOCAzLjY5LDcuNzggMy44Nyw3LjIyIEwwLjk2LDQuOTYgQzAuMzUsNi4xOCAwLDcuNTUgMCw5IEMwLDEwLjQ1IDAuMzUsMTEuODIgMC45NiwxMy4wNCBMMy44OCwxMC43OCBMMy44OCwxMC43OCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGQkJDMDUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOSwxOCBDMTEuNDMsMTggMTMuNDcsMTcuMiAxNC45NiwxNS44MiBMMTIuMTIsMTMuNjIgQzExLjM2LDE0LjE1IDEwLjM0LDE0LjUyIDksMTQuNTIgQzYuNjIsMTQuNTIgNC42LDEyLjk1IDMuODgsMTAuNzggTDAuOTcsMTMuMDQgQzIuNDUsMTUuOTggNS40OCwxOCA5LDE4IEw5LDE4IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzM0QTg1MyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0ibm9uZSIgcG9pbnRzPSIwIDAgMTggMCAxOCAxOCAwIDE4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }

.btn-google .disabled .icon-google::before,
.btn-google [disabled] .icon-google::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZSBDb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikdvb2dsZS1CdXR0b24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iMC40Ij4KICAgICAgICA8ZyBpZD0iYnRuX2dvb2dsZV9zaWduaW5fbGlnaHRfZGlzYWJsZWRfd2ViIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDAwMDAwLCAtMTUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNC4wMDEsMjUuNzEgTDI0LjAwMSwyMi4zNjIgTDMyLjQyNSwyMi4zNjIgQzMyLjU1MSwyMi45MjkgMzIuNjUsMjMuNDYgMzIuNjUsMjQuMjA3IEMzMi42NSwyOS4zNDYgMjkuMjAzLDMzIDI0LjAxLDMzIEMxOS4wNDIsMzMgMTUuMDEsMjguOTY4IDE1LjAxLDI0IEMxNS4wMSwxOS4wMzIgMTkuMDQyLDE1IDI0LjAxLDE1IEMyNi40NCwxNSAyOC40NzQsMTUuODkxIDMwLjAzMSwxNy4zNDkgTDI3LjQ3NSwxOS44MzMgQzI2LjgyNywxOS4yMjEgMjUuNjkzLDE4LjUwMSAyNC4wMSwxOC41MDEgQzIxLjAzMSwxOC41MDEgMTguNjAxLDIwLjk3NiAxOC42MDEsMjQuMDA5IEMxOC42MDEsMjcuMDQyIDIxLjAzMSwyOS41MTcgMjQuMDEsMjkuNTE3IEMyNy40NTcsMjkuNTE3IDI4LjcyNiwyNy4xMzIgMjguOTYsMjUuNzE5IEwyNC4wMDEsMjUuNzE5IEwyNC4wMDEsMjUuNzEgWiIgaWQ9IlNoYXBlLUNvcHkiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }

.fa.fa-18 {
  font-size: 18px;
  line-height: 16px;
  vertical-align: -15%; }

.fa.fa-20 {
  font-size: 20px;
  line-height: 0.75em;
  vertical-align: -15%; }

.dropdown-menu {
  padding: 10px 0;
  min-width: 150px; }

.dropdown-menu .divider {
  margin: 10px 0; }

html, body {
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  max-width: inherit;
  min-width: 200px;
  /*margin-right: 15px;*/
  padding-top: 51px;
  /*overflow: hidden;*/ }

.CodeMirror {
  font-family: "Source Code Pro", Consolas, monaco, monospace;
  letter-spacing: 0.025em;
  line-height: 1.25;
  font-size: 18px;
  height: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch; }

/* support japanese font */
.CodeMirror[lang^="ja"] {
  font-family: "Source Code Pro", Consolas, monaco, Meiryo, "\FF2D\FF33   \30B4\30B7\30C3\30AF", "MS Gothic", monospace; }

/* support zh-tw font */
.CodeMirror[lang="zh-tw"] {
  font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1", monospace; }

/* support zh-cn font */
.CodeMirror[lang="zh-cn"] {
  font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", monospace; }

.CodeMirror-placeholder {
  color: #777 !important; }

.CodeMirror-scroll {
  overflow-x: hidden !important;
  overflow-y: auto !important; }

.CodeMirror-code {
  /*padding-bottom: 36px;*/ }

.CodeMirror-gutter-wrapper,
.CodeMirror-gutter-elt {
  height: 100%; }

.CodeMirror-gutter-elt {
  text-align: center; }

.CodeMirror-linenumber {
  /*    opacity: 0.5;*/
  min-width: 1.5em;
  text-align: right; }

.CodeMirror-gutter.authorship-gutters {
  width: 8px; }

.CodeMirror-matchingtag {
  background: rgba(255, 255, 255, 0.1);
  line-height: 1em; }

.CodeMirror-foldmarker {
  color: #d0d0d0;
  text-shadow: none;
  font-family: Arial;
  font-size: 1em;
  line-height: .3;
  cursor: pointer;
  margin: 2px;
  padding-bottom: 2px; }

.CodeMirror-foldgutter {
  /*width: 1em;*/
  cursor: default;
  line-height: 100%; }

.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  line-height: 1em;
  cursor: pointer; }

.CodeMirror-foldgutter-open {
  padding-top: 1px; }

.CodeMirror-foldgutter-folded {
  padding-top: 2px; }

.CodeMirror-foldgutter-open:after {
  content: "\2335";
  font-size: 1em;
  /*    opacity: 0.5;*/ }

.CodeMirror-foldgutter-folded:after {
  content: "+";
  font-size: 1em;
  font-weight: 700; }

.CodeMirror-foldmarker, .CodeMirror-foldgutter-folded:after {
  color: #78B2F2 !important; }

.CodeMirror-sizer {
  margin-bottom: 0px !important; }

.CodeMirror-insert-match {
  background: lawngreen;
  border: 1px solid limegreen;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5; }

.CodeMirror-delete-match {
  background: indianred;
  border: 1px solid darkred;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5; }

.ui-spinner {
  position: unset;
  display: unset; }

.ui-content {
  height: 100%;
  margin-left: 0;
  margin-right: 0; }
  .ui-content .tooltip {
    z-index: 999; }

.ui-edit-area {
  height: 100%;
  /*padding-left: 15px;*/
  padding-left: 0 !important;
  padding-right: 0 !important; }

.ui-edit-area .ui-resizable-handle.ui-resizable-e {
  cursor: col-resize;
  width: 8px;
  right: -8px;
  background-color: white;
  box-shadow: 3px 0px 6px #e7e7e7; }

.ui-edit-area .ui-sync-toggle {
  width: 42px;
  height: 42px;
  padding: 2px 1px 0 0;
  border-radius: 50%;
  box-shadow: 2px 0px 2px #e7e7e7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.ui-edit-area .ui-sync-toggle:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 2px 0px 2px #e7e7e7; }

.ui-view-area {
  /*overflow-y: scroll;*/
  -webkit-overflow-scrolling: touch; }

@media (min-width: 768px) {
  .ui-view-area {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 767px) {
  .dropdown a.dropdown-icon {
    border: 1px solid #337ab7;
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px; }
  .dropdown a.dropdown-icon:active,
  .dropdown a.dropdown-icon:hover {
    background: #337ab7;
    color: #FFFFFF; } }

.ui-scrollable {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.navbar-brand {
  font-size: 20px;
  font-weight: bold; }

.nav-mobile {
  position: inherit;
  margin-top: 8px;
  margin-bottom: 8px; }

.nav-status {
  float: right !important;
  padding: 7px 8px; }

.ui-short-status {
  cursor: pointer;
  min-width: 40px; }

.ui-short-status:hover {
  text-decoration: none; }

.ui-user-item {
  /*na*/ }

.ui-user-name {
  margin-top: 2px; }

.ui-user-status {
  margin-top: 5px; }

.ui-user-status-online {
  color: #5cb85c; }

.ui-user-status-idle {
  color: #f0ad4e; }

.ui-user-status-offline {
  color: #777777; }

.list > li > a {
  overflow: hidden;
  text-overflow: ellipsis; }

#short-online-user-list .list .name {
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left; }

#online-user-list .list .name {
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left; }

.navbar-right {
  margin-right: 0; }

.navbar-nav > li > a {
  cursor: pointer; }

.dropdown-menu > li > a {
  cursor: pointer;
  text-overflow: ellipsis;
  max-width: calc(100vw - 30px);
  overflow: hidden; }

.dropdown-menu.CodeMirror-other-cursor {
  max-width: 80%;
  transition: none; }

.dropdown.ui-notification {
  margin-right: 20px; }

.dropdown.ui-invitee {
  margin-right: 10px; }

.dropdown.ui-notification .ui-notification-label, .dropdown.ui-invitee .ui-invitee-label {
  color: #868686;
  border-color: #D4D4D4;
  padding: 5px 10px;
  font-size: 13px;
  width: 108px;
  text-align: left;
  height: 30px; }

@media (max-width: 767px) {
  .dropdown.ui-notification {
    margin-right: 10px; }
  .dropdown.ui-invitee {
    margin-right: 10px;
    margin-top: 10px; }
  .dropdown.ui-notification .dropdown-menu > li > a {
    max-width: calc(100vw - 60px); } }

.cursortag {
  cursor: pointer;
  background: black;
  position: absolute;
  padding: 2px 7px 2px 8px;
  font-size: 12px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: inherit;
  border-radius: .25em;
  white-space: nowrap;
  transition: left 0.1s ease-in-out, top 0.1s ease-in-out; }

.fixfixed .navbar-fixed-top {
  position: absolute !important; }

div[contenteditable]:empty:not(:focus):before {
  content: attr(data-ph);
  color: gray; }

.dropdown-menu.list {
  max-height: 80vh;
  overflow: auto; }

.dropdown-menu.list.small {
  max-height: 40vh;
  overflow: auto; }

.dropdown-menu.list::-webkit-scrollbar {
  display: none; }

.dropdown-menu .emoji {
  margin-bottom: 0 !important; }

.dropdown-menu.CodeMirror-other-cursor {
  max-height: 50vh;
  width: auto !important;
  overflow: auto;
  margin-bottom: 30px; }

.CodeMirror-scrollbar-filler {
  background: inherit; }

.btn-file {
  position: relative;
  overflow: hidden; }

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }

.info-label {
  width: 36%;
  text-align: right;
  position: relative;
  display: inline-block;
  margin-right: 6px; }

.popover {
  width: 100%;
  font-family: inherit !important;
  line-height: 25px; }

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.cm-trailing-space-a:before,
.cm-trailing-space-b:before,
.cm-trailing-space-new-line:before {
  font-weight: bold;
  color: #ff8000;
  /* a dark orange */
  position: absolute; }

.cm-trailing-space-a:before,
.cm-trailing-space-b:before {
  content: '\B7'; }

.cm-trailing-space-new-line:before {
  content: '\21B5'; }

.cm-matchhighlight {
  /*    border-radius: 5px;*/
  /*    box-shadow: 0 1px 0 0 #ccc;*/
  border-bottom: 1px solid #ccc; }

.snippet-import-or {
  text-align: center;
  width: 100%; }

.status-bar {
  background: #1c1c1e;
  border-top: 1px solid #343434;
  color: #ccc;
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 25px;
  height: 26px; }

.status-bar .status-info {
  color: #ccc;
  left: 10px;
  position: absolute;
  white-space: nowrap;
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis; }

.status-bar .status-info div {
  display: inline; }

.status-bar .status-file {
  color: #9a9a9a; }

.status-bar .status-indicators {
  background: #1c1c1e;
  color: #ccc;
  position: absolute;
  right: 0;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis; }

.status-bar .status-indicators > div {
  float: right;
  padding: 0 10px;
  border-left: 1px solid #343434; }

.status-bar .status-indicators .status-keymap > a,
.status-bar .status-indicators .status-theme > a,
.status-bar .status-indicators .status-spellcheck > a,
.status-bar .status-indicators .status-preferences > a {
  color: inherit;
  text-decoration: none; }

.status-bar .status-indicators .status-theme,
.status-bar .status-indicators .status-spellcheck,
.status-bar .status-indicators .status-preferences {
  padding: 0 4.3px; }

.status-bar .status-indicators .status-preferences .dropdown-menu > li > a {
  cursor: default; }

.status-bar .status-indicators .status-preferences .dropdown-menu label {
  font: inherit;
  margin-bottom: 0;
  cursor: pointer; }

.status-bar .status-indicators .status-preferences .dropdown-menu label > input[type="checkbox"] {
  vertical-align: middle;
  margin: -3px 0 0; }

.ui-theme-toggle,
.ui-spellcheck-toggle {
  opacity: 0.2;
  cursor: pointer; }

.ui-theme-toggle.active,
.ui-spellcheck-toggle.active {
  opacity: 1; }

.ui-theme-toggle:hover,
.ui-spellcheck-toggle:hover {
  opacity: 0.8; }

.status-bar .indent-type, .status-bar .indent-width-label {
  cursor: pointer;
  /*    margin-right: 3px;*/ }

.status-bar .indent-width-input {
  font-size: 12px;
  font-weight: 500;
  height: 18px;
  line-height: 1;
  vertical-align: middle;
  color: #ccc;
  margin: 0;
  padding: 0 0 2px;
  position: relative;
  left: 0;
  top: -1px;
  width: 18px;
  transition: .1s linear all;
  background-color: #555;
  border: 1px solid #202020;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  text-align: center; }

.status-bar .indent-width-input:focus {
  border: 1px solid #2893ef; }

.status-bar .indent-width-input::-webkit-inner-spin-button,
.status-bar .indent-width-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.status-bar .status-indent > * {
  display: inline-block; }

.status-bar .status-indent > *.hidden {
  display: none; }

.status-bar .status-overwrite:hover, .status-bar .indent-type:hover, .status-bar .indent-width-label:hover {
  text-decoration: underline; }

.status-bar .dropdown-menu {
  background-color: #000;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.09) !important; }

.status-bar .dropdown-menu .divider {
  background-color: #343434; }

.status-bar .dropdown-menu > li > a {
  color: #ccc; }

.status-bar .dropdown-menu > li > a:focus, .status-bar .dropdown-menu > li > a:hover {
  background-color: #212121; }

.tool-bar {
  background: #1c1c1e;
  border-bottom: 1px solid #343434;
  color: #ccc;
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 16px;
  height: 42px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; }

.tool-bar:after,
.tool-bar:before {
  display: block;
  content: ' ';
  height: 1px; }

.tool-bar:before {
  margin-bottom: 8px; }

.tool-bar:after {
  margin-top: 8px; }

.tool-bar > a:first-child {
  margin-left: 10px; }

.tool-bar > a:last-child {
  margin-right: 10px; }

.tool-bar a {
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  color: #ccc !important;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer; }

.tool-bar a.active,
.tool-bar a:hover {
  background: #212121;
  border-color: #aaa; }

.tool-bar a:before {
  line-height: 22px; }

.tool-bar i.separator {
  display: inline-block;
  width: 0;
  border-left: 1px solid #4d4d4d;
  color: transparent;
  text-indent: -10px;
  margin: 0 4px; }

.tool-bar > a:not(:last-child),
.tool-bar > i:not(:last-child) {
  margin-right: 10px; }

@media (max-width: 1139px) {
  .tool-bar > a:not(:last-child) {
    margin-right: 0; }
  .tool-bar > i:not(:last-child) {
    margin: 0 4px; } }

.tool-bar .ui-editor-toolbar-image {
  position: relative; }
  .tool-bar .ui-editor-toolbar-image > span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media print {
  body {
    padding-top: 0 !important; }
  .CodeMirror {
    height: auto !important; } }

.stepwizard-step p {
  margin-top: 10px; }

.stepwizard-row {
  display: table;
  width: 100%; }

.stepwizard {
  display: table;
  width: 50%;
  position: relative; }

.stepwizard-row:before {
  top: 30px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: 0; }

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative; }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px; }

.ui-invitee .dropdown-menu {
  min-width: 292px;
  width: calc(100vw - 30px);
  max-width: 372px; }

.ui-invitee .list .name {
  display: inline-block;
  width: calc(100% - 190px);
  overflow: hidden;
  text-overflow: ellipsis; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 14px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px); }

/* Rounded sliders */
.slider.round {
  border-radius: 14px; }

.slider.round:before {
  border-radius: 50%; }

/* The side navigation menu */
.sidenav {
  position: absolute;
  z-index: 1080 !important;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  top: 51px;
  right: 0px;
  transition: transform .2s;
  transform: translateX(205px);
  width: 200px;
  height: calc(100vh - 51px);
  padding-bottom: 100px;
  border: none;
  background: white;
  overflow-y: scroll;
  text-shadow: none; }
  .sidenav.in {
    transition: transform .3s;
    transform: translateX(0) !important; }

.sidenav.full {
  width: 100%;
  transform: translateX(calc(100% + 5px)); }

.sidenav a {
  color: black;
  text-decoration: none; }

.sidenav .divider {
  height: 1px;
  background-color: #888888; }

.sidenav .divider-header {
  white-space: nowrap;
  background-color: #E7E7E7;
  padding: 3px 20px 3px 20px; }

.sidenav * {
  white-space: nowrap; }

.sidenav .sidenav-trigger {
  display: flex; }

.sidenav .sidenav-trigger span {
  flex: 1; }

.sidenav span {
  margin-left: 3px; }

.sidenav .sidenav-trigger i {
  margin-top: 2px; }

@media (min-width: 768px) {
  .sidenav {
    display: none; }
  .ui-more-menu-back-mobile {
    display: none; } }

.permission-item-badge {
  color: #888888;
  font-size: 13px;
  display: flex;
  padding-right: 10px; }
  .permission-item-badge .disabled {
    pointer-events: none; }

.sidenav-item {
  display: flex;
  align-items: center;
  vertical-align: middle;
  height: 56px;
  width: 100%;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 16.5px;
  padding-bottom: 16.5px;
  font-size: 15px;
  border-radius: 0px;
  text-align: left;
  border: none;
  border-bottom: #e5e5e5 1px solid;
  cursor: pointer; }

.dark-border {
  border-bottom-color: #888888; }

.modal-backdrop.dim.in {
  opacity: 1;
  visibility: visible; }

.modal-backdrop.dim {
  opacity: 0;
  background: rgba(51, 51, 51, 0.75);
  z-index: 990;
  transition: opacity .2s;
  visibility: hidden; }

.permission-popover-badge {
  display: flex;
  padding-top: 3px; }
  .permission-popover-badge .disabled {
    pointer-events: none; }

.permission-popover-btn-group .disabled {
  pointer-events: none; }

.permission-popover-btn-group .btn {
  padding: 7px 10px;
  border: 1px solid #e3e3e3;
  margin: 0px;
  font-size: 12px;
  line-height: 12px;
  height: 26px; }

.permission-popover-btn-group .btn.focus, .permission-popover-btn-group .btn:hover, .permission-popover-btn-group .btn:active, .permission-popover-btn-group .btn:focus, .permission-popover-btn-group .btn.active, .permission-popover-btn-group .btn.active:hover {
  border: 1px solid #D4D4D4 !important;
  background-color: #e6e6e6 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: black !important; }

.permission-popover-btn-group *:disabled, .permission-popover-btn-group *[disabled] {
  pointer-events: none !important; }

.navbar-button-icon {
  width: 50px;
  text-align: center; }

.note-permission-item {
  padding: 0px;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0px;
  font-size: 14px; }

.side-menu-button {
  text-align: center;
  height: 50px !important;
  width: 50px !important;
  display: table !important;
  text-decoration: none !important; }

.side-menu-button > i {
  display: table-cell;
  vertical-align: middle; }

.side-menu-button.focus {
  background-color: #e6e6e6 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: black !important; }

.tooltip > .tooltip-inner {
  text-align: left;
  font-size: 13px; }

.dropdown-header {
  color: #888; }

#githubActionButtons {
  margin-left: 13px;
  padding: 0 0px 0 10px;
  border: solid 1px;
  border-width: 0 1px 0 1px;
  border-color: #cccccc;
  color: #777; }

.modal-header {
  background-color: #F8F8F8;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 8px 15px; }
  .modal-header .close {
    margin-top: -1px;
    font-size: 26px; }

.ui-invitee.ui-invitee-list .ui-profile-label {
  padding: 1px 0px;
  margin-right: 6px; }
  .ui-invitee.ui-invitee-list .ui-profile-label .ui-avatar {
    width: 18px;
    height: 18px; }

.ui-invitee.ui-invitee-list .btn-group-note-permission {
  margin-right: 8px; }
  .ui-invitee.ui-invitee-list .btn-group-note-permission .btn {
    padding: 5px 6px;
    border: 1px solid #e3e3e3;
    margin: 0px;
    font-size: 12px;
    line-height: unset; }

.ui-invitee.ui-invitee-list .ui-invitee-remove {
  padding: 4px 6px;
  margin: 0px;
  height: 25px;
  border: 1px solid #D4D4D4; }

.ui-invitee.ui-invitee-list .ui-invitee-item {
  margin-top: 10px;
  display: flex; }

.ui-invitee.ui-invitee-list .ui-profile-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 6px;
  font-size: 13px;
  padding-top: 3px; }

.ui-invitee-form .select2-input {
  padding: 3px 12px !important; }

.ui-invitee-form .select2-container li img.avatar {
  width: 14px;
  height: 14px; }

.ui-invitee-form .select2-search-choice > div > div {
  font-size: 14px; }

.ui-invitee-form .select2-search-choice {
  padding: 2px 5px 2px 18px !important; }
/* for extra features should include this */

.vimeo,
.youtube {
    position: relative;
    cursor: pointer;
    display: table;
    width: 100%;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: black;
    overflow: hidden;
}
/* youtube always use 16:9 aspect ratio video */
.youtube {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.vimeo img {
    width: 100%;
    object-fit: contain;
    z-index: 0;
}
.youtube img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.vimeo iframe,
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    z-index: 1;
}
.vimeo .icon,
.youtube .icon {
    position: absolute;
    height: auto;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    opacity: 0.3;
    -webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
    z-index: 0;
}
.vimeo:hover .icon,
.youtube:hover .icon {
    opacity: 0.6;
    -webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
}

.slideshare .inner,
.speakerdeck .inner {
    position: relative;
    width: 100%;
}
.slideshare .inner iframe,
.speakerdeck .inner iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.MJX_Assistive_MathML {
    display: none;
}

.ui-infobar {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 25px auto -25px auto;
    padding: 0 15px;
    color: #777;
}

.toc .invisable-node {
    list-style-type: none;
}

.ui-toc {
    position: fixed;
    bottom: 20px;
    z-index: 998;
}

.ui-toc-label {
    opacity: 0.3;
    background-color: #ccc;
    border: none;
    -webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
}

.ui-toc .open .ui-toc-label {
    opacity: 1;
    color: white;
    -webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
}

.ui-toc-label:focus {
    opacity: 0.3;
    background-color: #ccc;
    color: black;
}

.ui-toc-label:hover {
    opacity: 1;
    background-color: #ccc;
    -webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
}

.ui-toc-dropdown {
    margin-top: 23px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 45vw;
    width: 25vw;
    max-height: 70vh;
    overflow: auto;
    text-align: inherit;
}

.ui-toc-dropdown > .toc {
    max-height: calc(70vh - 100px);
    overflow: auto;
}

.ui-toc-dropdown[dir='rtl'] .nav {
    padding-right: 0;
    letter-spacing: 0.0029em;
}

.ui-toc-dropdown a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.ui-toc-dropdown .nav>li>a {
    display: block;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #767676;
}

.ui-toc-dropdown .toc.expand ul {
    display: block;
}

.ui-toc-dropdown .nav > li:first-child:nth-last-child(1) > ul {
    display: block;
}

.ui-toc-dropdown .nav>li>a:focus,.ui-toc-dropdown .nav>li>a:hover {
    padding-left: 19px;
    color: black;
    text-decoration: none;
    background-color: transparent;
    border-left: 1px solid black;
}

.ui-toc-dropdown[dir='rtl'] .nav>li>a:focus,.ui-toc-dropdown[dir='rtl'] .nav>li>a:hover {
    padding-right: 19px;
    border-left: none;
    border-right: 1px solid black;
}

.ui-toc-dropdown .nav>.active:focus>a,.ui-toc-dropdown .nav>.active:hover>a,.ui-toc-dropdown .nav>.active>a {
    padding-left: 18px;
    font-weight: 700;
    color: black;
    background-color: transparent;
    border-left: 2px solid black;
}

.ui-toc-dropdown[dir='rtl'] .nav>.active:focus>a,.ui-toc-dropdown[dir='rtl'] .nav>.active:hover>a,.ui-toc-dropdown[dir='rtl'] .nav>.active>a {
    padding-right: 18px;
    border-left: none;
    border-right: 2px solid black;
}

.ui-toc-dropdown .nav .nav {
    display: none;
    padding-bottom: 10px;
}

.ui-toc-dropdown .nav>.active>ul {
    display: block;
}

.ui-toc-dropdown .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: 400;
}

.ui-toc-dropdown[dir='rtl'] .nav .nav>li>a {
    padding-right: 30px;
}

.ui-toc-dropdown .nav .nav>li>ul>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 40px;
    font-size: 12px;
    font-weight: 400;
}

.ui-toc-dropdown[dir='rtl'] .nav .nav>li>ul>li>a {
    padding-right: 40px;
}

.ui-toc-dropdown .nav .nav>li>a:focus,.ui-toc-dropdown .nav .nav>li>a:hover {
    padding-left: 29px;
}

.ui-toc-dropdown[dir='rtl'] .nav .nav>li>a:focus,.ui-toc-dropdown[dir='rtl'] .nav .nav>li>a:hover {
    padding-right: 29px;
}

.ui-toc-dropdown .nav .nav>li>ul>li>a:focus,.ui-toc-dropdown .nav .nav>li>ul>li>a:hover {
    padding-left: 39px;
}

.ui-toc-dropdown[dir='rtl'] .nav .nav>li>ul>li>a:focus,.ui-toc-dropdown[dir='rtl'] .nav .nav>li>ul>li>a:hover {
    padding-right: 39px;
}

.ui-toc-dropdown .nav .nav>.active:focus>a,.ui-toc-dropdown .nav .nav>.active:hover>a,.ui-toc-dropdown .nav .nav>.active>a {
    padding-left: 28px;
    font-weight: 500;
}

.ui-toc-dropdown[dir='rtl'] .nav .nav>.active:focus>a,.ui-toc-dropdown[dir='rtl'] .nav .nav>.active:hover>a,.ui-toc-dropdown[dir='rtl'] .nav .nav>.active>a {
    padding-right: 28px;
}

.ui-toc-dropdown .nav .nav>.active>.nav>.active:focus>a,.ui-toc-dropdown .nav .nav>.active>.nav>.active:hover>a,.ui-toc-dropdown .nav .nav>.active>.nav>.active>a {
    padding-left: 38px;
    font-weight: 500;
}

.ui-toc-dropdown[dir='rtl'] .nav .nav>.active>.nav>.active:focus>a,.ui-toc-dropdown[dir='rtl'] .nav .nav>.active>.nav>.active:hover>a,.ui-toc-dropdown[dir='rtl'] .nav .nav>.active>.nav>.active>a {
    padding-right: 38px;
}

/* support japanese font */
.markdown-body[lang^="ja"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Osaka, Meiryo, "\30E1\30A4\30EA\30AA", "MS Gothic", "\FF2D\FF33   \30B4\30B7\30C3\30AF", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ui-toc-dropdown[lang^="ja"] {
    font-family: "Source Sans Pro", Helvetica, Arial, "Meiryo UI", "MS PGothic", "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif;
}

/* support zh-tw font */
.markdown-body[lang="zh-tw"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang TC", "Microsoft JhengHei", "\5FAE\8EDF\6B63\9ED1", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ui-toc-dropdown[lang="zh-tw"] {
    font-family: "Source Sans Pro", Helvetica, Arial, "Microsoft JhengHei UI", "\5FAE\8EDF\6B63\9ED1UI", sans-serif;
}

/* support zh-cn font */
.markdown-body[lang="zh-cn"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ui-toc-dropdown[lang="zh-cn"] {
    font-family: "Source Sans Pro", Helvetica, Arial, "Microsoft YaHei UI", "\5FAE\8F6F\96C5\9ED1UI", sans-serif;
}

.ui-affix-toc {
    position: fixed;
    top: 0;
    max-width: 15vw;
    max-height: 70vh;
    overflow: auto;
}

.expand-toggle, .back-to-top, .go-to-bottom {
    display: block;
    padding: 4px 10px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #999;
}

.expand-toggle:hover, .expand-toggle:focus, .back-to-top:hover, .back-to-top:focus, .go-to-bottom:hover, .go-to-bottom:focus {
    color: #563d7c;
    text-decoration: none;
}

.back-to-top, .go-to-bottom {
    margin-top: 0;
}

.ui-user-icon {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ui-user-icon.small {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0.2em 0;
}

.ui-infobar > small > span {
    line-height: 22px;
}

.ui-infobar > small .dropdown {
    display: inline-block;
}

.ui-infobar > small .dropdown a:focus,
.ui-infobar > small .dropdown a:hover {
    text-decoration: none;
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media print {
    div, table, img, pre, blockquote {
        page-break-inside: avoid !important;
    }
    a[href]:after {
        font-size: 12px !important;
    }
}

.ui-comment-container {
  position: fixed;
  right: 0;
  top: 50px;
  z-index: 999;
  background-color: white;
  border: solid 1px #DEDEDE;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 280px;
  min-width: 280px;
  height: calc(100% - 50px);
  padding-top: 37px; }
  @media (max-width: 500px) {
    .ui-comment-container {
      width: 100%;
      max-width: unset;
      max-height: calc(70vh - 50px);
      height: 100%;
      top: unset;
      bottom: 0; } }
  .ui-comment-container textarea {
    color: #333333;
    outline: none;
    resize: none;
    border: 1px solid #CDCDCD;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 5px;
    width: 100%;
    font-family: "Source Sans Pro"; }
    .ui-comment-container textarea::placeholder {
      color: #868686; }
  .ui-comment-container .ui-comment-header {
    position: absolute;
    width: 100%;
    top: 0;
    height: 37px;
    background-color: #F8F8F8;
    color: #686868;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    padding-left: 18px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #DEDEDE;
    user-select: none;
    font-size: 18px; }
    .ui-comment-container .ui-comment-header .comment-navigator {
      transform: rotate(180deg);
      margin-right: 12px;
      cursor: pointer; }
      .ui-comment-container .ui-comment-header .comment-navigator:hover {
        color: #555555; }
    .ui-comment-container .ui-comment-header .ui-comment-close {
      cursor: pointer; }
  .ui-comment-container .comment-disconnect-banner {
    text-align: center;
    user-select: none;
    background-color: #F8D7DA;
    padding: 8px 0;
    color: #721C24;
    font-family: "Source Sans Pro"; }
  .ui-comment-container .ui-comments-container {
    padding: 17px 15px;
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-wrap: break-word; }
    .ui-comment-container .ui-comments-container > .ui-comment:not(:last-child) {
      margin-bottom: 30px; }
    .ui-comment-container .ui-comments-container .ui-comment {
      position: relative;
      width: auto;
      display: flex;
      flex-direction: column;
      padding-left: 36px; }
      .ui-comment-container .ui-comments-container .ui-comment .comment-menu {
        position: absolute;
        right: 0px;
        color: #777777;
        padding: 5px 6.5px 0px;
        border-radius: 2px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        font-family: "Source Sans Pro"; }
        .ui-comment-container .ui-comments-container .ui-comment .comment-menu:hover, .ui-comment-container .ui-comments-container .ui-comment .comment-menu:active, .ui-comment-container .ui-comments-container .ui-comment .comment-menu.active {
          background-color: #F8F8F8; }
        .ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu {
          user-select: none;
          z-index: 1;
          position: absolute;
          top: 23px;
          width: 100px;
          right: 0;
          list-style: none;
          color: #333333;
          background: white;
          border-radius: 4px;
          border-style: solid;
          border-color: #DEDEDE;
          border-width: 1px;
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
          font-size: 14px;
          padding: 7px 0; }
          .ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu > div {
            width: 100%;
            display: inline-block;
            padding: 3px 20px; }
            .ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu > div:hover {
              background-color: #f5f5f5; }
      .ui-comment-container .ui-comments-container .ui-comment .comment-item-row {
        display: flex;
        justify-content: space-between;
        align-content: flex-start; }
      .ui-comment-container .ui-comments-container .ui-comment .comment-author {
        font-weight: 600;
        color: #333333;
        font-size: 16px;
        line-height: 18px;
        font-family: "Source Sans Pro";
        width: 100%;
        padding-right: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .ui-comment-container .ui-comments-container .ui-comment .timestamp {
        color: #888888;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 3px;
        font-family: "Source Sans Pro"; }
      .ui-comment-container .ui-comments-container .ui-comment .comment-content {
        color: #333333;
        font-size: 14px;
        text-align: left;
        word-break: break-word;
        white-space: pre-wrap;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        flex-direction: column; }
        .ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput {
          margin-top: 10px;
          display: flex;
          flex-direction: row; }
          .ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput .avatar {
            position: relative;
            margin-right: 6px;
            min-width: 30px; }
          .ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput.edit {
            order: 0; }
          .ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput.reply {
            order: 2; }
      .ui-comment-container .ui-comments-container .ui-comment .reply-comments {
        order: 1;
        margin-top: 10px; }
        .ui-comment-container .ui-comments-container .ui-comment .reply-comments .ui-comment:not(:last-child) {
          margin-bottom: 8px; }
  .ui-comment-container .comment-blank-stats {
    margin-top: 24px;
    text-align: center;
    color: #999999;
    font-size: 14px; }
    .ui-comment-container .comment-blank-stats > *:not(:last-child) {
      margin-bottom: 6px; }
  .ui-comment-container .avatar {
    position: absolute;
    left: 0px;
    margin-top: 3px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center; }
  .ui-comment-container .ui-comment-input-container {
    position: relative;
    padding: 15px 15px 15px 53px;
    background-color: #F8F8F8;
    display: flex;
    height: 133px; }
    .ui-comment-container .ui-comment-input-container .avatar {
      left: 15px; }
    .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets {
      width: 100%; }
      .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons > .btn:not(:last-child) {
        margin-right: 8px; }
      .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn {
        padding: 6px 17px; }
      .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn-default {
        border-color: #8F8F8F;
        color: #8F8F8F;
        border-width: 1px;
        background-color: transparent; }
        .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn-default:hover {
          color: #FFF;
          background-color: #8F8F8F; }

@keyframes highlight {
  0% {
    background-color: #D8D8D8; }
  30% {
    background-color: #D8D8D8; }
  100% {
    background-color: transparent; } }

#doc.comment-enabled {
  padding-right: 45px; }

#doc.comment-enabled .part {
  position: relative; }
  #doc.comment-enabled .part.highlight {
    animation: highlight 1.25s normal;
    animation-timing-function: ease-in-out;
    animation-delay: 100ms; }

.ui-view-area {
  position: relative; }
  .ui-view-area .comment-buttons-container {
    position: absolute;
    top: 0;
    left: 0; }
    .ui-view-area .comment-buttons-container .ui-comment-button {
      transition: transform ease-in-out 150ms;
      display: inline-block;
      position: absolute;
      width: 40px;
      right: 0;
      top: 0;
      cursor: pointer;
      color: #999999;
      font-weight: normal;
      font-size: 14px;
      font-family: "Source Sans Pro";
      user-select: none; }
      @media (max-width: 500px) {
        .ui-view-area .comment-buttons-container .ui-comment-button {
          text-align: center;
          width: 24px;
          line-height: 16px; } }
      .ui-view-area .comment-buttons-container .ui-comment-button.empty {
        color: transparent;
        transition: color ease-in-out 150ms; }
        .ui-view-area .comment-buttons-container .ui-comment-button.empty:hover, .ui-view-area .comment-buttons-container .ui-comment-button.empty.hover, .ui-view-area .comment-buttons-container .ui-comment-button.empty.highlight {
          color: #999999; }
      .ui-view-area .comment-buttons-container .ui-comment-button.active {
        color: #337AB7; }
        .ui-view-area .comment-buttons-container .ui-comment-button.active .fa-commenting-o:before {
          content: "\F075"; }

@media (max-width: 500px) {
  #doc.comment-enabled.comment-open {
    padding-bottom: 370px; } }