.trumbowyg-viewHTML-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f142";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-viewHTML-button {
    font-family: "Font Awesome 5 Free";
    content: "\f142";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-viewHTML-button {
    font-family: "Font Awesome 5 Free";
    content: "\f142";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-undo-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0e2";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-redo-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f01e";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-formatting-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1dd";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-strong-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f032";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-em-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f033";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-del-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0cc";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-superscript-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f12b";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-subscript-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f12c";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-link-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c1";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-insertImage-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f03e";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-justifyLeft-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f036";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-justifyCenter-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f037";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-justifyRight-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f038";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-justifyFull-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f039";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-unorderedList-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f03a";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-orderedList-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0cb";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-horizontalRule-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-removeformat-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f12d";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-fullscreen-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0b2";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-bold-button:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding: 0px !important;
    content: "\f032";
}

.trumbowyg-italic-button:after {
    font-weight: bold;
    padding: 0px !important;
    font-family: "Font Awesome 5 Free";
    content: "\f033";
}

.trumbowyg-underline-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0cd";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-strikethrough-button:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0cc";
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-foreColor-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding: 0px !important;
    content: "\f031";
}

.trumbowyg-backColor-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f031";
    color: #ecf0f1;
    background-color: #555555;
    padding: 1px;
    font-size: 85%;
    line-height: 200%;
    font-weight: bold;
    padding: 0px !important;
}


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

.trumbowyg-p-dropdown-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1dd";
    margin-right: 10px;
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-blockquote-dropdown-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    margin-right: 10px;
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-h1-dropdown-button:before,
.trumbowyg-h2-dropdown-button:before,
.trumbowyg-h3-dropdown-button:before,
.trumbowyg-h4-dropdown-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1dc";
    margin-right: 10px;
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-createLink-dropdown-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c1";
    margin-right: 10px;
    font-weight: bold;
    padding: 0px !important;
}

.trumbowyg-unlink-dropdown-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f127";
    margin-right: 10px;
    font-weight: bold;
    padding: 0px !important;
}