/*----------------
	Engine.css
-----------------*/

img, svg, audio, video, iframe, object, embed {
    border-style: none;
    max-width: 100%;
    vertical-align: middle;
}

/*--- Загрузчик AJAX ---*/
#loading-layer {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 2px 8px rgba(0, 0, 0, 0.5);
    display: flex;
}

/*--- Цитаты, Спойлеры, Код  ---*/
.quote_block {
    border: 1px solid rgba(225, 225, 225, 0.85);
    font-size: 90%;
    margin-bottom: 0.75rem;
}

.title_quote, .quote {
    border-left: 2px solid rgba(134, 136, 138, 0.28);
    padding-left: calc(0.2rem + 0.5vw);
}

.title_quote {
    border-bottom: 2px dotted rgba(225, 225, 225, 0.85);
    font-weight: 700;
    padding-bottom: calc(0.2rem + 0.25vw);
    padding-right: calc(0.2rem + 0.25vw);
    padding-top: calc(0.2rem + 0.25vw);
}

.quote {
    font-style: italic;
    padding-bottom: calc(0.2rem + 0.25vw);
    padding-top: calc(0.2rem + 0.25vw);
}

.quote_body {
    padding-right: calc(0.2rem + 0.25vw);
}

.title_spoiler, .text_spoiler {
    border: 1px solid rgba(225, 225, 225, 0.85);
    margin-bottom: 0.75rem;
    padding: calc(0.2rem + 0.25vw);
}

.text_spoiler {
    border-top: none;
    margin-top: -0.75rem;
}

/*--- Сортировка статей ---*/
.sort {
    list-style-type: none;
    margin: 0;
}

    .sort li {
        padding: 0 calc(0.25rem + 0.25vw);
    }

        .sort li.asc {
            text-decoration: underline;
        }

/*--- Оформление календаря ---*/
table.calendar {
    border-spacing: 0;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.calendar tr th.monthselect {
    border: medium none;
    padding: 2.75%;
}

.calendar tr th, .calendar tr td {
    border: 1px solid rgba(225, 225, 225, 0.85);
    padding: 2%;
}

    .calendar tr th.weekday, .calendar tr td.weekday {
        color: rgb(255, 0, 0);
    }

/*--- Вывод результатов голосования на сайте + pm + addnews---*/
.voteprogress, .pollprogress, .pm_progress_bar, .progress {
    background-color: rgba(134, 136, 138, 0.16);
    border-radius: 0.25rem;
    margin: 0.25rem 0;
    padding: 0.25rem;
}

    .voteprogress span, .pollprogress span, .pm_progress_bar span, .progress span {
        background-color: rgb(51, 148, 230);
        border-radius: 0.2rem;
        color: rgba(0, 0, 0, 0);
        display: block;
        height: 0.75rem;
    }

    .voteprogress .vote2, .pollprogress .poll2 {
        background-color: rgb(221, 81, 76);
    }

    .voteprogress .vote3, .pollprogress .poll3 {
        background-color: rgb(94, 185, 94);
    }

    .voteprogress .vote4, .pollprogress .poll4 {
        background-color: rgb(75, 177, 207);
    }

    .voteprogress .vote5, .pollprogress .poll5 {
        background-color: rgb(250, 167, 50);
    }

/*--- Рейтинг - Звездами ---*/
.unit-rating {
    background-position: 0 -30px;
    height: 30px;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    position: relative;
    width: 150px;
}

    .unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
        background-image: url("data:image/png;base64,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");
    }

        .unit-rating li a {
            color: rgba(0, 0, 0, 0);
            height: 30px;
            position: absolute;
            width: 30px;
            z-index: 3;
        }

            .unit-rating li a:hover {
                background-position: 0 -60px;
                color: rgba(0, 0, 0, 0) !important;
                left: 0;
                z-index: 2;
            }

        .unit-rating a.r1-unit {
            left: 0;
        }

            .unit-rating a.r1-unit:hover {
                width: 30px;
            }

        .unit-rating a.r2-unit {
            left: 30px;
        }

            .unit-rating a.r2-unit:hover {
                width: 60px;
            }

        .unit-rating a.r3-unit {
            left: 60px;
        }

            .unit-rating a.r3-unit:hover {
                width: 90px;
            }

        .unit-rating a.r4-unit {
            left: 90px;
        }

            .unit-rating a.r4-unit:hover {
                width: 120px;
            }

        .unit-rating a.r5-unit {
            left: 120px;
        }

            .unit-rating a.r5-unit:hover {
                width: 150px;
            }

        .unit-rating li.current-rating {
            color: rgba(0, 0, 0, 0);
            height: 30px;
            position: absolute;
        }

