.CodeMirror {
	height: calc(100% - 19px);
	border-bottom: 3px solid #ddd;
}

.CodeMirror-scroll {
	height: 100%; 
}

._console {
	position: relative;
	height: 100%;
	padding: 10px 0;
	font-family: "open sans", arial, sans-serif;
}

	._console__debug {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	._console__editor {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 2;
	}

	._console__editor-block-info {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 30px;
		padding: 0 5px;
		background-color: #f7f7f7;
		color: #666;
		border-bottom: 3px solid #ddd;
		font-size: 14px;
		line-height: 30px;
	}

	._console__editor-textareas {
		position: absolute;
		top: 30px;
		left: 0;
		height: calc(100% - 19px);
		height: calc(100% - 49px);
		width: 100%;
		font-size: 12px;
	}

	._console__editor-colors {
		display: block;
		position: absolute;
		top: 0;
		right: 25px;
		text-align: right;
	}

	._console__wrap {
		position: absolute;
		left: 0;
		width: 100%;
		height: 33%;
		-moz-transition: .2s ease;
		-webkit-transition: .2s ease;
		transition: .2s ease;
	}

		._console__wrap_tpl {
			top: 0;
		}

			._console__wrap_tpl._console__wrap_expanded-tpl {
				height: 68%;
			}

			._console__wrap_tpl._console__wrap_expanded-css {
				height: 16%;
			}

			._console__wrap_tpl._console__wrap_expanded-js {
				height: 16%;
			}

		._console__wrap_css {
			top: 33%;
			height: 34%;
		}

			._console__wrap_css._console__wrap_expanded-tpl {
				top: 68%;
				height: 16%;
			}

			._console__wrap_css._console__wrap_expanded-css {
				top: 16%;
				height: 68%;
			}

			._console__wrap_css._console__wrap_expanded-js {
				top: 16%;
				height: 16%;
			}

		._console__wrap_js {
			top: 67%;
			height: 33%;
		}

			._console__wrap_js._console__wrap_expanded-tpl {
				top: 84%;
				height: 16%;
			}

			._console__wrap_js._console__wrap_expanded-css {
				top: 84%;
				height: 16%;
			}

			._console__wrap_js._console__wrap_expanded-js {
				top: 32%;
				height: 68%;
			}

	#_CONSOLE__TPL {
		width: 100%;
		height: calc(100% - 19px);
		resize: none;
	}

	#_CONSOLE__CSS {
		width: 100%;
		height: calc(100% - 19px);
		resize: none;
	}

	#_CONSOLE__JS {
		width: 100%;
		height: calc(100% - 19px);
		resize: none;
	}

	._console__editor-header {
		padding: 2px 4px;
		font-size: 10px;
		line-height: 1.4;
		background-color: #f7f7f7;
		color: #999;
		border-bottom: 1px solid #ddd;
	}

	._console__editor-expand {
		position: absolute;
		right: 4px;
		top: 4px;
		width: 9px;
		height: 9px;
		background: transparent url('assets/expand.png') left top no-repeat;
		text-indent: -9001px;
		cursor: pointer;
	}

	._console__editor-collapse {
		position: absolute;
		right: 4px;
		top: 4px;
		width: 9px;
		height: 9px;
		background: transparent url('assets/collapse.png') left top no-repeat;
		text-indent: -9001px;
		cursor: pointer;
	}

	._console__editor-cancel {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50%;
	}

	._console__editor-save {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 50%;
	}

	._console__section {
		padding: 0 10px;
		margin: 1em 0 1em 0;
	}

	._console h2 {
		font-size: 14px;
	}

	._console h3 {
		font-size: 12px;
	}

	._console ul {
		padding-left: 2em;
	}

	._console__overlays {
		position: relative;
		opacity:.5;
		z-index: 99999;
	}

	._console__overall {
		position: relative;
		z-index: 99999;

	}

	._console button {
		font-family: "open sans", arial, sans-serif;
		font-size: 10px;
	}