@charset "Windows-1251";
@import url(style_cs.1751224829.css);

/***   ICOMOON   ***/
@font-face {
font-family: "icomoon";
src: url("https://forumstatic.ru/files/001c/3e/10/70818.woff") format("woff"),
url("https://forumstatic.ru/files/001c/3e/10/46625.ttf") format("truetype");
font-style: normal; font-weight: normal;
}

/**********************************************/

@font-face {font-family: Sirona; src: local('Sirona'), url(//forumstatic.ru/files/001c/3e/10/55051.otf);}
@font-face {font-family: Forum; src: local('Forum'), url(//forumstatic.ru/files/000d/ee/24/52598.ttf);}

@font-face {font-family: Lora; font-style: normal; font-weight: 400; src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/78807.ttf);}
@font-face {font-family: Lora; font-style: italic; font-weight: 400; src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/27232.ttf);}
@font-face {font-family: Lora; font-style: normal; font-weight: 600; src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/64394.ttf);}
@font-face {font-family: Lora; font-style: italic; font-weight: 600; src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/29193.ttf);}


/**********************************************/


/***   START   ***/
:root {

/* РОГА */
--pun-horns: url(https://forumstatic.ru/files/001c/3e/10/46592.webp); 
/* кристалл в шапке */
--pun-horns-decor: url(https://forumstatic.ru/files/001c/3e/10/78728.png); 
/* мох на деталях */
--pun-moss: url(https://forumstatic.ru/files/001c/3e/10/72314.png);

/* база дизайна */
--prwid: 252px;
--body-background: #131e1b;
--thumb-background: #5b3f2a;
--pun-thumb-background: #5d4432;
--pun-scroll-background: rgb(149 117 86 / 38%);
--pun-background: #bdb3a9;
--pun-background-light: #bbb0a6; 
--pun-background-thin: rgb(167 149 139 / 30%); 
--pun-background-light-thin: rgb(211 205 199 / 18%);
--pun-background-shade: #23312c;
--pun-color: #190d03;
--pun-color-thin: #6b4f4b;
--pun-color-light: #c6b4a2; /* #b4a494 */
--pun-a: #633116;
--pun-a-hover: #2c5347;
--pun-a-hover-light: #809995;
--pun-a-author: #daa27c;
--pun-border: #795a43; 
--pun-border-bold: #493629;  /* #614633 */
--pun-border-thin: rgb(131 81 58 / 43%);
--message-background: #277b3e;
--pun-a-shadow: rgb(0 0 0 / 80%);
--pun-box-shadow: 106 61 21;

--body-background-image: url(https://forumstatic.ru/files/001c/3e/10/70011.webp); /* общий фон форума */
--pun-background-top: url(https://forumstatic.ru/files/001c/3e/10/34477.jpg); /* pun верх */
--pun-background-middle: url(https://forumstatic.ru/files/001c/3e/10/37477.jpg); /* pun середина */
--pun-background-bottom: url(https://forumstatic.ru/files/001c/3e/10/50261.webp); /* pun низ */
--pun-bg-texture: url(https://forumstatic.ru/files/001c/3e/10/11374.jpg); /* текстура полосатая */
--pun-bg-detail: url(https://forumstatic.ru/files/001c/3e/10/67287.webp); /* прозрачный узор на фон */
--pun-hr: url(https://forumstatic.ru/files/001c/3e/10/36132.png); /* разделитель горизонтальный */
--pun-border-image: url(https://forumstatic.ru/files/001c/3e/10/32628.png);  /* рамки-золотые */
--pun-border-image-dark: url(https://forumstatic.ru/files/001c/3e/10/62593.png); /* рамки потемнее */
--pun-corner: url(https://forumstatic.ru/files/001c/3e/10/63660.png);  /* уголки-декор*/
--pun-profile-decor: url(https://forumstatic.ru/files/001c/3e/10/59099.png); /* кристалл мелкий */
--pun-blood: url(https://forumstatic.ru/files/001c/3e/10/44176.png); /* кровь */
--body-moon: url(https://forumstatic.ru/files/001c/3e/10/51361.png); /* луна */
--body-sun: url(https://forumstatic.ru/files/001c/3e/10/82893.png); /* солнце */
--pun-topbot: url(https://forumstatic.ru/files/000e/55/96/11985.png); /* стрелки */
}


/*************************шиповничек**********************************/


/*** RESET ***/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
tr, th, td {border: 0px solid var(--pun-border-thin);}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/*! NORMALIZE.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}
body {margin: 0;}
main {display: block;}
h1 {font-size: 2em; margin: 0.67em 0;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
i, em {font-style: italic;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

/********************************************************************/

html * {box-sizing: border-box;}

/*** убираем font boosting ***/
html, html * {text-size-adjust: none; -webkit-text-size-adjust: none;}

body {
line-height: 1.4;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
color: var(--pun-color);
background: var(--body-background-image) 50% 50% no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: var(--body-background);
}


/*********************************************************************/


/***   ЦВЕТ ССЫЛОК   ***/
a {
text-decoration: none;
color: var(--pun-a);
-webkit-transition: 0.15s linear;
-moz-transition: 0.15s linear;
transition: 0.15s linear;
}

a:hover {
color: var(--pun-a-hover);
}

.post-box a {
text-shadow: 0px 0px 0px var(--pun-a);
}


/***   НАВИГАЦИЯ   ***/
.nazv span:hover,
.nazv span a:hover,
#pun-navlinks li.isactive a,
#pun-navlinks a:hover,
#pun-navlinks a:active,
li.pa-author a:hover,
.pa-author a:hover {
color: rgb(221 171 108 / 60%) !important;
}

#pun-navlinks li.isactive a:before,
#pun-navlinks li a:hover:before,
#pun-navlinks li a:active:before {
color: rgb(193 159 109 / 65%) !important;
}

#pun-ulinks a {
color: var(--pun-a);
font-weight: 600;
}

#pun-ulinks a:hover {
color: var(--pun-a-hover);
}


/*** ссылки в названии форума ***/
div.tclcon h3 a {
color: var(--pun-a);
}
div.tclcon h3 a:hover {
color: var(--pun-a-hover);
}


/*** Профиль, дата поста ***/
.post-author a, 
h3 span a {
color: var(--pun-a-author);
}

.post-author a:hover, 
h3 span a:hover {
color: var(--pun-a-hover-light);
}


/* Ссылки под постом - профиль, редактирование */
.post-links a {
color: var(--pun-a);
font-weight: 600;
}

.post-links a:hover {
color: var(--pun-a-hover);
}


/*** ссылки профиля ***/
#profile #profilenav li a {
color: var(--pun-a-author) !important;
}

#profile #profilenav li a:hover {
color: var(--pun-a-hover-light) !important;
filter: brightness(1.25);
}

#profile #profilenav li.isactive a {
color: var(--pun-a-hover-light) !important;
padding: 0 4px;
filter: brightness(1.25);
}


/*** Ссылки в статистике ***/
#pun-stats li.item5.onlinelist a,
#pun-stats li.item5.users_24h>div a {
color: var(--pun-a);
}

#pun-stats li.item5.onlinelist a:hover,
#pun-stats li.item5.users_24h>div a:hover {
color: var(--pun-a-hover);
}


/*** ссылки в админке ***/
.punbb-admin #pun-admain a {
color: var(--pun-a) !important;
}

.punbb-admin #pun-admain a:hover,
.punbb-admin a:focus {
color: var(--pun-a-hover) !important;
}

.punbb-admin #pun-admain li.isactive a {
color: var(--pun-color) !important;
}


/*********************************************************************/


/***   ЗАГОЛОВКИ   ***/
.punbb h2 {
position: relative;
margin: 12px auto;
padding: 0px;
letter-spacing: 1px;
text-transform: uppercase;
text-overflow: ellipsis;
text-align: center;
font-weight: 400;
font-size: 12px;
font-family: Lora, Tahoma, sans-serif;
}


/*** ЗАГОЛОВКИ НА ГЛАВНОЙ ***/
#pun-index .category h2,
#pun-stats h2,
#post-form h2 {
position: relative;
margin: 30px -21px 22px;
padding: 12px 20px 10px;
line-height: 100%;
letter-spacing: 2px;
font-weight: 400;
font-size: 13px;
font-family: Lora, Georgia, Tahoma, sans-serif;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border-style: solid;
border-width: 3px 0;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: var(--pun-corner) -33px -33px no-repeat, var(--pun-corner) calc(100% + 33px) -33px no-repeat, radial-gradient(ellipse at 50% 50%, rgb(60 115 103 / 20%) 0%, transparent 100%), var(--pun-bg-texture) 50% 0% repeat;
background-color: var(--pun-background-shade);
box-shadow: inset 0 0 8px 0px rgb(0 0 0 / 50%);
}

#pun-index .category h2 {
margin: 30px -21px 38px;
}

#pun-stats h2 {
margin: 24px -21px 2px;
text-align: center;
line-height: 100%;
font-size: 14px;
letter-spacing: 3px;
}


/*** ОТСТУП заголовка первой категории ***/
#pun #pun-category1>h2 {
margin-top: 0px;
}


/*** ЗАГОЛОВКИ ВНУТРЕННИЕ ***/
#pun-main h1 {
margin: 6px 0px 12px;
padding: 4px 10px;
font-size: 11px;
font-weight: 600;
font-family: Lora, Tahoma, Arial, sans-serif;
letter-spacing: 0.05em;
overflow: hidden;
text-align: center;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--pun-color-thin);
}

/* над полем ответа */
#post-form h2 {
margin: 16px -21px;
padding: 10px 8px 8px;
transform: none;
letter-spacing: 1px;
}


/*********************************************************************/


/* обнуляем всякое */
.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {position: absolute; font-size: 0; height: 0; width: 0; line-height: 0; padding: 0; overflow: hidden; background-color: transparent; border: 0px none transparent; box-shadow: none;}
.punbb .clearer {display: block; clear: both; height: 0; font-size: 0;}


/***   ВСЕ Таблички на форуме   ***/
table {
width: 100%;
}

thead {
font-size: 11px;
font-style: italic;
color: var(--pun-color);
opacity: 0.65;
}

thead tr {
padding: 6px 0;
}

/*** РАЗДЕЛИТЕЛЬ, rusff-рекомендации, фреймы ***/
.divider,
div#pun-live-rusff {
display: none;
}

iframe {
max-width: 100%;
}


/*********************************************************************/


/***   ЦВЕТНОЙ СКРОЛЛ   ***/
*::-webkit-scrollbar {
width: 10px;
height: 8px;
}
*::-webkit-scrollbar-track {
background-color: var(--body-background);
}

*::-webkit-scrollbar-thumb {
background-color: var(--thumb-background);
}

*::-webkit-scrollbar-corner {
background-color: transparent;
}

/* внутри форума */
#pun *::-webkit-scrollbar {
width: 5px;
height: 5px;
border-radius: 0px;
}

#pun *::-webkit-scrollbar-track {
background-color: var(--pun-scroll-background) !important;
}

#pun *::-webkit-scrollbar-thumb {
background-color: var(--pun-thumb-background) !important;
border-radius: 2px;
}


/***   ХАЙЛАЙТ-ВЫДЕЛИТЕЛЬ   ***/
.post-content .highlight-text {
background-color: var(--body-background) !important;
color: var(--pun-color-light) !important;
padding: 0 6px;
}

.post-content abbr {
cursor: help;
text-decoration: underline dotted;
}


/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
*::selection {
background-color: var(--pun-background-shade);
color: var(--pun-background);
}

*::-moz-selection {
background-color: var(--pun-background-shade);
color: var(--pun-background);
}


/*********************************************************************/


/*** поля ввода преднастройка ***/
button,
input,
optgroup,
select,
textarea {
line-height: 1;
font-size: 1em;
color: var(--pun-color);
border-radius: 0px;
border: 1px solid #97806b;
background-color: var(--pun-background-light);
}

textarea {
text-shadow: none;
border: 1px solid var(--pun-border);
background: var(--pun-bg-detail) calc(100% + 150px) 50% no-repeat;
background-color: var(--pun-background-thin);
box-shadow: 0 1px 5px rgb(var(--pun-box-shadow) / 45%);
}

#main-reply {
width: 100%;
}

#form-buttons table, .punbb .formal textarea {
width: 99%;
}

#post-form.formal {
margin-bottom: 16px;
}


/***   ВЫПАДАЮЩЕЕ ОКНО   ***/
select {
outline: none;
padding: 5px 10px;
}


/*** поля ввода ***/
input {
outline: none;
padding: 0.5em 0.9em 0.4em;
max-width: 100%;
}

[type="checkbox"],
[type="radio"],
input[type="radio"] {
box-shadow: none;
}

/*** радиокнопки ***/
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] *,
fieldset[class="radiofield security-level"] * {
height: 2em;
vertical-align: middle;
line-height: 1.6;
}

.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
margin: 0px 8px auto 4px;
}


/*** подчеркнутый и зачеркнутый текст ***/
.bbuline,
em.bbuline {
text-decoration: underline;
font-style: normal;
}

del {
background-color: transparent !important;
text-decoration: none;
opacity: 0.8;
filter: blur(2px);
}

del:hover {
text-decoration: none;
opacity: 1;
filter: blur(0px);
}


/*********************************************************************/


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
scroll-behavior: smooth;
position: relative;
overflow-wrap: break-word;
margin: 240px auto 30px;
padding: 10px 24px 24px;
width: 1040px;
font-size: 1em;
letter-spacing: 0.015em;
color: var(--pun-color);
background: var(--pun-background-bottom) 50% 100% no-repeat, var(--pun-background-top) 50% 0px no-repeat, var(--pun-background-middle) 50% 0% repeat;
background-color: var(--pun-background);
box-shadow: 0 0 12px rgb(0 0 0 / 50%);
}

.punbb {
display: block;
width: auto;
}

#pun-main {
position: relative;
}

#pun-main:after {
content: '';
display: block;
clear: both;
}

#pun-post .post-box {
border-width: 0px !important;
box-shadow: none;
}


/***   ШАПКА   ***/
#title-logo-table {
position: relative;
height: 0px;
margin: 0px 0px;
}


/*********************************************************************/


/***   НАВИГАЦИЯ 1 ФОРУМ УЧАСТНИКИ   ***/
#pun-navlinks {
top: -0px;
z-index: 6;
position: relative;
line-height: 1.2;
padding: 24px 30px 14px;
margin: -7px -21px 0px !important;
border-style: solid;
border-width: 0px 0px 3px 0px;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: linear-gradient(0deg, rgb(60 115 103 / 15%) -20%, rgb(0 0 0 / 15%) 80%), var(--pun-bg-texture) 50% 0% repeat;
background-color: var(--pun-background-shade);
box-shadow: inset 0 0 15px 0px rgb(0 0 0 / 60%);
}



/***   НАВИГАЦИЯ 2 АКТИВНЫЕ ТЕМЫ УВЕДОМЛЕНИЯ   ***/
#pun-ulinks {
z-index: 5;
position: relative;
padding: 14px 12px 8px;
margin: auto -14px;
width: auto;
text-transform: lowercase;
background: var(--pun-background-top) 50% -11px no-repeat;
background-color: transparent;
}


/***   НАВИГАЦИЯ 1-2 ТЕКСТ   ***/
#pun-navlinks .container,
#pun-ulinks .container {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
gap: 0 10px;
}

#pun-navlinks .container {
margin: auto;
width: auto;
height: auto;
align-items: center;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
font-family: Sirona, Tahoma, sans-serif;
}

#pun-navlinks li#navadmin span {
font-size: 0px;
}

#pun-navlinks li#navadmin span:before {
content: 'Админка';
display: inline;
font-size: 14px;
margin-right: -0px;
}

#pun-navlinks li {
margin: auto;
padding: 0 4px;
}

#pun-ulinks .container {
font-family: Lora, Tahoma, Trebuchet MS, Arial, sans-serif;
font-size: 12px;
font-style: italic;
}

#pun-ulinks li {
margin: auto;
padding: 0 2px;
}


