/* CodeMirror Styling for TablePress page/customizations compared to original CSS in this file */
#tablepress-page .CodeMirror {
	height: 100px;
}
#tablepress-page .CodeMirror.large {
	height: 500px;
}
#tablepress-page .CodeMirror-scroll {
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
	-webkit-transition: 0.05s border-color ease-in-out;
	transition: 0.05s border-color ease-in-out;
	height: 100%; /* Fallback for browsers that don't support calc() */
	height: -webkit-calc( 100% - 2px );
	height: calc( 100% - 2px );
	padding-bottom: 0;
	margin-right: 0;
}
#tablepress-page .CodeMirror-scroll .CodeMirror-sizer {
	border-right-width: 0 !important;
}
#tablepress-page .CodeMirror.disabled .CodeMirror-scroll {
	background-color: #eeeeee;
}
#tablepress-page .CodeMirror-focused {
	-webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
}
#tablepress-page .CodeMirror-focused .CodeMirror-scroll {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #5b9dd9;
}

/* jQuery UI resizable styles, for the resizable CodeMirror instance */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 10px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