/*comments__rating*/
.comments .unit-rating {
    background-position: 0 -20px;
    height: 20px;
    width: 100px;
}

    .comments .unit-rating, .comments .unit-rating li a:hover, .comments .unit-rating li.current-rating {
        background-size: 20px auto
    }

        .comments .unit-rating li a {
            height: 20px;
            width: 20px;
        }

            .comments .unit-rating li a:hover {
                left: 0;
                background-position: 0 -40px
            }

        .comments .unit-rating a.r1-unit:hover {
            width: 20px
        }

        .comments .unit-rating a.r2-unit {
            left: 20px
        }

            .comments .unit-rating a.r2-unit:hover {
                width: 40px
            }

        .comments .unit-rating a.r3-unit {
            left: 40px
        }

            .comments .unit-rating a.r3-unit:hover {
                width: 60px
            }

        .comments .unit-rating a.r4-unit {
            left: 60px
        }

            .comments .unit-rating a.r4-unit:hover {
                width: 80px
            }

        .comments .unit-rating a.r5-unit {
            left: 80px
        }

            .comments .unit-rating a.r5-unit:hover {
                width: 100px
            }

        .comments .unit-rating li.current-rating {
            height: 20px
        }

.ratingplus {
    color: rgb(0, 128, 0);
}

.ratingminus {
    color: rgb(255, 0, 0);
}

.rating, .rating a {
    align-items: center;
    color: rgb(144, 146, 148);
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    transition: none 0s ease 0s;
}

    .rating a, .rating a > span, .rating > span {
        align-items: center;
        display: flex;
        justify-content: center;
        line-height: initial;
        padding: 0 4px;
    }

/*--- Таблица Персональных сообщений и лучших пользователей ---*/
.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
}

    .table-responsive table {
        width: 100%;
    }

    .table-responsive .pm {
        border: 1px solid rgba(134, 136, 138, 0.28);
        border-collapse: separate;
        border-radius: 0.25rem;
        border-spacing: 0;
    }

        .table-responsive .pm .pm-unread-image, .table-responsive .pm .pm-read-image {
            align-items: center;
            display: flex;
            height: 24px;
            justify-content: center;
            width: 24px;
        }

        .table-responsive .pm tr td {
            box-shadow: 0 0 0 1px rgba(134, 136, 138, 0.28);
            padding: 0.35rem;
        }

        .table-responsive .pm tr:first-child td {
            background-color: rgba(134, 136, 138, 0.28);
            font-weight: 700;
            padding: 0.25rem;
        }

        .table-responsive .pm tr:last-child td {
            font-size: 90%;
            white-space: nowrap;
        }

/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {
    background-color: rgb(255, 255, 255);
    border-radius: 0.25rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    min-width: 220px;
    opacity: 1 !important;
    padding: 0.5rem;
}

    #dropmenudiv a {
        background-color: rgb(255, 255, 255);
        display: flex;
        font-size: 90%;
        font-weight: 700;
        margin-bottom: 0.25rem;
        margin-top: 0.25rem;
        padding: 0.25rem;
    }

        #dropmenudiv a:hover {
            background: rgba(134, 136, 138, 0.28)
        }

