div.quill_container {
	border: 1px solid black;
}

.ql-toolbar {
	background-color: hsl(0 0% 90%);
	padding: 2px !important;
/*	display: inline-table !important;*/
}
.ql-container {
	all: revert;
	color: black;
	background-color: hsl(0 0% 100%);
}

.ql-font, .ql-header, .ql-size {
/*	border: 1px solid hsl(0 0% 0% / 20%);*/
	background-color: hsl(0 0% 100%);
}
.ql-formats {
	background-color: hsl(0 0% 100% / 20%);
	border: 1px solid hsl(0 0% 0% / 20%);
	margin: 2px !important;
}



/* FONTS */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arial"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"] {
	font-family: Arial, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="roboto"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="roboto"] {
	font-family: 'Roboto', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="mirza"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="mirza"] {
	font-family: 'Mirza', cursive;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="courier"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="courier"] {
	font-family: 'Courier New', monospace;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="times-new-roman"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="times-new-roman"] {
	font-family: 'Times New Roman', serif;
}

.ql-font-arial {
	font-family: Arial, sans-serif;
}
.ql-font-roboto {
	font-family: 'Roboto', sans-serif;
}
.ql-font-mirza {
	font-family: 'Mirza', cursive;
}
.ql-font-courier {
	font-family: 'Courier New', monospace;
}
.ql-font-times-new-roman {
	font-family: 'Times New Roman', serif;
}
.ql-font-verdana {
  font-family: Verdana, Geneva, sans-serif;
}

#toolbar .ql-font {
	min-width: 140px;
}
#toolbar select.ql-font option {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.ql-label {
	text-align: center !important;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	color: hsl(0 0% 0%) !important;
}
.ql-dropdown-group {
	display: inline-block;
/*	margin-right: 10px;*/
	vertical-align: top;
/*	background-color: hsl(0 0% 0% / 10%);*/
}



#insert-fname, #insert-lname {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family: inherit;
  font-size: 13px;
  padding: 0 6px;

  height: 24px;
  margin: 0 2px;

  background: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;

  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden;
  text-overflow: ellipsis;
}

#insert-fname:hover, #insert-lname:hover {
  background-color: #eee;
}



/* === SIZE DROPDOWN LABELS === */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"],
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"] {
  font-size: 0.75em;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"],
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"] {
  font-size: 1.25em;
}

/*.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"],
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"] {
  font-size: 1.5em;
}*/

/* === SIZE CLASSES APPLIED TO CONTENT === */
.ql-size-small {
  font-size: 0.75;
}
.ql-size-large {
  font-size: 1.25em;
}
/*.ql-size-huge {
  font-size: 1.5em;
}*/