/*** число непрочитанных сообщений ЛС и число уведомлений ***/
span.num_msg {
position: absolute;
z-index: 18;
display: inline-block;
margin-left: 2px !important;
margin-top: -14px !important;
padding: 9px 4px 4px 4px !important;
height: 18px !important;
line-height: 0;
font-size: 10px !important;
font-weight: 400 !important;
font-family: Verdana, Arial, sans-serif;
text-shadow: 1px 1px 2px var(--pun-a-shadow);
background-color: var(--message-background) !important;
}

span.num_msg:before {
top: 15px !important;
background-color: var(--message-background) !important;
}

.bubble,
.notify-bubble {
display: inline-block;
position: inherit !important;
top: 0px !important;
right: 0px !important;
margin: auto auto auto 6px !important;
padding: 1px 3px 0px 3px !important;
min-width: 8px !important;
width: auto !important;
height: auto !important;
font-weight: 400 !important;
font-size: 8px !important;
font-family: Verdana, Arial, sans-serif !important;
color: #fff !important;
text-shadow: 1px 1px 2px var(--pun-a-shadow);
background-color: var(--message-background) !important;
border-radius: 2px !important;
}

.bubble:after, .notify-bubble:after {
display: none !important;
}

#pun #notify-link .unreads {
top: -9px;
right: -14px;
height: 14px;
min-width: 14px;
font-weight: 400;
font-size: 8px;
border-radius: 2px !important;
background-color: var(--message-background);
}

/* уведомления быстрые */
#pun #post #mentions-area {
background-color: transparent;
border-color: transparent;
}
#advanced-setting-list .setting-item {
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px 1px 0px;
text-align: left;
}


/*** ОТКЛЮЧАЕМ НАЗВАНИЯ ПОЛЕЙ И ЗАГОЛОВКИ ***/
h1.title-logo,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-announcement h2,
#pun-status h2,
#pun-status .item4,
#pun-ulinks #Rz,
#pun-navlinks li#navawards,
#pun-navlinks li#navrules {
display: none;
font-size: 0;
}


/*********************************************************************/


/***  ПЕРЕАДРЕСАЦИЯ  ***/
#pun-redirect h1 {
width: auto !important;
margin: 8px 0px auto !important;
}

#pun-redirect .container {
width: auto !important;
margin-top: -6px;
}

#pun-redirect a {
transition: none;
}

.redirect-page {
background: var(--body-background-image) 50% 50% no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
background-color: var(--body-background) !important;
}

.redirect-page #pun-main {
margin: 0px;
}

.redirect-page #pun {
padding: 24px 24px 20px;
text-align: center;
font-size: 11px;
background: var(--pun-background-bottom) 50% 100% no-repeat, var(--pun-background-top) 50% 0px no-repeat, var(--pun-background-middle) 50% 0% repeat !important;
background-color: var(--pun-background) !important;
}

.redirect-page #pun:before {
pointer-events: none;
content: '';
position: absolute;
display: block;
width: auto;
top: -0px;
left: -0px;
right: -0px;
height: 24px;
margin: 0px 0px;
background: var(--pun-corner) -30px -30px no-repeat, var(--pun-corner) calc(100% + 30px) -30px no-repeat;
background-color: transparent;
}


/*********************************************************************/


/***   ФОНД И ПРИВЕТСТВИЕ   ***/
#pun-status {
display: block;
position: relative;
margin: auto 0px auto;
padding: 0px 0px;
font-size: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
text-align: center;
}

#pun-status p.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

#pun-status .container span {
padding: 12px 4px;
}

/* приветствие и фонд по углам */
#pun-status .status-right {
clear: both;
float: none;
margin-left: auto;
}


/***  аватарка в строке приветствия  ***/
.status_userava>img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
transform: scale(1.08);
}

.status_userava>img:hover {
transform: scale(1);
}

.status_userava {
display: block;
margin: auto 8px auto 0px !important;
padding: 0px !important;
width: 32px;
height: 32px;
border-radius: 2px;
overflow: hidden;
flex-basis: 32px;
flex: none;
}


/***   ХЛЕБНЫЕ КРОШКИ   ***/
p.crumbs {
margin: 12px 0px;
font-size: 12px;
font-family: Sirona, Tahoma, serif;
letter-spacing: 0px;
text-align: center;
}

p.crumbs a {
font-weight: 600;
font-style: normal;
}

#pun-crumbs2 {
padding-top: 16px;
}


/*********************************************************************/


/*** ТАБЛИЦЫ ФОРУМА ***/
#pun-index .category table {
border-collapse: separate;
}

#pun-index .category table thead {
display: none;
}

/*** блок с форумами в категории ***/
#pun-index #pun-main .category .container {
position: relative;
padding: 0px 10px;
border-width: 0px 0px;
border-radius: 0px;
background-color: transparent;
}

#pun-main .category .container {
position: relative;
}


/*** СТРОКА форум - последнее сообщение ***/
#pun-index .category tr {
position: relative;
margin: 10px 0px;
padding: 14px 18px;
display: grid;
grid-template-columns: 3fr 1.5fr;
grid-template-rows: auto 1fr auto;
grid-template-areas:
"lone lfour"
"lone lfour";
font-size: 1em;
border: 1px solid var(--pun-border-bold);
background-color: var(--pun-background-light-thin);
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 45%), inset 0 0 3px 0px #e1bea2, inset 0 0 0px 2px #2d1c10, inset 0 0 0px 0px var(--pun-background-light), inset 0 0 6px 3px rgb(98 54 19 / 46%);
}

#pun-index .category tr:last-of-type {
margin-bottom: 0px;
}

#pun-index .category tbody tr:first-of-type {
margin-top: 0px;
}


/* описание форума ссылка и внутренности */
#pun-index .category .tcl {
grid-area: lone;
padding: 0 0px 12px 0;
font-family: Forum, Trajan, Verdana, Tahoma, sans-serif;
font-size: 1.15em;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px 0px 0px;
}

/* тем */
#pun-index .category .tc2 {
grid-area: ltwo;
border: 0px none transparent;
align-items: flex-end;
}

/* сообщений */
#pun-index .category .tc3 {
grid-area: lthree;
align-items: flex-start;
}

/* последнее сообщение */
#pun-index .category .tcr {
grid-area: lfour;
align-self: center;
text-align: right;
margin: 0px 52px 0px 0px;
padding: 12px 0px 12px 16px;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: nowrap;
font-family: Forum, Trajan, Verdana, Tahoma, sans-serif;
font-size: 14px;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px 0px 0px;
}

#pun-index .category .tcr em+a+br,
.lastpost-link+br,
.pf+br,
.descr-forum+br {
display: none;
}

a.lastpost-link {
font-size: 16px;
}


/*** Сообщений и Тем ***/
#pun-index .tc2::before {
margin-right: 5px;
font-family: 'icomoon', 'FontAwesome', 'icon';
content: "\f02d";
}

#pun-index .tc3::before {
margin-right: 5px;
font-family: 'icomoon', 'FontAwesome', 'icon';
content: "\f0e6";
}

#pun-index .category .tc2,
#pun-index .category .tc3 {
align-self: stretch;
display: none;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
margin: 0px 15px 0px 0px;
padding: 4px 0px;
text-align: center;
font-size: 11px;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px;
}


/***   ОФОРМЛЕНИЕ ТЕМ НА ГЛАВНОЙ   ***/
.category .tcl .intd {
padding: 0px 0px 10px 0px;
text-align: center;
border: 0px solid var(--pun-border-thin);
}


/***   ЗАГОЛОВОК-ССЫЛКА В ФОРУМ   ***/
div.tclcon h3 {
padding: 6px 0px 0px 0px;
margin: 0px 0px 8px 0px;
font-family: Sirona, Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
text-align: center;
border-width: 0px;
}

/*** разделитель у названия форума ***/
div.tclcon h3:after,
#pun-index .category .tcl:after {
content: '';
display: block;
width: auto;
max-width: 306px;
height: 18px;
right: 0px;
left: 0px;
margin: 8px auto 0px;
background: var(--pun-hr) 50% 100% no-repeat border-box;
background-color: transparent;
background-size: contain;
opacity: 0.6;
}

#pun-index .category .tcl:after {
margin: auto auto 5px;
}

div.tclcon h3+strong,
div.tclcon h3+strong+br,
div.tclcon h3+br,
div.tclcon h3+strong,
div.tclcon h3+strong+br {
display: none;
}


/*** МОДЕРАТОРЫ ***/
.modlist {
display: block;
padding: 6px 6px 0 6px;
text-align: center;
font-size: 11px;
font-style: italic;
opacity: 0.8;
}


/*** АВТОР ПОСЛЕДНЕГО ПОСТА ***/
#pun-index span.lastpost {
display: block;
margin-top: 2px;
}


/*** ЮЗЕР-АВАТАР ***/
.punbb .user-avatar {
float: left;
position: relative;
width: auto !important;
height: auto !important;
margin: 0px 14px 2px 0px !important;
overflow: visible;
border: 1px solid var(--pun-border-bold);
border-radius: 50%;
}

.punbb .user-avatar:hover {
border-radius: 2px;
}

.punbb .user-avatar a {
padding: 0;
background: none transparent;
}

.punbb .user-avatar .avatar-image {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: left;
height: 34px !important;
width: 30px !important;
border-radius: 50%;
opacity: 0.9 !important;
}

.punbb .user-avatar .avatar-image:hover {
border-radius: 2px !important;
opacity: 1 !important;
}

/* аватар на главной */
#pun-index .user-avatar {
position: absolute;
top: 50%;
right: -48px;
float: none;
clear: both;
margin: 0px auto !important;
transform: translateY(-50%);
height: auto !important;
width: auto !important;
border-radius: 50% !important;
border: 1px solid var(--pun-border-bold);
}

#pun-index .user-avatar:hover {border-radius: 2px !important;}

#pun-index .user-avatar .avatar-image {
position: relative;
margin: 0px auto auto 0px;
height: 36px !important;
width: 32px !important;
opacity: 0.75;
}

#pun-index .category .tcr .user-avatar:hover .avatar-image {
opacity: 1;
border-radius: 2px;
}

/* нет аватара */
.user-avatar.no-avatar span.avatar-image {
background-image: url(https://forumstatic.ru/files/001c/3e/10/59196.png) !important;
}


/***   ИНДИКАТОР ОНЛАЙН   ***/
.punbb .user-avatar .isonline {
display: block;
position: absolute;
z-index: 7 !important;
width: 9px !important;
height: 9px !important;
right: -3px !important;
top: -3px !important;
bottom: auto;
border: 1px solid var(--message-background);
border-radius: 50% !important;
background-color: var(--message-background) !important;
animation: blinkColor 3s linear infinite !important;
}

@keyframes pulse-yell {
0% {
transform: scale(0.85);
box-shadow: 0 0 0 0 rgba(255, 214, 139, 0.7);
}
70% {
transform: scale(0.95);
box-shadow: 0 0 0 8px rgba(255, 214, 139, 0);
}
100% {
transform: scale(0.85);
box-shadow: 0 0 0 0 rgba(255, 214, 139, 0);
}
}

#pun-index .user-avatar .isonline {
top: -4px !important;
right: -4px !important;
}



/*********************************************************************/
/*** РАЗДЕЛЕНИЕ НА 2 СТОЛБЦА ***/
#pun-index .category tbody.hasicon {
display: grid;
grid-template-columns: repeat(2, minmax(48%, 1fr));
grid-template-rows: auto;
gap: 32px 24px;
}

/* блоки внутри форума РРП */
#pun-index .category tbody tr,
#pun-index .category tbody tr:first-of-type {
grid-template-columns: 1fr 1fr;
margin: 2px;
grid-template-rows: 1fr auto max-content;
grid-template-areas:
"lone lone"
"ltwo lthree"
"lfour lfour";
}

#pun-index .category .tc2,
#pun-index .category .tc3 {
display: none;
padding: 4px 0;
margin-right: 0px;
border: 1px solid var(--pun-border-thin);
border-width: 1px 0px !important;
}

#pun-index .category .tcr {
padding: 0px;
border-top: 0px !important;
}

/*** модераторы ***/
#pun-index .category .modlist {
display: none;
text-align: center;
}


/*** ПОСЛЕДНИЙ ФОРУМ - во всю строку ***/
#pun-index .category tbody.hasicon tr:nth-child(2n-1):last-of-type {
grid-column: 1 / -1;
}

/*********************************************************************/


/*** СТАТИСТИКА ***/
#pun-stats {
margin: 4px 0px 10px;
}

#pun-stats ul.container {
font-family: Lora, Tahoma, Trebuchet MS, sans-serif;
font-size: 13px;
padding: 12px 24px 4px;
margin: 0px 0px 12px 0px;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1.1fr;
grid-template-rows: auto auto auto auto auto 1fr auto;
grid-template-areas:
"ntemy nsoob nrega nposl"
"nonln nonln nonln nonln"
"nusers nusers nusers nusers"
"nbirth nbirth nbirth nbirth";
}


#pun-stats #onlinelist {
font-family: Forum, Trajan, Verdana, Tahoma, sans-serif;
font-size: 14px;
}

#pun-stats li.item1 {
grid-area: ntemy;
}

#pun-stats li.item2 {
grid-area: nsoob;
}

#pun-stats li.item3 {
grid-area: nrega;
}

#pun-stats li.item4 {
grid-area: nposl;
}

#pun-stats li.item5.onlinelist {
grid-area: nonln;
}

#pun-stats li.item5.users_24h {
grid-area: nusers;
}

#pun-stats li.item6.birthday {
grid-area: nbirth;
margin-top: 10px;
}


#pun-stats li.item5.statistics {
display: none;
}


/*** выделяем цифры статистики ***/
#pun-stats li strong,
li#onlinelist strong {
font-weight: 600;
}

/*** блоки статистики ***/
#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
padding: 0 10px 6px 10px;
text-align: center;
}

#pun-stats li.item1 span,
#pun-stats li.item2 span,
#pun-stats li.item3 span,
#pun-stats li.item4 span {
display: block;
padding-bottom: 6px;
}

/*** Заменяем слова в статистике ***/
#pun-stats li.item3 span,
#pun-stats li.item4 span {
font-size: 0px;
}

#pun-stats li.item3 span:before,
#pun-stats li.item4 span:before {
display: inline-block;
font-size: 13px;
}

#pun-stats li.item3 span:before {
content: 'Участники:';
}

#pun-stats li.item4 span:before {
content: 'В Круге:';
}


/*** Активны ***/
#pun-stats li.item5.onlinelist {
padding: 0 0 3px 14px;
text-align: left;
}

#pun-stats li.item5.onlinelist span {
display: block;
max-height: 106px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 4px;
padding-right: 6px;
text-align: justify;
}

/* посетили за сутки */
#pun-stats li.item5.users_24h>div {
display: block;
text-align: left;
margin-top: 6px;
padding-top: 4px;
border-width: 0px 0 0 0;
}

#pun-stats li.item5.users_24h>div span {
display: block;
max-height: 126px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 4px;
padding-right: 6px;
text-align: justify;
}

/* выделить админсостав в статистике */
#pun-stats a.group1,
#pun-stats a.group2 {
font-weight: 600;
}


/*********************************************************************/


/* СЕРВИСНЫЙ КОПИРАЙТ */
#pun-about {
padding: 6px 6px;
text-align: right;
text-transform: lowercase;
font-size: 11px;
}

/* ФУТЕР-ПОДВАЛ */
#html-footer {
position: relative;
}

/* ОБЪЯВЛЕНИЕ */
#pun-announcement {
margin: 8px 0px 8px;
padding: 0 0px;
background-color: transparent;
}


/*********************************************************************/


/* легенда блоков */
legend {
margin: auto auto 0px 20px;
text-align: left;
text-transform: lowercase;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.02em;
}

legend span {
padding: 3px 10px;
color: var(--pun-color-thin);
}

legend span:before,
legend span:after {
display: inline-block;
}

legend span:before {
content: '[';
margin-right: 3px;
}

legend span:after {
content: ']';
margin-left: 3px;
}

#post-form legend span {
background-color: transparent;
border-width: 0px;
opacity: 0;
}

#pun-edit legend,
legend.warntext {
padding: 10px 0;
}