/*---Быстрый поиск на сайте---*/
#searchsuggestions {
    background-color: rgb(255, 255, 255);
    border-radius: 0.25rem;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    left: 5% !important;
	margin-top: 2.5em;
    padding: 0.5em;
    right: 5%;
    z-index: 7;
}

    #searchsuggestions * {
        display: block;
    }

    #searchsuggestions > a {
        border: 1px solid rgba(124, 126, 128, 0.24);
        border-radius: 0.25rem;
        margin-bottom: 0.5rem;
        padding: 0.5rem;
    }

    #searchsuggestions .searchheading {
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    #searchsuggestions span.notfound {
        border: 1px solid rgba(124, 126, 128, 0.24);
        border-radius: 0.25rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        padding: 0.5rem;
        text-align: center;
    }

    #searchsuggestions .seperator > a {
        background-color: rgb(226, 228, 230);
        border-radius: 0.25rem;
        font-weight: 700;
        padding: 0.5rem;
        text-align: center;
    }

    #searchsuggestions .break {
        display: none
    }

/*---Диалоговые и всплывающие окна jQuery UI---*/
/*dle-popup-userprofileadmin*/
/*dle-popup-userprofile*/
/*dle-popup-sendpm*/
/*dle-popup-newpm*/
/*dle-popup-replycomments*/
/*dle-popup-promt*/
/*dle-popup-alert*/
/*dle-popup-urlinsert*/
/*dle-popup-imageinsert*/
/*dle-popup-confirm*/
/*dle-popup-complaint*/
.ui-dialog {
    background-color: rgb(255, 255, 255);
    border-radius: 0.25em;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.87);
    outline: medium none;
    padding: 0.75rem;
    position: absolute;
    z-index: 999;
}

.ui-dialog-titlebar {
    align-items: center;
    border-bottom: 1px solid rgba(134, 136, 138, 0.28);
    cursor: move;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.5rem;
}

    .ui-dialog-titlebar .ui-dialog-title {
        font-size: 120%;
        font-weight: bold;
    }

    .ui-dialog-titlebar .ui-dialog-titlebar-close {
        background: rgba(0, 0, 0, 0) url("../dleimages/delete.png") no-repeat local 50% 50%;
        font-size: 0;
        height: 24px;
        padding: 0;
        width: 24px;
    }
	
		.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
			background-color: rgba(128, 126, 124, 0.33);
		}	

			.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
				display: none;
			}

.ui-dialog-content {
    padding: 0.5rem 0.1rem;
}

