.main-content-view p,
.main-content-view ol,
.main-content-view ul,
.main-content-view pre,
.main-content-view blockquote,
.main-content-view h1,
.main-content-view h2,
.main-content-view h3,
.main-content-view h4,
.main-content-view h5,
.main-content-view h6 {
    margin: 0;
    padding: 0;
}

.main-content-view {
    /*padding: 12px 15px;*/
    padding: 16px;
    /*border: 1px solid #c1c1c1;*/
}

.main-content-view .ql-font-serif {
    font-family: serif;
}

.main-content-view .ql-font-monospace {
    font-family: monospace;
}

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

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

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

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

.main-content-view .ql-align-center {
    text-align: center;
}

.main-content-view .ql-align-justify {
    text-align: justify;
}

.main-content-view .ql-align-right {
    text-align: right;
}

.main-content-view blockquote {
    border-left: 4px solid #ccc;
    padding-left: 16px;
}

.main-content-view code,
.main-content-view pre {
    background-color: #f0f0f0;
    border-radius: 3px;
    padding: 6px 10px;
}

.main-content-view ul > li[data-checked=true]::before {
    content: '\2611';
}

.main-content-view ul > li[data-checked=false]::before {
    content: '\2610';
}

.main-content-view ol > li,
.main-content-view ul > li {
    list-style-type: none;
}


.main-content-view ol {
    counter-reset: mylist
}

.main-content-view ol > li:before {
    counter-increment: mylist;
    content: counter(mylist, decimal) '. ';
}

.main-content-view ol ol > li:before {
    content: counter(mylist, lower-alpha) '. ';
}

.main-content-view ol ol ol > li:before {
    content: counter(mylist, lower-roman) '. ';
}

.main-content-view ol ol ol ol > li:before {
    content: counter(mylist, decimal) '. ';
}

.main-content-view ol ol ol ol ol > li:before {
    content: counter(mylist, lower-alpha) '. ';
}

.main-content-view ol ol ol ol ol ol > li:before {
    content: counter(mylist, lower-roman) '. ';
}

.main-content-view ol ol ol ol ol ol ol > li:before {
    content: counter(mylist, decimal) '. ';
}

.main-content-view ol ol ol ol ol ol ol ol > li:before {
    content: counter(mylist, lower-alpha) '. ';
}

.main-content-view ol ol ol ol ol ol ol ol ol > li:before {
    content: counter(mylist, lower-roman) '. ';
}


/* ql indent */
.main-content-view .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}

.main-content-view .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
}

.main-content-view .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}

.main-content-view .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
}

.main-content-view .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}

.main-content-view .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
}

.main-content-view .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}

.main-content-view .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
}

.main-content-view .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}

.main-content-view .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
}

.main-content-view .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}

.main-content-view .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
}

.main-content-view .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}

.main-content-view .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
}

.main-content-view .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}

.main-content-view .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
}

.main-content-view .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
}

.main-content-view .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
}

/* video */
.main-content-view .ql-video {
    display: block;
    max-width: 100%;
}

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

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

.main-content-view img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 1.4px 1.4px 4.2px rgba(0, 0, 0, 0.056),
    4px 4px 10.3px rgba(0, 0, 0, 0.08),
    9.6px 9.6px 22px rgba(0, 0, 0, 0.104),
    32px 32px 62px rgba(0, 0, 0, 0.16);
}