/* блок с выборами или заполнениями и описаниями, список ЛС и сам пост письма*/
.fs-box {
margin: 0.2em 0.6em 0.3em;
}

/* название над блоком выбора */
p#sex.infofield,
label[for="fld-lang"],
label[for="fld1"],
label[for="fld2"],
label[for="fld3"],
label[for="fld4"],
label[for="fld5"],
label[for="fld6"],
label[for="fld7"],
label[for="fld8"],
label[for="fld9"],
label[for="fld10"],
label[for="fld11"],
label[for="fld12"] {
margin-left: 0.5em;
font-size: 0.9em;
letter-spacing: 0.01em;
opacity: 0.85;
}

/* обнуляем для чек и некоторых радио */
p.checkfield label,
span.radio label,
dd div.checkfield label {
margin-left: 0em;
font-style: normal;
font-size: 1em;
opacity: 1;
}

/* описание под полями выбора */
.punbb .fs-box p:not(.post-box p),
.punbb .fs-box fieldset {
padding: 0.3em 0 0.9em 0;
line-height: 140%;
}


/*********************************************************************/


/*** СТРАНИЦА ПОИСКА ***/
/* отступ поиска на страничке юзеров */
form#userlist {
margin: 1em 0.6em;
}

/* поля в строчку в Поиске Участников и Поиске Тем */
form#userlist p.inputfield,
form#userlist p.selectfield,
form#punbbsearch p.inputfield,
form#punbbsearch p.selectfield {
display: inline-block;
}

/* верхняя граница для блоков-выборов */
form#userlist fieldset,
form#punbbsearch fieldset,
form#messages[method="post"] fieldset {
margin-bottom: 10px;
}

/* переопределяем фон и отступы для ЛС */
#profile.messages-container fieldset {
padding: 0;
border: 0px none transparent;
background-color: transparent;
box-shadow: none;
}


/*********************************************************************/


/***   ПРОФИЛЬ РЕДАКТИРОВАНИЕ   ***/
/* предпросмотр */
#viewprofile div.container table {
width: auto;
border-spacing: 20px 0px;
border-collapse: separate;
}

.punbb #profile-left {
position: relative;
width: 30%;
text-align: center;
font-size: 11px;
color: var(--pun-color-light);
text-shadow: 0px 1px 2px var(--pun-a-shadow);
border-style: solid;
border-width: 3px 3px;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: radial-gradient(ellipse at 50% 50%, rgb(60 115 103 / 20%) 0%, rgb(0 0 0 / 10%) 75%), var(--pun-bg-texture) 50% 50% repeat;
background-color: var(--pun-background-shade);
box-shadow: inset 0 0 3px 0px rgb(0 0 0 / 10%), inset 0 0 15px 0px rgb(0 0 0 / 60%), 0 0 10px rgb(var(--pun-box-shadow) / 60%);
}

#profile-left li {
margin: auto 12px 8px !important;
}

#profile-left li strong {
display: block;
font-weight: 400 !important;
}

#profile-left #profile-name strong,
#profile-left #pa-online strong {
font-weight: 600 !important;
font-size: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
}

#profile-left #profile-name strong {
padding-top: 18px;
letter-spacing: 0em;
font-size: 16px;
font-family: Lora, Trebuchet MS, Tahoma, sans-serif;
color: var(--pun-a-author);
}

#profile-left #profile-title {
font-size: 11px;
}

#profile-left #pa-edit {
margin-top: 20px !important;
margin-bottom: 20px !important;
}

#profile-right #pa-invites {
display: none;
}

/*** отделяем подпись ***/
#viewprofile #profile-signature {
padding: 12px 14px 12px 14px;
}

#profile-signature ul {
border-style: solid;
border-width: 1px 0 0 0;
}

#profile-right {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
grid-template-rows: auto;
gap: 16px 14px;
overflow: hidden;
width: 100% !important;
}

#profile-right li {
padding: 8px 10px 12px !important;
text-align: center;
font-size: 11px;
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
background-color: var(--pun-background-thin);
}

#profile-right li span {
margin-left: auto !important;
display: block;
clear: both;
float: none !important;
text-align: center !important;
width: auto !important;
padding: 6px 12px 4px;
font-weight: 600;
font-size: 11px;
color: var(--pun-color);
}

#profile-right li strong {
padding-left: 0 !important;
text-align: center;
font-weight: 400;
}

#profile-right #pa-posts {
order: -5;
grid-column: 1 / -1;
}

#profile-right #pa-fld1 {
order: -4;
}

#profile-right #pa-fld2 {
order: -3;
}

#profile-right #pa-fld3 {
order: -2;
}

#profile-right #pa-fld4 {
order: -1;
}


/*** МЕНЮ отступ ***/
#profile>.container {
margin-left: 200px;
margin-right: 18px;
}

#profile .fs-box {
margin: 0.2em 0em 1.2em;
}


/* ПРОФИЛЬ-навигация */
#profilenav {
width: 180px;
float: left;
margin: 0px 0px 12px -190px;
padding-bottom: 16px;
color: var(--pun-color-light);
text-shadow: 0px 1px 2px var(--pun-a-shadow);
border-style: solid;
border-width: 3px 3px;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: radial-gradient(ellipse at 50% 50%, rgb(60 115 103 / 20%) 0%, rgb(0 0 0 / 10%) 75%), var(--pun-bg-texture) 50% 50% repeat;
background-color: var(--pun-background-shade);
box-shadow: inset 0 0 3px 0px rgb(0 0 0 / 10%), inset 0 0 15px 0px rgb(0 0 0 / 60%), 0 0 10px rgb(var(--pun-box-shadow) / 60%);
}

#profilenav ul {
padding: 0px 0px;
text-align: center;
font-weight: 600;
font-size: 13px;
font-family: Trebuchet MS, Tahoma, sans-serif;
}

#profilenav li {
padding: 6px;
}


/* Заголовок предпросмотра профиля */
#profile #profilenav h2 {
margin: 0px 0px 10px !important;
padding: 10px 0px 6px 0px;
font-size: 13px;
font-weight: 600;
border: 0px solid var(--pun-border);
border-width: 0px 0px 1px 0px;
background: linear-gradient(0deg, rgb(0 0 0 / 21%) 0%, rgb(0 0 0 / 21%) 100%); 
background-color: transparent;
}


/* ЛС */
#pun-messages #profile>.container {
margin-left: auto !important;
margin-right: 0px;
}

#pun-messages #profilenav {
align-items: center;
justify-items: center;
display: block;
float: left;
margin: auto 14px 10px auto !important;
}

#pun-messages .fs-box p,
#pun-messages .fs-box fieldset {
line-height: 150%;
}

#pun-messages #profilenav h2 {
width: 100%;
margin: 18px 0px 14px !important;
}

#pun-messages #profilenav h2:last-of-type {
border-width: 1px 0px;
}

#profilenav h2 span {
padding: 0 8px;
}

#pun-messages #profilenav ul {
margin: auto 14px;
padding: 0;
}

#pun-messages #profilenav li {
display: inline-block;
padding: 6px;
}

#pun-messages #profilenav h2:first-child {
grid-column: 1 / 2;
grid-row: 1 / 2;
margin-top: 0px !important;
}

#pun-messages #profilenav h2:last-child {
grid-column: 1 / 2;
grid-row: 2 / 3;
margin-top: 0px;
}

#pun-messages #profilenav ul:first-child {
grid-column: 2 / 3;
grid-row: 1 / 2;
padding: 0 0 4px 0;
}

#pun-messages #profilenav ul:last-child {
grid-column: 2 / 3;
grid-row: 2 / 3;
}


/* уведомления и звук ЛС */
#notify-settings {
margin: auto -0px 18px !important;
padding: 8px 18px 8px;
font-size: 11px;
line-height: 1.1;
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
background-color: var(--pun-background-thin);
}

/* кнопка загрузки файлов */
#profile p.submitend {
padding: 14px 8px;
}

span.files-page-select {
padding-top: 12px;
}


/*********************************************************************/


/*** ОСНОВНОЙ ***/
/* Послать email и ЛС */
a.sendmail,
a.sendpm,
a.sendemail {
padding: 2px 8px;
margin: auto 0.2em;
}

/* заголовки части списков и статистика посещений */
.punbb .required label,
.punbb .datafield span.input {
font-weight: 600;
}

.punbb .datafield span.input a {
font-weight: 400;
}


/*** ПЕРСОНАЛЬНЫЙ ***/
/* Пол */
#profile fieldset.radiofield {
border-top: 0px none transparent;
}

p#sex.infofield {
padding: 0.3em 0 0.3em 0.2em;
}

input[name="form[interests]"],
input[name="form[fld1]"],
input[name="form[fld2]"],
input[name="form[fld3]"],
input[name="form[fld4]"],
input[name="form[fld5]"],
input[readonly="readonly"],
input[name="keywords"],
input[name="req_email"] {
max-width: 90%;
}

/*** АВАТАР ***/
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em;
}

/*** ПОДПИСЬ ***/
div.fs-box.hashelp span.label {
font-weight: 600;
}

dl.parsedsig {
margin: 0.7em 0.5em 0.5em;
line-height: 150%;
}

#profile #form-buttons #button-video {
display: none;
}


/*** ОТОБРАЖЕНИЯ ***/
.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield {
float: left;
margin-right: 1em;
}

.punbb .inline .infofield {
clear: both;
}


/*** УПРАВЛЕНИЕ ***/
#setmods dl {
padding: 0.8em 0;
}

#setmods dt {
font-weight: 600;
margin: 0.4em auto 0.4em 1.9em;
}

#setmods dd div.checkfield {
padding: 3px 2px;
}

div.checkfield .sub {
margin-left: 16px;
}


/*** НАГРАДЫ ***/
#profileContainer .fs-box tr {
display: table-row;
}

#awards-content tr {
width: 100%;
margin: 0px;
padding: 0px;
}

#awards-content td.tc2,
#awards-content td.tcl {
width: 20% !important;
}


/*********************************************************************/


/* автор темы и правка шрифта для внутренностей тем */
span.byuser:before {
content: '-';
padding: 0 5px;
}

.tcr span.byuser:before {
display: none;
}

#pun-index span.lastpost span.byuser {
font-size: 1em;
}

/* отступы в табличках */
.punbb .main td {
padding: 10px 5px;
}

/* Табличное - общее */
.usertable {
margin: 5px auto;
}


/* фикс для ячеек в табличке */
.forum td,
.usertable td,
.fs-box .hasicon td {
width: 100% !important;
text-align: center;
}

.fs-box .post-content tr {
display: table-row;
border-width: 0px;
}

#pun-searchtopics .tc2 {
text-align: center;
}

/* загрузки */
#filetable .ft-version,
#filetable .tc3 {
text-align: center;
}

/* ЛС табличка */
#messages .fs-box tr {
display: grid;
grid-template-columns: 1.7fr 1.2fr 0.8fr 0.3fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

/* иконки и текст заголовка ЛС */
#messages .fs-box .tcl {
text-align: left;
}

/* thead-фикс */
#messages th.pmtcl1,
#messages th.pmtc22,
#messages th.pmtc33,
#messages th.pmtc24 {
width: 100% !important;
}

#messages .tc2.pmtc22 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}

#pun #messages .tc2.pmtc22 .user-avatar {
margin: 0px 14px 2px 0px !important;
}

/* Заголовок письма */
#messages .pmtcl1 .tclcon {
text-align: left;
}

/* участники */
.usertable .tcl,
.usertable .tc2 {
justify-self: start;
text-align: left;
line-height: 110%;
}

.usertable .tcl {
padding-left: 1em !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}

.usertable td.tcl {
font-weight: 400;
}

.usertable tr {
display: grid;
grid-template-columns: 1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
font-family: Forum, Verdana, Tahoma, sans-serif;
}

.online-list tr {
display: grid;
grid-template-columns: 0.9fr 1.3fr 0.8fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
font-family: Forum, Verdana, Tahoma, sans-serif;
}

.online-list td {
padding: 1em 0.4em !important;
}

.online-list td.tcl {
justify-self: left;
}

.online-list th.tcl {
width: 100% !important;
}

#pun-online .tcl.action {
width: 100% !important;
}


/* список активных тем */
.forum {
margin: 0.5em auto 1em;
}

.forum tr {
display: grid;
grid-template-columns: 1.7fr 1fr 0.4fr 0.9fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
font-family: Forum, Verdana, Tahoma, sans-serif;
font-size: 1.4em;
}

.forum .tcl,
.forum .tc2 {
text-align: left;
}

.forum .tcr {
font-size: 0.9em;
}

.forum .tcr span.byuser {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 0em;
}

#pun-viewforum .forum .tcr span.byuser {
display: inline-block;
}

/* внутри категории */
#pun-viewforum .forum tr {
display: grid;
grid-template-columns: 1.8fr 0.4fr 1fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

#pun-viewforum thead tr {
padding: 0;
}

#pun-viewforum .forum .tc2 {
text-align: center;
}

#pun-viewforum .forum .tc3 {
display: none;
}

#pun-viewforum .modmenu {
position: relative;
margin: auto -14px;
padding: 10px 24px 8px 36px;
line-height: 150%;
font-size: 11px;
color: var(--pun-color);
border-radius: 0px;
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px;
background-color: var(--pun-background-thin);
}

#pun-viewforum .modmenu span {
display: none;
}

/* страницы новая тема */
#pun-viewforum .linksb {
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
row-gap: 12px;
}

#pun-viewforum .linksb .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-viewforum .linksb .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}

.postlink.long {
grid-column: 1 / -1;
text-align: right;
margin: auto 0px auto auto;
}

/* модерирование списка тем */
#pun-modviewforum .forum tr {
grid-template-columns: 1.8fr 0.5fr 0.5fr 0.9fr 0.3fr;
grid-template-rows: auto;
padding-left: 0px;
}

#pun-modviewforum .forum .tc2 {
text-align: center;
}

#pun-modviewforum .modmenu {
margin: 1.4em 1.5em 0.8em 0.5em;
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px 0px 0px;
}

#pun-modviewforum .modmenu .container input[type="submit"],
#pun-multimove .modmenu .container input[type="submit"] {
margin: 16px 8px 10px;
}


/* предпросмотр сообщения, удаление сообщения */
#post-preview .post-box,
#pun-delete .post-box {
max-width: 700px;
margin: 1.4em auto 1.1em;
line-height: 1.5;
font-family: Forum, Verdana, Tahoma, sans-serif;
}


#pun #pun-post .post h3+.container,
#pun #post-preview .post h3+.container {
overflow: hidden;
}

/* заплатки для блоков */
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
overflow: hidden;
line-height: 0.0;
font-size: 0;
}


/*********************************************************************/


/***   ПОДФОРУМЫ   ***/
div.subforums {
margin: 1em auto;
font-style: italic;
font-size: 14px;
}

#pun-viewforum .category tr.isub {
padding: 15px 20px;
margin: 0px 0px 12px;
position: relative;
display: grid;
grid-template-columns: 1fr 0.5fr;
grid-template-rows: auto;
border: 1px solid var(--pun-border-bold);
background-color: var(--pun-background-light-thin);
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 45%), inset 0 0 3px 0px #e1bea2, inset 0 0 0px 2px #2d1c10, inset 0 0 2px 2px var(--pun-background-light), inset 0 0 6px 3px #9f8972;
}

#pun-index tr.isub {
margin: 10px 48px 10px 48px;
}

#pun #pun-index .isub .tcl {
padding-left: 0em !important;
}

#pun-index tr.isub .tcl {
padding: 0 25px;
margin-left: 0px;
}

/*** подфорумы внутри форума ***/
#pun-viewforum .category tr.isub .tcl {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding: 0px 0px;
font-family: Forum, Verdana, Tahoma, sans-serif;
font-size: 1.2em;
}

#pun-viewforum tr.isub td.tcl div.tclcon h3 {
margin: auto 0px 12px 0px;
padding: 4px 12px;
}

#pun-viewforum .category thead,
#pun-viewforum .category tr.isub .tc2,
#pun-viewforum .category tr.isub .tc3 {
display: none;
}

