/* --------------------------------------------------------------
         css/ui-lightness/jquery-ui-1.10.1.custom.css
   -------------------------------------------------------------- */
/*! jQuery UI - v1.10.1 - 2013-03-06
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.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;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url(css/ui-lightness/images/animated-overlay.gif);
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url(css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828 url(css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url(css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce url(css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff url(css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url(css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url(css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(css/ui-lightness/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(css/ui-lightness/images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(css/ui-lightness/images/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(css/ui-lightness/images/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 url(css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url(css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px;
}
/* --------------------------------------------------------------
         css/libs/jquery.treeview.css
   -------------------------------------------------------------- */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(https://www.espruino.com/ide/css/libs/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(https://www.espruino.com/ide/css/libs/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-red.gif); } 

.treeview-black li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-black.gif); }  

.treeview-gray li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(https://www.espruino.com/ide/css/libs/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(https://www.espruino.com/ide/css/libs/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(https://www.espruino.com/ide/css/libs/images/file.gif) 0 0 no-repeat; }
/* --------------------------------------------------------------
         js/libs/codemirror/codemirror.css
   -------------------------------------------------------------- */
/* 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.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  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 .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@-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 {}

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

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  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 */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px 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;
  outline: 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: -50px;
}
.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.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* 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.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  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;
}

.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;
  }
}

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

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/* --------------------------------------------------------------
         js/libs/codemirror/addon/dialog/dialog.css
   -------------------------------------------------------------- */
.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%;
}
/* --------------------------------------------------------------
         js/libs/codemirror/addon/fold/foldgutter.css
   -------------------------------------------------------------- */
.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";
}
/* --------------------------------------------------------------
         js/libs/codemirror/addon/hint/show-hint.css
   -------------------------------------------------------------- */
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}
/* --------------------------------------------------------------
         js/libs/codemirror/addon/lint/lint.css
   -------------------------------------------------------------- */
/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}

.CodeMirror-lint-tooltip {
  background-color: #ffd;
  border: 1px solid black;
  border-radius: 4px 4px 4px 4px;
  color: black;
  font-family: monospace;
  font-size: 10pt;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  white-space: pre;
  white-space: pre-wrap;
  z-index: 100;
  max-width: 600px;
  opacity: 0;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s;
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
  background-position: left bottom;
  background-repeat: repeat-x;
}

.CodeMirror-lint-mark-error {
  background-image:
  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
  ;
}

.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat;
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%; height: 100%;
}
/* --------------------------------------------------------------
         js/libs/codemirror/addon/search/matchesonscrollbar.css
   -------------------------------------------------------------- */
.CodeMirror-search-match {
  background: gold;
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5;
}
/* --------------------------------------------------------------
         js/libs/codemirror/addon/tern/tern.css
   -------------------------------------------------------------- */
.CodeMirror-Tern-completion {
  padding-left: 22px;
  position: relative;
  line-height: 1.5;
}
.CodeMirror-Tern-completion:before {
  position: absolute;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  height: 15px;
  width: 15px;
  line-height: 16px;
  text-align: center;
  color: white;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.CodeMirror-Tern-completion-unknown:before {
  content: "?";
  background: #4bb;
}
.CodeMirror-Tern-completion-object:before {
  content: "O";
  background: #77c;
}
.CodeMirror-Tern-completion-fn:before {
  content: "F";
  background: #7c7;
}
.CodeMirror-Tern-completion-array:before {
  content: "A";
  background: #c66;
}
.CodeMirror-Tern-completion-number:before {
  content: "1";
  background: #999;
}
.CodeMirror-Tern-completion-string:before {
  content: "S";
  background: #999;
}
.CodeMirror-Tern-completion-bool:before {
  content: "B";
  background: #999;
}

.CodeMirror-Tern-completion-guess {
  color: #999;
}

.CodeMirror-Tern-tooltip {
  border: 1px solid silver;
  border-radius: 3px;
  color: #444;
  padding: 2px 5px;
  font-size: 90%;
  font-family: monospace;
  background-color: white;
  white-space: pre-wrap;

  max-width: 40em;
  position: absolute;
  z-index: 10;
  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);

  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -ms-transition: opacity 1s;
}

.CodeMirror-Tern-hint-doc {
  max-width: 25em;
  margin-top: -3px;
}