.ui-dialog-buttonpane {
    border-top: 1px solid rgba(134, 136, 138, 0.28);
    padding-top: 0.5rem;
}

    .ui-dialog-buttonpane .ui-dialog-buttonset {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset > * {
    font-size: 90%;
    font-weight: 500;
    padding: calc(0.5rem / 2 + 0.2vw);
}

    .ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset > *:hover {
        background-color: rgba(128, 126, 124, 0.33);
    }

    .ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset > *:only-child {
        margin-left: auto;
    }

@media (max-width:576px) {
    .ui-dialog {
        left: 0 !important;
        margin-left: 2%;
        margin-right: 2%;
        width: 96% !important;
        z-index: 1300;
    }

    body .ui-dialog-content .story__content {
        font-size: 14px;
    }

    .ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset > * {
        font-size: 12px;
    }

    .dle-popup-userprofile .ui-dialog-buttonpane .ui-dialog-buttonset > *:nth-child(3) {
        margin-top: calc(0.5rem + 0.5vw);
        justify-content: center;
        width: 100%;
    }
}

/*---Автозаполнение облака тегов---*/
.ui-helper-hidden-accessible {
    display: none;
}

.ui-menu {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(124, 126, 128, 0.33);
    border-radius: 0.25rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    cursor: default;
    list-style-type: none;
    margin: 0;
    padding: 0.75rem;
    position: absolute;
}

    .ui-menu .ui-menu-item {
        background-color: rgba(134, 136, 138, 0.25);
        border-radius: 0.25rem;
        cursor: pointer;
        float: left;
        font-weight: 700;
        margin-right: 0.5rem;
        padding: 0.5rem 1rem;
        transition: background-color 0.25s ease 0s, color 0.25s ease 0s;
    }

        .ui-menu .ui-menu-item:hover {
            background-color: rgba(134, 136, 138, 0.5);
        }

/*---Подсветка кода в теге [code]---*/
pre {
    color: rgb(55, 71, 79);
    font-family: monospace;
    font-size: 90%;
    margin: 1rem 0;
    overflow-x: auto;
    white-space: pre;
}

    pre code {
        background-color: rgb(247, 247, 247);
        border: 1px solid rgb(240, 240, 240);
        display: block;
        overflow: auto;
        padding: 1rem;
        white-space: pre;
    }

    pre .hljs-comment, pre .hljs-quote {
        color: rgb(160, 161, 167);
        font-style: italic;
    }

    pre .hljs-doctag, pre .hljs-keyword, pre .hljs-formula {
        color: rgb(166, 38, 164);
    }

    pre .hljs-section, pre .hljs-name, pre .hljs-selector-tag, pre .hljs-deletion, pre .hljs-subst {
        color: rgb(228, 86, 73);
    }

    pre .hljs-literal {
        color: rgb(1, 132, 187);
    }

    pre .hljs-string, pre .hljs-regexp, pre .hljs-addition, pre .hljs-attribute, pre .hljs-meta-string {
        color: rgb(80, 161, 79);
    }

    pre .hljs-built_in, pre .hljs-class pre .hljs-title {
        color: rgb(193, 132, 1);
    }

    pre .hljs-attr, pre .hljs-variable, pre .hljs-template-variable, pre .hljs-type, pre .hljs-selector-class, pre .hljs-selector-attr, pre .hljs-selector-pseudo, pre .hljs-number {
        color: rgb(152, 104, 1);
    }

    pre .hljs-symbol, pre .hljs-bullet, pre .hljs-link, pre .hljs-meta, pre .hljs-selector-id, pre .hljs-title {
        color: rgb(64, 120, 242);
    }

    pre .hljs-emphasis {
        font-style: italic;
    }

    pre .hljs-strong {
        font-weight: bold;
    }

    pre .hljs-link {
        text-decoration: underline;
    }

/*---BB Редактор---*/
.emoji_box {
    max-height: 300px;
    max-width: 390px;
    overflow: auto;
    width: 100%;
}

.emoji_category {
    background-color: rgb(245, 245, 245);
    border-bottom: 1px solid rgba(124, 126, 128, 0.25);
    border-top: 1px solid rgba(124, 126, 128, 0.25);
    padding: 0.5rem;
}

.emoji_list {
    align-items: center;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
}

.emoji_symbol {
    flex-basis: 14%;
    margin: 6px auto;
}

    .emoji_symbol a {
        align-items: center;
        font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
        cursor: pointer;
        display: flex;
        font-size: 150%;
        justify-content: center;
    }

/*emoticons\tablet_none*/
@media (max-width: 768px) {
    b#b_emo, button[data-cmd="emoticons"], div#mceu_14 {
        display: none;
    }
}

.bb-editor + .save-buttons {
    margin-top: 1em;
}
/*+bbcodes.css*/

/*---Поля быстрого редактирования публикаций на сайте---*/
.quick-edit-text, .bb-editor .quick-edit-textarea {
    margin-bottom: 0.75rem;
}

.xfieldsrow {
    margin-bottom: 0.5rem;
}

.xfieldscolleft {
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.xfieldsrow > label {
    cursor: pointer;
}

    .xfieldsrow > label > input {
        margin-right: 0.5rem;
        width: auto;
    }

/*---Быстрый ответ на комментарии, упрощенная форма---*/
/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
#txtselect_marker, #share-popup, .user_selection_true .closewrap {
    background-color: rgb(255, 255, 255);
    border-radius: 0.25rem;
    bottom: auto;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
    left: auto;
    position: absolute;
    right: auto;
    top: auto;
    transform: scale(0);
    transition: transform 0.25s ease 0s, color 0.25s ease 0s;
    z-index: 997;
}