#pun-viewforum .category tr.isub .tcr {
grid-row: 1 / 2;
grid-column: 2 / 3;
text-align: center;
padding: 8px 5px;
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: nowrap;
font-family: Forum, Trajan, Verdana, Tahoma, sans-serif;
font-size: 1.15em;
}

#pun-viewforum .category tr.isub td.tcr a+br {
display: none;
}

#pun-viewforum .category tr.isub .tcr em.user-avatar {
display: none;
}

#pun-viewforum .category tr.isub td {
padding: 0;
}

#pun-viewforum .category tr.isub div.icon {
display: none;
float: left;
}


/*********************************************************************/


/*** ИКОНКИ ***/
.forum .tcl .intd,
.fs-box .tcl .intd {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
align-items: center;
}

.intd div.icon {
display: block;
margin: auto 12px auto 0px;
width: 16px;
height: 16px;
border: 1px solid var(--pun-border);
box-shadow: inset 0px 0px 0px 1px #bdb3a9, inset 0px 0px 0px 2px #7b6656, inset 0px -2px 4px 2px #a18b74;
border-radius: 50%;
background-color: var(--pun-background);
}

.inew .intd div.icon {
border: 1px solid var(--pun-border-bold);
box-shadow: inset 0px 0px 0px 1px #bdb3a9, inset 0px 0px 0px 2px #675649, inset 0px -3px 5px 2px #011c09;
background-color: #90fbc4; /* #82f199 #c5ed5d */
}

.iclosed .intd div.icon {
border: 1px solid var(--pun-border-bold);
box-shadow: inset 0px 0px 0px 1px #bdb3a9, inset 0px 0px 0px 2px #675649, inset 0px -2px 5px 2px #471902;
background-color: #ffda76;
}

.isticky .intd div.icon {
border: 1px solid var(--pun-border-bold);
box-shadow: inset 0px 0px 0px 1px #bdb3a9, inset 0px 0px 0px 2px #675649, inset 0px -2px 5px 2px #0d0301;
background-color: #e28fff;
}

/* Убрать Важно, Закрыто, Опрос */
span.stickytext,
span.closedatafield,
span.polltext {
display: none;
font-size: 0px;
}

/***   ИКОНКИ НА ГЛАВНОЙ   ***/
#pun-index div.icon {
display: block;
position: absolute;
top: -27px;
left: 0px;
right: 0px;
height: 30px;
width: auto;
margin: auto;
box-shadow: none;
border-width: 0px;
border-radius: 0px;
background-color: transparent;
background: var(--pun-profile-decor) 50% 100% no-repeat transparent;
}

/*** МОХ НА ФОРУМЕ ***/
#pun-index #pun-main tr:before {
pointer-events: none;
z-index: 3;
content: '';
position: absolute;
display: block;
width: auto;
top: -10px;
left: -6px;
right: -6px;
height: 37px;
margin: 0px 0px;
background: var(--pun-moss) -164px 0px no-repeat, var(--pun-moss) calc(100% + 164px) 0px no-repeat;
background-color: transparent;
}

/* Новые сообщения - фон под форумом */
#pun-index #pun-main tr.inew,
#pun-viewforum .category tr.isub.inew {
background: var(--pun-blood) -153px 0px no-repeat, var(--pun-blood) calc(100% + 137px) 0px no-repeat, var(--pun-bg-detail) calc(100% + 176px) -216px no-repeat;
background-color: var(--pun-background-light-thin);
}


/* цифры непрочитанных сообщений */
.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
display: none;
z-index: 4;
top: 11px;
left: calc(50% - 1px);
transform: translatex(-50%);
margin: auto auto auto 0px !important;
padding: 3px 2px !important;
line-height: 1 !important;
height: auto !important;
opacity: 1;
font-family: Arial, Tahoma, sans-serif !important;
font-size: 10px !important;
color: var(--pun-color-light) !important;
text-shadow: 0px 0px 2px var(--pun-a-shadow);
border-radius: 50% !important;
background-color: var(--body-background) !important;
}


/*********************************************************************/


/* ТОПИК ПАГИНАЦИЯ и Ответить-создать */
.linkst {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto;
padding: 12px 0 18px;
}

.linkst .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

.linkst .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}

.linksb {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
padding: 0.5em 0;
margin: 18px 0px 12px;
}

.linksb .pagelink {
grid-column: 1 / -1;
grid-row: 1 / 2;
}

.linksb .subscribelink {
grid-column: 1 / 2;
grid-row: -2 / -1;
justify-self: end;
text-transform: uppercase;
font-size: 10px;
}

.linksb .postlink {
grid-column: -2 / -1;
grid-row: -2 / -1;
justify-self: end;
}

.linkst,
.linksb {
font-family: Forum, Trajan, Verdana, Tahoma, sans-serif;
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
}


#s-block #sTheme {
outline: none; 
border: 1px solid var(--pun-border-thin) !important;
border-radius: 2px;
background-color: var(--pun-background-thin);
}

#s-block #isk {
outline: none; 
border: 0px solid transparent;
}


/* ответить новая тема */
.postlink {
font-weight: 600;
padding: 0 0px 0 24px;
}

.postlink a,
.subscribelink a {
padding: 2px 6px;
border: 0px solid transparent;
background-color: transparent;
}

/* номера страниц */
.pagelink {
font-size: 1em;
}

.pagelink a,
.pagelink strong {
margin: auto 2px;
padding: 2px 6px;
font-size: 12px;
text-transform: lowercase;
line-height: 100%;
border-radius: 2px;
border: 1px solid var(--pun-border);
background-color: var(--pun-background-light-thin);
}

.pagelink strong {
font-size: 14px;
background-color: var(--pun-background-light-thin);
}


/*********************************************************************/


/* отступ для плавающей навигации */
.punbb div.post.toppost,
.punbb div.post.firstpost,
.punbb div.post.topicpost,
.punbb div.post {
padding-top: 0;
margin-top: 0px;
}

.punbb .post h3 {
width: auto;
}


/***   ДАТА ПОСТА И НОМЕР ПОСТА   ***/
h3 span {
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 8px 16px 6px;
font-size: 12px;
font-weight: 600;
font-family: Lora, Arial, Tahoma, sans-serif;
text-align: center;
}


/***  ДАТА В ЛС ***/
#pun-messages h3 {
color: var(--pun-color-light);
text-shadow: 0 1px 2px var(--pun-a-shadow);
border-style: solid;
border-width: 3px 3px;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: linear-gradient(180deg, transparent 0%, rgb(60 115 103 / 20%) 120%), var(--pun-bg-texture) 50% 0% repeat;
background-color: var(--pun-background-shade);
box-shadow: inset 0 0 8px 0px rgb(0 0 0 / 65%);
}
#pun-messages h3 span {
margin: 0px 0px 0px 0px;
}


h3 span .permalink,
h3 span strong,
h3 span a,
h3 span em {
background-color: transparent;
padding: 1px 12px;
}

h3 span a,
h3 span em {
padding: 0 3px;
}

h3 span strong:first-of-type {
display: inline;
float: right;
}

h3 span strong:first-of-type:before {
content: '# ';
}

/* поделиться */
h3 a.sharelink {
display: none;
}

/* изменение скрипта кнопками */
h3 strong.fnt {
margin: auto 1.5em !important;
display: inline;
float: right;
}

/* делим пост на части */
.punbb .post h3+.container {
display: block;
margin: 0px 0px 0px 0px;
padding: 28px 10px 14px !important;
overflow-wrap: break-word;
font-family: Forum, Verdana, Tahoma, sans-serif;
}

/* обнуляем фон в ЛС-сообщении */
.punbb #profile .post h3+.container {
background-color: transparent;
box-shadow: none;
}


/*********************************************************************/


/*** БЛОК АВТОРА ПОСТА ***/
.post-author {
position: relative;
float: left;
display: block;
margin: 4px auto 20px 0px;
padding: 0px 10px 12px;
width: var(--prwid);
align-self: start;
text-align: center;
font-size: 14px;
color: var(--pun-color-light);
text-shadow: 0px 1px 1px var(--pun-a-shadow);
border-style: solid;
border-width: 3px 3px;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: radial-gradient(ellipse at 50% 50%, rgb(60 115 103 / 20%) 0%, rgb(0 0 0 / 10%) 75%), var(--pun-bg-texture) 50% 50% repeat;
background-color: var(--pun-background-shade);
box-shadow: inset 0 0 3px 0px rgb(0 0 0 / 10%), inset 0 0 15px 0px rgb(0 0 0 / 60%), 0 0 10px rgb(var(--pun-box-shadow) / 75%);
}

.post-author ul {
padding: 0px;
background-color: transparent;
}

/* расстояние между блоками по умолчанию */
.post-author li {
margin: 4px auto;
}

.post-author li:last-child {
margin-bottom: 0px;
}

.post-author li.pa-online {
margin: 10px auto -2px auto;
font-family: Lora, Tahoma, sans-serif;
}

.post-author li.pa-online strong {
font-weight: 400;
}


/***   НИКНЕЙМ   ***/
li.pa-author,
.pa-author {
position: relative;
margin: 0px -10px auto;
padding: 16px 6px 12px;
overflow-wrap: break-word;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.03em;
font-size: 14px;
font-family: Sirona, Tahoma, Trebuchet MS, sans-serif;
color: var(--pun-a-author);
border-style: solid;
border-width: 0px 0px 3px 0px;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: linear-gradient(0deg, rgb(0 0 0 / 30%) -20%, rgb(0 0 0 / 30%) 110%), var(--pun-bg-texture) 50% 0% repeat;
background-color: var(--body-background);
box-shadow: inset 0 0 8px 0px rgb(0 0 0 / 60%), 0 9px 10px -8px rgb(0 0 0 / 55%);
}

.pa-author strong {
font-weight: 400;
}


/***   СТАТУС   ***/
.pa-title,
.post-author li.pa-title,
.pa-replies {
margin: 0px auto;
padding: 10px 0px 12px;
line-height: 100%;
letter-spacing: 0.015em;
font-size: 12px;
font-style: italic;
opacity: 0.95;
}

.pa-replies {
padding: 10px 0px;
}

/***   АВАТАР   ***/
.post-author .pa-avatar {
margin: 0px -8px 12px;
line-height: 0;
position: relative;
}

/*** фикс высоты и ширины аватара ***/
.post-author .pa-avatar img {
max-width: 100%;
width: auto;
max-height: 350px;
height: auto;
border-radius: 0px;
}

.post-author .pa-avatar img.defavtr {
max-width: 220px;
width: auto;
max-height: 350px;
height: auto;
}

/*** Ширина аватара ***/
#profile-left #pa-avatar img,
.post-author .pa-avatar img {
width: auto;
max-width: 220px;
line-height: 12px;
box-shadow: 0px 0px 0px 1px #33251a, 0px 0px 0px 2px #766347, 0px 0px 0px 3px #120c09, 0px 0px 8px 2px rgb(0 0 0 / 60%);
}


/***   РЕПУТАЦИЯ   ***/
.pa-respect a img {display: none;}
li.pa-respect>span {display: inline-block;}
li.pa-respect>span:last-of-type::first-letter {font-size: 0px;}

.pa-respect>a:before {
content: "\e9db"; 
font-family: 'icomoon', 'icon';
font-weight: 400;
font-size: 0.9em;
color: var(--pun-a-author);
}

.pa-respect>a:hover:before {
color: var(--pun-a-hover-light);
}

.pa-respect>a:first-of-type:before {
content: "\e9da";
padding-right: 2px;
}


/*** выделение герба, сообщений и репутации в отдельный блок ***/
.post-author li.lz-fld {
margin: 16px -10px 10px;
padding: 0px;
}

li.lz-fld ul {
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: auto;
align-items: center;
}

#pun-messages li.lz-fld ul {
grid-template-columns: 1fr;
}

li.pa-posts {
grid-column: 1 / 2;
grid-row: 1 / -1;
text-align: center;
}

li.pa-respect {
grid-column: -2 / -1;
grid-row: 1 / -1;
text-align: center;
}

li.pa-fld2 {
grid-column: 2 / -2;
grid-row: 1 / -1;
}

li.pa-posts,
li.pa-respect {
margin: 0px auto;
font-family: Lora, Tahoma, sans-serif;
font-size: 11px;
}

li.pa-posts .fld-name,
li.pa-respect .fld-name {
display: block;
padding: 2px 0px 4px;
}

#pun-messages li.pa-posts .fld-name {
display: inline-block;
}


/***  Cкрываем IP от модераторов  ***/
#pun .pa-ip {display: none;}
#pun.isadmin .pa-ip {display: block;}


/*** ЛИЧНОЕ ЗВАНИЕ ЛЗ ***/
.pa-fld1, 
.pa-fld2,
.pa-fld3,
.pa-fld4,
.pa-fld5 {
text-align: center;
}


/***   ЛЗ   ***/
.post-author li.pa-fld1 {
display: block;
position: relative;
margin: 6px -10px -6px;
padding: 14px 10px 12px;
width: auto;
line-height: 120%;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px;
border-radius: 0px;
border-style: solid;
border-width: 3px 0px;
-moz-border-image: var(--pun-border-image) 3 3 repeat;
-webkit-border-image: var(--pun-border-image) 3 3 repeat;
border-image: var(--pun-border-image) 3 3 repeat;
background: linear-gradient(0deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 30%) 100%), var(--pun-bg-texture) 50% 0% repeat;
background-color: var(--body-background);
box-shadow: inset 0 0 5px 0px rgb(0 0 0 / 50%), 0 9px 10px -8px rgb(0 0 0 / 55%), 0 -9px 10px -8px rgb(0 0 0 / 55%);
}


/*** АНКЕТА ***/
.ls-container a:first-of-type {
display: block;
padding: 2px 0 10px 0;
font-family: Sirona, Lora, Tahoma, Arial, serif;
font-size: 15px;
text-transform: uppercase;
}

.ls-container div {
display: block;
padding: 0px 0px 8px 0px;
}

.ls-container div:last-of-type {
padding: 0px 0px 0px 0px;
}

/*** девиз ***/
.pers-quote {
display: block;
font-style: italic;
}

/*** ГЕРБ ***/
.post-author li.pa-fld2 {
display: block;
position: relative;
margin: 0px 0px;
padding: 0px 0px 0px;
line-height: 100%;
border: 0px solid var(--pun-border);
}

.post-author li.pa-fld2 img {
display: block;
max-width: 60px;
max-height: 80px;
object-fit: contain;
object-position: 50% 50%;
margin: auto;
opacity: 0.75;
}
.post-author li.pa-fld2 img:hover {opacity: 1;}

#profile-right #pa-fld2 img {
display: block;
margin: auto;
max-width: 80px;
max-height: 80px;
object-fit: contain;
object-position: 50% 50%;
}


/*** БЛОК ЛИЧНОЙ СТРАНИЦЫ ***/
.post-author li.pa-fld3 {
display: block;
position: absolute;
right:auto;
left: 50%;
transform: translateX(-50%);
bottom: -29px;
margin: auto;
padding: 0px;
width: 148px;
height: 30px;
line-height: 1;
font-size: 0px;
color: transparent;
background: var(--pun-profile-decor) 50% 0% no-repeat;
cursor: pointer;
}


/*** названия доп. полей и поиск сообщений ***/
#tuser, 
.pa-fld2 .fld-name,
.pa-fld3 .fld-name,
.pa-fld4 .fld-name,
.pa-fld5 .fld-name {
display: none;
}


/***  ИНДИКАТОР АКТИВНОСТИ ОНЛАЙН-ОФФЛАЙН  ***/
.post-author:not(.online) .pa-author .acchide,
.post-author .pa-online,
.post-author .pa-last-visit {
position: absolute;
display: block;
top: -12px;
transform: translateY(-100%);
left: 0px;
right: 0px;
min-height: 20px !important;
width: auto !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
line-height: unset;
background-color: transparent;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
}

.post-author:not(.online) .pa-author .acchide,
.post-author .pa-online:hover {
cursor: pointer;
background-color: transparent;
}
[data-group-id="3"] .post-author:not(.online) .pa-author .acchide {cursor: auto;}

