.trumbowyg-editor-box .trumbowyg-editor {
    border:1px solid #ced4da;
}
.trumbowyg-box, .trumbowyg-editor { margin:0; border:0; border-radius:10px; }

.trumbowyg-box .form-control { border-radius:0 0 10px 10px !important; margin-top:-1px; }
.trumbowyg-box .trumbowyg-button-pane {
    border: 1px solid var(--border-color);
    border-radius:10px 10px 0 0;
    white-space:normal;
    background:var(--text-editor-button-bg);
}
.trumbowyg-button-pane .trumbowyg-button-group::after { background:var(--border-color) !important;  }

.trumbowyg-editor-box { border-radius:0 0 10px 10px !important; }

.trumbowyg .save-info {
	display:none;
	padding:15px 10px;
	font-size:1.4em;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-radius:0 0 .25rem .25rem;
	text-align:center;
	margin-left:-100px;
	position:absolute;
	left:50%;
	color:#fff;
}
.trumbowyg .save-info.success {
	/* color:var(--green); */
	border-color:var(--green);
	background-color:var(--green);
}
.trumbowyg .save-info.error {
	/* color:var(--red); */
	border-color:var(--red);
	background-color:var(--red);
}

.trumbowyg-editor table td {
		border:1px solid #ccc !important;
}

.trumbowyg-modal-title {
	font-size:1rem !important;
	font-weight:500 !important;
	margin:0 !important;
	text-align:left !important;
	padding:1rem !important;
	background-color:#fff !important;
	border-bottom:1px solid #e9ecef !important;
}
.trumbowyg-modal-box .trumbowyg-modal-button {
	padding:2px 6px !important;
	width:auto !important;
	height:auto !important;
	border-radius:.25rem !important;
	font-size:1em !important;
	padding:2px 6px !important;
	line-height:1.5 !important;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
	background-color:var(--green) !important;
	right:76px !important;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f00c";
	font-weight: 900;
	margin-right:4px;
	font-size:1.2em;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
	background-color:transparent !important;
	color:var(--blue) !important;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f00d";
	font-weight: 900;
	margin-right:4px;
	font-size:1.2em;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
	background-color:var(--blue) !important;
	color:#fff !important;
}

/* ICONS */
.trumbowyg-save-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f0c7";
	font-weight: 400;	
	font-size:12px;
}

.trumbowyg-remove-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f2ed";
	font-weight: 400;	
	font-size:12px;
	color:var(--red);
}

.trumbowyg-viewHTML-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f121";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-historyUndo-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f0e2";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-historyRedo-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f01e";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-formatting-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f1dd";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-fontfamily-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f031";
	font-weight: 900;	
	font-size:12px;
        line-height:normal;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after { top:25px; right:3px; }

.trumbowyg-fontsize-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f034";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-lineheight-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f0c9";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-strong-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f032";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-em-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f033";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-del-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f0cc";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-superscript-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f12b";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-subscript-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f12c";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-link-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f0c1";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-insertImage-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f03e";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-align-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f036";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-unorderedList-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f03a";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-orderedList-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f0cb";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-horizontalRule-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f068";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-removeformat-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f12d";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-fullscreen-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f31d";
	font-weight: 300;
	font-size:12px;	
}
.trumbowyg-fullscreen .trumbowyg-fullscreen-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\e0a5";
	font-weight: 300;
	font-size:12px;	
}

.trumbowyg-bold-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f032";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-italic-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f033";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-underline-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f0cd";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-strikethrough-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f0cc";
	font-weight: 900;
	font-size:12px;	
}

.trumbowyg-foreColor-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f031";
	font-weight: 900;
	font-size:12px;
	color:var(--red);
}

.trumbowyg-table-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f0ce";
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-upload-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f03e";
	font-weight: 400;
	font-size:12px;
}

.trumbowyg-moduledata-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f12e";
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-backColor-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f031";
	color: #ecf0f1;
	background-color: var(--red);
	padding: 1px 2px;
	line-height: 200%;
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-moveup-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f106";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-movedown-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f107";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-createbefore-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f102";
	font-weight: 900;	
	font-size:12px;
}

.trumbowyg-createafter-button:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f103";
	font-weight: 900;	
	font-size:12px;
}

/*===== DROPDOWN BUTTONS =====*/

.trumbowyg-p-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f1dd";
	margin-right: 10px;
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-blockquote-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f10d";
	margin-right: 10px;
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-h1-dropdown-button:before,
.trumbowyg-h2-dropdown-button:before,
.trumbowyg-h3-dropdown-button:before,
.trumbowyg-h4-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f1dc";
	margin-right: 10px;
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-createLink-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f0c1";
	margin-right: 10px;
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-unlink-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f127";
	margin-right: 10px;
	font-weight: 900;
	font-size:12px;
}

.trumbowyg-justifyLeft-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f036";
	font-weight: 900;
	margin-right: 10px;
	font-size:12px;
}

.trumbowyg-justifyCenter-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f037";
	font-weight: 900;
	margin-right: 10px;
	font-size:12px;
}

.trumbowyg-justifyRight-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f038";
	font-weight: 900;
	margin-right: 10px;
	font-size:12px;
}

.trumbowyg-justifyFull-dropdown-button:before {
	font-family: "Font Awesome 7 Pro";
	content: "\f039";
	font-weight: 900;
	margin-right: 10px;
	font-size:12px;
}
/* ICONS */

.trumbowyg-editor moduledata {
	display:block;
	text-align:center;
}
.trumbowyg-editor moduledata:after {
	font-family: "Font Awesome 7 Pro";
	content: "\f12e";
	font-weight: 900;
	font-size:6em;
}