/**
 * RTE only styles
 */

body.cke_editable
{
    font-family: sans-serif, Arial, Verdana;
    font-size: 15px;
    color: #333;
    background-color: #fff;
    margin: 20px;
    line-height: 1.6;
    word-wrap: break-word;
}


/**
 * Headlines
 */

.cke_editable h1::before,
.cke_editable h2::before,
.cke_editable h3::before,
.cke_editable h4::before,
.cke_editable h5::before,
.cke_editable h6::before{
    color: black;
    background: orange;
    padding: 1px 3px;
    margin-right: 5px;
}

.cke_editable h1::before { content: "H1"; }
.cke_editable h2::before { content: "H2"; }
.cke_editable h3::before { content: "H3"; }
.cke_editable h4::before { content: "H4"; }
.cke_editable h5::before { content: "H5"; }
.cke_editable h6::before { content: "H6"; }


/**
 * Text justify classes
 */

.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}


/**
 * custom styles
 */

.cke_editable .btn {
    border: 1px solid blue;
    padding: 0.2rem;
}