div.textEditorHolder {
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid #659ace;
	border-color: rgba(101, 154, 206, 0.25);
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	border-radius: 5px;
}

div.textEditor
{
	/* all browsers */
	border: 1px solid #a3c5eb;
	margin: 0;
	min-height: 20px;
	padding: 2px 6px 4px 6px;
	vertical-align: middle;
	font-family: myriad-pro,calibri,sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #333333;
	line-height: 20px;
	/* modern browsers */
	display: inline-block;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-color: rgba(255, 255, 255, 0.25);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


div.textEditor p {
	margin: 0;
}

div.textEditor:focus
{
	background-color:white;
	outline:none;
}

div.textEditor:hover
{
}


.textEditorDebug { }

.textEditorButton {
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 0px 6px;
	padding-right: 6px;
	border: none;
	border-radius: 5px;
	min-width: 22px;
	min-height: 22px;

	cursor:default;
	color: #999999;

}

.textEditorButton:hover {
	background-color: rgba(255, 255, 255, 0.75);
}


.textEditorButton.selected {
	color: #333333;
	background-color: rgba(255, 255, 255, 1);
}






.textEditorHolder .readout {
	padding-top: 4px;
	padding-bottom: 0px;
	color: #666;
	color: rgba(0, 0, 0, 0.4);
	line-height: 14px;
	font-size: 14px;
}

.textEditorHolder .warning {
	color: #cc0000;
	background: none;
}


textarea.seqTextEditor {
	display: none;
}

textarea.seqTextEditor.debug {
	display: inherit;
}



.textEditorPlaceholder {
	color: #999999;
}





/*#region snippets (LEGACY)*/

select.snippet-selector {
	width: 400px;
}

	select.snippet-selector option {
		padding: 30px;
	}


    select.snippet-selector option[disabled=true] {
		background: #f7f7f4;
    }

    select.snippet-selector option.bold {
	    font-weight: bold;
    }

.no-snippets {
	display: inline-block;
	padding: 0 4px 0 4px;
	border-radius: 5px;
    border: 1px solid rgba(0, 0, 0,0.2);
	background: #f7f7f4;
    color: rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
	opacity: 0.5;
}

/*#endregion*/


/*#region Snippets Selector 2024*/

.snippets-selector {
	margin-top: -30px;
	margin-bottom: 20px;
	width: calc(100% - 80px);
	margin-left: 20px;
	position: relative;
}

    .snippets-selector .header-toggle label {
        color: #999 !important;
    }

		.snippets-selector .header-toggle:hover label {
			color: #333 !important;
		}

	.snippets-selector .header-toggle-icon {
		position: absolute !important;
		left: -18px;
		top: 2px;
		opacity: 0.5;
	}



	.snippets-selector .snippets-container {display: none;}
	.snippets-selector .header-toggle-icon-open {display: none;}
	.snippets-selector .header-toggle-icon-closed {display: block;}

	.snippets-selector.snippets-open .snippets-container {display: block;}
	.snippets-selector.snippets-open .header-toggle-icon-open {display: block;}
	.snippets-selector.snippets-open .header-toggle-icon-closed {display: none;}


	.snippets-selector .snippets-container {
		margin-bottom: 20px;
	}


	.snippets-selector .snippet {
		margin-bottom: 2px;
		background: rgba(101,154,215,0.1);
		border: 1px solid rgba(101,154,215,0.2);
		border-radius: 5px;
		padding-left: 5px;
		padding-bottom: 1px;
		cursor: pointer;
	}

	.snippets-selector .snippet.snippet-header {
		font-weight: bold;
        text-transform: uppercase;
        color: rgba(0,0,0,0.5);
		pointer-events: none;
		background: none;
	}

	.snippets-selector .snippet:hover {
		background: rgba(101,154,215,0.2);
	}

/*#endregion*/