#txtselect_marker, #share-popup {
    border: 1px solid rgba(124, 126, 128, 0.25);
    font-weight: 700;
    padding: 0.6em 1em;
}

#txtselect_marker {
    margin-top: -2.5%;
}

#share-popup {
    margin-top: -1.5%;
}

    #txtselect_marker.show, #share-popup.show {
        transform: scale(1);
    }


        #txtselect_marker.show:before {
            content: "Поделиться | ...";
        }

    #txtselect_marker:after, #share-popup:after {
        background-color: rgb(255, 255, 255);
        bottom: -0.4em;
        box-shadow: 2px 2px 3px -1px rgba(124, 126, 128, 0.5);
        content: "";
        height: 0.75em;
        left: 46.5%;
        position: absolute;
        right: auto;
        top: auto;
        transform: rotate(45deg);
        width: 0.75em;
    }

#share-popup {
    margin-left: 2.5%;
    margin-right: 2.5%;
    max-width: 90%;
    padding: 1em;
    width: auto;
}

    #share-popup .social ul {
        border-bottom: 1px solid rgba(124, 126, 128, 0.24);
        border-top: 1px solid rgba(124, 126, 128, 0.24);
        display: flex;
        justify-content: space-between;
        list-style-type: none;
        margin: 1em 0;
        padding: 0.5em 0;
    }

        #share-popup .social ul li a {
            background-color: rgb(245, 245, 245);
            border-radius: 0.2em;
            display: block;
            padding: 0.5em 0.75em;
        }

            #share-popup .social ul li a:hover {
                background-color: rgb(225, 225, 225);
            }

            #share-popup .social ul li a.tw {
                color: #2BA9E3;
            }

            #share-popup .social ul li a.fb {
                color: #3E578F;
            }

            #share-popup .social ul li a.vk {
                color: #4A76A8;
            }


    #share-popup .link {
        font-size: 90%;
        opacity: 0.8;
    }

        #share-popup .link p, #share-popup .link span {
            display: none;
        }

        #share-popup .link a {
            letter-spacing: -999px;
            visibility: hidden;
            word-spacing: -999px;
        }

            #share-popup .link a:after {
                content: "Скопировать ссылку";
                letter-spacing: normal;
                visibility: visible;
                word-spacing: normal;
            }

            #share-popup .link a.clipboard:after {
                content: "Скопировано...";
            }

.user_selection_true {
    background-color: rgb(0, 120, 215);
    color: rgb(255, 255, 255);
}

    .user_selection_true .closewrap {
        background-color: rgba(0, 0, 0, 0);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        transform: scale(1);
        width: 100%;
        z-index: 6;
    }

        .user_selection_true .closewrap .txtsel_close {
            display: flex;
            height: 100%;
            width: 100%;
        }

/* ---Поля форм--- */
/*+style.css*/

/* Настройка стандартной капчи */
#dle-captcha, .dle-captcha {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

    #dle-captcha, .dle-captcha img {
        background: url(../dleimages/loading.gif) no-repeat center center;
        display: block;
        height: 82px;
        width: 162px;
        border: 1px solid rgba(134,136,138,.28);
        border-radius: 2px;
        transition: all 0.2s ease 0s;
        z-index: 1
    }

    .dle-captcha input {
        flex: 1 1 0;
        margin-left: 0.75rem;
    }

/* ---Настройка кнопок--- */
/*style.css*/

/*---Дополнительные поля---*/
table tr[id*="xfield"] td:first-child {
    vertical-align: top;
    width: 30%;
}

table tr[id*="xfield"] .xfields input {
    width: auto;
}

table tr[id*="xfield"] .xfields .xfieldsnote {
    border-left: 2px solid rgba(255, 0, 0, 0.5);
    margin-top: 0.5rem;
    opacity: 0.75;
    padding-left: 0.25rem;
}

