.ql-toolbar.ql-snow {
	border-color: silver;
	background-color: #f2f5f7;
	padding: 5px 0 5px 5px;
	border-bottom: 0;
}

.ql-toolbar.ql-snow .ql-formats > * {
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #e1e1e1;
	background-color: white;
}

.ql-toolbar.ql-snow .ql-formats > *:hover {
	background-color: #f4f4f4;
}

.ql-toolbar.ql-snow .ql-formats > * + * {
	margin-left: 5px;
}

.ql-toolbar.ql-snow .ql-formats {
	margin-right: 5px;
}

.ql-container {
	border-color: silver #d9d9d9 #d9d9d9;
	height: auto;
	padding: 0;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
	border-top: 1px solid silver;
}

.ql-container.x-form-focus {
	box-shadow: 0 0 5px 0 #bfdfee;
	border-color: #3892d3;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow.x-form-focus {
	border-color: #3892d3;
}

.x-form-invalid .ql-container,
.x-form-invalid .ql-toolbar.ql-snow + .ql-container.ql-snow {
	border-color: #cc3300;
}

.ql-editor {
	font-family: "Open Sans", sans-serif;
	padding: 2px 6px 1px 6px;
}

.x-form-item-body,
.x-form-item-input-row,
.x-form-item-body-default {
	overflow: visible;
}

.ql-tooltip {
	box-sizing: border-box;
	max-width: calc(100% - 8px);
	white-space: normal;
	z-index: 10;
}

.ql-tooltip a.ql-preview {
	max-width: 220px;
}