@import url(style_cs.1774697922.css);
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

/********** Чистый стандартный стиль для MyBB ***********/
/******** Cпециально для ForumD.ru © Gerda, 2023 ********/
/**************************************************
!!! Условия использования !!!

1. Данный копирайт не удалять
2. При публикации производных работ указывать ссылку на автора и ForumD.ru
3. При публикации в общий доступ указывать ссылку на автора и ForumD.ru
4. Публичный производный контент должен распостраняться на тех же условиях

Подробно: forumd.ru/viewtopic.php?id=5751#rule
**************************************************/

/* ================== */

/* Скрываем элементы форума */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks 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,
#pun-title h1,
#pun-announcement h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}

#pun:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after,
.punbb .container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}

.topic a.sharelink {display: none;}
.category table thead,
li.pl-reports,
h1 {display: none;}

#form-buttons td#button-files_rusff,
#form-buttons td#button-graffiti_rusff {display: none;}

/* ================== */

/* цвета */

:root {
  /* Цвета */
  --txt1: #262626;
  --txt2: #666666;
  --acc: #bf7140;
  --plash-p: #f2f2f2;
 /*--acc: #828f66;*/
  
  /* Фоны */
  --bg1: #f2f2f2;
  --bg2: #eeeded;
  --pun-title: transparent url(https://forumstatic.ru/files/001b/e1/6c/22480.png) no-repeat top center;
  --h-title: transparent url(https://forumstatic.ru/files/001b/e1/6c/35912.png) no-repeat top center;
  --bg: url(https://forumstatic.ru/files/001b/e1/6c/23222.png);
  
  /* Шрифты */
  --font-base: "Golos Text", sans-serif; 
  --font-acc: "Noto Serif Display", serif;
  --mat: "Material Symbols Outlined";
  
  /* Прочее */
  --brd: 1px solid #e3e3e3;
  --brd-clr: #e3e3e3;
}

/* Общие стили */
* {margin: 0; padding: 0;}

body {margin: 0; background: var(--bg1); color: var(--txt1);}
ul, dl, li, dd, dt {list-style: none;}

body {
  font: 12px/1.5 "Golos Text", sans-serif; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--bg1) var(--bg) top center/cover fixed;
}
h1, h2 {
font-weight: normal;
padding: 5px 10px;
margin: 0;
}
h3 {
font-weight: normal;
margin: 0;
}


address, em {font-style: normal}

a, a:link, a:visited, a:active {color: var(--acc); text-decoration: none; transition: color 0.2s;}
a:hover {color: var(--txt1); transition: 0.2s;}


:focus {outline: none;}

strong {font-weight: 500;}

/* Скроллбары */
* {
scrollbar-width: thin; 
scrollbar-color: #8d9a70 #262626;
}
*::-webkit-scrollbar {width: 9px; height: 9px;}
*::-webkit-scrollbar-track {background-color: #262626;}
*::-webkit-scrollbar-thumb {background-color: #8d9a70;}

/* ================== */

/* Тело форума */
.punbb {
width: 1200px;
box-sizing: border-box;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 80px;
padding: 0px 0px 25px;
background: var(--bg2);
border: var(--brd);
font-family: var(--font-base);
font-size: 12px;
font-weight: 400;
}

#pun-main {width: 1100px; margin: 0 auto;}

/* Шапка
------------------------------------------*/

#pun-title {
  margin-top: 0px;
  background: var(--pun-title);
  height: 500px;
}

/* скрыть заголовок в шапке */

#pun-title .title-logo, table#title-logo-table {
  display: none;
}
/* ================== */

/* Меню навигации */

#pun-navlinks {
  position: absolute;
  top: 50px;
  width: 1200px;
  text-align: center;
}
#pun-navlinks .container {
margin: 0;
}
#pun-navlinks li {
display: inline;
padding-right: 10px;
}
#pun-navlinks li a {
  font-family: var(--font-acc);
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  text-transform: lowercase;
  color: var(--bg1);
  border-radius: 20px;
  padding: 2px 16px 4px 16px;
  border: var(--brd);
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
  background: var(--txt1);
  transition: all .2s linear 0s;
}
#pun-navlinks li a:hover {
 background: var(--acc);
}
/* Юзер меню */
#pun-ulinks .container {
padding: 8px 10px;
text-align: center;
text-transform: lowercase;
}
#pun-ulinks li {
display: inline;
padding-right: 10px;
}