/*** Время активности во всплывающем окне ***/
.post-author .pa-last-visit,
.post-author .pa-online strong {
padding: 6px 8px !important;
margin: 0px !important;
min-height: 20px;
line-height: 1.2;
background-color: #000;
font-weight: 400;
white-space: nowrap;
color: #fff;
font-size: 11px;
text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
text-align: center;
z-index: 8;
border-radius: 3px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: 0;
visibility: hidden;
cursor: pointer;
}

.post-author:has(.acchide:hover) .pa-last-visit,
.post-author .pa-online:hover strong,
.post-author .pa-last-visit:hover {
opacity: .85;
visibility: visible;
}

/*** уголок у окна активности ***/
.post-author .pa-online strong:before,
.post-author .pa-last-visit:before {
content: "";
position: absolute;
width: 0;
height: 0;
left: 50%;
transform: translateX(-50%);
bottom: -15px;
border-width: 8px 8px;
border-style: solid;
border-color: #000 transparent transparent transparent;
}


/*** ЦЕНТРАЛЬНЫЙ КРИСТАЛЛ НА ПРОФИЛЕ ***/
.post-author:before {
pointer-events: none;
content: '';
position: absolute;
display: block;
width: auto;
top: -29px;
left: 0px;
right: 0px;
height: 30px;
margin: 0px 0px;
background: var(--pun-profile-decor) 50% 100% no-repeat;
background-color: transparent;
}

/*** МОХ НА ПРОФИЛЕ ***/
.pa-author:before {
pointer-events: none;
z-index: 3;
content: '';
position: absolute;
display: block;
width: auto;
top: -12px;
left: -8px;
right: -7px;
height: 37px;
margin: 0px 0px;
background: var(--pun-moss) -164px 0px no-repeat, var(--pun-moss) calc(100% + 164px) 0px no-repeat;
background-color: transparent;
}


/*** КРИСТАЛЛ ОНЛАЙН ***/
.post-author.online .pa-title:before {
pointer-events: none;
content: '';
display: block;
position: absolute;
top: -18px;
left: calc(50% - 1px);
transform: translateX(-50%);
width: 16px;
height: 16px;
border-radius: 50%;
background-color: rgb(185 241 236 / 75%);
box-shadow: 0 0 8px rgb(185 241 236 / 95%);
animation: blinkColor 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

/*** убираем у профиля гостя ***/
*[data-group-id="3"] .post-author .pa-title:before, *[data-group-id="3"] .post-author .pa-title:after {
display: none;
}


/*** АНИМАЦИЯ кристалла ***/
@keyframes str1 {
0% {transform: rotate(2.8deg); transform-origin: center top;}
100% {transform: rotate(-2.8deg); transform-origin: center top;}
}
@keyframes str2 {
0% {transform: rotate(1.8deg); transform-origin: center top;}
100% {transform: rotate(-1.8deg); transform-origin: center top;}
}


/*********************************************************************/


/*** ТЕКСТ СООБЩЕНИЯ-ПОСТА ***/
.post-body {
line-height: 1.5;
position: relative;
padding-left: 18px;
padding-right: 0px;
margin-left: var(--prwid);
}

.post-box {
position: relative;
padding: 0px 10px;
text-align: justify;
letter-spacing: 0.02em;
}

.punbb .post-content {
width: 100%;
padding: 0;
margin: 0;
}

/*** ссылки под постом ***/
.post-links {
margin: 12px 0px 4px;
padding: 3px 5px;
text-align: right;
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 13px;
font-weight: 400;
font-family: Forum, Trajan, Verdana, Tahoma, sans-serif;
border: 0px solid transparent;
}

.isguest .post-links {
display: none;
}

.post-links li {
display: inline-block;
position: relative;
margin: auto 2px;
padding: 3px 8px;
}

/*** ссылки редактирования ***/
.pl-email,
.pl-website {
float: left;
}

.post-links li.pl-reports,
.pl-email.email {
display: none;
}


/*** ОТКЛЮЧАЕМ всякое в полях профиля ***/
li.pa-positive,
li.pa-reg,
li.pa-social,
li.pa-sex,
li.pa-from,
li.pa-age,
li.pa-time-visit,
.post-author li.pa-ua,
li.pa-invites,
.pa-gifts,
.post-links li.pl-share,
.pl-share,
.isguest .pa-social {
display: none;
}


/*** Отступы для абзацев, таблички ***/
.post-content p,
#post-preview .post-content p {
padding: 0 0;
margin: auto auto 1em auto;
}

.post-content p:last-of-type,
#post-preview .post-content p:last-of-type {
padding: 0 0 0 0;
margin: auto auto;
}

.post-content p:has(+ table),
#post-preview .post-content p:has(+ table),
.post-content p:has(+ ul),
#post-preview .post-content p:has(+ ul) {
margin-bottom: 0.3em;
}

.punbb .post-content ul {
padding: 0.6em 0 1em 2.2em;
}

.punbb .post-content tbody {
vertical-align: middle;
}

.punbb .post-content td {
display: table-cell;
border-width: 0px !important;
border-color: transparent;
border-style: none !important;
padding: 0;
height: auto;
overflow: hidden;
}


/*** РЕПУТАЦИЯ внутренний отступ ***/
#pun-respect #pun-main .container,
#pun-positive #pun-main .container {
padding: 6px 14px 0;
text-align: center;
}

#pun-respect .tc3,
#pun-positive .tc3 {
word-break: break-word;
}


/*** подпись - разделитель и текст ***/
.post-sig {
padding: 4px 0px 14px 0px;
}

.post-sig dt {
display: block;
height: 18px;
width: auto;
max-width: 306px;
margin: 10px auto 10px;
background: var(--pun-hr) 50% 100% no-repeat border-box;
background-color: transparent;
background-size: contain;
opacity: 0.72;
}

.post-sig dd {
font-size: 0.9em;
line-height: 150%;
}


/***   ЦИТАТА КОД СКРЫТЫЙ ТЕКСТ   ****/
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
display: block;
position: relative;
padding: 16px 20px;
margin: 12px 0.6em 14px 0.6em;
line-height: 1.5;
border: 1px solid var(--pun-border-bold);
border-radius: 0px;
background-color: var(--pun-background-light);
box-shadow: 0 1px 5px rgb(var(--pun-box-shadow) / 55%), inset 0 0 3px 0px #e1bea2, inset 0 0 0px 2px #2d1c10, inset 0 0 2px 2px var(--pun-background-light), inset 0 0 6px 3px #9f8972;
}

.post-content .quote-box {
background: var(--pun-bg-detail) calc(100% + 175px) 12% no-repeat;
background-color: var(--pun-background-light);
}
.post-content .quote-box > * div.quote-box {
background-image: none;
}

.post-content .code-box {
font-size: 0.9em;
border: 0px solid var(--pun-border-bold);
border-width: 1px 1px;
}

pre {
font-size: 0.85em;
}


/*** УБИРАЕМ ЛИШНИЙ ОТСТУП В ЦИТАТЕ ***/
.quote-box p:last-of-type,
blockquote p:last-of-type,
.post-content p:last-of-type {
padding-bottom: 0;
}


/* АВТОР цитаты, выделить код, скрытый текст */
.quote-box cite,
.code-box .legend,
.hide-box cite {
display: block;
position: relative;
margin: -13px -17px 10px -17px;
padding: 8px 14px 6px;
width: auto;
text-align: center;
font-weight: 600;
font-size: 14px;
font-family: Lora, Trebuchet MS, Tahoma, sans-serif;
letter-spacing: 0.02em;
color: var(--pun-background-shade);
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px 1px 0px;
background-color: var(--pun-background-thin);
}


/*** максимальный скролл в блоке кода ***/
.post-content .scrollbox {
overflow: auto;
height: auto !important;
max-height: 180px;
width: 100%;
padding-bottom: 8px;
}


/***   СПОЙЛЕР   ***/
.spoiler-box>div[onclick]>p {
margin: 0 !important;
padding: 0 !important;
}

.post-content .spoiler-box>blockquote.visible {
border: 1px solid var(--pun-border-thin);
border-radius: 0px;
border-width: 1px 0 0 0;
}

/***   БЛОК СПОЙЛЕРА ВИДИМАЯ ЧАСТЬ   ***/
.post-content .quote-box.spoiler-box {
padding: 0px;
}

.post-content .spoiler-box>div {
background-image: none !important;
padding: 14px 16px 14px 46px !important;
box-shadow: none;
display: block;
position: relative;
font-size: inherit;
}


/*** звезда на спойлере ***/
.post-content .spoiler-box>div:before {
content: '\e96b';
font-family: icomoon, FontAwesome, 'icon';
font-size: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 44px;
display: inline-block;
margin: 0px 8px auto -26px;
height: 20px;
line-height: 20px;
}

.post-content .spoiler-box>div.visible:before {
content: '\e96b';
height: 20px;
line-height: 20px;
transform: translateY(-50%) scale(-1,-1);
}

/* отступ открытого текста от края названия*/
.post-content .spoiler-box>blockquote {
padding: 16px 20px 18px !important;
}

.post-content .spoiler-box>blockquote a[onclick^="clickSP"] {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
border-top: 1px solid var(--pun-border-thin);
margin: 14px auto -10px;
padding: 3px 6px;
}


/***  РЕЙТИНГ ПОСТА  ***/
div.post-rating {
padding-top: 8px;
}
div.post-rating p {
position: relative;
z-index: 4;
}
#pun div.post-vote p {
display: flex;
align-items: center;
padding: 0px 8px !important;
height: 30px;
}

/* сердечко на фон */
.post .post-rating p.container a {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 30px;
height: 30px;
line-height: 1;
text-align: center;
font-family: Lora, Arial, Tahoma, sans-serif;
font-size: 12px !important;
color: var(--pun-color-light);
}
.post .post-rating p.container a:before {
font-family: 'icomoon', 'FontAwesome', 'icon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e9da";
color: var(--pun-background-shade);
font-size: 30px;
position: absolute;
top: 0;
z-index: -1;
}
.post .post-rating p.container a:hover:before {
color: var(--pun-a);
}

#pun div.post-vote a {
font-family: Arial, Tahoma, sans-serif;
font-size: 14px !important;
font-weight: 600;
position: relative;
padding: 0px 2px 0px;
color: var(--pun-a);
}
#pun div.post-rating a:hover {
color: var(--pun-a-author);
}
#pun div.post-vote a:hover {
color: var(--pun-a-hover);
}


/*** html-темы ***/
.html-post-box {
overflow: hidden;
}


/*********************************************************************/


/*** Тему читают ***/
#topic-users-in {
position: relative;
margin: auto -14px;
padding: 10px 24px 8px 36px;
line-height: 150%;
font-family: Forum, Trajan, Verdana, Tahoma, sans-serif;
font-size: 14px;
color: var(--pun-color);
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px;
background-color: var(--pun-background-thin);
}

#topic-users-in a:after {
content: ',';
}

#topic-users-in a:last-child:after {
display: none;
}

/*** модераторское меню ***/
#pun-multimove .modmenu,
#pun-multidelete .modmenu,
#pun-multimegre .modmenu {
padding: 1em 0 1em 25px;
text-align: right;
}

#pun-multimove .modmenu strong {
margin: auto 10px;
}

#topic-modmenu {
padding: 0.5em 0 0.8em 20px;
}

#mod-options option {
padding: 0 10px;
filter: brightness(1.02);
}


/*** RSS Atom ***/
#pun-searchtopics div.modmenu {
display: none;
}

#pun-viewtopic #topic-modmenu span {
display: none;
}

.isuser #pun-viewtopic #topic-modmenu {
display: none;
}

.isadmin #pun-viewtopic #topic-modmenu,
.ismoderator #pun-viewtopic #topic-modmenu {
display: block;
}

#topic-feed {
display: none;
}

/*** Похожие темы ***/
#pun #similar-topics {
margin-top: 22px;
border: 1px solid var(--pun-border-thin);
border-width: 1px 0px;
}
#pun #similar-topics .container {
padding: 12px 14px 10px;
}
#pun #similar-topics .container tr td{
padding: 6px 5px;
}


/*********************************************************************/


/* скрыть отредактировано от пользователя */
.isuser .lastedit,
.isguest .lastedit,
.pa-awards,
.pa-gifts {
display: none;
}

.isadmin .lastedit {
display: block;
}

.post-content p.lastedit {
padding: 0.6em 0;
text-align: right;
font-size: 10px !important;
font-style: italic;
opacity: 0.55;
}


/* РАЗДЕЛИТЕЛЬ hr */
hr, .post-content hr {
position: relative;
margin: 8px auto 12px auto !important;
height: 0px;
opacity: 1 !important;
}


/* картинки и текст рядом */
.punbb .post-content img.postimg {
vertical-align: middle;
max-height: 1400px;
max-width: 100%;
width: auto;
height: auto;
}

* img {
width: auto;
max-width: 100%;
height: auto;
}


/* таблица опроса*/
#poll-special div.formal.vote-result table td {
width: 33%;
}

#poll-special td h1 {
display: block;
margin: auto 0px;
padding: 2px;
height: 8px !important;
background-image: none;
background-color: var(--message-background);
}

#poll-special td h1:before,
#poll-special td h1:after {
display: none;
}

#poll-special td span {
padding: 0 1em;
}

#poll-special table.poll2 tr td:first-child {
text-align: right !important;
}

#poll-special table.poll2 tr td.tac {
text-align: center !important;
}

/* опрос да-нет*/
#poll-special.section.type-3 div.formal.vote-result table td {
width: auto;
}


/*********************************************************************/


/***  BB-кнопки  ***/
#form-buttons {
padding: 5px 4px 4px;
margin: 0.2em auto;
}

#post-form fieldset {
padding: 0.35em 0 0.625em;
}

#post-form fieldset .fs-box,
#pun-messages form#post {
margin: 0.2em 0em 0.3em;
padding: 0 30px;
}

#pun-messages form#post {
margin: 0.2em 0em 1.1em;
}

#post-form #form-buttons {
padding: 4px 0px 4px 4px;
margin: 12px 0px 0px;
}


/* оболочка поля ответа */
textarea {
outline: none;
max-width: 100%;
line-height: 153%;
padding: 14px;
margin: 6px 0px 2px;
font-size: 1.15em;
}

/* расширитель */
div.grippie {
filter: contrast(0.3);
}

/* чтобы не плясал текст */
textarea#main-reply {
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}


/***   СПИСОК BB-КНОПОК   ***/
.punbb .hashelp {
position: relative;
}

#pun_wrap #post .container[id$="-area"],
#tags .container {
display: block;
overflow: auto;
max-height: 250px;
text-shadow: none;
border: 1px solid var(--pun-border);
border-radius: 2px;
background-color: var(--pun-background);
}

#form-buttons+#tags {
position: relative;
}

#tags .container {
z-index: 2;
position: absolute;
right: 6px;
top: 36px !important;
z-index: 2;
padding: 12px;
text-align: center;
}

#tags tr {
display: table-row;
}

#pun-messages #post-form div.container {
padding-left: 12px !important;
}

#font-area, 
#size-area {
right: unset !important;
}

#font-area div,
#size-area div,
#addition-area div {
height: auto !important;
padding: 4px 8px;
}

#font-area div:hover,
#size-area div:hover,
#addition-area div:hover {
background-color: var(--pun-background);
filter: brightness(1.04);
}

#image-area-tcon-computer {
margin-bottom: 0.6em;
}

#image-area {
max-width: 430px;
}

#pun #video-area-tinp,
#pun #image-area-tinp {
border: 1px solid var(--pun-border);
}

#keyboard-span input {
margin: 2px !important;
padding: 2px 8px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
color: inherit !important;
text-shadow: none;
border: 1px solid var(--pun-border-thin) !important;
border-radius: 0px;
background-image: none;
background-color: var(--pun-background-light) !important;
box-shadow: none;
}

#keyboard-span input:hover {
border: 1px solid var(--pun-border) !important;
background-color: var(--pun-a-hover-light) !important;
}


/***  BB-теги иконками  ***/
#form-buttons tr {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
grid-template-rows: auto;
gap: 6px 6px;
text-align: center;
}