.CodeMirror-Tern-fname { color: black; }
.CodeMirror-Tern-farg { color: #70a; }
.CodeMirror-Tern-farg-current { text-decoration: underline; }
.CodeMirror-Tern-type { color: #07c; }
.CodeMirror-Tern-fhint-guess { opacity: .7; }
/* --------------------------------------------------------------
         js/libs/splitster/splitster.css
   -------------------------------------------------------------- */
.splitster
{
	overflow: hidden;
}

	.splitster__pane
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ccc;
		overflow: auto;
	}

	.splitster__bar
	{
		position: absolute;
		top: 0;
		left: 0;
		background: #373d3e;
	}

	.splitster__bar--ghost
	{
		background: #3498db;
		z-index: 100000;
	}

	.splitster--vertical .splitster__bar,
	.splitster--vertical .splitster__draggable
	{
		height: 100% !important;
		cursor: col-resize;
	}

	.splitster--horizontal .splitster__bar,
	.splitster--horizontal .splitster__draggable
	{
		width: 100% !important;
		cursor: row-resize;
	}
/* --------------------------------------------------------------
         js/libs/toastr/toastr.css
   -------------------------------------------------------------- */
/*
 * Toastr
 * Version 2.0.1
 * Copyright 2012 John Papa and Hans Fjällemark.  
 * All Rights Reserved.  
 * Use, reproduction, distribution, and modification of this code is subject to the terms and 
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 30px;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 0px;
  bottom: 30px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 10px;
  padding: 7px 10px 7px 30px;
  width: 250px;
  min-height: 30px;
  line-height: 15px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
  opacity: 1;
}
#toast-container > :hover {
  opacity: 1;
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url(img/icons.png);
  background-position: -60px -1440px;
}
#toast-container > .toast-error {
  background-image: url(img/icons.png);
  background-position: -60px 0;
}
#toast-container > .toast-success {
  background-image: url(img/icons.png);
  background-position: -60px -1620px;
}
#toast-container > .toast-warning {
  background-image: url(img/icons.png);
  background-position: -60px -540px
}
#toast-container.toast-top-full-width,
#toast-container.toast-bottom-full-width {
  padding-left: 10px;
  padding-right: 10px;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 100%;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #2ecc71;
}
.toast-error {
  background-color: #e74c3c;
}
.toast-info {
  background-color: #3498db;
}
.toast-warning {
  background-color: #f39c12;
}
/* --------------------------------------------------------------
         js/libs/guiders/guiders.css
   -------------------------------------------------------------- */
/**
 * CSS for Guiders.js
 * Version 2.0.0
 *
 * It is expected that you'll modify this to fit your site's style.
 */

.guider {
  background: #FFF;
  font-family: arial;
  position: absolute;
  outline: none;
  padding: 20px;
  width: 500px;
  z-index: 900001 !important;
}

.guiders_arrow 
{
  /*width: 42px;
  height: 42px;
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  z-index: 900002 !important;*/
  
  display: none;
  position: absolute;
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  z-index: 1;

  /**
   * For optimization, the arrows image is inlined in the css below.
   * 
   * To use your own arrows image, replace this background-image with your own arrows.
   * It should have four arrows, top, right, left, and down.
   *
   * AND if you're super cool and use CSS arrows instead of the PNGs
   * please do us all a favor and issue a git pull to the GitHub project for this.
   * It's a nice-to-have improvement for this project.
   *
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAACoCAYAAACWu3yIAAAJQ0lEQVR42u2cW2sVVxiGk2xz0EQFTRTBnEBFEpMLDxVyMPceoigRvVFjcqsSTaKCJAhC0Ozkpj+gFPIHWm2htPQfiChoVaqglDYeqP0Hdr3hXWFlZWb2WjNr1syGDHzilT48ew5r3u+bVXHgwIGCqCpWJerr168VeasKAVbPWi+qVtQ6CZ030J2sHaIaRW0UVZc3YIAeFPWNqP2iOkS1imrKGzBAz4g6L2pI1DFRfaL2acCZnxIV79+///PevXvfCYBpUeOihkUN5g0Yfywdr169WpycnPxZABRFTRL4RF6Al0Hl8eLFi88EntWAe7MEXgUqj+fPn3/KE3AoqAL88caNGz9lDVwSNC/AxqAq8NjY2CMCT4i65APYGlQez5498wocG1QDfigAHijAxwncSeBGHdg7qDyePn36IQS4h8AtBG4gcMEG2BmoCnzlypUfXQM7B1WAFxVgPJovKsBY/DSL2solZk2p8zc1UHk8efLkHwH8g4C4T+ALoo5yxbZH1HaevzVRZlMHlcfjx48l8Iyoq1yt9REWd4cNuNAyB1UM/3Xt2rUFATUm6rSoQzxvN4mqDvv5vYPK4+XLl3/cvXt3SoANiNolagt//nyBLi4u/r2wsPAtQXcTtDY3oO/evftSLBYf8sLCeXqYD4XNufjpBeB/MzMzv3Nhfl3UOdrcyyu/nk+tbEABKF51ADgv6raoEb7q9BByBy+k2kxuT2/fvtUBR0WdEnVEVLeoNt6W1CeUvxt+AOCIBtguahstGr+OV7gEFLeb3wh4yxWgM1AATk1N/RoA2O8CMDGoAPziAzA26Js3b/4l4JwPQGvQ169fBwGeTBvQGNQAsC1NwJKgALxz584vBLwp6rIC2OULMBRUZFCfCVjMA+AqUGHwYx4BV8SOYrHwPWPHCQLK2FEFzDTYVYPcs3z5yhVgWDTeqSwWcheNl02zoWzaN2XTECvQ6E6er2dwJ8jqpQ//Ny/wg2QCW6GCJiUoLqrzuF1lBcoOzXmySNAqCbqeF9N+3qam8QDwDYnODO/nQ2TZQbYl0EpeRI28PeFeOoGnlG9QNjfG2ZjrINPSu74EXcfbUhtv+Hg6FfHc9wWJthEf38NkaCXT0iv00hXFn7+ON/ouPkJv+rRKm5P8v/eRpU6+QkvQUKtY7qUNiZ4WewGBNpdBNavbaPWkL6uKzRNBNnVQ3Wo/rc6laRXtoFI2V4BGWcWrSFqgbLLpNlfFOzqoV6uazd4wm6tAI6zeSsOqqc0wUGl1k2IVb55zeKfPwmYgqC+rbE8a2YwCDbWKKMdFW9LGZihogNVul1Zpc8LUZinQMKvzSPAc2LxkajMSNMTqqaRW2di1smkCqlptT2oVDV32Rq1slgSNsop02ZdNU1AnVpPYNAKNsoqmgikoW+ITfIOwsmkDmsgqevdJbBqDRli9bWJVs9lpa9MWVLd6RFpFdy5qsECx2RPHphVoXKscJhhXbDba2owDGmR1NMwqph44onGRNlvi2LQGjbKKznFaNuOChp2rRfTi1ZEMzo9cUGw2xLEZCzTEKt7Fr2NgQIJybuQqJ3I6kthMAqqvrHo4KDCOEQzMi3C4ZYhhVzNtFpJ0RZJabeKAAKYZhjAnwqGW08q40NYkNpOCSqsNTN32cj5kgHVIGcCqT2IzEahitZanwHbezHdzPKhFaVrUJLHpArSSiXUtrW3mWNAWwm9wAZkYVIGt4mlQTega/t1Z48JZM0A2KtRy3Qsti1oDXQNdA012B5Gtz0IeAeU9uZbNsKWmch4B6/jYbeQaYqlNn0fAJi4dO9lmxDLxYJ4AtxGwi8vD4+zLooF7Jo+Ag2xwIAeYRqcbrfGsADdpgP0Mii9zlKmIRpza4c4lYFCzOC+AczQY2nXxCditAI5wIHEO6bVJsy1twPakgE5ADQFP6YBxGmu+AOcBmKRH5QswdrvHCtQA8IgOiGaEC0AjUEtAfBwwj6zUJWBJUO2dvUFZLKiAo2kDmoCqKYiMbHr4LF5hMCoaTxVUyZXqGdXIEOwcP/EpIrj1AWgCWs2IppXhFyLEcWSgamCbB9BaZkgIvQYQJyL7zGq4MAq0hqBI5gaQeSKgzSNoNS+kFmadCGbHEHkjn88FKGHXMTZsYiDbx/MUufwMOh5oz+QBtIo//0Ze+Xv4onWUnQ60Ze4DGN25LEErFdh65vDN7HD08OXrIoEfoN+J5qx3UM2s+oRq5HnbqQBf4suYBP7gHTQuMKYdXALHbTDIyEUmGq0E7g0CxmSOd9CQjEgmHK2cbujl3IgEnsWsUxJg16GWETDm8ryCxgAe5jzeLCYdbYDTjg2dAfvKOUsCY84ZQ9leQZMCYybfK6gFcJ8GXAQwPsnwCmoJPEhgPJqn8ZGLt9gxJvAxrtb8B7kW0XgrFz/ZRuNl12wou/ZN2TXE1nqha6BlDSquKJdVGVBO/m1XcOo4UQ3vgSvGifIAKt/9NzACkgNam3mzXt4nJ0tQNU1p4uvzLiaArUxYlnceyhK0oIS9eximySHCw8o2ScsDrk5BLQcItyoh2mnEk9zCa0jZeGrV55Ml/m2noAWaauZSDGBjyFAR+HLhe44pShtPAaOxYWegis1GrhuR8F1FdipfHbjv2HWu2LvZ9jGy6gRUG3BtoTHEkDNqwIucnx9Nj7Dd025q1RVoVcBn7uPISfU3R26Wdps9KWOriUG1D1ylTWSk94PSZ7R3uB/UqI1VF6DGNuXB/cmsrCYC1Wy20ibCrwdR0bhi1fhcTQoqbTapWzAgYS6VG9lajQ0aYLNX2jTJ7dHMVaz2l7KaBFS1uc/Gpmb1lonVWKAlbBpn9DZW44LqNhFmTSCbt02NuQFgSavWoK5s2lqNA+rMpjy4Y1ykVSvQCJuzSbobAVZXraxsQcNsPkraM1KsngyyarPCD7I5nNSmYvUL9+MLtGoDGmRz0oXNEKtdqlVT0FCbcRpZYQfm82ysGttEP8h1x9jGaiY25YGxTFq9rFjdGGQ1M5ua1ZulrEbZ7EvTpq1V3WadbhONqbTnRbj5ZaRVE5uf0gal1SKt9gVZDbM56MtmgNVBWm1SrUbZLAY1T9M6MHsfZVXfjq6Drb1xnzY1qxMBn7lXBm3whwxpWu3s+jrwyQU3+DsbtMHfqi0T0dHNaliQu8sGbplYFptQ/g/UqiA7u61evwAAAABJRU5ErkJggg==);
  *background-image: url(js/libs/guiders/'guiders_arrows.png'); /* Asterisked properties only work in IE7 and below */
}

.guiders_arrow_right {
  display: block;
  border-width: 10px 0 10px 10px;
  border-color: transparent #FFFFFF;
  right: -10px;
}
.guiders_arrow_down {
  display: block;
  border-width: 10px 10px 0;
  border-color: #FFFFFF transparent;
  bottom: -10px;
}
.guiders_arrow_up {
  display: block;
  border-width: 0 10px 10px;
  border-color: #FFFFFF transparent;
  top: -10px;
}
.guiders_arrow_left {
  display: block;
  border-width: 10px 10px 10px 0;
  border-color: transparent #FFFFFF;
  left: -10px;
}

.guiders_button {
  background-color: #2ecc71; /* Overruled by background gradient, in browsers where they exist */
  border: 0;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 100%;
  font-weight: bold;
  margin-left: 6px;
  min-width: 40px;
  padding: 0 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
}

.guiders_buttons_container {
  height: 30px;
  margin-top: 30px;
  position: relative;
  width: 100%;
}

.guiders_close {
  float: right;
  padding: 10px 0 0;
}

.guiders_content {
  position: relative;
}

.guiders_content h1 {
  color: #3498db;
  float: left;
  font-size: 150%;
}

.guiders_content p {
  clear: both;
  color: #333;
  font-size: 100%;
}

.guiders_description a 
{
  color: #3498db;
}

.guiders_description a:hover
{
  color: #2980b9;
}

.guiders_highlight {
  position: relative;
  z-index: 900003 !important; /* Should be larger than anything else on your page. */
}

#guiders_overlay {
  background-color: rgba(0,0,0,0.25);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 800001;
}