/* ================== */

/* Объявление */
#pun-announcement .container {padding: 10px;}

/* Статус (Добро пожаловать) */
#pun-status .container {
margin-bottom: 0;
padding: 8px 10px 10px;
}
#pun-status span {
white-space: nowrap;
margin-right: 5px;
}

#pun-crumbs1 {font-weight: bold;}
#pun-crumbs1 p.container {
padding: 10px 10px 8px 10px;
margin-top: 0;
}

/*хлебные крошки */
.container.crumbs {
font-weight: normal;
text-align: center;
text-transform: lowercase;
padding: 10px 10px 8px 10px;
}
#pun-crumbs1 .container.crumbs {margin-top: 0;}
#pun-crumbs2 .container.crumbs {margin-bottom: 0;}

/* Копирайт майбб */
#pun-about .container {text-align: center;}

/* ================== */

/* Форумные таблицы */
.punbb table {table-layout: fixed; width: 100%;}
#respect {width: auto;}
.tcl {width: 50%;}
.tc2, .tc3, .tcmod {
text-align: center;
width: 10%;
}
.tcr {width: 30%;}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%
}

#pun-searchtopics .tc2 {
text-align: left;
width: 20%;
}

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}

.punbb td {padding: 20px 10px;}
.punbb th {padding: 4px 10px;}

#pun .punbb div.intd {
  position: relative;
  padding-right: 80px;
  padding-left: 40px;
}

/* иконки 
div.tclcon {padding-left: 40px;}*/
div.icon {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
}

#pun-main .category Div.icon {
  font: 500 16px var(--font-base);
  font-size: 0;
}

#pun-main .category TR.inew Div.icon {
  left: auto;
  right: 0!important;
  width: 70px;
  height: 70px;
  background: url(https://forumstatic.ru/files/001b/02/88/44131.png) no-repeat top center;
  background-size: contain;
}

#pun-main .category TR.inew Div.icon::before {
  content: "[•]";
}

.punbb table Div.icon {
  display: block;
  width: 20px;
  height: 16px;
  font: 500 14px var(--font-base);
  text-align: center;
  text-transform: uppercase;
}

.punbb table Div.icon::before {
  content: "[…]";
}

TR.inew Div.icon::before {
  content: "[•]";
}

TR.isticky Div.icon::before {
  content: "[!!!]";
}

TR.iclosed Div.icon::before {
  content: "[x]";
}

/* ================== */

/* Категории */
.category {margin-top: 10px;}
#pun-category1 {margin-top: 0;}
.category td .modlist {
display: block;
padding-top: 5px;
}
.category {
  margin: 30px auto;
  width: 1100px;
  background: var(--bg1);
  border: var(--brd);
  box-sizing: border-box;
}
.category h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: var(--h-title);
  height: 60px;
}
.category h2 span{
  font-size: 10px;
  font-family: var(--font-acc);
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 0.3px;
  background: var(--bg1);
  border: var(--brd);
  border-radius: 50px;
  padding: 2px 6px;
}
#pun-index .tcl h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.3px;
}
/* тем-сообщений */
#pun-index .tc2, #pun-index .tc3 {display: none;}
.Add {
  display: flex;
  font: 400 10px var(--font-base);
  color: var(--txt2);
  text-shadow: none;
}
.Add .left:after {
  content: "//";
  margin: 2px;
}

/* правая колонка */
#pun-index .tcl {padding-right: 10px;}
#pun-index .tcr {padding-left: 30px;border-left: var(--brd);}