#form-buttons td {
position: relative;
padding: 0 !important;
height: 24px;
line-height: 0;
cursor: pointer;
font-family: 'icomoon', 'icon';
font-size: 15px;
font-weight: 400;
background-image: none !important;
opacity: 0.8;
}

#form-buttons td img {
opacity: 0;
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}

#form-buttons td:hover {
opacity: 1;
color: var(--pun-a);
}

#form-buttons td:before {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

#button-font:before {
content: "\f031";
}

#button-size:before {
content: "\f034";
}

#button-bold:before {
content: "\f032";
}

#button-italic:before {
content: "\f033";
}

#button-underline:before {
content: "\f0cd";
}

#button-strike:before {
content: "\f0cc";
}

#button-left:before {
content: "\e90f";
}

#button-center:before {
content: "\e90d";
}

#button-right:before {
content: "\e910";
}

#button-link:before {
content: "\e909";
}

#button-spoiler:before {
content: "\e938";
}

#button-image:before {
content: "\f03e";
}

#button-video:before {
content: "\e94d";
}

#button-hide:before {
content: "\e92c";
}

#button-quote:before {
content: "\f27b";
}

#button-code:before {
content: "\f121";
}

#button-color:before {
content: "\f1fc";
}

#button-table:before {
content: "\ea71";
}

#button-smile:before {
content: "\e906";
}

#button-keyboard:before {
content: "\f11c";
}

#button-addition:before {
content: "\f0d7";
}

#button-files_rusff:before {
content: "\e90a";
}

#button-graffiti_rusff:before {
content: "\e941";
}

#button-smile,
#button-files_rusff,
#button-graffiti_rusff {
display: none !important;
}


/* дополнения */
#button-transL:before {
content: "\e92b";
}

#button-indent:before {
content: "\e913";
}

#button-sticker:before {
content: "\e919" !important;
}

#button-mask:before {
content: "\e944";
}

#button-ChangeСase:before {
content: "\ea61";
}

#floatbut:before {
content: "\e960";
}

#button-sp_for_you img {
margin: auto !important;
opacity: 0;
}

#button-sp_for_you:before {
content: "\e947";
}

#button-mod:before {
content: "\e932";
}
#button-ex:before {
content: "\e9a9";
}

#button-voice:before {
content: "\e95b";
}


/*********************************************************************/

#post-form .fs-box p.checkfield {
padding-top: 0.8em;
}


/*********************************************************************/


/*** КНОПКИ ***/
/* центрируем кнопки */
#post-form .formsubmit {
text-align: center;
}

#imageupload-left input[type=button] {
width: auto !important;
}

#viewprofile-next #pa-edit a,
#pun-profile a.vip,
input[class="button"],
input[class="button submit"],
input[type="button"],
input[type="submit"],
input[name="ban"],
.button {
cursor: pointer;
-webkit-transition: 0.16s linear;
-moz-transition: 0.16s linear;
transition: 0.16s linear;
margin: auto 4px;
padding: 6px 12px 6px !important;
letter-spacing: 0.04em;
font-weight: 600 !important;
font-family: Lora, Trebuchet MS, Tahoma, Arial, sans-serif !important;
font-size: 12px;
color: #e3c09d;   /* #cbb7a3 */
text-shadow: 1px 1px 2px var(--pun-a-shadow);
border: 2px solid var(--pun-a-shadow);
border-color: #3a4e47 #212e29 #212e29 #3a4e47;
border-radius: 0px;
background-color: #29463c;
box-shadow: inset 0px 0px 7px 0px rgb(0 0 0 / 75%);
}


/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover,
#pun-profile a.vip:hover,
input[class="button"]:hover,
input[class="button submit"]:hover,
input[type="button"]:hover,
input[name="ban"]:hover,
.button:hover {
cursor: pointer;
background-color: #345a45;
box-shadow: inset 1px 1px 6px 0px rgb(0 0 0 / 65%);
}

/*** Улучшить аккаунт ***/
#pun-profile a.vip {
display: inline-block;
}


/* кнопка отправить */
input[name="submit"],
input[id="reputationButtonSend"],
#viewprofile-next #pa-edit a {
border-color: #5f3b19 #1e1205 #1e1205 #5f3b19;
background-color: #5b3617;
box-shadow: inset 0px 0px 7px 0px rgb(0 0 0 / 70%);
}

input[name="submit"]:hover,
input[id="reputationButtonSend"]:hover,
#viewprofile-next #pa-edit a:hover {
border-color: #855c36 #3b240c #3b240c #855c36;
background-color: #754e2d;
box-shadow: inset 1px 1px 6px 0px rgb(0 0 0 / 52%);
}

input[value="Кинуть Дайс"] {
float: right;
}



/*********************************************************************/


/*** АДМИНКА ***/
#pun .punbb-admin #pun-navlinks,
#pun .punbb-admin #pun-ulinks {
position: relative;
top: 0px;
}

#pun-admain {
background-color: var(--pun-background);
color: var(--pun-color);
}

#pun.ismoderator .punbb-admin #pun-status,
#pun.isadmin .punbb-admin #pun-status {
margin: auto 0px;
}

.punbb-admin .linksb {
display: flex;
flex-wrap: wrap;
height: auto !important;
padding: 1em 0;
font-size: 1.1em;
}

div.adcontainer {
background-color: var(--pun-background);
}

#pun-adnav ul.adsubnav li {
color: var(--pun-a-hover) !important;
}

#pun-admain h1,
#pun-admain h2,
#pun-admain h3,
#pun-admain h4,
.adformal h2,
#pun-adnav h2,
.adformal h2,
#pun #pun-adnav h2 {
font-size: 10px !important;
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
text-shadow: 0 1px 2px var(--pun-a-shadow);
color: var(--pun-color-light);
background-color: var(--pun-background-shade);
}

#pun-admain h2 span {
background-color: transparent;
transform: translateY(0%);
}

/*для мелочи */
#pun-admain1 form.adcontainer,
#pun-admain2 form.adcontainer,
#pun-admain-new form.adcontainer,
#pun-admain1 div.adcontainer,
#pun-admain2 div.adcontainer {
padding: 16px 8px 12px !important;
}

#pun-admain span[class="adinput"] input:not([type="radio"]),
#pun-admain input:not([type="radio"]),
#pun-admain span[class="adinput"] input:not([type="checkbox"]),
#pun-admain input:not([type="checkbox"]),
#pun-admain input:not([type="submit"]),
#pun-admain span[class="adinput"] label,
#pun-admain textarea,
#pun-admain select,
#pun-admain optgroup {
width: 100%;
}

#pun-admain span[class="adinput"] input[id="fld0name"],
#pun-admain span[class="adinput"] input[id="fld0content"] {
width: auto;
}


#pun-admain input[type="submit"],
#pun-admain input[type="checkbox"],
#pun-admain input[type="radio"],
#pun-admain p.submitend input.button,
#pun-admain input.button {
width: auto !important;
}

#pun-admain input[type="submit"],
#pun-admain p.submitend input.button,
#pun-admain input.button {
font-size: 11px;
letter-spacing: 0.03em;
width: auto;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
border-left-width: 20em;
border-color: transparent !important;
background-color: rgb(255 255 255 / 30%) !important;
}

#pun-admain .adlabel {
margin-left: -18em !important;
width: 18em !important;
padding-left: 1em;
padding-right: 0em !important;
}

#pun-admain .adlabel, 
#pun-admain .adinput, 
#pun-admain fieldset dt, 
#pun-admain fieldset dd {
font-size: 12px;
}

.punbb div.adminmain.post {
padding: 0 0 0 15em !important;
margin-top: 0px;
}

#pun-adnav .isactive ul.adsubnav a {
border-bottom: none;
}

.award-edit {
margin-right: 1em !important;
}

#pun-admain input,
#pun-admain select {
width: auto;
}

#pun-admain1 .sortable p input[name^=cat_name] {
max-width: 85%;
}

#pun #pun-admain fieldset,
#pun .adcontainer,
#pun .adformal {
border-color: transparent;
}

#pun #pun-admain .adcontainer td {
border-width: 0px;
}

/* сервисный баннер */
.admin-advert-block {
width: 100% !important;
margin: -180px auto auto;
text-align: center;
pointer-events: auto;
}

#pas_remember {
position: absolute !important;
text-align: center !important;
}

.admin-advert-block a {
color: var(--pun-a-hover-light);
}

.punbb-admin #filetable {
font-size: 11px;
}

input[type="checkbox"] {
border: 1px solid var(--pun-border);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .1s linear 0s;
height: 1em;
}

input[type="radio"] {
border: 1px solid var(--pun-border);
border-radius: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .2s ease-in-out 0s;
height: 1em;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
height: 1em;
border: 1px solid var(--pun-border-bold);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
background-position: 0;
background-repeat: no-repeat;
background-color: var(--message-background) !important;
}


/*********************************************************************/


/* страница нет новых сообщений */
h1+div.info {
padding: 12px 14px 12px;
}

/* заплатки для страницы регистрации */
form#register div.info-box {
margin: 0.2em 1.35em 0.3em;
text-align: justify;
}

form#register div.info-box p {
padding: 0 0 0.9em 0;
line-height: 140%;
}

/* списки на страницах VIP */
#forum-vip ul li,
#forum-foundation ul li {
list-style-type: disc;
padding-bottom: 0.5em;
margin-left: 2em;
}

#pun-help h3 {
margin: 1.2em auto;
width: 80%;
}

#pun-help p {
padding-bottom: 0.8em;
}

#pun-help dl,
#pun-help ul {
padding-bottom: 0.6em;
}

#pun-help dl dt,
#pun-help ul li {
padding: 0 0 0.6em 1em;
}

#pun-help dd {
padding: 0 0 2em 1em;
}


/*********************************************************************/


/*** ВСПЛЫВАЮЩИЕ ОКНА ***/
.modal-inner,
.inner,
#pun .modal-inner {
padding: 12px 16px;
color: var(--pun-color);
border: 1px solid var(--body-background);
box-shadow: 0 1px 14px rgb(0 0 0 / 55%), inset 0 0 3px 0px #e1bea2, inset 0 0 0px 2px #2d1c10, inset 0 0 2px 2px var(--pun-background-light), inset 0 0 6px 3px #9f8972 !important;
background-color: var(--pun-background);
}

#pun .pun-modal .container {
overflow: auto;
padding: 0.5em 0em;
}

#pun #pun-reputation .inner {
top: 42%;
}

#pun .pun-modal.rating_theme #all_voters tbody {
overflow-y: hidden;
}

#pun .pun-modal.rating_theme .container {
overflow-x: hidden;
}

#pun .pun-modal #all_voters figure {
width: auto;
max-width: 82px;
}

#pun .pun-modal .closer {
font-family: Tahoma, Verdana, sans-serif;
font-size: 18px !important;
margin-right: 4px !important;
}

.inner td {
vertical-align: top;
}

#pun .pun-modal h2 {
margin: 0px auto 20px auto !important;
}


/* перемещение сообщений */
#move_posts_form thead tr,
#move_posts_form tbody tr {
padding-right: 8px;
border-bottom: 1px solid rgba(7, 10, 14, 0.16);
display: grid !important;
align-items: center;
grid-template-columns: 1fr auto;
justify-items: start;
}


#pun #pun-report .bg,
#pun #pun-reputation .bg,
#pun #pun-admin-award-form .bg {
background-color: rgba(0, 0, 0, 0.65);
}


/*********************************************************************/


/***   ЗАКЛАДКИ   ***/
#BookmCntToggle {
top: 10px !important;
height: 26px !important;
width: 26px !important;
z-index: 11 !important;
opacity: 0.85 !important;
color: var(--pun-background-shade) !important;
border: 1px solid var(--pun-background-shade);
background-color: var(--pun-background) !important;
}

#BookmCntToggle:hover {
opacity: 1 !important;
}

#MyBookmarks {
margin-top: 100px;
min-height: 150px;
max-height: 460px;
border: 0px solid var(--pun-border-bold);
border-width: 1px 1px 1px 0px;
background-color: var(--pun-background);
}

#MyBookmarks h2,
#MyBookmarks h1 {
margin: 0px 0px 4px;
padding: 6px 0;
font-family: Lora, Tahoma, Arial, sans-serif;
font-size: 11px;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border: 0px solid transparent;
border-width: 0px;
background: radial-gradient(ellipse at 50% 0%, var(--pun-background-shade) 10%, var(--body-background) 110%);
background-color: var(--body-background);
}

#MyBookmarks h2 span {
padding: 0 0px;
display: inline-block;
background-color: transparent;
}

#MyBookmarks .container {
height: auto !important;
max-height: 440px;
}

#MyBookmarks inner {
font-size: 11px;
}

.editBookmark {
background-color: var(--pun-background);
}

/* инфа о новом ЛС */
div.jGrowl-notification {
margin: 6px 10px 10px;
}


/*********************************************************************/


/*** ОТСТУПЫ РАЗНЫХ БЛОКОВ ***/
#pun-stats li.item5.onlinelist {
padding: 8px 20px 4px 0px;
}

#pun-stats li.item5.users_24h {
padding: 0px 0px 8px;
}

#viewprofile div.container table {
margin: auto 20px 12px;
width: calc(100% - 40px);
}

#pun-userlist .usertable,
#pun-online div.online-list,
.linkst,
.linksb,
div.modmenu,
#pun-viewforum #pun-main div.container,
#pun-searchtopics #pun-main div.container,
#punbbsearch.container,
#userlist.container,
#pun-movetopic fieldset,
#pun-movetopic p.formsubmit {
padding-left: 12px;
padding-right: 12px;
}

#punbbsearch.container {
padding: 10px 12px;
}

#pun-register p.formsubmit,
#punbbsearch p.formsubmit,
#pun-login p.formsubmit {
margin-left: 1.35em;
}

#pun-delete p.formsubmit,
#pun-deleteuser p.formsubmit {
margin: 0.8em 22px;
}


#pun-messages form#messages {
margin-left: 180px;
padding-left: 20px;
padding-right: 20px;
}

#pun-announcement div.container {
padding-left: 0px;
padding-right: 0px;
}


/*********************************************************************/


/*** СТРЕЛКИ ***/
.topbot {
position: absolute;
right: -21px;
z-index: 4;
display: block;
}

.go-up,
.go-down {
cursor: pointer;
display: none;
position: fixed;
z-index: 12;
box-sizing: border-box;
text-align: center;
font-family: Tahoma, Verdana, sans-serif;
font-size: 0px;
overflow: hidden;
width: 24px;
height: 50px;
line-height: 1;
color: var(--pun-border);
border-radius: 0px 8px 8px 0px;
background: var(--pun-bg-texture) 10% 0% repeat;
background-color: #44394b;
box-shadow: inset 0px 0px 0px 1px #120c09, inset 0px 0px 0px 2px #766347, inset 0px 0px 0px 3px #33251a, inset -1px 0px 8px 0px #000;
opacity: 1;
}

.go-up {
padding-top: 13px;
bottom: calc(42% + 76px);
}

.go-up:before {
content:'';
position: absolute;
display: block;
top: 3px;
bottom: 3px;
left: 3px;
right: 3px;
border-radius: 0px 6px 6px 0px;
mix-blend-mode: soft-light;
background-color: #c181ca;
}

.go-down {
padding-top: 14px;
bottom: 42%;
background-position: 0px 0%;
}

.go-down:hover,
.go-up:hover {
color: var(--pun-a-author);
filter: brightness(1.2) contrast(1.05);
}


/*********************************************************************/


/*** РЕАКЦИИ ***/
.reactions-root {
margin-top: 8px;
}

#pun .post-body .reactions-container {
justify-content: flex-end;
margin-right: 4px;
}

#pun .post-body .reaction-picker-panel {
right: 0;
}

#pun .post-body .emoji-mart {
font-size: 11px;
border: 1px solid var(--pun-border);
border-radius: 2px;
background-color: var(--pun-background);
box-shadow: none;
}

#pun .emoji-mart-bar {
border: 0px solid transparent;
}

