/* Quill utility classes (global render support outside .ql-editor) */
.ql-align-left {
    text-align: left !important;
}

.ql-align-center {
    text-align: center !important;
}

.ql-align-right {
    text-align: right !important;
}

.ql-align-justify {
    text-align: justify !important;
}

.ql-direction-rtl {
    direction : rtl !important;
    text-align: inherit;
}

.ql-direction-ltr {
    direction : ltr !important;
    text-align: inherit;
}

.ql-font-serif {
    font-family: Georgia, "Times New Roman", serif;
}

.ql-font-monospace {
    font-family: Monaco, "Courier New", monospace;
}

.ql-font-aptos {
    font-family: Aptos, Calibri, Arial, sans-serif;
}

.ql-font-al-kanz {
    font-family: "Al Kanz", "al-kanz", Arial, sans-serif;
}

.ql-font-kanz-al-marjaan {
    font-family: "Kanz al Marjaan", "kanz-al-marjaan", Arial, sans-serif;
}

.ql-size-small {
    font-size: 0.75em;
}

.ql-size-large {
    font-size: 1.5em;
}

.ql-size-huge {
    font-size: 2.5em;
}

.ql-color-white {
    color: #fff;
}

.ql-color-red {
    color: #e60000;
}

.ql-color-orange {
    color: #f90;
}

.ql-color-yellow {
    color: #ff0;
}

.ql-color-green {
    color: #008a00;
}

.ql-color-blue {
    color: #06c;
}

.ql-color-purple {
    color: #93f;
}

.ql-bg-black {
    background-color: #000;
}

.ql-bg-red {
    background-color: #e60000;
}

.ql-bg-orange {
    background-color: #f90;
}

.ql-bg-yellow {
    background-color: #ff0;
}

.ql-bg-green {
    background-color: #008a00;
}

.ql-bg-blue {
    background-color: #06c;
}

.ql-bg-purple {
    background-color: #93f;
}

.ql-indent-1 {
    padding-left: 3em;
}

.ql-indent-2 {
    padding-left: 6em;
}

.ql-indent-3 {
    padding-left: 9em;
}

.ql-indent-4 {
    padding-left: 12em;
}

.ql-indent-5 {
    padding-left: 15em;
}

.ql-indent-6 {
    padding-left: 18em;
}

.ql-indent-7 {
    padding-left: 21em;
}

.ql-indent-8 {
    padding-left: 24em;
}

.ql-indent-9 {
    padding-left: 27em;
}