﻿.ql-align-center {
    text-align: center;
}

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

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

.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;
}

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

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

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

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

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

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

.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;
}
/* List styles */
li[data-list="bullet"] {
    list-style-type: disc;
}

li[data-list="ordered"] {
    list-style-type: decimal;
}

li[data-list="checked"] {
    list-style-type: none;
}

li[data-list="unchecked"] {
    list-style-type: none;
}
/* Code block */
.ql-code-block-container {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    font-family: monospace;
}
/* Video embed */
.ql-video {
    display: block;
    max-width: 100%;
}

    .ql-video.ql-align-center {
        margin: 0 auto;
    }

    .ql-video.ql-align-right {
        margin: 0 0 0 auto;
    }