/**
 * Overlay
 *
 * div.Overlay[.hide]
 */

.Overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}






.Modal {
  position: fixed;
  opacity: 1;
  z-index: 1001;
  max-width: 500px;
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}


/**
 * So transitions actually work
 */

.Modal.hidden {
  display: block;
}


/**
 * Default show/hide effect
 */

.Modal[effect="toggle"].hidden {
  display: none;
}


/**
 * Slide in from the bottom
 */

.Modal[effect="slide-in-bottom"] {
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  transition: all .4s cubic-bezier(0.560, 0.185, 0.315, 1.150);
}

.Modal[effect="slide-in-bottom"].hidden {
  -webkit-transform: translateX(-50%) translateY(30%);
  -moz-transform: translateX(-50%) translateY(30%);
  transform: translateX(-50%) translateY(30%);
  opacity: 0;
}


/**
 * Sticky-up
 */

.Modal[effect="sticky-up"] {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  transition: all .4s ease-in-out;
}

.Modal[effect="sticky-up"].hidden {
  -webkit-transform: translateX(-50%) translateY(-100%);
  -moz-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
}


/**
 * Fade in and scale up from the middle
 */

.Modal[effect="fade-and-scale"] {
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
  -moz-transform: translateX(-50%) translateY(0) scale(1);
  transform: translateX(-50%) translateY(0) scale(1);
  transition: all .4s cubic-bezier(0.560, 0.185, 0.315, 1.150);
}

.Modal[effect="fade-and-scale"].hidden {
  -webkit-transform: translateX(-50%) translateY(0%) scale(0.5);
  -moz-transform: translateX(-50%) translateY(0%) scale(0.5);
  transform: translateX(-50%) translateY(0%) scale(0.5);
  opacity: 0;
}












ul.treeview * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.treeview {
  list-style: none;
  margin: 0;
  padding: 0 0 0 .45em;
}

ul.treeview.top {
  box-sizing: border-box;
  position: relative;
  float: left;
  min-width: 100%;
  padding: 5px 15px;
  border: 1px solid black;
}

ul.treeview li ul.treeview {
  display: none;
}

ul.treeview li.open > ul.treeview {
  display: block;
}

ul.treeview li {
  padding: 0 0 0 .45em;
  white-space: nowrap;
}

ul.treeview li.selected:before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  height: 1.2em;
  background: rgba(0,0,0,.05);
}

ul.treeview li .label {
  cursor: default;
  position: relative;
  padding-left: 1000px;
  margin-left: -1000px;
}

ul.treeview li.branch > .label:before {
  z-index: 0;
  margin-left: 993px;
  left: -.35em;
  top: -.21em;
  content: '▸';
  position: absolute;
  font-size: 1.98em;
  line-height: 1em;
}

@-moz-document url-prefix() {
  ul.treeview li.branch > .label:before {
    left: -.5em;
    top: -.16em;
    font-size: 1.9em;
  }
}

ul.treeview li.branch > .label:hover:before {
  opacity: .3;
}

ul.treeview li.branch.open > .label:before {
  content: '▾';
}