/* последнее сообщение в форуме */
a.lastpost-link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
td.tcr br:has(+ span.lastpost) {
    display: none;
}
/* аватар пользователя */
.punbb td .user-avatar .avatar-image { 
border-radius: 0px!important;
filter: grayscale(1)
}
.punbb td .user-avatar .isonline {
  animation: none!important;
  -moz-animation: none!important;
  -webkit-animation: none!important;
  background: var(--acc)!important;
  top: -2px!important;
  right: -2px!important;
  border: 2px solid var(--bg2)!important;
}

/* описание */
.forum_text {
  font-size: 10px;
  color: var(--txt2);
  line-height: 1.2em;
  letter-spacing: 0.5px;
  text-align: justify;
  word-wrap: break-word;
}
.links {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.links li{}

.links li a{
  font-weight: 500;
  color: var(--txt2);
  background: var(--bg2);
  border: var(--brd);
  padding: 2px 4px;
  border-radius: 10px;
}

.links li a:hover{
  color: var(--acc);
  background: var(--bg2);
  border: var(--brd);
}

/* Статистика */
#pun-stats .container {padding: 8px 10px}

#pun-stats {
  margin: 30px auto;
  width: 1100px;
  background: var(--bg1);
  border: var(--brd);
  box-sizing: border-box;
}
#pun-stats h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: var(--h-title);
  height: 60px;
}
#pun-stats h2 span{
  font-size: 18px;
  font-family: var(--font-acc);
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 0.3px;
  color: var(--bg1);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  border-radius: 50px;
  padding: 0px 8px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15), -1px -1px 1px 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(5px);
}

#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
li#onlinelist {
margin-top: 10px;
line-height: 130%;
}
li#onlinelist div {padding: 8px 0 0 0;}

/* ================== */

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
position: absolute;
top: -50px;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right;}

.linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {float: left; text-align: left;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}

.post .container {}
.post h3 {}
.post h3 span {
  padding: 4px 12px;
  display: block;
  font: 10px / 2 "Golos Text", sans-serif;
  margin: 10px 0px;
  border: var(--brd);
  background: var(--bg1);
}
.post h3 strong {
float: right;
text-align: right;
font-weight: normal;
}

a.permalink:before {
  content: '\f02f';
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  font: 500 12px/1.5 var(--mat);
}

.post .post-author {
  float: left;
  position: relative;
  margin-bottom: 40px;
  padding-top: 40px;
  width: 230px;
  text-align: center;
  background: url(https://forumstatic.ru/files/001b/02/88/83950.jpg) top center no-repeat, var(--bg1);
  border: var(--brd);
}
.post .post-author ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  width: 180px;
  padding: 0px 10px;
  margin: 0 auto;
  background: var(--bg1);
}
.post-author li:not(:last-child) {
    padding-top: 4px;
}
.post .post-author li {
    width: inherit;
}
li.pa-author {
  font: 600 italic 16px var(--font-acc);
  letter-spacing: 0.3px;
  text-transform: lowercase;
}
li.pa-title {
  font-size: 10px;
  color: var(--txt2);
  line-height: 1em;
  letter-spacing: 0.3px;
}

.pa-respect, .pa-posts, .pa-fld3 {
  width: calc(calc(190px - 10px) / 3) !important;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  text-transform: lowercase;
}

.pa-fld4 {
  position: absolute;
  top: 174px;
  left: -80px;
  transform: rotate(-90deg);
  font-size: 10px;
  color: var(--txt2);
  line-height: 1em;
  letter-spacing: 0.3px;
}
li.pa-online, li.pa-last-visit {
  padding: 10px;
  margin-bottom: -40px;
}
li.pa-online {font-size: 0px;}
li.pa-online::before{
  content: 'в палате';
  font-size: 12px;
  color: var(--txt2);
  line-height: 1em;
  letter-spacing: 0.3px;
}