table tr .xfields [disabled="disabled"] {
    display: none;
}

/*file-box*/
.file-box {
    background-color: rgb(245, 245, 245);
    border: 1px solid rgba(124, 126, 128, 0.25);
    border-radius: 0.25rem;
    margin-top: 0.75rem;
    padding: 0.5rem;
    width: 100%;
}

    .file-box .qq-upload-file-status {
        font-weight: 700;
    }

    .file-box .qq-upload-file {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .file-box .qq-status {
        font-weight: 700;
    }

/*odna-stroka*/
/*neskolko-strok*/
/*chistyj-html-ili-js-kod*/
/*spisok*/
/*zagruzhaemoe-izobrazhenie*/
/*zagruzhaemaja-galereja*/
table tr[id*="xfield"] .qq-uploader .file-preview-card {
    border: 1px solid rgba(134, 136, 138, 0.28);
}
/*zagruzhaemyj-fajl*/
/*perekljuchatel-da-ili-net*/
table tr[id*="xfield"] .xfields .switch {
    width: auto;
}
/*data-i-vremja*/

/*---15+ edit (WYSIWYG) for old Browser---*/
.wseditor .tox-tinymce {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15);
}
/*--- dle-popup-mediaupload ---*/
.ui-dialog.dle-popup-mediaupload .tabs {
    align-items: center;
}

    .ui-dialog.dle-popup-mediaupload .tabs ul {
        padding-left: 0;
    }

.ui-dialog.dle-popup-mediaupload input.icheck {
    margin-right: 0.5rem;
    width: auto;
}

.ui-dialog.dle-popup-mediaupload .mediaupload-box .plupload_file_name {
    white-space: inherit;
}

.ui-dialog.dle-popup-mediaupload .mediaupload-box .plupload_button {
    line-height: inherit;
    text-transform: none;
}

.ui-dialog.dle-popup-mediaupload .mediaupload-box .upload-options .checkbox label {
    padding-left: 0;
}

/* + 15.1 */
.story__content figure {
    margin: 0;
}

    .story__content figure.align-left {
        float: left;
    }

    .story__content figure.align-right {
        float: right;
    }

    .story__content figure.image.align-center {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .story__content figure.image figcaption {
        padding: 1rem;
        background-color: #fafafa;
        font-size: .8rem;
        caption-side: bottom;
        word-break: break-word;
        text-align: center;
    }

    .story__content figure.image.align-center figcaption {
        display: table-caption;
    }

/* + 15.3 */
.comments-image-gallery {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

	.comments-image-gallery li img {
		border: 0.25rem solid rgb(255, 255, 255);
		border-radius: 0.25rem;
		float: left;
		margin: 0.25rem;
		transition: box-shadow 0.5s ease 0s;
	}

		.comments-image-gallery li img:hover {
			box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
		}

.mce-toc {
    border: 1px solid rgb(240, 240, 240);
    margin: 0 0 0.5rem 0;
}

    .mce-toc h2 {
        margin: 0.5rem;
    }

    .mce-toc ul {
        padding-left: 1.25rem;
        list-style: none;
        margin-top: 0;
        margin-bottom: 0;
        margin-block-start: 1em;
        margin-block-end: 1em;
    }

        .mce-toc ul ul {
            padding-left: 1.25rem;
            margin-block-start: 0;
            margin-block-end: 0;
        }

    .mce-toc li {
        list-style-type: none;
    }
	
/* + 16.0 */	
.image-bordered {
    border: 1px solid rgba(225, 225, 225, 0.85);
}

.image-shadows {
    box-shadow: 0 4px 8px -2px rgba(10, 30, 66, 0.25), 0 0 0 1px rgba(9, 30, 66, 0.08);
}

.image-padded {
    padding: 0.5rem;
}

.comments-user-profile {
    color: rgb(51, 148, 230);
    cursor: pointer;
    font-weight: 700;
}

/* + 16.1 */
.title_spoiler a svg {
    margin-right: 0.25em;
    padding: 0.125rem;
}