.guiders_x_button {
  background-repeat: no-repeat;
  background-image: url(data:image/jpeg;base64, );
  *background-image: url(js/libs/guiders/'guiders_x_button.jpg'); /* Asterisked properties only work in IE7 and below */
  cursor: pointer;
  height: 13px;
  width: 13px;
}
/* --------------------------------------------------------------
         css/reset.css
   -------------------------------------------------------------- */
/* 
    ===================================================
    Reset
    ===================================================
 */

/** {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}*/

*, *:before, *:after {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
/* --------------------------------------------------------------
         css/main.css
   -------------------------------------------------------------- */
/*
  ===================================================
  Main
  ===================================================
*/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFF;
}

body {
  color: #000;
  font-family: 'Open Sans', arial, sans-serif;
  overflow: hidden;
}

a, button, .no-drag
{
  -webkit-app-region: no-drag;
}

dt {
  font-weight : bold;
}
dd {
  font-style: italic;
}

::-webkit-scrollbar
{
  background: #ecf0f1;
  width: 15px;
}

::-webkit-scrollbar-thumb
{
    background: #bdc3c7;
  border: 5px solid #ecf0f1;
}

::-webkit-scrollbar-thumb:hover
{
    background: #42484a;
}

*.paramStyle { background-color:#ccccff; }

#file_list {
  flex-shrink: 1;
  overflow-x: auto;
  overflow-y: hidden;
  text-wrap: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #2c80b9 #3498db;
  height: 60px;
}
.compact #file_list {
  height: 30px;
}