#pun .post-body .reaction-chip {
background-color: var(--pun-background);
border-radius: 3px;
border: 1px solid var(--pun-border-thin);
}

#pun .reaction-chip:not(.reaction-chip--disabled):hover {
background-color: var(--pun-background);
filter: brightness(1.02);
}

#pun .post-body .reaction-picker-button {
border-radius: 2px;
width: 18px;
height: 18px;
padding: 4px;
margin-top: 4px;
}

#pun .post-body .reaction-chip.reaction-chip--clicked {
color: var(--pun-color-thin);
border-radius: 3px;
border: 1px solid var(--pun-border-thin);
background-color: transparent;
box-shadow: none;
}

#pun .reactions-root .emoji-mart-search input {
margin-bottom: 6px;
font-size: 11px;
border: 1px solid var(--pun-border);
border-radius: 2px;
background-color: var(--pun-background-light);
box-shadow: none;
}

#pun .emoji-mart-category-label span {
color: var(--pun-color-thin);
border: 1px solid var(--pun-border-thin);
background-color: var(--pun-background);
}

#pun .emoji-mart-anchor {
color: var(--pun-a);
}

#pun .emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
color: var(--pun-a-hover);
}

#pun .emoji-mart-anchor-selected {
color: var(--pun-a-hover) !important;
}

#pun .emoji-mart-anchor-bar {
background-color: var(--pun-a-hover) !important;
}

#pun .reactions-root .emoji-mart-category .emoji-mart-emoji:hover:before {
background-color: rgb(244 244 244 / 65%);
}



/*************************шиповничек**********************************/


/***   MOBILE STYLE   ***/
@media screen and (max-width: 1040px) {
#pun {
width: auto;
max-width: 1040px;
color: var(--pun-color);
background-color: var(--pun-background);
}
}

/*****************************************/

@media screen and (max-width: 1024px) {
#pun {
padding: 10px 16px 24px;
}

#pun-navlinks {
margin: -7px -16px 0px !important;
}
#pun-navlinks:before {
left: 0px;
right: 0px;
background: var(--pun-corner) -33px -30px no-repeat, var(--pun-corner) calc(100% + 33px) -30px no-repeat;
background-color: transparent;
}

#pun-ulinks {
margin: auto -16px;
}

#pun-index .category h2 {
margin: 30px -16px 38px;
}
#pun-stats h2 {
margin: 24px -16px 2px;
}

#post-form h2 {
margin: 16px -16px;
}

#topic-users-in {
margin: auto -16px;
}

.punbb .topic h3 {
margin-left: -16px !important;
margin-right: -16px !important;
}


/* стрелки */
.topbot {right: 0px;}
.go-up, .go-down {transform: scaleX(-1);}
}


/*****************************************/

@media screen and (max-width: 868px) {
#pun-ulinks li.item3 {display: none;}
}


/*****************************************/

@media screen and (max-width: 768px) {
/*** фиксы ***/
#pun .post-body dibannedml-post-box {
overflow: hidden;
}

select {
width: 90%;
}

span.input select[id="ctl_regselect"],
span.input select[id="ctl_tzselect"] {
width: auto;
}

#pun-navlinks {
padding: 24px 10px 14px;
}

/*** форумы на главной ***/
#pun-index .category tbody.hasicon {
grid-template-columns: repeat(1, minmax(48%, 1fr));
}

#pun-index #pun-main .category .container {
padding: 0px 2px;
}


/* ПОДФОРУМЫ */
#pun-viewforum .category tr.isub {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}

#pun-viewforum .category tr.isub .tcl {
padding: 0 0px 4px;
border-width: 0px;
grid-column: 1 / -1;
grid-row: 1 / 2;
}

#pun-viewforum .category tr.isub .tcr {
grid-column: 1 / -1;
grid-row: 2 / 3;
margin-top: 6px;
padding: 8px 0 2px;
border-top: 1px solid var(--pun-border-thin);
}

#pun-viewforum .category tr.isub div.icon {
display: none;
}

#pun-viewforum tr.isub td.tcl div.tclcon h3 {
margin: auto auto 8px auto;
padding: 0px;
text-align: center;
}

/* размер текста быстрых ссылок */
.navig a {
font-size: 1.42vw;
}

/* активисты */
.char-wrapper {
width: 36px;
height: 36px;
margin: auto 3px;
}
}


/*****************************************/

@media screen and (max-width: 740px) {
/* СМЕНА МЕНЮ ПОЛЬЗОВАЕЛЯ */
#pun-ulinks {
text-align: center;
width: auto;
height: 33px;
padding: 8px 30px 8px;
}

#pun-ulinks .container {
flex-direction: column;
position: relative;
}

#pun-ulinks h2 {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: 1fr;
align-items: center;
gap: 0px 8px;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
margin: 0px 0px;
padding: 10px 30px 0px;
height: 34px;
width: auto;
line-height: 1;
}
#pun-ulinks h2 span {display: none;}

#pun-ulinks h2:before {
grid-column: 1 / -2;
grid-row: 1 / -1;
display: block;
content: ' \f0c9';
font-family: 'icomoon', 'FontAwesome', 'icon';
font-weight: 400;
font-size: 11px;
color: var(--pun-a);
text-align: right;
}
#pun-ulinks h2:after {
grid-column: -2 / -1;
grid-row: 1 / -1;
display: block;
padding: 2px 0px 0px 0px;
content: 'Меню пользователя';
font-family: Lora, Trebuchet MS, Tahoma, Arial, sans-serif;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--pun-a);
text-align: left;
}

#pun-ulinks ul {
position: absolute;
top: 26px;
width: 92%;
margin-left: 4%;
z-index: 10;
padding: 0 10px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
border: 1px solid var(--pun-border);
background-color: var(--pun-background);
}

#pun-ulinks:hover ul {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}

#pun-ulinks li {
padding-right: 0;
margin: auto 0px;
}

#pun-ulinks ul li a {
padding: 7px 4px;
margin: 3px 0px 0px;
display: block;
font-size: 13px;
border-bottom: 1px solid var(--pun-border-thin);
color: var(--pun-a);
}

#pun-ulinks ul li a:hover {
color: var(--pun-a-hover);
}

#pun-ulinks ul li:last-child a {
margin-bottom: 2px;
border-bottom: 0px solid transparent;
}

#pun-ulinks li:nth-child(4),
#pun-ulinks li.item5 {
display: none;
}


/** статистика **/
#pun-stats ul.container {
grid-template-columns: 1fr 6px 1fr;
grid-template-rows: repeat(5, auto);
grid-template-areas:
"ntemy . nrega"
"nsoob . nposl"
"nonln nonln nonln"
"nusers nusers nusers"
"nbirth nbirth nbirth";
padding: 14px 10px 0;
text-align: center;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
margin: 2px 0px;
padding: 0px 5px;
}

#pun-stats li.item1 span,
#pun-stats li.item2 span,
#pun-stats li.item3 span,
#pun-stats li.item4 span {
display: inline-block;
padding: 0 6px 0 0;
}

#pun-stats li.item5.onlinelist {
padding: 12px 0px 6px;
border-width: 0px;
}

#pun-stats li.item5.users_24h {
padding: 0px 0px 8px;
}

#pun-stats li.item5.users_24h>div span {
max-height: 140px;
overflow: auto;
margin-top: 4px;
}


/* название */
.nazv {
grid-column: 1 / -1;
}
}

/*****************************************/

@media screen and (max-width: 730px) {
/* СЖИМАЕМ МЕНЮ ФОРУМА иконки на навигацию */
#pun-navlinks {
padding: 18px 10px 10px;
}

#pun-navlinks li a {
font-size: 0px;
}

#pun-navlinks li a:before {
overflow: hidden;
display: inline;
font-family: 'icomoon', 'fontawesome', 'icon';
}

#pun-navlinks li#navindex a:before {
content: "\e968";
}

#pun-navlinks li#navuserlist a:before {
content: "\e92f";
}

#pun-navlinks li#navsearch a:before {
content: "\e961";
}

#pun-navlinks li#navprofile a:before {
content: "\e95f";
}

#pun-navlinks li#navpm a:before {
content: "\f003";
}

#pun-navlinks li#navlogout a:before {
content: "\e93f";
}

#pun-navlinks li#navregister a:before {
content: "\f067";
}

#pun-navlinks li#navlogin a:before {
content: "\e93e";
}

/* читатель */
#pun-navlinks li#navpr_1 a:before {
content: "\e967";
}

/* реклама */
#pun-navlinks li#navpr_2 a:before {
content: "\e967";
}

/* быстрый вход */
#pun-navlinks a#New-exit:before {
content: "\ea14" !important;
top: 50%;
}

#pun-navlinks a#New-exit {
width: 26px;
height: 26px;
margin-top: 2px !important;
margin-left: 6px;
}

#pun-navlinks .container {
margin: auto;
font-weight: 400;
justify-content: center;
gap: 0 8px;
width: 100%;
}

#pun-navlinks li a span {
font-size: 0px;
display: none;
}

#pun-navlinks li a:before {
font-size: 18px;
padding: 2px 2px 2px 6px;
}

#pun-navlinks li#navadmin span,
#pun-navlinks li#navadmin span:before {
font-size: 0px;
display: none;
}

#pun-navlinks li#navadmin a:before {
content: "\e927";
}


/* предпросмотр профиля*/
#viewprofile div.container table {
margin: auto;
width: 100%;
}

#profile-right {
padding: 0px !important;
width: auto !important;
word-break: break-word;
gap: 12px 12px;
}

#viewprofile-next #viewprofile .container tr {
display: flex;
flex-direction: column;
}

#profile-left {
width: auto !important;
margin-bottom: 12px;
padding-bottom: 14px !important;
}

#viewprofile #profile-signature {
padding: 14px 0px 12px 0px;
}

/* ЛЗ во всю строку */
#profile-right #pa-fld1 {
grid-column: 1 / -1;
}
}


/*****************************************/

@media screen and (max-width: 700px) {
/* выпрямляем автора и посты */
/* посты, профиль, редактирование */
.post-body {
padding-left: 0;
margin-left: 0px;
font-size: 13px;
}

.post-box {
padding: 0px 2px;
}

.post-body,
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
line-height: 1.4;
}

.punbb .post h3+.container {
padding: 22px 0px 14px 0px !important;
line-height: 1;
}

/* выпрямляем автора */
.post-author {
--prwid: 100%;
font-size: 1em;
margin: 0px 0px 20px 0px;
padding: 12px 14px 12px;
position: relative;
top: 0px;
float: none;
clear: both;
}

.post-author ul {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr auto auto;
align-items: center;
gap: 0px 8px;
margin: 0px;
}

/* скрываем раскрываем блоки профиля */
#pun.isadmin .pa-ip,
.post-author li,
.post-author li.pa-fld1,
.post-author li.pa-fld2,
.post-author li.pa-fld3,
.post-author li.pa-fld4,
.post-author li.pa-fld5 {
display: none;
}

.post-author li.pa-avatar,
.post-author li.pa-author,
.post-author li.pa-title,
.post-author li.pa-respect,
.post-author li.pa-posts,
.post-author li.lz-fld {
display: block;
margin: auto;
}

/* удаляем украшение */
.post-author.online .pa-title:before,
.post-author:before,
.pa-author:before,
.pa-author:after {
display:none;
}

/* изменяем украшение */
.post-author:after {
pointer-events: none;
content: '';
width: auto;
height: auto;
top: -2px;
bottom: -2px;
background: var(--pun-corner) -32px calc(100% + 32px) no-repeat, var(--pun-corner) calc(100% + 32px) calc(100% + 32px) no-repeat, var(--pun-corner) -32px calc(0% - 32px) no-repeat, var(--pun-corner) calc(100% + 32px) calc(0% - 32px) no-repeat;
background-color: transparent;
}

/* раскрываем блок ЛЗ */
.post-author li.pa-fld1 {
z-index: 2;
display: none;
align-items: center;
position: absolute;
top: auto;
bottom: -0px;
right: -3px;
left: -3px;
margin: auto;
border-width: 3px;
box-shadow: inset 0 0 5px 0px rgb(0 0 0 / 50%);
transform: translateY(100%);
}


/******************
.post-author:hover ul:not(li.lz-fld ul) {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr auto auto auto;
align-items: center;
gap: 0px 8px;
margin: 0px;
}
.post-author li.pa-fld1 {
display: grid;
align-items: center;
position: absolute;
top: auto;
bottom: -0px;
right: -3px;
left: -3px;
margin: auto;
border-width: 3px;
box-shadow: inset 0 0 5px 0px rgb(0 0 0 / 50%);
transform: translateY(100%);
opacity: 1;
pointer-events: none;
transition: 0.22s linear;
transition-delay: 2s;
}

.post-author li.pa-avatar:hover ~ li.pa-fld1 {
display: grid;
opacity: 1;
pointer-events: visible;
z-index: 3;
transition: 0.22s linear;
}
*******************/


.pa-fld1:before,
.pa-fld1:after {
display: none;
}

/* сдвигаем блоки по сетке */
.post-author li.pa-avatar {
grid-column: -2 / -1;
grid-row: 2 / -1;
}

.post-author li.pa-author {
grid-column: 1 / -2;
grid-row: 2 / 3;
margin: auto 0px;
padding: 8px 2px 2px;
border-width: 0px;
background-image: none;
background-color: transparent;
box-shadow: none;
}

li.pa-author a,
.pa-author a,
.pa-author {
font-weight: 400;
font-size: 15px;
border-width: 0px;
background-color: transparent;
box-shadow: none;
}

/* индикатор онлайн */
.post-author.online li.pa-avatar:before {
z-index: 3;
pointer-events: none;
content: '';
display: block;
position: absolute;
top: -5px;
right: -5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgb(185 241 236 / 95%);
box-shadow: 0 0 8px rgb(185 241 236 / 95%);
animation: blinkColor 2.6s linear infinite !important;
}

.post-author.online li.pa-vatar {
position: relative;
}
.post-author.online:before {
pointer-events: none;
z-index: 3;
content: '';
position: absolute;
display: block;
width: auto;
top: -12px;
left: -9px;
right: -8px;
height: 37px;
margin: 0px 0px;
background: var(--pun-moss) -164px 0px no-repeat, var(--pun-moss) calc(100% + 164px) 0px no-repeat;
background-color: transparent;
}

.post-author li.pa-title {
grid-column: 1 / -2;
grid-row: 3 / -2;
margin: auto 0px;
padding: 4px 0px 10px;
text-align: center;
}

.post-author li.lz-fld {
grid-column: 1 / 2;
grid-row: -2 / -1;
margin: auto 0px;
background-color: transparent;
}

li.pa-posts .fld-name,
li.pa-respect .fld-name {
flex-basis: auto;
padding: 2px 0px 6px;
}


/* аватарка */
.post-author li.pa-avatar img,
.post-author li.pa-avatar img.defavtr {
background-size: cover !important;
object-fit: cover;
width: 54px;
height: 74px;
}

/* аватар в ЛС */
#pun-messages .post-author li.pa-avatar img,
#pun-messages .post-author li.pa-avatar img.defavtr {
background-size: cover !important;
object-fit: cover;
width: 50px;
height: 70px;
}

/* ссылки редактирования поста */
.post-links {
margin: 12px 4px 4px 4px;
border-width: 0px;
}

/* ссылки редактирования поста */
.post-links ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.post-links li {
flex: auto;
text-align: center;
margin: 4px 3px;
padding: 5px 8px 3px;
border-radius: 2px;
border: 1px solid var(--pun-border-thin);
background-color: var(--pun-background);
}

.post-links li.pl-email {order: -1;}
.post-links li.pl-reports {
order: -3;
}
.post-links li.pl-reports a {
display: block;
min-height: 8px;
min-width: 8px;
font-size: 0px;
letter-spacing: 0px;
}
.post-links li.pl-reports a:before {
overflow: hidden;
display: inline;
font-size: 12px;
font-family: 'icomoon', 'fontawesome', 'icon';
content: "\f188";
}


/* подпись */
.post-sig dd {
display: none;
}


/* цитата, код, спойлер */
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
margin: 10px 0px 12px 0px;
padding: 14px 16px;
}

