#content-container {
  margin: auto;
  width: 100%;
  font-family: 'Helvetica', 'Arial', san-serif;
  font-size: 13px;
}

#content-container ul > li { 
	list-style-type: circle; 
	margin-left: 20px;
}

#content-container ol > li { 
	list-style-type: decimal; 
	margin-left: 20px;
}


#formatting-container {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 5px 12px;
}
#formatting-container .ql-active,
#formatting-container button:hover {
  color: #008000;
  font-weight: bold;
}
#editor-container {
  height: 600px;
}
#editor-wrapper {
  border: 1px solid #aaa;
  box-shadow: 0 0 2px 2px #ddd;
}
.advanced-wrapper {
  border: 1px solid #ccc;
  float: left;
  background-color: #FFF;
}
.advanced-wrapper {
  width: 100%;
  margin-bottom: 15px;
}
.editor-container {
  height: 400px;
}
.toolbar-container {
  border-bottom: 1px solid #ccc;
}
.basic-wrapper .toolbar-container {
  padding: 8px 14px;
}
.basic-wrapper .toolbar-container .ql-active,
.basic-wrapper .toolbar-container button:hover {
  color: #008000;
  font-weight: bold;
}