#file_list > span {
  display:inline-block;
  padding: 5px;
  padding-bottom: 9px;
}
#file_list > span {
  border-radius: 10px 10px 0px 0px;
  color: white;
  border-top: 2px solid rgb(35, 101, 146);
  border-left: 2px solid rgb(35, 101, 146);
  border-right: 2px solid rgb(35, 101, 146);
  margin-top: 22px;
}
.compact #file_list > span {
  font-size: small;
  padding: 3px;
  padding-bottom: 6px;
  border-top: 1px solid rgb(35, 101, 146);
  border-left: 1px solid rgb(35, 101, 146);
  border-right: 1px solid rgb(35, 101, 146);
  margin-top: 0px;
}

#file_list > span.active {
  background-color: rgb(35, 101, 146);
}

#file_list > span.inactive {
  color: rgb(35, 101, 146);
}

#file_list>  span.close {
  cursor:grab;
  padding: 0px;
}
#file_list > span.close:hover {
  font-weight:bold;
}

#file_list > span.file_list-new {
  font-weight: bold;
  padding-left: 4px;
  border: 0px;
}
/* --------------------------------------------------------------
         css/typography.css
   -------------------------------------------------------------- */
/* 
  ===================================================
  Typography
  ===================================================
*/

h1 
{
	margin-top: 0;
}

h1 img 
{
	vertical-align: middle;
}