.post-content .spoiler-box>blockquote {
padding: 12px 14px !important;
}

.quote-box cite,
.code-box .legend,
.hide-box cite {
margin: -12px -14px 10px -14px;
}


legend {
margin: auto auto 0px 0px;
}

#post-form legend {
line-height: 2em;
}

#post-form fieldset .fs-box,
#pun-messages form#post {
padding: 0px;
}

/* пагинация */
.linkst,
.linksb {
padding-left: 0px;
padding-right: 0px;
row-gap: 12px;
}

#pun-viewforum .linkst,
#pun-viewforum .linksb {
grid-template-columns: auto;
row-gap: 16px;
}

.linkst {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}

.linkst .pagelink {
grid-column: 1 / -1;
grid-row: 1 / 2;
}

.linkst .postlink {
grid-row: 2 / 3;
}

.linksb .pagelink {
margin-bottom: 10px;
}

#pun-viewforum .postlink.long {
width: auto;
padding: 0;
}

/* теги поля ответа */
#tags .container {
position: static !important;
width: 100%;
max-height: 200px !important;
}

/* хлебные крошки */
p.crumbs {
margin: 1.1em 0px 1em 0px;
}

/***   RESPECTS PAGE   ***/
#pun-respect #pun-main .container, 
#pun-positive #pun-main .container {
padding: 0px 2px;
}

#pun-respect.punbb .main table th,
#pun-positive.punbb .main table th {
display: none;
}

#pun-respect.punbb .main table tr,
#pun-positive.punbb .main table tr {
display: grid;
grid-template-columns: 24px 0.8fr 1fr;
grid-template-rows: auto auto;
}

#pun-respect.punbb .main table tr .tc2,
#pun-positive.punbb .main table tr .tc2 {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-respect.punbb .main table tr .tc3,
#pun-positive.punbb .main table tr .tc3 {
grid-column: 2 / -2;
grid-row: 1 / 2;
width: 100% !important;
}

#pun-respect.punbb .main table tr .tcl,
#pun-positive.punbb .main table tr .tcl {
grid-column: -2 / -1;
grid-row: 1 / 2;
width: 100% !important;
}

#pun-respect.punbb .main table tr .tcr,
#pun-positive.punbb .main table tr .tcr {
grid-column: 1 / -2;
grid-row: -2 / -1;
width: 100% !important;
}

#pun-respect.punbb .main table tr .tc3+.tc3,
#pun-positive.punbb .main table tr .tc3+.tc3 {
grid-column: -2 / -1;
grid-row: -2 / -1;
width: 100% !important;
}

#pun-positive #pun-main .tc4.comment, 
#pun-respect #pun-main .tc4.comment {
width: 95%;
}


/* список участников и активные участники */
#pun-userlist .relation,
#pun-userlist .posts,
#pun-userlist .num_posts,
#pun-userlist .user_title,
#pun-userlist .title {
display: none;
}

#pun-userlist .usertable tr {
grid-template-columns: 1fr 0.6fr 0.6fr;
}


.online-list tr {
margin-bottom: 10px;
padding: 0 0 8px 0;
grid-template-columns: 1fr 0.6fr;
grid-template-rows: auto auto;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}

.online-list tr:last-child {
margin-bottom: 0px;
border-bottom: 0px solid transparent;
}

#pun .online-list td {
padding: 0.4em 0.4em !important;
}

.online-list .tcl.username {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

.online-list .tc3 {
grid-column: -2 / -1;
grid-row: 1 / 2;
}

.online-list .tcl.action {
grid-column: 1 / -1;
grid-row: 2 / 3;
}


#punbbsearch.container,
#pun-userlist .usertable,
#login.container {
margin: 7px -10px 12px -10px !important;
}

form#userlist fieldset,
form#punbbsearch fieldset,
form#messages[method="post"] fieldset {
font-size: 12px;
padding-right: 4px;
padding-left: 4px;
}


/* активные темы */
#pun-searchtopics .tc3 {
display: none;
}

#pun-searchtopics .forum tr {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
padding: 6px 2px;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}

#pun-searchtopics .forum tr:last-child {
border-bottom: 0px solid transparent;
}

#pun-searchtopics .tcl {
grid-column: 1 / -1;
grid-row: 1 / 2;
padding: 8px 0px 8px !important;
}

#pun-searchtopics .tc2 {
grid-column: 1 / 2;
grid-row: 2 / -1;
padding-right: 6px !important;
font-size: 0.9em;
}

#pun-searchtopics .forum .tcr {
grid-column: 2 / -1;
grid-row: 2 / -1;
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
}

.forum .tcr span {
font-size: 1em;
}

#pun-searchtopics .forum td {
padding: 6px 0em;
}

#pun .punbb .user-avatar {
float: right;
margin: 0px 0px 2px 14px !important;
}

#pun #pun-userlist.punbb .user-avatar {
float: left;
margin: 0px 14px 2px 0px !important;
}


/* ЛС */
#pun #messages td {
padding: 0.4em 0.4em;
}

#messages .fs-box tr {
grid-template-columns: 1fr 0.7fr 40px;
grid-template-rows: auto auto;
padding: 7px 0;
}

#messages .tcl.pmtcl1 {
grid-column: 1 / 3;
grid-row: 1 / 2;
}

#messages .tc2.pmtc24 {
grid-column: -2 / -1;
grid-row: 1 / 2;
}

#messages .tc2.pmtc22 {
grid-column: 2 / -1;
grid-row: 2 / 3;
}

#messages .tc3.pmtc33 {
grid-column: 1 / 2;
grid-row: 2 / 3;
}

#messages legend {
display: none;
}


/* профиль */
#profile>.container {
margin-left: 0px;
margin-right: 6px;
}

#pun #profilenav {
width: 100%;
float: none;
clear: both;
margin: 5px 0px 15px 0px !important;
}

#profilenav ul {
padding: 0px 10px;
font-size: 13px;
}

#profilenav ul li {
display: inline-block;
}

#pun-messages #profilenav ul {
margin: auto 14px 10px;
}

span.input input {
margin-bottom: 6px;
}

#viewprofile-next #profilenav {
display: none;
}


/* страница поиска */
form#userlist p.inputfield,
form#userlist p.selectfield,
form#punbbsearch p.inputfield,
form#punbbsearch p.selectfield {
width: 100%;
}

#userlist p.formsubmit,
#punbbsearch p.formsubmit,
#login p.formsubmit {
text-align: center;
}

#pun-messages form#messages {
margin-left: 0px;
padding-left: 0px;
padding-right: 8px;
}

#profile .fs-box {
margin: 0.2em 0em 0.6em 0em;
}

#punbbsearch.container,
#pun-userlist .usertable,
#login.container {
padding-left: 0px;
padding-right: 0px;
}

#pun-searchtopics #pun-main div.container,
#pun-online div.online-list {
padding-left: 0px;
padding-right: 0px;
}

#pun-edit #post {
padding-left: 0px;
padding-right: 0px;
}

#userlist.container {
padding-left: 0px;
padding-right: 0px;
}

/* внутри кода */
pre {
font-size: 0.85em;
}


/* внутри форума */
#pun-viewforum thead,
#pun-messages thead,
#pun-searchtopics thead {
display: none;
font-size: 0px;
}

#pun-viewforum .forum .tc2,
#pun-viewforum .forum .tc3 {
display: none;
}

#pun-viewforum .forum tr {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
padding: 4px 0;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}

#pun-viewforum .forum tr:last-child {
border-bottom: 0px solid transparent;
}

#pun-viewforum .main td.tcl {
padding: 8px 5px 0px;
}

#pun-viewforum .main td.tcr {
text-align: right;
padding: 10px 5px 10px 30px;
}

.intd div.icon {
margin: auto 14px auto 0px;
}

.forum .tcr span:not(.avatar-image) {
margin-top: 2px;
}


#pun-viewforum #pun-main div.container {
padding-left: 6px;
padding-right: 6px;
}

/* модерирование тем */
#pun-modviewforum .forum tr {
padding-left: 4px;
grid-template-columns: 1fr 50px;
grid-template-rows: auto auto;
border-bottom: 1px solid var(--pun-border-thin);
}

#pun-modviewforum .forum tr:last-child {
border-bottom: 0px solid transparent;
}

#pun-modviewforum .forum .tcl {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-modviewforum .forum .tcmod {
grid-column: 2 / 3;
grid-row: 1 / 2;
}

#pun-modviewforum .forum .tcr,
#pun-modviewforum .forum .tc2,
#pun-modviewforum .forum .tc3 {
display: none;
}

#pun-modviewforum .modmenu {
padding-left: 4px;
padding-right: 4px;
margin: 1.4em -16px 0.8em -16px;
}


/* кнопка предпросмотр сообщения */
small#togglePreview {
margin: 3px 0px 8px auto;
}
}


/*****************************************/


@media screen and (max-width: 676px) {
.podval {
margin: 20px auto auto;
}

/* размер нужных и админов */
.char-wrapper {
height: 30px;
width: 30px;
}
}


/*****************************************/


@media screen and (max-width: 660px) {
/* скрываем блоки в объявлении */
.hp-news,
.hp-aktiv {
display: none;
}

/* редактируем оставшееся */
.hp-base {
grid-template-columns: 1fr 1fr 1fr;
}

.hp-admins {
grid-column: 1 / 3;
grid-row: 2 / -1;
}

.char-wrapper {
height: 40px;
width: 40px;
}

.navig a {
font-size: 11px;
}
}


/*****************************************/


@media screen and (max-width: 564px) {
.punbb #pun-navlinks #form-login input {
width: auto !important;
}
}


/*****************************************/


@media screen and (max-width: 540px) {
#pun-status {
margin: auto -10px auto;
}

/* навигация */
#pun-navlinks {
padding: 18px 6px 10px;
}
#pun-navlinks .container {
gap: 0px 6px;
}

.isuser #pun-status span.item2 {
display: none;
}

#pun #pun-navlinks li#navpm span.num_msg {
line-height: 0 !important;
font-size: 10px !important;
}

.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
display: none !important;
}

/* фикс для таблиц в постах */
#pun .post .post-content td,
#pun #post-preview .post-content td {
display: block;
width: 100% !important;
padding: 0px !important;
}

#pun .post .post-content dl.post-sig td {
display: table-cell;
}

.post-content td {
padding: 0px !important;
}

.post-body,
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
line-height: 1.3;
}


form#register .inline .inputfield {
float: none;
}

form#register {
font-size: 1.05em;
}

#pun #notify-link .unreads {
line-height: 14px;
}
#pun #notify-link {position: relative;}
#pun .notify-link {
top: 10px;
left: 10px;
}


#pun #OnOff_Notify:before {
margin-top: -6px;
margin-left: 10px;
}

textarea {
font-size: 1.3em;
}


/*** БАННЕРЫ ***/
.podval {
margin: 20px -10px auto;
padding: 12px 6px;
}


/*** ОРБИТА ***/
.orbita {
display: none;
}

#pun {
margin: 180px auto 0px;
}

.shapka {
top: -180px;
height: 180px;
}

.nazv {
padding: 6px;
}
.nazv span {
font-size: 20px;
opacity: 0.8;
}
.otschet {
top: -180px;
}

#chfont {
top: -170px;
}

/* фикс закладок */
#pun_wrap #pun #BookmCntToggle {
position: absolute;
top: -170px !important;
}


/* меняем объявление */
.hp-promo {
top: -180px;
}

.hp-base {
height: 183px;
padding: 8px 8px;
}

.hp-charlist {
flex-wrap: wrap;
}


/* шаблон */
.hp-topic {
margin: 4px 2% 8px;
}


/*** админка ***/
.punbb-admin {
width: auto;
max-width: 540px;
}

.punbb-admin .admin-advert-block {
width: 100%;
}

.punbb-admin #pun-navlinks .container {
flex-direction: row;
flex-wrap: wrap;
margin: 0px auto !important;
}

#pun-adnav ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}

div.adcontainer {
background-color: var(--bgpun);
}

.punbb div.adminmain.post {
padding: 0 0 0 0em !important;
}

.punbb-admin #pun-navlinks a,
.punbb-admin #pun-navlinks li#navadmin span:before {
font-size: 0px;
margin: 0px;
}

.punbb-admin #pun-navlinks a:before {
font-size: 18px;
}

.punbb-admin #pun-navlinks li {
padding: 0;
}

.punbb-admin span.num_msg {
font-size: 16px !important;
}

.punbb-admin #pun-ulinks .container {
flex-direction: column;
flex-wrap: nowrap;
}

.punbb-admin .adminmain {
padding: 0em 0px !important;
}

.punbb-admin #pun-adnav {
float: none;
clear: both;
width: 100%;
margin-left: 0em;
display: block;
box-sizing: border-box;
}

.punbb-admin #pun-admain fieldset {
padding: 0 4px 0 4px !important;
}

.punbb-admin #pun-adnav li {
display: inline-block;
}

.punbb-admin #pun-admain fieldset p,
#pun-admain fieldset p,
.punbb-admin #pun-admain fieldset .handle {
border-left-width: 0em !important;
border-left: none;
padding-left: 6px;
box-sizing: border-box;
}

.punbb-admin #pun-admain fieldset p {
margin-bottom: 6px;
}

.punbb-admin #pun-admain2 fieldset .subforums {
margin-left: 0em;
}

.punbb-admin #pun-admain .adlabel {
width: 100%;
box-sizing: border-box;
display: block;
float: none;
clear: both;
margin-left: 0em;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
border-left-width: 0em !important;
}

#pun-admain .adlabel {
margin-left: 0em !important;
width: 100% !important;
}

.punbb-admin #pun-admain .adinput {
padding: 0px 26px 0 0 !important;
}

.punbb-admin #pun-admain span.adsubmit {
position: relative;
display: block;
left: 1em !important;
margin-bottom: 6px;
}

.punbb-admin #pun-admain p.adsubmitfield span.adsubmit {
top: 2px;
}

#pun-admain textarea {
width: 98% !important;
box-sizing: border-box;
}

.punbb-admin #pun-admain1 form.adcontainer,
.punbb-admin #pun-admain2 form.adcontainer,
.punbb-admin #pun-admain1 div.adcontainer,
.punbb-admin #pun-admain2 div.adcontainer {
padding: 18px 0px 12px 0px;
overflow: hidden;
}

#pun-admain1 form.adcontainer,
#pun-admain2 form.adcontainer,
#pun-admain1 div.adcontainer,
#pun-admain2 div.adcontainer {
padding-left: 0;
padding-right: 0;
}

.punbb-admin #pun-admain p span.astable label {
float: none;
clear: both;
}
}


/*****************************************/


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

/* объявление */
.hp-flag {
right: 6px;
}

#promo2 {
margin: auto 48px;
}

.hp-base {
grid-template-rows: auto auto;
}

.char-wrapper {
height: 30px;
width: 30px;
}

.hp-admins {
display: none;
}

.hp-timeline {
grid-column: 1 / -1;
}

.navig {
grid-column: 1 / -1;
grid-row: -2 / -1;
height: auto;
margin: auto;
}

.navig ul {
flex-direction: row;
flex-wrap: wrap;
}

.navig li {
flex: 1;
flex-basis: 49%;
display: block;
}

.navig li:nth-child(1),
.navig li:nth-child(2) {
padding-bottom: 6px;
}

.navig a {
font-size: 10px;
}
}


/*****************************************/


@media screen and (max-width: 400px) {
body {background-image: none;}

/*** РОГА ***/
#pun-navlinks:after {
background: var(--pun-horns-decor) 50% calc(100% - 12px) no-repeat;
}

#pun-main h1 {
padding: 4px 0px;
}

#pun-stats ul.container {
padding: 14px 0px 0;
}

p.crumbs {
margin: 1.1em -10px 1em;
}

.otschet {
min-width: 260px;
max-width: 400px;
padding: 12px 4px 10px;
font-size: 13px;
}

.topbot {
right: -3px;
}

/* вкладка-сборщик */
#vtlSettingsToggler {
top: 4px !important;
left: 4px !important;
width: 38px !important;
height: 38px !important;
}
}


/*****************************************/