/* this CSS is not part of the widget, it is here just as an example of the demo page styling.... Don't copy this one, roll your own. One
 * of the key things about the widget is that it allows you to do your own styling!
 */

.wysiwig-editor {
	     		font-family: "BlambotProLite";
}
#editor {
	/* height: 250px; */
	max-height: 80px;
	max-width: 280px;
	/* jtransparent background-color: white; */
	border-collapse: separate; 
	/* no small line border    border: 1px solid rgb(204, 204, 204);  */
	/* -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; */
	/* box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; */
	
	padding: 4px; 
	box-sizing: content-box; 
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow-y: scroll;
	overflow-x: hidden; /* No horizontal scroller */
	outline: none;
	display:none; /* Default don't show on page */

}

#voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}