.settings h1 
{
	text-transform: uppercase;
	color: #42484a;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.settings a 
{
	color: #3498db;
}

.settings a:hover
{
	color: #2980b9;
}
/* --------------------------------------------------------------
         css/abstracts.css
   -------------------------------------------------------------- */
/*
    ===================================================
    Abstracts
    ===================================================
*/

 .h-split
 {
    display: flex;
    width: 100%;
 }

.h-split__left,
.h-split__right
{
}

.h-split--middle .h-split__left,
.h-split--middle .h-split__right
{
    vertical-align: middle;
}

.h-split--bottom .h-split__left,
.h-split--bottom .h-split__right
{
    vertical-align: bottom;
}

.h-split__left
{
    flex-grow: 1;
    flex-shrink: 0;
}

.h-split__right
{
    direction: rtl;
    float: right;
    flex-grow: 0;
    flex-shrink: 0;
}

.h-split__right > *
{
    direction: ltr;
}

.v-split
{
  position: relative;
  display: table;
  height: 100%;
}

.v-split__top,
.v-split__bottom
{
    display: table-row;
    vertical-align: top;
    height: auto;
}

.v-split__bottom
{
    vertical-align: bottom;
    height: 1px;
}

.v-split__bottom > *
{
    vertical-align: bottom;
}

.button
{
  position: relative;
  display: inline-block;
  background: #ccc;
  border: 0;
  cursor: pointer;
  padding: 10px;
  min-height: 60px;
}
.compact .button
{
  min-height: 30px;
}
.button.sml
{
  min-height: 30px;
}

.button--wide
{
  width: 100%;
  min-width: 350px;
}

.button--icon
{
  border-left: 60px solid #999;
}

.button--icon .button__icon
{
  position: absolute;
  top: 0;
  left: -60px;
}

.button:hover
{
  color: #fff !important;
  background: #2ecc71;
}

.button:hover *
{
  color: #fff !important;
}

.button--icon:hover
{
  border-left-color: #27ae60;
}

/* for icons on rhs of list (eg storage.js) */
.list__item > span:hover {
  background-color : #eee;
}
.list__item > span > a:hover {
  background-color : #2ecc71;
}
/* --------------------------------------------------------------
         css/components.css
   -------------------------------------------------------------- */
/*
  ===================================================
  Components
  ===================================================
*/

/* Window */
.window
{
  position: relative;
  width: 100%;
  height: 100%;
}

/* for windows that have a 'real' OS-visible title bar */
.window--app
{
  padding-top: 30px;
}

.window--modal
{
	display: inline-block;
	text-align: left;
	background: white;
	z-index: 200;
	width: 350px;
	min-height: 110px;
	height: auto;
	padding-top: 30px;
}

.window--modal.window--stretch
{
  display: block;
  position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	bottom: 40px;
	width: auto;
	height: auto;
}

.window--modal.window--auto
{
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  max-width:90vh;
  left: 50%; top: 50%;
  transform: translate(-50%,-50%);
}
.window--modal.window--auto >  .window__viewport
{
   max-height:90vh;
 }

.window--modal.window--center
{
  display: block;
  position: absolute;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.window--modal.window--center > .window__viewport
{
  max-height: 80vh; /*80% of vertical window height */
}

.window__title-bar
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.window--app > .window__title-bar
{
  z-index: 100;
  -webkit-app-region: drag;
}

.window--modal .window__title-bar .title-bar__title
{
  text-align: left;
}

.window__viewport
{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.window__overlay
{
	display: table;
  position: absolute;
  top: 0;
  left: 0;
	width: 100%;
	height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 199;
}

.window__overlay-inner
{
	display: table-cell;
 	text-align: center;
 	vertical-align: middle;
}


/* Title Bar */
.title-bar
{
  background: #333;
  color: #fff;
  height: 30px;
}

  .title-bar__title
  {
    text-align: center;
    font-size: 100%;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 10px;
  }

  .title-bar__buttons
  {
    position: absolute;
    top: 0;
    right: 0;
  }

  .title-bar__button
  {
    display: inline-block;
    -webkit-app-region: no-drag
  }

/* Toolbar */
.toolbar
{
  position: relative;
  background: #3498db;
  height: 60px;
  padding: 0px;
}

/* Menu */
a:hover > .menu
{
  display: block;
}

.menu
{
  display: none;
  position: absolute;
  width: 230px;
  padding: 10px;
  background: #2c80b9;
  z-index: 2000;
}

  .menu a
  {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    line-height: 30px;
  }

  .menu a:hover
  {
    background: rgba(0,0,0,0.3);
  }

  .menu a i
  {
    vertical-align: middle;
  }

  .toolbar .menu { background: #2c80b9; }
  .toolbar .toolbar__buttons--left .menu { top: 60px; left: 0; }
  .toolbar .toolbar__buttons--right .menu { top: 60px; right: 0; }

  .sidebar .menu { background: #373d3e; }
  .sidebar .sidebar__buttons--top .menu { top: 0; left: 60px; }
  .sidebar .sidebar__buttons--bottom .menu { bottom: 0; left: 60px; }

  /* Full (un-split) Pane */
  .full-pane
  {
  	position: absolute;
  	margin-top: 60px;
  	top: 0;
  	right: 0;
  	bottom: 30px;
  	left: 0;
  }

/* Split Pane */
.split-pane
{
	position: absolute;
	margin-top: 60px;
	top: 0;
	right: 0;
	bottom: 30px;
	left: 0;
}

/* Loading indicator */
.split-pane__loading {
  position:absolute;
  top:50%;left:50%;
  transform: translate(-50%,-50%);
  font-size:24px;
  font-weight: bold;
  color:#888;"
}

/* Status */
.status
{
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        background: #42484a;
        color: #fff;
        height: 30px;
        width: 100%;
}

.status h5
{
        display: inline-block;
        font-size: 100%;
        line-height: 30px;
        text-transform: uppercase;
}


.status__port
{
        margin: 0;
        padding: 0 10px;
}

.status__message
{
        margin: 0;
        padding: 0 10px;
}

/* Progress */
.status__progress
{
        display: inline-block;
        position: relative;
        width: 180px;
        height: 4px;
        top: -1px;
        margin: 0px;
        vertical-align: middle;
        background: rgba(0,0,0,0.2);
}

.status__progress-bar
{
        background: #2ecc71;
        width: 0%;
        height: 4px;
        max-width: 100% !important;
}

/* Editor Wrapper */
.editor
{
	position: relative;
	width: 100%;
	height: 100%;
}

.editor__sidebar
{
	position: absolute;
	top: 0;
	left: 0;
}

.editor__canvas
{
        position: absolute;
        top: 0;
        left: 60px;
        right: 0;
        bottom: 0;
        overflow: hidden;
}

.editor__canvas__fullscreen
{
  left: 0;
  z-index:  100;
}

/* Sidebar */
.sidebar
{
	background: #42484a;
	width: 60px;
	height: 100%;
	overflow: visible;
}

.sidebar .v-split
{
	background: #42484a;
}

.splitster__bar--ghost
{
	background: #3498db;
  opacity: 0.5;
}

/* Lists */
.list,
.list__item
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.list
{
        margin: 10px;
}

.list__item
{
        margin-bottom: 10px;
        overflow: hidden;
}

.list__item__name
{
        font-weight: normal;
        font-size: 150%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0px;
        white-space: nowrap;
        width: 100%;
}

.list__item__desc
{
        /* font-size: 70%; */
        color : #666;
        white-space: nowrap;
        padding-left:  5px;
}
.compact .list__item__desc
{
        font-size: 70%;
}

.list__no-results
{
        color: #333;
        font-size: 120%;
        text-transform: uppercase;
        text-align: center;
        line-height: 40px;
        min-width: 300px;
}

.list__no-results-help
{
        color: #333;
        text-align: center;
        line-height: 30px;
}

.list__itemicon-right {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #aaa;
    cursor: pointer;
}
.loading-text
{
        color: #333;
        font-size: 120%;
        text-transform: uppercase;
        text-align: center;
        line-height: 40px;
}

/* Snippets list */

.terminalSnippets
{
paddi   ng-left: 15px;
}

.terminalSnippet
{
        position: relative;
        display: inline-block;
        background: #ccc;
        border-left: 10px solid #999;
        cursor: pointer;
        padding: 2px;
        padding-left: 8px;
        margin: 1px;
        height: 20px;
        width: 320px;
}

.terminalSnippet:hover
{
        color: #fff !important;
        border-left-color: #27ae60;
        background: #2ecc71;
}


/* Terminal */
/* ----------------------------------------------------- */
.terminal
{
  font-size: 12px;
  background-color: #222;
  color: white;
  display: block;
  border: 0;
  padding: 10px;
  overflow: auto; /* adds scrollbar if needed */

  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;

  -o-user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.termLine {
  font-family: Fixed, monospace;
  tab-size: 4;
  min-height: 1em;
}

.terminal.focus
{
  background-color: #333;
}

.terminal__focus
{
  position: absolute;
  top: -100px;  /* hide it */
}

.terminal--webcam
{
  background: none;
  font-size: 18px;
  font-weight: bold;
  padding: 8px;
  /*  color : white;
  text-shadow: -1px -1px black, 1px 1px black, 1px -1px black, -1px 1px black,
               -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black,
               -2px -2px black, 2px 2px black, 2px -2px black, -2px 2px black,
               -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black,
               -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black;  */
  color : black;
  text-shadow: -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white,
               -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white,
               -2px -2px rgba(255,255,255,0.5), 2px 2px rgba(255,255,255,0.5), 2px -2px rgba(255,255,255,0.5), -2px 2px rgba(255,255,255,0.5),
               -2px 0 rgba(255,255,255,0.5), 0 2px rgba(255,255,255,0.5), 2px 0 rgba(255,255,255,0.5), 0 -2px rgba(255,255,255,0.5),
               -3px 0 rgba(255,255,255,0.2), 0 3px rgba(255,255,255,0.2), 3px 0 rgba(255,255,255,0.2), 0 -3px rgba(255,255,255,0.2);
}

.terminal--webcam.focus
{
  background: transparent;
}

.terminal a
{
  color:#88F;
}
.terminal a:visited
{
  color:#88F;
}

.terminal--connected.focus .terminal__cursor
{
  animation: blink 1s step-end 0s infinite;
}

.terminal--webcam.focus .terminal__cursor
{
  text-shadow: none;
  animation: blink_webcam 1s step-end 0s infinite;
}

@keyframes blink {
  0%, 100% {
        background-color: #fff;
        color: #000;
  }
  50% {
        background-color: transparent;
        color: #aaa;
  }
}

@keyframes blink_webcam {
  0%, 100% {
        background-color: #ffffffC0;
        color: #000;
  }
  50% {
        background-color: #000000C0;
        color: #fff;
  }
}


/* Tutorial */
.tutorial_text {
    background-color : #222;
    border: 1px solid #888;
    border-radius: 10px;
    padding: 8px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.tutorial_text .code {
    background-color : #333;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 2px;
}

.tutorial_code {
    background-color : #333;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 8px;
    margin-top: 8px;
    font-weight: bold;
    color: #CFC;
}

/* Other notifications */
.notification_text {
    background-color : #145931;
    border: 1px solid #1b7a43;
    border-radius: 10px;
    padding: 8px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* Other notifications */
.terminal-status-container {
  min-height: 34px;
}
.terminal-status {
  float:right;
  border-radius: 5px;
  padding: 6px;
  margin-top: 2px;
  clear: both;
}
/* Other notifications */
.terminal-status-success {
  background-color: #2ecc71;
}
.terminal-status-error {
  background-color: #e74c3c;
}
.terminal-status-info {
  background-color: #3498db;
}
.terminal-status-warning {
  background-color: #f39c12;
}

.terminal-inline-image {
  border: 1px solid #666;
  padding: 8px;
  margin: 8px;
}

/* Code Editors */
#divcode {
  overflow-y: auto;
  overflow-x: auto;
}

.blocky
{
  width: 100%;
  height: 100%;
}

.CodeMirror {
  height: 100%;
}

.lint-error {font-family: arial; font-size: 70%; background: #ffa; color: #a00; padding: 2px 5px 3px; }
.lint-error-icon {color: white; background-color: red; font-weight: bold; border-radius: 50%; padding: 0 3px; margin-right: 7px;}
.cm-trailingspace {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
    background-position: bottom left;
    background-repeat: repeat-x;
}
.CodeMirror-focused .cm-matchhighlight {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
    background-position: bottom;
    background-repeat: repeat-x;
}

.CodeMirror-Tern-tooltip {
  max-width: 400px;
  overflow-x : scroll;
}

.cm-DebugLineBg {
	background-color: #FF7F7F;
}


/* Settings */
.settings {
  position:relative;
  height:100%;
  overflow: hidden;
}

  .settings .sections
  {
    position: absolute;
    top: 0;
    left: 0;
    background: #42484a;
    width: 180px;
    height: 100%;
  }

    .settings .sections a
    {
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        height: 30px;
        cursor: pointer;
    }

    .settings .sections a:hover
    {
      background: rgba(0,0,0,0.4);
    }

    .settings .sections [class*="icon-"]
    {
      vertical-align: middle;
    }

    .settings .sections a.current
    {
      position: relative;
      background-color: #2ecc71;
    }

    .settings .sections a.current:after
    {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-color: transparent #2ecc71;
      display: block;
      width: 0;
      z-index: 1;
      right: -5px;
      top: 10px;
    }

.settings .currentsection
{
    position:absolute;
    top: 0;
    left: 180px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding: 15px 30px;
}

.board_info
{
  /* allow select */
  -o-user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.console
{
  border:1px solid #EEEEEE;
  width: 100%;
  padding: 6px;
  word-wrap:break-word;
  font-family: monospace;

  -o-user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.settingsProfile__popup
{
    padding: 15px;
}

.settingsProfile__popup p,
.settingsProfile__popup table
{
    margin-top: 1em;
}

.settingsProfile__popup th,
.settingsProfile__popup td
{
    text-align: left;
    padding: 5px;
}

.settingsProfile__popup th:first-child,
.settingsProfile__popup td:first-child
{
    padding-left: 0;
}



/* Compact */
.compact .toolbar { height: 30px; }
.compact .toolbar .toolbar__buttons--left .menu { top: 30px; }
.compact .toolbar .toolbar__buttons--right .menu { top: 30px; }
.compact .sidebar .sidebar__buttons--top .menu { left: 30px; }
.compact .sidebar .sidebar__buttons--bottom .menu { left: 30px; }
.compact .split-pane { margin-top: 30px; }
.compact .editor__canvas { left: 30px; }
.compact .sidebar {  width: 30px; }
.compact .button { height: 30px; padding: 0; }
.compact .button--icon { border-left-width: 30px; }
.compact .button--icon .button__icon { left: -30px; }
.compact .list__item__name { font-size: 100%; }
.compact .list__item { margin-bottom: 2px; }

/* For code highlighter comments */
.hljs-comment,.hljs-quote{color:#a50}
.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{}
.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#164}
.hljs-attribute{color:#00c}
.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#a11}
.hljs-title,.hljs-section{color:#4271ae}
.hljs-keyword,.hljs-selector-tag{color:#708}
.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
/* --------------------------------------------------------------
         css/icons.css
   -------------------------------------------------------------- */
/*
    ===================================================
    Icons
    ===================================================
 */

[class*="icon-"]
{
    display: inline-block;
    position: relative;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

[class*="icon-"]:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(img/icons.png) left top;
}

a[class*="icon-"]
{
    cursor: pointer;
}

a[class*="icon-"]:hover
{
    background-color: rgba(0,0,0,.15);
}

a.icon-connect { background-color: #f1c40f; }
a.icon-disconnect { background-color: #2ecc71; }
a.icon-connect:hover { background-color: #f39c12; }
a.icon-disconnect:hover { background-color: #27ae60; }

a.icon-alert { background-color: #f1c40f; }
a.icon-alert:hover { background-color: #f39c12; }

[class*="icon-"].lrg,
[class*="icon-"].lrg:before
{
    width: 60px;
    height: 60px;
}

[class*="icon-"].sml,
[class*="icon-"].sml:before,
.compact [class*="icon-"].lrg,
.compact [class*="icon-"].lrg:before
{
    width: 30px;
    height: 30px;
}

[class*="icon-"].lrg.icon--hasinfo
{
    width: 60px;
    height: 68px;
}
.compact [class*="icon-"].lrg.icon--hasinfo
{
    width: 30px;
    height: 48px;
}

a span.icon__info {
  color : #888;
  padding : 1px;
  font-size : 12px;
  font-weight:bold;
  position : absolute;
  left : 0px;
  bottom : 0px;
}
a span.icon__more {
  color : white;
  position : absolute;
  right : 0px;
  bottom : 0px;
  padding-left:10px;
  padding-top: 10px;/* make it easier to click*/
}
.compact a .icon__info {
  left : 50%;
  bottom : 12px;
  transform: translate(-50%,0%);
  font-weight:inherit;
  font-size : 7px;
}
.compact a span.icon__more {
  left : 50%;
  transform: translate(-50%,0%);
  font-size : 12px;
  padding-left:0px;padding-right:0px;
}

a .icon__more:hover {
  color : #2ecc71;
}

.icon--divide-right { border-right: solid 1px rgba(255,255,255,0.3); }
.icon--divide-left { border-left: solid 1px rgba(255,255,255,0.3); }
.icon--divide-bottom { border-bottom: solid 1px rgba(255,255,255,0.3); }
.icon--divide-top { border-top: solid 1px rgba(255,255,255,0.3); }
/* auto-generated by extras/make_icons.sh */
.icon-cross.lrg:before { background-position: 0 -0px }
.compact .icon-cross.lrg:before,
.icon-cross.sml:before { background-position: -60px -0px }

.icon-window.lrg:before { background-position: 0 -60px }
.compact .icon-window.lrg:before,
.icon-window.sml:before { background-position: -60px -60px }

.icon-minus.lrg:before { background-position: 0 -120px }
.compact .icon-minus.lrg:before,
.icon-minus.sml:before { background-position: -60px -120px }

.icon-plus.lrg:before { background-position: 0 -180px }
.compact .icon-plus.lrg:before,
.icon-plus.sml:before { background-position: -60px -180px }

.icon-back.lrg:before { background-position: 0 -240px }
.compact .icon-back.lrg:before,
.icon-back.sml:before { background-position: -60px -240px }

.icon-forward.lrg:before { background-position: 0 -300px }
.compact .icon-forward.lrg:before,
.icon-forward.sml:before { background-position: -60px -300px }

.icon-down.lrg:before { background-position: 0 -360px }
.compact .icon-down.lrg:before,
.icon-down.sml:before { background-position: -60px -360px }

.icon-up.lrg:before { background-position: 0 -420px }
.compact .icon-up.lrg:before,
.icon-up.sml:before { background-position: -60px -420px }

.icon-settings.lrg:before { background-position: 0 -480px }
.compact .icon-settings.lrg:before,
.icon-settings.sml:before { background-position: -60px -480px }

.icon-alert.lrg:before { background-position: 0 -540px }
.compact .icon-alert.lrg:before,
.icon-alert.sml:before { background-position: -60px -540px }

.icon-connect.lrg:before { background-position: 0 -600px }
.compact .icon-connect.lrg:before,
.icon-connect.sml:before { background-position: -60px -600px }

.icon-disconnect.lrg:before { background-position: 0 -660px }
.compact .icon-disconnect.lrg:before,
.icon-disconnect.sml:before { background-position: -60px -660px }

.icon-split-vertical.lrg:before { background-position: 0 -720px }
.compact .icon-split-vertical.lrg:before,
.icon-split-vertical.sml:before { background-position: -60px -720px }

.icon-split-horizontal.lrg:before { background-position: 0 -780px }
.compact .icon-split-horizontal.lrg:before,
.icon-split-horizontal.sml:before { background-position: -60px -780px }

.icon-folder.lrg:before { background-position: 0 -840px }
.compact .icon-folder.lrg:before,
.icon-folder.sml:before { background-position: -60px -840px }

.icon-folder-open.lrg:before { background-position: 0 -900px }
.compact .icon-folder-open.lrg:before,
.icon-folder-open.sml:before { background-position: -60px -900px }

.icon-save.lrg:before { background-position: 0 -960px }
.compact .icon-save.lrg:before,
.icon-save.sml:before { background-position: -60px -960px }

.icon-deploy.lrg:before { background-position: 0 -1020px }
.compact .icon-deploy.lrg:before,
.icon-deploy.sml:before { background-position: -60px -1020px }

.icon-code.lrg:before { background-position: 0 -1080px }
.compact .icon-code.lrg:before,
.icon-code.sml:before { background-position: -60px -1080px }

.icon-clear.lrg:before { background-position: 0 -1140px }
.compact .icon-clear.lrg:before,
.icon-clear.sml:before { background-position: -60px -1140px }

.icon-eye.lrg:before { background-position: 0 -1200px }
.compact .icon-eye.lrg:before,
.icon-eye.sml:before { background-position: -60px -1200px }

.icon-webcam.lrg:before { background-position: 0 -1260px }
.compact .icon-webcam.lrg:before,
.icon-webcam.sml:before { background-position: -60px -1260px }

.icon-block.lrg:before { background-position: 0 -1320px }
.compact .icon-block.lrg:before,
.icon-block.sml:before { background-position: -60px -1320px }

.icon-bin.lrg:before { background-position: 0 -1380px }
.compact .icon-bin.lrg:before,
.icon-bin.sml:before { background-position: -60px -1380px }

.icon-star.lrg:before { background-position: 0 -1440px }
.compact .icon-star.lrg:before,
.icon-star.sml:before { background-position: -60px -1440px }

.icon-heart.lrg:before { background-position: 0 -1500px }
.compact .icon-heart.lrg:before,
.icon-heart.sml:before { background-position: -60px -1500px }

.icon-lightning.lrg:before { background-position: 0 -1560px }
.compact .icon-lightning.lrg:before,
.icon-lightning.sml:before { background-position: -60px -1560px }

.icon-tick.lrg:before { background-position: 0 -1620px }
.compact .icon-tick.lrg:before,
.icon-tick.sml:before { background-position: -60px -1620px }

.icon-cloud.lrg:before { background-position: 0 -1680px }
.compact .icon-cloud.lrg:before,
.icon-cloud.sml:before { background-position: -60px -1680px }

.icon-usb.lrg:before { background-position: 0 -1740px }
.compact .icon-usb.lrg:before,
.icon-usb.sml:before { background-position: -60px -1740px }

.icon-help.lrg:before { background-position: 0 -1800px }
.compact .icon-help.lrg:before,
.icon-help.sml:before { background-position: -60px -1800px }

.icon-compass.lrg:before { background-position: 0 -1860px }
.compact .icon-compass.lrg:before,
.icon-compass.sml:before { background-position: -60px -1860px }

.icon-refresh.lrg:before { background-position: 0 -1920px }
.compact .icon-refresh.lrg:before,
.icon-refresh.sml:before { background-position: -60px -1920px }

.icon-snippets.lrg:before { background-position: 0 -1980px }
.compact .icon-snippets.lrg:before,
.icon-snippets.sml:before { background-position: -60px -1980px }

.icon-debug-go.lrg:before { background-position: 0 -2040px }
.compact .icon-debug-go.lrg:before,
.icon-debug-go.sml:before { background-position: -60px -2040px }

.icon-debug-stop.lrg:before { background-position: 0 -2100px }
.compact .icon-debug-stop.lrg:before,
.icon-debug-stop.sml:before { background-position: -60px -2100px }

.icon-debug-into.lrg:before { background-position: 0 -2160px }
.compact .icon-debug-into.lrg:before,
.icon-debug-into.sml:before { background-position: -60px -2160px }

.icon-debug-out.lrg:before { background-position: 0 -2220px }
.compact .icon-debug-out.lrg:before,
.icon-debug-out.sml:before { background-position: -60px -2220px }

.icon-debug-over.lrg:before { background-position: 0 -2280px }
.compact .icon-debug-over.lrg:before,
.icon-debug-over.sml:before { background-position: -60px -2280px }

.icon-book.lrg:before { background-position: 0 -2340px }
.compact .icon-book.lrg:before,
.icon-book.sml:before { background-position: -60px -2340px }

.icon-chat.lrg:before { background-position: 0 -2400px }
.compact .icon-chat.lrg:before,
.icon-chat.sml:before { background-position: -60px -2400px }

.icon-bluetooth.lrg:before { background-position: 0 -2460px }
.compact .icon-bluetooth.lrg:before,
.icon-bluetooth.sml:before { background-position: -60px -2460px }

.icon-headphone.lrg:before { background-position: 0 -2520px }
.compact .icon-headphone.lrg:before,
.icon-headphone.sml:before { background-position: -60px -2520px }

.icon-network.lrg:before { background-position: 0 -2580px }
.compact .icon-network.lrg:before,
.icon-network.sml:before { background-position: -60px -2580px }

.icon-storage.lrg:before { background-position: 0 -2640px }
.compact .icon-storage.lrg:before,
.icon-storage.sml:before { background-position: -60px -2640px }

.icon-log.lrg:before { background-position: 0 -2700px }
.compact .icon-log.lrg:before,
.icon-log.sml:before { background-position: -60px -2700px }

.icon-upkey.lrg:before { background-position: 0 -2760px }
.compact .icon-upkey.lrg:before,
.icon-upkey.sml:before { background-position: -60px -2760px }

.icon-downkey.lrg:before { background-position: 0 -2820px }
.compact .icon-downkey.lrg:before,
.icon-downkey.sml:before { background-position: -60px -2820px }

.icon-tabkey.lrg:before { background-position: 0 -2880px }
.compact .icon-tabkey.lrg:before,
.icon-tabkey.sml:before { background-position: -60px -2880px }

.icon-sdcard.lrg:before { background-position: 0 -2940px }
.compact .icon-sdcard.lrg:before,
.icon-sdcard.sml:before { background-position: -60px -2940px }
