.editor-elements{
    border:1px solid rgb(214, 212, 212);
    padding:1em;
	overflow-y: scroll;
	width:100%;
}

.editor-elements:focus{
	outline: none;
}

.editor-controls {
	display: block;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #eee;
    width:100%;
}


.editor-displaynone{
	display:none;
}

.editor-controls .button-group {
	display: inline-block;
	margin: 0 2px;
}

.editor-richText-box {
	width: 100%;
	min-height: 380px;
	border: 2px solid #cccccc;
	background-color: #efefef;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	word-break: break-word;
	word-wrap: normal;
	padding: 16px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
}

.editor-text-box {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	word-break: break-word;
	word-wrap: normal;
	padding:0.5em;
	border:1px solid gainsboro;
	background-color:white;
}

.rte.button {
	display: block;
	float: left;
	padding: 6px;
	margin: 6px;
	text-align: center;
	background-color: white;

}
.rte.main.button {
	color: white;
	padding: 6px 12px;
	margin: 6px;
	background-color: white;
	border: 1px solid #1d5aa3;
	font-weight: bold;
	border-radius: 5px;
	

}
.rte.editor.button {
	color: #1a1a1a;
	background-color: #eeeeee;
	font-weight: bold;
	margin: 0;
	height: 34px;

	
}
.rte.editor.dropdown {
	display: block;
	padding: 5px;
	text-align: center;
	color: #1a1a1a;
	background-color: white;
	font-weight: bold;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	display: inline-block;
	margin:0;
}


.rte.editor.dropdown-label {
	color: #1a1a1a;
	font-weight: bold;
	margin: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: block;
	float: left;
	padding:5px;
    padding-top:10px;
	text-align: center;
}

.rte.editor.dropdown#fontFamily {
	width: 100px;
	font-weight: normal;
    float:left;
}
      
.output {
    width:99.7%;
    height:100px
}

#editable {
    width: 500px;
    min-height: 100px;
    border: 2px solid;
}