.headercomment {display:flex; gap:10px;}

.headercomment .name {flex:1;}

.header {
z-index: 99999 !important;
}

.full-story-hidden {
height: 130px;
overflow: hidden;
margin:0 0 10px 0; 
position: relative;
}

.full-story-hidden.active {
height:auto;
}

.full-story-hidden::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60%;
background: linear-gradient(to top, #fff 0, transparent 100%);
z-index: 1;
}

.full-story-hidden.active::before {display:none;}




/* ==========================================================================
   1. БАЗОВЫЕ СТИЛИ, СЕТКА И КНОПКИ
   ========================================================================== */
img { max-width: 100%; }
textarea { resize: vertical; }
fieldset { border: 1px solid #bfced6; padding: 5px; text-align: left; }

.d-flex {
    display: flex;
    gap: 20px;
}

/* Группировка кнопок сайта и элементов интерфейса */
.lgn__content ul a, 
.header__btn-login span, 
button, 
.button, 
.bbcodes, 
.fbutton, 
.open-profile, 
#AddCommentsForm .btn-submit {
    display: block;
    padding: 8px 12px;
    background-color: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer;
}

.lgn__content ul a:hover, 
.header__btn-login span:hover, 
button:hover, 
.button:hover, 
.bbcodes:hover, 
.fbutton:hover, 
.open-profile:hover, 
#AddCommentsForm .btn-submit:hover {
    border-color: var(--accent);
}

.header__btn-login {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.header__btn-login img { width: 40px; }

.show-text {
display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--accent);
    color: #ffffff;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 20px;
    transition: background-color 0.2s, transform 0.1s;
    box-shadow: 0 4px 6px rgba(0, 123, 255, 0.2);
}

.show-text:hover {
background-color: #0056b3;
}




/* ==========================================================================
   2. СЛАЙДЕР И ПОСТЕРЫ (ЭФФЕКТЫ ХОВЕРА)
   ========================================================================== */
.slide { padding: 5px 0; }
.slider-poster-img { position: relative; }

.slider-poster-img:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    width: 64px;
    height: 64px;
    background: url(../images/play.svg) no-repeat;
    margin: -32px 0 0 -32px;
    opacity: 0;
    transition: .5s;
}

.slider-poster-img:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 3;
    background: rgba(0,0,0,.5);
    opacity: 0;
    transition: .5s;
}

/* Объединение ховер-состояний */
.slider-poster-img:hover:before,
.slider-poster-img:hover:after { 
    opacity: 1; 
}


/* ==========================================================================
   3. МОДУЛЬ УВЕДОМЛЕНИЙ (DLEPUSH)
   ========================================================================== */