@font-face {
	font-family: 'icomoon';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
		 url(data:application/font-woff;charset=utf-8;base64,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BXmLfJF/l36YhZqLnQiLtQWLmpKZmZmamJ6XpZWklaiSq5B/l4GZhJuEm4ici5wIi8sFi6ORoJafl56am5+WnpehkKKLCIv71BVsi22Jb4ZuhnKEdoKCiIOHhYeEh4aHh4iIiIiIiYmKiIqJi4oIi2EFi4WNho+Hj4aQiZGLCPgUiwWRi5CNj5CPj42Qi5EIi7UFi4yKjYqNiY6IjoiOh46Gj4SPhY+Dj4OOdZRykm6Qb5BtjWyLCIv3qhVzi3eCe3t6eoN3i3MIi0sFi3STd5x6m3qfg6OLo4ufk5ucnJyTn4uiCIvLBYujg596nHubd5RziwgO+BT4PxWji5+Cm3ucepN3i3OLdIN3enp7eneDc4t+i4COf5CAkIKSg5QI+wBVBYyFi4WLhYuFi4WKhQj3AFUFk5WUkpaQl5CWjpiLo4ufgpt7nHqTd4tzi3SDd3p6e3p3g3OLc4t3k3ucepyDn4uiCIuRi5GNkQj7AcEFg4KChICGf4aAiH6Lc4t3k3ucepyDn4uii6OTn5ycm5uflKOLmIuWiJeGloaUhJOBCPcBwQWJkYuRi5GLo5OfnJybm5+Uo4sI+5T7PxV/i4GHg4KDg4aBi3+LgJCBk4KTg5WHl4uXi5WPk5OTlJCVi5aLl4aVg5ODlIGPf4sI95T7FBV/i4GHg4KDg4aBi3+LgJCBk4KTg5WHl4uXi5WPk5OTlJCVi5aLl4aVg5ODlIGPf4sIi/eUFX+LgYeDgoODhoGLf4uAkIGTgpODlYeXi5eLlY+Tk5OUkJWLlouXhpWDk4OUgY9/iwgO95T4UxWRi5CJj4cI9iAFj4eNhouFi4WJhoeHh4eGiYWLhYuGjYaPCEXRi/uLBYuFiYaHh4eHhomFi4WLho2Hj4ePiZCLkQiL94tERQWHh4aJhYuFi4aNh4+Hj4mQi5GLkY2Qj48I9vYFj4+QjZGLCPdp+78VkYuQiY+HkIeNhouFCIs2BYt5hXx+fn9/fIV5iwj76osFeot8kX6Xf5iEmoudCIvgBYuRjZCQj4+PkI2Ri5GLkImPh4+HjYaLhQiLNgWLhY2Gj4ePhpCJkYsI9+qLBZGLkI2PkI+PjZCLkQiL4AWLkY2Qj4+Pj5CNkYsIDs/32BW3sa+p61W5cbCBqovBi66qqaWWlI2bgZaClnuNgIJfZGdtK8H7EtNPWFxigIGKe5SACJSAm4mWlQj4DFMVX2RnbSvB+xLTT1hcYoCCiXqVgJSAm4qWlLexr6rrVblxsIGqi8GLrqmppZaUjJyClgiClnuMgIIIi/sXFV9lZ2wrwvsS0k9YXGKAgol6lYCUgJuKlpS3sq+p61W5cbCBqovBi66pqaWWlI2cgZYIgpZ7jICCCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAHAAAAAYABAAAwAIAAEAIOAA4EngVOBZ4HTggeEj5gD//f//AAAAAAAg4ADgSeBS4FngdOCB4SPmAP/9//8AAf/jIAQfvB+0H7Aflh+KHukaDQADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAASYMNJV8PPPUACwIAAAAAAM+2uuoAAAAAz7a66gAA/+oCAAHVAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAIAAAEAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAQAAAAIAAAACAABAAgAAVQIAAGsCAABAAgAAFQIAAAACAAArAgAAFQIAACAAAFAAAA4AAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-console:before {
	content: "\e000";
}
.icon-record:before {
	content: "\e049";
}
.icon-play:before {
	content: "\e052";
}
.icon-pause:before {
	content: "\e053";
}
.icon-stop:before {
	content: "\e054";
}
.icon-save:before {
	content: "\e059";
}
.icon-profile:before {
	content: "\e074";
}
.icon-share:before {
	content: "\e081";
}
.icon-export:before {
	content: "\e123";
}
.icon-menu:before {
	content: "\e600";
}


html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #272822;
}

a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #8E8F88;
}

a:hover {
  color: #F8F8F2;
  border-bottom: 1px solid #F8F8F2;
}

#editor {
  margin: 0;
  position: absolute;
  top: 51px;
  bottom: 0;
  left: 0px;
  right: 227px;
  background: #272822;
}

.ace_gutter,
.ace_gutter-layer {
  background: #2F3129;
}

.ace_gutter {
  border-right: 1px solid #202020;
}

.ace_active-line {
  background: rgba(0,0,0,.05) !important;
}

.Modal {
  position: relative;
  box-shadow: 2px 16px 60px 10px rgba(4,4,0,.8);
  border-radius: 4px;
  padding: 5px;
  /*overflow: hidden;*/
  top: 15% !important;
//  height: 70%;
  max-width: 600px;
//  max-height: 70%;
  background: #2F3129;
}

.Modal.hide {
  opacity: 0;
}

.Overlay {
  top: 51px;
  //background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.35) 100%);
}

.scrollpane {
  height: 100%;
}

.Modal .scrollbar-padding {
  padding: 15px;
}