li.pa-last-visit {font-size: 0px;}
li.pa-last-visit::before{
  content: 'на процедурах';
  font-size: 12px;
  color: var(--txt2);
  line-height: 1em;
  letter-spacing: 0.3px;
}
/* плашка внизу профиля */
.post-author .plash {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.punbb .plash p {
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 2px 10px 2px 2px;
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 10px;
  line-height: 1;
  text-transform: lowercase;
  color: var(--plash-p);
}
.plash img {
  display: block;
  position: absolute;
  width: 230px;
}
/* личное звание */
.lz {
  margin-bottom: 8px;
  font-size: 10px;
  color: var(--txt2);
  line-height: 1em;
  letter-spacing: 0.3px;
  text-align: justify;
  word-wrap: break-word;
}

.lz a.ank {
  margin-bottom: 8px;
  padding: 4px 8px;
  display: block;
  text-align: center;
  background: var(--bg2);
  border: var(--brd);
  border-radius: 10px;
}

li.pa-fld1::after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 4px;
  background: var(--bg2);
  border: var(--brd);
}


.post-body {margin-left: 250px;}
.post-box {padding: 10px;}

.post-links {margin-left: 260px;}
.post-links ul {
padding: 0;
margin-left: -270px;
text-align: right;
}
.post-links li {
display: inline;
padding-left: 10px;
}

.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}

/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
}

/* Контент поста */
pre {font: 11px monospace;}
.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
}
.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
.quote-box, .code-box {
margin: 5px 10px 10px;
padding: 20px;
border: var(--brd);
background: var(--bg1);
}
.quote-box cite {
display: block;
padding-bottom: 5px;
text-align: left;
font: 500 14px var(--font-base);
text-transform: uppercase;
}
.code-box strong.legend {
display: block;
padding-bottom: 5px;
text-align: left;
font: 500 14px var(--font-base);
text-transform: uppercase;
}

.post-content .spoiler-box > div {
display: block;
text-align: left;
font: 500 14px var(--font-base);
text-transform: uppercase;
}

/* ================== */

/* Формы */
/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

#viewprofile-next #pa-edit a, input[class="button"], input[class="button submit"], input[type="button"], [type="submit"] {  
  padding: 5px 12px;
  text-align: center;
  margin: 5px;
  font-weight: 600;
  min-width: 75px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--txt1);
  background: var(--bg1);
  border: var(--brd);
  transition: 0.4s;
  -webkit-transition: 0.4s;
  cursor: pointer;
}

#viewprofile-next #pa-edit a:hover, input[class="button"]:hover, input[class="button submit"]:hover, input[type="button"]:hover {
  background: var(--brd-clr);
  border: var(--brd);
}

textarea, input, select, optgroup {font-size: 14px; color: var(--txt1); background: var(--bg1);border: var(--brd);padding: 6px;}
optgroup {font-weight: bold;}
#main-reply { width: 100%; font-family: var(--font-base); font-size: 13px;}
#post-form h2 {display: none;}

#tags .container {
  position: absolute;
  right: 6px;
  top: 43px;
  background: var(--bg2);
  border: var(--brd);
  z-index: 2;
}

.formal .container {padding: 10px 20px;}

.formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}

fieldset {border: none;}
fieldset legend {
font-weight: normal;
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */

/* Профиль + ЛС */
#profile .container {padding-left: 300px;}
#profilenav {
  float: left;
  width: 300px;
  margin-left: -300px;
}

#profilenav li {padding-bottom: 10px;}
#viewprofile ul, #profilenav ul {
padding: 10px;
margin: 0 0 10px 0;
}
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
#viewprofile li {margin-bottom:2px;}
#viewprofile li span {
float: left;
width: 180px;
padding: 5px 10px;
font-weight: bold;
}
#viewprofile li strong, #viewprofile li div {
display: block;
padding: 5px 10px;
font-weight: normal;
}
img.avatardemo {float: right;margin: 0 0 8px 18px;}

/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}