.CodeMirror {
	/*font-size: 15px !important;*/
	font-family: Menlo, monospace;
	/*font-weight:bold;*/

	border:3px ridge;
	border-color: dimgray;
	/*border-top: 1px solid black;*/
	/*border-bottom: 1px solid black;*/
	background-color:white;
	height: 350px;
	resize: vertical;
}
span.CodeMirror-matchhighlight {
	background: #e9e9e9
}
.CodeMirror-focused span.CodeMirror-matchhighlight {
	background: #e7e4ff; !important
}
.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;}
.lint-warning-icon {color: black; background-color: gold; font-weight: bold; border-radius: 50%; padding: 0 3px; margin-right: 7px;}
.cm-s-default .cm-number {color: red;}

/* ------------------------------------------------------------ */

.actionButton, .actionButton-check, .actionButton-play, .actionButton-test, .actionButton-diff, .actionButton-debug {
	/*background:#FEDA71;*/
	background-image:-moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
	background-image:-webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:-o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:-ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEDA71',endColorstr='#FEBB49',GradientType=0);
	padding:4px 9px;
	color:#623F1D;
	font-family:'Helvetica Neue',sans-serif;
	font-size:14px;
	/*border-radius:48px;
	-moz-border-radius:48px;
	-webkit-border-radius:48px;*/
	border:1px solid #623F1D
	margin:2px;
}
.actionButton-check {
	background: url('../images/check.png') no-repeat center left;
	background: url('../images/check.png') no-repeat center left, -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/check.png') no-repeat center left, -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
	background: url('../images/check.png') no-repeat center left, -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/check.png') no-repeat center left, -o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/check.png') no-repeat center left, -ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/check.png') no-repeat center left, linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	padding-left:20px;
}
.actionButton-play {
	background: url('../images/play.png') no-repeat center left;
	background: url('../images/play.png') no-repeat center left, -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/play.png') no-repeat center left, -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
	background: url('../images/play.png') no-repeat center left, -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/play.png') no-repeat center left, -o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/play.png') no-repeat center left, -ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/play.png') no-repeat center left, linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	padding-left:20px;
}
.actionButton-test {
	background: url('../images/test.png') no-repeat center left;
	background: url('../images/test.png') no-repeat center left, -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/test.png') no-repeat center left, -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
	background: url('../images/test.png') no-repeat center left, -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/test.png') no-repeat center left, -o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/test.png') no-repeat center left, -ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/test.png') no-repeat center left, linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	padding-left:25px;
}
.actionButton-diff {
	background: url('../images/diff.png') no-repeat center left;
	background: url('../images/diff.png') no-repeat center left, -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/diff.png') no-repeat center left, -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
	background: url('../images/diff.png') no-repeat center left, -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/diff.png') no-repeat center left, -o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/diff.png') no-repeat center left, -ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/diff.png') no-repeat center left, linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	padding-left:25px;
}
.actionButton-debug {
	background: url('../images/debug.png') no-repeat center left;
	background: url('../images/debug.png') no-repeat center left, -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/debug.png') no-repeat center left, -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
	background: url('../images/debug.png') no-repeat center left, -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/debug.png') no-repeat center left, -o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/debug.png') no-repeat center left, -ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background: url('../images/debug.png') no-repeat center left, linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	padding-left:20px;
}
.switch {
	--switch-width : 50px;
	--switch-height : 24px;
	--slider-padding : 2px;
	--slider-size : calc(var(--switch-height) - (2 * var(--slider-padding)));
	--slider-bottom : calc(var(--slider-padding) - 1px);
	--slider-transition : calc(var(--switch-width) - var(--slider-size) -  (2 * var(--slider-padding)));
}
.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: var(--switch-width);
  height: var(--switch-height);
  
  border:1px solid #888;
  border-radius: 34px;
  margin:2px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #888;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";

  width: var(--slider-size);
  height: var(--slider-size);
  left: var(--slider-bottom);
  bottom: var(--slider-bottom);

  border:1px solid #888;
  border-radius: 50%;
  background-color: #eee;

  -webkit-transition: .4s;
  transition: .4s;  
}

input:checked + .slider {
  background-color: #FEBB49;
	background-image:-moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
	background-image:-webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:-o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:-ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
	background-image:linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(var(--slider-transition));
  -ms-transform: translateX(var(--slider-transition));
  transform: translateX(var(--slider-transition));
}
.switch-label {
  display : inline-block;
  vertical-align : middle;
}

/* ------------------------------------------------------------ */
.diff-container {
	display:none;
	margin:5px;
	margin-bottom:10px;
}
.diff-view {
}

.HtmlConsole {
	height: 100px;
	border:3px ridge;
	border-color: dimgray;
	color: yellow;
	background-color: black;
	padding: 5px;
	overflow: auto;

	font-size: 12px !important;
	font-family: Menlo, monospace;
	margin:2px;
	resize: vertical;
}
.console-table, .console-table th, .console-table td {
  border: 1px solid lime;
}
.console-table th {
  background-color:green;
  color:lime;
}
pre.sample_code {
	display:none;
}
.panel-htmlFrame {
	border:none white;
	width:100%;
}

/* ------------------------------------------------------------ */
.full-width {
	width:100%;
}
.third-party-links {
	display:inline-block;
	float:right;
	margin-right:3px;
	margin-top:0px;
}

.third-party-links ul {
	list-style-type: none;
	margin:0px;
}
.third-party-links li {
	margin:2px;
}
.sk-link-anchor {
	font-family:'Bitstream Vera Serif', Georgia, 'Times New Roman', Times, serif;
	text-decoration: none;
	background:white;
	background-color:white;
	border:1px solid black;
	margin:3px;
	padding:3px;
}
.sk-link-s {
	color:rgb(31,72,100);
	font-size:x-large;
	font-style:italic;
	vertical-align:sub;
}
.sk-link-name {
	color:rgb(31,72,100);
	vertical-align:sub;
}
.cm-link-anchor {
	text-decoration: none;
	background:white;
	background-color:white;
	font-weight:bold;
	border:1px solid black;
	margin:3px;
	padding:1px;
}
.cm-link-braces {
	color:#df0019;
	margin:3px;
	vertical-align:5%;
}
.cm-link-name {
	color:black;
	margin:0px;
}
.cm-tab {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
	background-position: right;
	background-repeat: no-repeat;
}
/* ------------------------------------------------------------ */