.scrollbar-handle {
  background: rgba(140, 140, 130, .4);
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-track:hover {
  background: rgba(0, 0, 0, .15);
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #59584E;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
  background: #59584E;
}


/* toolbar */

#toolbar {
  position: absolute;
  left: 0;
  right: 0;
  height: 50px;
  background: #2F3129;
  border-bottom: 1px solid #202020;
}

#toolbar,
#toolbar * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#toolbar #logo {
  float: left;
  width: 60px;
  height: 50px;
  /*border-right: 1px solid #272727;
  border-bottom: 1px solid #272727;*/
  text-align: center;
}

#toolbar #xgui_container {
  float: left;
  border-right: 1px solid #272727;
}

#toolbar .button {
  float: left;
  color: #676453; //#59584E; //#5F6159; //#65D5EA; //#E58A20;
  width: 60px;
  height: 50px;
  font-size: 24px;
  line-height: 48px;
  /*text-shadow:
    0px -2px 0px #272727
  ;*/
  text-align: center;
  //border-right: 1px solid #272727;
  transition: all 0.11s;
}

#toolbar .right {
  float: right;
  border-right: none;
  //border-left: 1px solid #272727;
}

#toolbar .button:hover {
  color: #A0D92E; //#65D5EA;
}

#toolbar #record:hover {
  color: #DF2266;
}

#toolbar #save:hover {
  color: #FD971F;
}

#toolbar #menu:hover {
  color: #AB7FFB
}

#toolbar #menu:before {
  font-size: 20px;
  line-height: 46px;
}

#toolbar #menu {
  line-height: 46px;
}

#toolbar #logo svg {
  margin-left: 2px;
}

#toolbar #logo:hover {
  cursor: pointer;
}

#toolbar #info:hover {
  color: #61CCE0;
}

#toolbar #pause:hover {
  color: #A0D92E;
}

#toolbar #stop:hover {
  color: #FD971F;
}

#toolbar .button {
  cursor: pointer;
}

#toolbar .button.hide {
  display: none;
}

#toolbar #play:before {
  padding-left: 4px;
}

#toolbar #pause:before {
  padding-right: 0px;
}

#toolbar .oscilloscope {
  position: relative;
  height: 50px;
  background: #2F3129 !important;
  //border-left: 1px solid #272727;
}

#toolbar .oscilloscope polyline {
  stroke: #A0D92E !important;
}


/* sidebar */

#sidebar {
  position: absolute;
  overflow: auto;
  float: left;
  right: 0;
  top: 51px;
  bottom: 0;
  width: 226px;
  border-left: 1px solid #202020;
  color: #676453;
  background: #272822;
  font-size: 11pt;
  font-family: 'Spinnaker';
}

#sidebar > ul.treeview {
  border: none;
  padding-left: 20px;
}

ul.treeview li.selected {
  color: #D8D8D2;
}

ul.treeview li.selected:before {
  margin-top: .01em;
  padding-bottom: .03em;
  background: #49483E;
}

ul.treeview li .label {
  padding-bottom: .02em;
}

ul.treeview li.branch > .label:before {
  left: -11px;
  top: -.22em;
  font-size: 1.86em;
}

ul.treeview li.branch.open > .label:before {
  top: -.16em;
}

@-moz-document url-prefix() {
  ul.treeview li.branch > .label:before {
    left: -15px;
    top: -.14em;
    font-size: 1.7em;
  }

  ul.treeview li.branch.open > .label:before {
    top: -.11em;
  }
}


/* modal */

.modal {
  position: relative;
  margin: 40px;
  font-family: 'Spinnaker';
}

.modal h2 {
  margin: 0;
  width: 100%;
  display: inline-block;
  color: #AB7FFB;
  font-weight: normal;
  font-size: 25pt;
  line-height: 0.65em;
}

.modal p {
  margin: 35px 0;
  color: #b6b4b2;
  font-size: 13pt;
//  text-align: justify;
  line-height: 1.6em;
}

.modal p.small {
  font-size: 11pt;
}


/* about */

#about h1 {
  margin-top: 2px;
  font-family: Medula One;
  font-size: 26pt;
  font-weight: normal;
  letter-spacing: 0px;
  color: #61CCE0;
  -webkit-transform: scale(1.57, 1);
  transform: scale(1.57, 1);
}

.about {
  margin-bottom: 65px;
}

.about-logo {
  margin-top: -40px;
  margin-bottom: -65px;
  margin-left: -1px;
}