.DLEPush.top-right {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    width: 350px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.DLEPush-notification.wrapper {
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
    padding: 15px 40px 15px 60px;
    position: relative;
    color: #333;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #e0e0e0;
}

.DLEPush-close {
    position: absolute;
    top: 8px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: #bbb;
    cursor: pointer;
    padding: 0;
}
.DLEPush-close:hover { color: #333; }

.DLEPush-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
}
.DLEPush-icon svg { display: none; }

.DLEPush-header {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
}

.DLEPush-message {
    font-size: 13px;
    line-height: 1.5;
}

/* Типы уведомлений и их иконки */
.push-error { border-left: 4px solid #f44336; }
.push-error .DLEPush-icon::before { content: "⚠️"; font-size: 24px; }

.push-success { border-left: 4px solid #4caf50; }
.push-success .DLEPush-icon::before { content: "✅"; font-size: 24px; }

.push-info { border-left: 4px solid #2196f3; }
.push-info .DLEPush-icon::before { content: "ℹ️"; font-size: 24px; }


/* ==========================================================================
   4. ФОРМЫ, ПОЛЯ ВВОДА И ПОИСК
   ========================================================================== */
input { border: 0px; background: #f8f9fa; }
select { border: 0px; background: #f8f9fa; height: 40px; }

.form__row {
    margin: 10px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.form__row input { border: 0px; background: #f0f7ff; height: 40px; padding: 0 10px; }

.form__label { display: block; width: 100%; max-width: 300px; }
.form__find-related { display: block; margin: 5px 0 0 0; }
.serv__title, h1.title { margin: 0 0 20px 0; }
#registration { display: flex; gap: 5px; }
#fullsearch { display: none; }

/* Кастомные поля в админке / профиле DLE */
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, 
.editor input[type="text"], #category, textarea.ui-corner-all, .pm select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, 
.bbeditor select, .textin, select.rating {
    padding: 4px 0 4px 5px;
    cursor: text;
    background: #f4f4f6;
    color: #333;
    font-weight: 700;
    border: 1px solid #e5e6e8;
}

.fieldtr select:focus, .pm select:focus, .textin:focus, .f_textarea:focus, .f_input:focus, .xfields textarea:focus, 
.xprofile textarea:focus, .editor input[type="text"]:focus, #category:focus, textarea.ui-corner-all:focus, 
.tdfield select:focus, .lfield input:focus, .xfields input:focus, .xprofile input:focus, .xfields select:focus, 
.xprofile select:focus, .mass_comments_action select:focus, .bbeditor select:focus {
    background: #444;
}

.tableform { width: 100%; }
.tableform td, .tableform th { border-top: 1px dotted #444; padding: 10px 0; text-align: left; }
.tableform tr:first-child td, .tableform tr:first-child th { border: 0 none; }
.tableform th, .tableform .label, .tableform .addnews { width: 25%; font-weight: normal; vertical-align: top; padding-right: 10px; padding-top: 8px; }
.imp::after { color: #e46950; content: "*"; font-weight: bold; }

.recipient select { width: 298px; }
.checkbox { color: #787878; padding: 4px 0; line-height: 1em; }
.checkbox input { margin-top: -2px; vertical-align: middle; }


/* ==========================================================================
   5. МОДУЛЬ АВТОРИЗАЦИИ (LOGIN & PROFILE)
   ========================================================================== */
.login-name { text-transform: uppercase; font-weight: 700; font-size: 20px; }

.lgn { position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; width: 500px; max-width: calc(100% - 40px); display: none; }
.lgn__content { background-color: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.5); padding: 30px; position: relative; border-radius: 20px; display: flex; gap: 20px; }

.lgn .close {
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: url(../images/mobile-close.svg) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
}

.lgn__content ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px; width: 100%; }
.lgn__ctrl > * { color: #fff !important; font-size: 19px; font-weight: 500; height: 45px; position: relative; text-transform: uppercase; }
.lgn__ctrl span::before { content: ''; border: 10px solid transparent; border-bottom-color: var(--bg); position: absolute; left: 50%; bottom: 0; margin-left: -10px; z-index: 5; }
.lgn__btn-close { font-size: 40px; color: #fff; position: absolute; right: -50px; top: 0; z-index: 10; }
.lgn__header { position: relative; }
.lgn__avatar { width: 60px; background-color: var(--bg-darker); font-size: 24px; position: absolute; left: 0; top: 50%; translate: 0 -50%; overflow: hidden; border-radius: 50%; }
.lgn__title { font-size: 23px; font-weight: 500; text-align: center; }
.lgn__caption { color: var(--tt-fade); margin-top: 5px; text-align: center; }

.lgn__input input { height: 50px !important; line-height: 50px !important; border-radius: 0 !important; padding: 0 30px !important; width: 100%; margin: 0 0 10px 0; }
.lgn__input input::placeholder { font-size: 16px; }
.lgn__input input + input { margin-top: -1px; } 
.lgn__input input:focus { position: relative; z-index: 5; }

.lgn__btn button { width: 100%; height: 50px; }
.lgn__cell a { color: var(--ui-accent); }

/* Социальные сети в авторизации */
.lgn__social-caption { font-size: 13px; color: var(--tt-fade); margin-top: 5px; }
.lgn__social-caption::before, .lgn__social-caption::after { content: ''; flex-grow: 1; background: var(--bdc); height: 1px;}
.lgn__social a { border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center; }
.lgn__social a img { height: 18px; width: 18px; display: block; filter: invert(1); }

.lgn__social-vk { background-color: #587ba1; }
.lgn__social-ok { background-color: #ff9800; }
.lgn__social-fb { background-color: #3b5998; }
.lgn__social-ml { background-color: #2196f3; }
.lgn__social-gg { background-color: #f44336; }
.lgn__social-ya { background-color: #fc3f1d; }
.lgn__social:not(:has(a)) { display: none; }

.lgn--logged { width: 400px; }
.lgn__menu a { display: flex; align-items: center; gap: 10px; }
.c-0 span { display: none; }


/* ==========================================================================
   6. КОММЕНТАРИИ (COMMENTS & REVIEWS)
   ========================================================================== */
#ReviewsBlock { display: flex; flex-direction: column; gap: 20px; }
.mass_comments_action { display: none; }

#comments { width: 100%; margin: 10px 0 0 0; padding: 20px; border-radius: 20px; }

#CommentsBlock { display: flex; flex-direction: column; gap: 20px; }
#CommentsBlock > h2 { width: 100%; box-sizing: border-box; font-size: 18px; font-weight: bold; color: var(--color-font-gray-32); }

#Comments { width: 100%; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; }

/* Стили отдельного комментария */
#Comments .comment { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; margin: 0 0 20px 0; }

#Comments .comment > .image { display: flex; justify-content: center; align-items: center; border-radius: 5px; background: var(--color-comments-main); background: var(--gradient-main); width: 70px; }
#Comments .comment > .image > svg { width: 20px; height: 20px; stroke: var(--color-bg-comments); padding: 10px; }

#Comments .comment > .content { width: 100%; display: flex; flex-direction: column; gap: 10px; padding: 0 0px 10px 0px; background-color:#fff; border-radius: 20px; border: solid 2px #e3e5e7; }

#Comments .comment > .content > .header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; border-bottom: solid 1px var(--color-border-gray-E); box-sizing: border-box; padding: 10px; border-radius: 15px; }
#Comments .comment > .content > .header > .name { font-size: 15px; font-weight: 500; color: var(--color-font-gray-32); word-break: break-all; flex: 1; }
#Comments .comment > .content > .header > .date { font-size: 13px; color: var(--color-font-gray-96); user-select: none; }

#Comments .comment > .content > .text { font-size: 15px; color: var(--color-font-gray-64); line-height: 1.5; word-break: break-all; padding:15px; }
#Comments .comment > .content > .text a { color: var(--color-font-gray-32); font-weight: 500; text-decoration: none; }

/* Тулбар и кнопки внутри комментария */
#Comments .comment > .content > .toolbar { height: 40px; display: flex; flex-direction: row; align-items: center; border-top: solid 1px var(--color-border-gray-E); box-sizing: border-box; }
#Comments .comment > .content > .toolbar > button { height: 100%; display: flex; flex-direction: row; align-items: center; gap: 10px; border: none; outline: none; background: #FFF; user-select: none; cursor: pointer; }
#Comments .comment > .content > .toolbar > button > span { font-size: 13px; color: var(--color-font-gray-64); transition: 0.2s; }
#Comments .comment > .content > .toolbar > button:hover > span { color: var(--color-font-main-dark); }
#Comments .comment > .content > .toolbar > button > svg { width: 12px; height: 12px; stroke: var(--color-font-gray-64); transition: 0.2s; }
#Comments .comment > .content > .toolbar > button:hover > svg { stroke: var(--color-font-main-dark); }

/* Вложенные комментарии (Ответы) */
#Comments > .sub-comment { width: 100%; display: flex; flex-direction: row; align-items: flex-start; padding-left: 100px; box-sizing: border-box; }
#Comments > .sub-comment > .content { width: 100%; display: flex; flex-direction: column; gap: 10px; padding: 0 20px 10px 20px; border-radius: 5px; border: solid 1px var(--color-border-gray-E); background: #FFF; }
#Comments > .sub-comment > .content > .header { height: 40px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--color-border-gray-E); box-sizing: border-box; }
#Comments > .sub-comment > .content > .header > .name { font-size: 15px; font-weight: 500; color: var(--color-font-gray-32); }
#Comments > .sub-comment > .content > .header > .date { font-size: 13px; color: var(--color-font-gray-96); user-select: none; }
#Comments > .sub-comment > .content > .text { font-size: 15px; color: var(--color-font-gray-64); line-height: 1.5; }
#Comments > .sub-comment > .content > .text a { color: var(--color-font-gray-32); font-weight: 500; text-decoration: none; }

/* Постраничная навигация и загрузка */
.pagination { font-size: 20px; grid-column: 1 / -1; margin: 20px 0 0 0; justify-content: center; }
.pagination a {color:#212529;}
.pagination a:hover {color:#007bff;text-decoration: underline;}
.dle-comments-navigation .pagi-nav { margin-bottom: 0; padding-bottom: 20px; }

#LoadCommentsBlock { display: flex; flex-direction: row; justify-content: center; }
#LoadCommentsBlock > button { height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; border: none; outline: none; padding: 0 40px; border-radius: 5px; font-size: 15px; font-weight: 500; color: var(--color-bg-comments); background: var(--gradient-main); cursor: pointer; transition: 0.2s; user-select: none; }

/* Форма добавления нового комментария */
#AddCommentsFormBlock { margin: 0 0 20px 0; }
#AddCommentsFormBlock > h2 { width: 100%; font-size: 18px; font-weight: bold; color: var(--color-font-gray-32); }
#AddCommentsFormBlock > .notification-comment { width: 100%; font-size: 15px; font-weight: 500; }
#AddCommentsFormBlock > .notification-comment.good { color: #33A42D; }
#AddCommentsFormBlock > .notification-comment.error { color: #DD4D1B; }
#AddCommentsFormBlock > .notification-comment.warning { color: #FF7F50; }

#AddCommentsForm > .row { width: 100%; display: flex; flex-direction: column; gap: 10px; }
#AddCommentsForm label { width: 100%; font-size: 13px; font-weight: 500; color: var(--color-font-gray-64); display: block; margin: 5px 0; }
#AddCommentsForm input { width: 100%; height: 40px; padding: 0 20px; box-sizing: border-box; border: solid 1px var(--color-border-gray-E); outline: none; border-radius: 5px; font-size: 15px; color: var(--color-font-gray-32); transition: 0.2s; background: var(--color-bg-comments); }
#AddCommentsForm input:focus { border-color: var(--color-border-main); }

#ACEditor { max-width: 100%; min-width: 100%; min-height: 100px; max-height: 160px; display: flex; flex-direction: column; padding: 10px 20px; box-sizing: border-box; outline: none; border: solid 1px var(--color-border-gray-E); border-radius: 5px; background: var(--color-bg-comments); transition: 0.3s; }
#ACEditor:focus { border-color: var(--color-border-main); }

.message-info__title { font-size: 20px; margin: 0 0 10px 0; font-weight: bold; }


/* ==========================================================================
   7. РЕЙТИНГ (СТАРЫЙ ОДНОПИКСЕЛЬНЫЙ МЕТОД)
   ========================================================================== */
.rating { width: 130px; height: 24px; }
.unit-rating { list-style: none; margin: 0; padding: 0; width: 130px; height: 24px; position: relative; background-image: url(../images/rating.webp); background-position: top left; background-repeat: repeat-x; }
.unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { display: block; width: 24px; height: 24px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0; }
.unit-rating li a:hover { background-image: url(../images/rating.webp); background-position: left center; z-index: 2; left: 0; }

.unit-rating a.r1-unit { left: 0; }
.unit-rating a.r1-unit:hover { width: 26px; }
.unit-rating a.r2-unit { left: 26px; }
.unit-rating a.r2-unit:hover { width: 52px; }
.unit-rating a.r3-unit { left: 52px; }
.unit-rating a.r3-unit:hover { width: 78px; }
.unit-rating a.r4-unit { left: 78px; }
.unit-rating a.r4-unit:hover { width: 104px; }
.unit-rating a.r5-unit { left: 104px; }
.unit-rating a.r5-unit:hover { width: 130px; }
.unit-rating li.current-rating { background-image: url(../images/rating.webp); background-position: left bottom; position: absolute; height: 24px; display: block; text-indent: -9000px; z-index: 1; }


/* ==========================================================================
   8. ГОЛОСОВАНИЯ И ОПРОСЫ (VOTES)
   ========================================================================== */
.vote-wrap { color: #5c5c5c; }
.vote-title { line-height: 18px; position: relative; padding-bottom: 10px; border-bottom: 1px dashed rgba(0,0,0,0.2); }
.vote-list { margin: 20px 0 0 0; line-height: normal; }
.vote { margin-bottom: 10px; font-size: 12px; }
.vote:after { content: ""; display: table; clear: both; }
.vote input { margin: 2px 8px 0 0; float: left; display: none; }
.vote label { position: relative; }
.vote label:before { content: ""; float: left; margin: 2px 8px 0 0; cursor: pointer; width: 14px; height: 14px; border-radius: 8px; border: 0px solid #e3e3e3; background-color: #fff; }
.vote input:checked + label:before { border-color: #94bee6; box-shadow: inset 0 0 0 2px #fff; background-color: #bfe078; }
.vote label:hover { cursor: pointer; color: #000; }
.vcount { margin-top: 10px; }

.vote-buts { padding: 10px 0 0 0; }
.vote-buts button { float: left; padding: 0; box-shadow: none !important; height: 36px; line-height: 36px; }
.votebuts button:hover { opacity: 0.8; }
.vvote { text-align: center; width: 100%; }
.vvote-buts i { color: #2a2a2a; margin-right: 5px; }

.vres, .vall { width: auto; background: transparent; float: right !important; margin-left: 15px; color: #2a2a2a; font-size: 12px !important; }
.vres:hover, .vall:hover { background: transparent; color: #000; }
.vres { text-align: center; width: 100%; }
#pollbox { border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px; }
#dle-poll-list, #searchtable, .pm_status { padding: 15px; border-radius: 20px; background-color: #1f1f1f; }


/* ==========================================================================
   9. СТРАНИЦА ПРОФИЛЯ ПОЛЬЗОВАТЕЛЯ (USERINFO)
   ========================================================================== */
.user-inner, .user-inner *, #options, #options * { box-sizing: border-box; }
.ur-item { display: flex; gap: 10px; flex-wrap: wrap; }
.user-edit { padding: 0 20px 0 20px; }

.user-edit a {
    display: block;
    padding: 7px 10px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    color: #fff !important;
    background-color: #f17e21;
}

.input input, .input select {
    padding: 7px 5px;
    cursor: text;
    background: #f4f4f6;
    color: #333;
    font-weight: 700;
    border: 1px solid #e5e6e8;
    width: 100%;
}

.sep-textarea { margin: 0 0 10px 0; }
.user-inner { display: flex; position: relative; padding: 20px 20px 0 20px; }
.user-left { width: 200px; padding: 20px; position: relative; z-index: 10; }
.user-right { flex: 1; padding: 20px 30px; }
.user-avatar { width: 100px; margin: 10px auto; }
.user-avatar img { width: 100%; display: block; }
.user-status { margin: 20px 0 20px 0; text-align: center; }

.offline, .online { text-align: center; width: 100px; padding: 3px 5px; display: inline-block; color: #fff; background-color: #626262; border-radius: 4px; }
.online { background: #99ce1b; }

.user-connect a { display: block; padding: 7px 10px; margin-top: 10px; border-radius: 4px; font-size: 14px; text-align: center; color: #fff !important; background-color: #f17e21; }
.user-right h1 { font-size: 18px; font-weight: 700; margin-bottom: 10px; }

/* Всплывающее окно профиля (Userinfo popup) */
.userinfo { padding-left: 110px; }
.userinfo .left { margin-left: -110px; width: 80px; }
.userinfo .left .avatar { margin: 0 0 5px 5px; float: none !important; }
.userinfo .right { margin: 0; width: 100%; }
.usinf li, .userinfo ul.right li { padding: 5px 0; border-top: 1px dotted #D9D9D9; font-size: 12px; }
.usinf li:first-child, .userinfo ul.rcol li:first-child { border: 0 none; }
.uibtn { font-size: 11px; }
.ussep { padding-top: 1.2em; }
.left { float: left; }
.right { float: right; }


/* ==========================================================================
   10. СТРАНИЦА ПОИСКА И ВЫВОД РЕЗУЛЬТАТОВ (SEARCH)
   ========================================================================== */
.search-page { margin-bottom: 20px; }
.searchstyle { width: 480px; }
.search { padding: 0; }
#searchtable, #searchtable td { vertical-align: top; text-align: left; }
#searchtable fieldset { font-size: 11px; border: 1px solid #d7d7d7; padding: 10px; text-align: left; margin: 0 4px 4px 0 !important; border-radius: 20px; }
fieldset legend { font-size: 11px; font-weight: bold; color: #696969; }
#searchtable table, #searchtable form { margin: 0; width: 100%; }
#searchtable select { background-color: #fff; }
#searchuser, #searchinput { width: 90% !important; }

.search > div { margin-bottom: 10px; }
.search input[type="text"], .search select { display: block; width: 100% !important; margin-bottom: 10px; }
.search input[type="checkbox"], .search input[type="radio"] { margin-right: 5px; }
#searchinput + br, #searchinput + br + br { display: none; }

/* Карточка результатов поиска */
.sres-wrap { background-color: #fff; display: block; padding: 15px 15px 15px 230px; border: 1px solid #e3e3e3; position: relative; }
.sres-wrap:nth-child(2n) { background-color: #f6f6f6; }
.sres-wrap:hover { z-index: 100; border-color: #04a2dc; box-shadow: 0 0 10px 0 rgba(4,162,220,0.5); }
.sres-img { float: left; margin-left: -215px; width: 200px; position: relative; }
.sres-img img { width: 100%; }
.sres-text { float: right; width: 100%; color: #000; }
.sres-text h2 { font-size: 16px; color: #BF151E; margin-bottom: 20px; display: block; }
.sres-date { position: absolute; left: 0; top: 0; padding: 10px; background-color: rgba(0,0,0,0.7); color: #FC0; }


/* ==========================================================================
   11. МОДУЛЬ СТАТИСТИКИ И ЛИЧНЫХ СООБЩЕНИЙ (PM)
   ========================================================================== */
.statistics ul.left { min-height: 71px; margin-left: -1px; width: 33.3%; }
.statistics ul.left li { clear: both; padding: 0 15px 0 1px; margin-bottom: 2px; }
.statistics h4 { font-weight: bold; border-bottom: 1px solid #E2E2E2; margin-bottom: .5em; padding-bottom: .6em; }
.statsbox li { border-top: 1px dotted #ebebeb; padding: 8px 0; }
.statsbox li:first-child { border-top: 0 none; }

/* Личные сообщения */
.pm_menu { margin-bottom: 10px; height: 42px; }
.pm_menu li { float: left; }
.pm_menu a { padding: 0 15px; background: #1f1f1f; color: #ccc; margin-right: 10px; height: 40px; line-height: 40px; display: block; }
.pm_menu a:hover { background: #f17e21; color: #fff !important; }
.pm .navigation { display: none; }

.pm_status { margin-bottom: 40px; }
.pm_status_head { border-bottom: 1px solid #111; font-size: 0.9em; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e; }
.pm_progress_bar { border-radius: 4px; border: 1px solid #111; background-color: #585858; padding: 4px; margin-top: 10px; margin-bottom: 10px; }
.pm_progress_bar span { border-radius: 2px; background: #fb643c; font-size: 0; text-indent: -2000em; height: 10px; display: block; overflow: hidden; }

.pm, .userstop { border: 1px solid #ccc; }
.pm tr td, .userstop tr td { padding: 10px; border: 1px solid #111; font-size: 12px; }
.pm tr:nth-child(1) { background-color: #000 !important; color: #ccc; font-size: 18px !important; }
.pm tr:nth-child(2n+2), .userstop tr:nth-child(2n+2) { background-color: #1f1f1f; }
.pm select { width: 100%; margin-bottom: 10px; }

#dle-pm-preview .bform { display: none; }


/* ==========================================================================
   12. СИСТЕМНЫЕ ОШИБКИ, ЦИТАТЫ, СПОЙЛЕРЫ И AJAX
   ========================================================================== */
.berrors { background: #fce5ba; color: #a76846; margin: 0 0 20px 0; padding: 10px 20px; }
.berrors a { color: #aa4e43; text-decoration: underline; }

#loading-layer { font-size: 14px; background: #f06060; padding: 20px; text-align: center; color: #fff; border-radius: 20px; z-index: 8888 !important; }

/* Оформление бБ-кодов текста */
.scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; background: #585858; border: 1px solid #111; }
.title_quote { margin-top: 2px; font-weight: bold; }
.quote { margin: 5px 0 5px 10px; padding: 15px; border-left: 4px solid #920010; font-family: Georgia, serif; font-style: italic; color: #ccc; background-color: #585858; }
.title_spoiler { margin-top: 2px; font-weight: normal; }
.text_spoiler { margin-bottom: 2px; border-top: 0; text-align: justify; }
.title_spoiler img { vertical-align: middle !important; margin: 0 5px 0 0; border: 0; }
.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New"; }

.hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0; }
.hide a { text-decoration: underline; } 
.hide a:hover { text-decoration: none; }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px; }


/* ==========================================================================
   13. СЕТКА КАЛЕНДАРЯ (CALENDAR)
   ========================================================================== */
.calendar { font-size: 12px; width: 100%; color: #444; }
.calendar td, .calendar th { padding: 7px 0; vertical-align: middle; text-align: center; }
.calendar td.day, .calendar td.day-active-v, .calendar th.workday { border: 1px solid #e9e9e9; background-color: #fff; }
.calendar td.weekday, .calendar td.day-active, .calendar th.weekday { border: 1px solid #e3e3e3; background-color: #f6f6f6; }
.weekday-active-v, .day-active-v, .weekday-active, .day-active { font-weight: bold; }
.day-active a, .day-active-v a { color: #94bee6; }
.calendar td.day-current { background: #94bee6; }
.day-current a, .day-current { color: #fff !important; }

th.monthselect { text-align: left; padding-bottom: 5px; }
th.monthselect b { font-weight: normal; }
th.monthselect center { text-align: right; }


/* ==========================================================================
   14. BB-РЕДАКТОР СТАТЕЙ И КОММЕНТАРИЕВ (BB EDITOR)
   ========================================================================== */
.bb-pane { height: 1%; overflow: hidden; padding-bottom: 5px; padding-left: 5px; margin: 0; height: auto !important; text-decoration: none; background: linear-gradient(to bottom, #333 0%, #222 100%); border-radius: 0px; border: 1px solid #111; box-shadow: none !important; }
.bb-pane > b { margin-top: 5px; margin-left: 0; vertical-align: middle; }
.bb-pane .bb-btn + .bb-btn, .bb-pane .bb-btn + .bb-pane, .bb-pane .bb-pane + .bb-btn, .bb-pane .bb-pane + .bb-pane { margin-left: -1px; }

.bb-btn { display: inline-block; overflow: hidden; float: left; padding: 4px 10px; border: 1px solid #111; box-shadow: none; background: linear-gradient(to bottom, #444 0%, #333 100%); cursor: pointer; outline: 0; }
.bb-btn:hover { background-color: #e6e6e6; background: linear-gradient(to bottom, #333 0%, #444 100%); }
.bb-btn:active { background: #000; border-color: #111; box-shadow: 0 0 5px #444 inset; }

[class^="bb-btn"], [class*=" bb-btn"] { font-family: 'bb-editor-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.bb-sel { float: left; padding: 2px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-sep { display: inline-block; float: left; width: 1px; padding: 2px; }

#b_font select, #b_size select { padding: 0px; }

/* Маппинг иконок шрифта BB-панели */
#b_b:before { content: "\f032"; }
#b_i:before { content: "\f033"; }
#b_u:before { content: "\f0cd"; }
#b_s:before { content: "\f0cc"; }
#b_img:before { content: "\f03e"; }
#b_up:before { content: "\e930"; }
#b_emo:before { content: "\f118"; }
#b_url:before { content: "\f0c1"; }
#b_leech:before { content: "\e98d"; }
#b_mail:before { content: "\f003"; }
#b_video:before { content: "\e913"; }
#b_audio:before { content: "\e911"; }
#b_hide:before { content: "\e9d1"; }
#b_quote:before { content: "\e977"; }
#b_code:before { content: "\f121"; }
#b_left:before { content: "\f036"; }
#b_center:before { content: "\f037"; }
#b_right:before { content: "\f038"; }
#b_color:before { content: "\e601"; }
#b_spoiler:before { content: "\e600"; }
#b_fla:before { content: "\ea8d"; }
#b_yt:before { content: "\f166"; }
#b_tf:before { content: "\ea61"; }
#b_list:before { content: "\f0ca"; }
#b_ol:before { content: "\f0cb"; }
#b_tnl:before { content: "\ea61"; }
#b_br:before { content: "\ea68"; }
#b_pl:before { content: "\ea72"; }
#b_size:before { content: "\f034"; }
#b_font:before { content: "\f031"; }
#b_header:before { content: "\f1dc"; }
#b_sub:before { content: "\f12c"; }
#b_sup:before { content: "\f12b"; }
#b_justify:before { content: "\f039"; }

.bb-pane h1 { font-size: 36px; margin-top: 5px; margin-bottom: 5px; }
.bb-pane h2 { font-size: 30px; margin-top: 5px; margin-bottom: 5px; }
.bb-pane h3 { font-size: 24px; margin-top: 5px; margin-bottom: 5px; }
.bb-pane h4 { font-size: 18px; margin-top: 5px; margin-bottom: 5px; }
.bb-pane h5 { font-size: 14px; margin-top: 5px; margin-bottom: 5px; }
.bb-pane h6 { font-size: 12px; margin-top: 5px; margin-bottom: 5px; }

.bb-pane-dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 180px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 11px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; background: white; box-shadow: 0 1px 2px #dadada; }
.bb-pane-dropdown > li > a { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857; color: #333333; white-space: nowrap; }
.bb-pane-dropdown > li > a:hover, .bb-pane-dropdown > li > a:focus { text-decoration: none; color: #262626; background-color: whitesmoke; }
.bb-pane-dropdown .color-palette div .color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; cursor: pointer; }
.bb-pane-dropdown .color-palette { padding: 0px 5px; }

.editorcomm .bb-editor { width: 565px; }
.editorcomm .bb-editor textarea { height: 200px; }


/* ==========================================================================
   15. БЫСТРОЕ РЕДАКТИРОВАНИЕ, ДОП. ПОЛЯ И МОДАЛЬНЫЕ ОКНА
   ========================================================================== */
.quick-edit-text { padding: .4em; width: 350px; }
.quick-edit-textarea { height: 250px; padding: 2px; border: 1px solid #d7d7d7; width: 100%; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.xfields textarea, .xprofile textarea { height: 186px; margin: 0px 1px 0px 0px; padding: 0px; }
.xfields input, .xprofile input { width: 250px; height: 14px; padding: 2px; }
.xfields_table td { vertical-align: top; }

#addcoment-dialog form { margin: 0; }

/* Выпадающие меню системного скрипта */
#dropmenudiv { font: 12px Arial; padding: 10px; display: none; background: #fff; border-radius: 20px; box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index: 200 !important; }
#dropmenudiv a { display: block; text-decoration: none; padding: 5px 8px; width: 154px; }


/* ==========================================================================
   16. ИНТЕГРАЦИЯ СТОРОННИХ ВИДЖЕТОВ (INSTAGRAM / TWITTER)
   ========================================================================== */
.instagram-media, .twitter-tweet { display: inline-block !important; }


/* ==========================================================================
   17. ГАЛЕРЕЯ ДВИЖКА (HIGHSLIDE GALLERY)
   ========================================================================== */
.highslide-wrapper, .highslide-outline { background: #fff; }
.highslide-image { border: 2px solid #fff; }
.highslide-active-anchor, .highslide-active-anchor img { visibility: hidden; } 
.highslide-dimming { background-color: black; }
.highslide-html { background-color: white; }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black; }
a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
.highslide-caption { display: none; padding: 5px; background: white; }
.highslide-controls { width: 195px; height: 40px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; }
.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif"); }


/* ==========================================================================
   18. АДАПТИВНОСТЬ (MEDIA QUERIES)
   ========================================================================== */
@media screen and (max-width: 760px) {
    .user-inner { padding-left: 0; }
    .user-inner:before { display: none; }
    .user-right, .user-left { width: 100%; float: none; padding: 10px; margin-left: 0; }
    .ur-item { padding: 10px 0; }
    .ur-right, .ur-left { width: 100%; float: none; margin-left: 0; }
    
    #Comments {margin:0px; padding:0px;}

    #Comments .comment > .image {display:none;}
    
    .headercomment {padding:10px !important; font-size:14px;}
    
    #Comments .comment > .content > .text {padding:10px; font-size:14px;}
    
    
}

@media screen and (max-width: 490px) {
    .form-title h1 { font-size: 16px; }
    .sep-input { padding: 10px !important; }
    .label, .input { float: none; width: 100%; margin-left: 0; }
    .add-findrel, .add-votebut, .textarea-title { font-size: 12px !important; }
    .sres-wrap { padding: 15px; }
    .sres-img { float: none; margin-left: 0; width: 100%; }
    .sres-text { float: none; width: 100%; color: #f0f0f0; padding: 10px; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.7); }
    .sres-text h2 { color: #fff; margin-bottom: 0; }
    .sres-desc { display: none; }
    .user-main { padding: 30px; }
    .u-avatar { width: 100px; float: none; margin: 0 auto 0 auto; padding: 0 0 20px 0; }
    .u-name { float: none; text-align: center; }
    .offline, .online { margin: 0 auto; }
    .user-info div, .user-connect div { width: 100%; border-right: 0; border-bottom: 1px dashed #d8d8d8; }
}
/*--- ---*/
fieldset {border: 1px solid #bfced6;padding: 5px;text-align: left;}


 
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a { background-position: 0 0 }
.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }
.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }
.highslide-controls .highslide-play a { background-position: -30px 0 }
.highslide-controls .highslide-play a:hover { background-position: -30px -30px }
.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }
.highslide-controls .highslide-pause a { background-position: -60px 0 }
.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }
.highslide-controls .highslide-next a { background-position: -90px 0 }
.highslide-controls .highslide-next a:hover { background-position: -90px -30px }
.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }
.highslide-controls .highslide-move a { background-position: -120px 0 }
.highslide-controls .highslide-move a:hover { background-position: -120px -30px }
.highslide-controls .highslide-full-expand a { background-position: -150px 0 }
.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }
.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }
.highslide-controls .highslide-close a { background-position: -180px 0 }
.highslide-controls .highslide-close a:hover { background-position: -180px -30px }



/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {z-index: 998; width: 320px; font-size: 12px; background: #585858; 
border-radius: 5px; box-shadow: 0 0 1.6em rgba(0,0,0, 0.2) }
#searchsuggestions:after {}
#searchsuggestions a, #searchsuggestions span.notfound { padding:8px 10px; display: block; text-decoration: none; 
border-bottom: 1px solid #111; font-weight:normal;}
#searchsuggestions a { color: #ccc; }
#searchsuggestions a:hover { text-decoration:none; color:#ccc; background-color:#111}
#searchsuggestions span.searchheading { display: block; margin-bottom: .2em; }
#searchsuggestions span.seperator { display: block; }
#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color:#333; color: #fff; }
#searchsuggestions span.notfound { padding: 15px 20px; display: block; }
#searchsuggestions .break { display: none; }

.ui-dialog-titlebar-close {font-size:0px !important; background:none !important; border:0px;}

.mass_comments_action {display:none !important;}

/*--- UI WIDGETS ---*/
.ui-widget-overlay { background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed }
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.ui-helper-clearfix { display: inline-block }
* html .ui-helper-clearfix { height: 1% }
.ui-helper-clearfix { display: block }

.ui-dialog { background-color: #2b2b2b; overflow: hidden; padding: 0; position: absolute; width: 300px; color:#fff;
box-shadow: 0 0 40px rgba(0,0,0, 0.2); border-radius:6px; z-index:9999999999999;}
.ui-dialog-titlebar { padding:10px 20px; border-bottom: 1px solid #111; background-color:#333; 
background: linear-gradient(to bottom, #444 0%,#333 100%);  }
.ui-dialog-title { margin-top: 2px; float: left; font-size: 16px; color: #ccc;}

.ui-dialog .ui-dialog-content {padding:20px; border: 0; overflow: auto; position: relative; zoom: 1; }
.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane { border-top: 1px solid #111; padding: 15px 20px; text-align: center; background-color:#333; }

.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }

.ui-icon-closethick {cursor: pointer; position:absolute; right:8px; top:9px; width:30px; height:30px;}
.ui-icon-closethick:before {content:"x"; width:30px; height:30px; line-height:26px; text-align:center; color:#fff; 
background-color:#007bff; border-radius:4px; position:absolute; right:0; top:0; text-indent:0; font-size:18px; 
}
a:hover .ui-icon-closethick {opacity:0.7;}
.ui-dialog .ui-dialog-buttonset button { margin-right:10px !important; line-height:15px !important;}



/* ---  UI MENU --- */
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px } /* without this, the menu expands to 100% in IE6 */
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; }

/*--- TEXT [code]---*/
pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; }
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic; }
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; }
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; }
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator,
pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; }
pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold; }
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title,
pre .parent, pre .haskell .label { color: #b58900; }
pre .preprocessor, pre .pi, pre .shebang, pre .symbol,
pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; }
pre .deletion { color: #dc322f; }
pre .tex .formula { background: #eee8d5; }


	


/*--- 11 ---*/
.emoji {border: none;vertical-align: middle;width: 22px;height: 22px;}

.xfieldsrow {padding-top:5px;clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left;width: 70%;}
.file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;}
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button {display:inline-block;padding:0 10px;margin-top:5px; line-height:40px !important;cursor:pointer;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;background:#FF9797; text-align:center; }
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;}
.qq-upload-drop-area-active {background:#FF7171;}
.uploadedfile {width: 115px;height: 130px;margin: 10px 5px 5px 5px;border:1px solid #B3B3B3;box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
text-align: center;background:#ffffff;}
.uploadedfile .uploadimage {margin-top: 5px;width: 115px;height: 90px;display: table-cell;text-align: center;vertical-align:middle;}
.uploadedfile .info {text-align: left;white-space: nowrap;margin: 0px 5px 0px 5px;overflow: hidden;}
.progress {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px;
border-radius:8px;background:#eee;box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;}
.progress .progress-bar {float:left;width:0%;font-size:12px;line-height:20px;color:white;text-align:center;background-color:#428bca;
box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;border-radius:8px;box-shadow:none;height:8px;}
.progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;}
.progress-blue {background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee;}


.xfieldimagegallery {margin:20px -5px; list-style: none; clear: both;}
.xfieldimagegallery:after {content: ""; display: table; clear: both;}
.xfieldimagegallery li {list-style: none; margin:0;}
.xfieldimagegallery li img {float: left; margin:5px; border: 5px solid #fff; width: 150px; height: 100px;}
.xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65;}
      



.xfieldimagegallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.xfieldimagegallery li {
  list-style: none;
  margin: 0;
  padding: 0;  
}

.xfieldimagegallery li img {
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

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

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor:not-allowed;
    pointer-events:none;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
}

/* Настройка стандартной капчи при ответах на комментарии */
.dle-captcha { position: relative; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 5px; }
.dle-captcha img {
  position: relative;
  display: block;
  width: 130px; height: 46px;
  -webkit-transition: all ease .2s; transition: all ease .2s;
}
.dle-captcha > input { float: left; width: 130px; }


/* Настройка подсказки для доп. полей */
.xfieldsnote {
  color: #838383;
  font-size: .9em;
}

hr {
    border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
    border-bottom: 1px dashed #888;
}



@media screen and (max-width:780px) {

.pagination {font-size:14px;}

.pagination .d-flex {flex-wrap:wrap; gap:10px;}


}