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

 luverance & badkarma

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

@import url(style_cs.1752598344.css);

/* Шрифты
===========================================*/

@font-face { font-family: "Material Icons";
  font-style: normal; font-weight: normal;
  src: local("Material Icons"), url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2"); }

@font-face { font-family: 'anticva'; 
src: local("anticva"), url(https://forumstatic.ru/files/001c/48/df/99003.otf); }

@font-face { font-family: 'owenpro'; 
src: local("owenpro"), url(https://forumstatic.ru/files/001b/ea/42/69628.otf); }

@font-face { font-family: 'mogen'; 
src: local("mogen"), url(https://forumstatic.ru/files/001c/48/df/21685.otf); }

@font-face { font-family: 'inter';
src: local("inter"), url(https://forumstatic.ru/files/001c/3f/af/56893.ttf);}

:root {
  --bg: url(https://forumstatic.ru/files/001c/48/df/95338.png) fixed; /*фон*/
  --tab: url(https://forum4.ru/uploads/001c/48/df/2/353689.png) rgba(0, 0, 0, 0); /*шапка*/
  --pn: url(https://forumstatic.ru/files/001c/48/df/13090.png) repeat; /*тело*/
  --bot: url(https://forumstatic.ru/files/001c/48/df/39619.png) no-repeat center; /*футер*/
  --cl0: #d1d1d1; 
  --cl: #b3af9a; 
  --cl2: #4e4d4d; /*цвет дежурного текста*/
  --cl3: #c5a057; 
  --cl4: #ddcaa5; /*голубой*/
  --cl5: #0b0701; /*черный*/
  --cl6: #5d9abb69; /*прозрачная подложка голубая*/
  --cl7: #eeeeee2b; /*прозрачная подложка серая*/
  --cl8: #70accb; /*светлый голубой*/

  --cl9: #242d24; /*очень темный зеленый*/
  --cl10: #939393; /*светло-серый*/

  --1ft: 'inter'; /*основной шрифт*/
  --2ft: 'mogen'; /*акцентный шрифт*/
  --3ft: 'inter'; /*основной шрифт*/
  --4ft: 'inter'; /*основной шрифт*/

  --bg-cat: #000; /*категории*/

  --bg-ls: url(https://forumstatic.ru/files/001c/39/53/63399.png);
  --bg-guest: url(https://forumstatic.ru/files/001c/3f/af/81296.png); /*подложка гостевая*/
  --bg-tem: url(https://forum4.ru/uploads/001c/3e/b6/3/315636.png); /*подложка тем*/
  --bg-act: url(https://forum4.ru/uploads/001c/3e/b6/3/508128.png) no-repeat; /*активный подфорум*/
  --bg-prof: url(https://forumstatic.ru/files/001c/3f/af/74126.png); /*подложка профиля*/
  --bg-kart: url(https://forum4.ru/uploads/001c/3e/b6/3/617915.png); /*подложка карты*/
  --bg-anim: url(https://forum4.ru/uploads/001c/3e/b6/3/47044.gif); /*анимация основная*/
  --bg-anim2: url(https://forum4.ru/uploads/001c/3e/b6/3/858662.gif); /*анимация пластинка*/
  --bg-anim3: url(https://forum4.ru/uploads/001c/3e/b6/3/745940.gif); /*анимация загрузка*/
  --bg-vn: url(https://forumstatic.ru/files/001c/48/df/85599.png?v=1); /*вниз*/
  --bg-vr: url(https://forumstatic.ru/files/001c/48/df/71755.png?v=1); /*вверх*/



  --wh: 1198px; /*ширина тела*/
  --wh1: 1198px; /*ширина шапки, футера*/
  --hg1: 404px; /*высота шапки*/
  --hg2: 174px; /*высота футера*/
}



/* НАСТРОЙКИ ПО УМОЛЧАНИЮ
===========================================*/

html, body { margin: 0; padding: 0 }
* { margin: 0 }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { margin-top: 0px; }
.punbb .main table { table-layout: fixed; width: 100%; }
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle }


 /* НАСТРОЙКИ ТЕКСТА
===========================================*/

body { font-size: 100.01%; overflow-x: hidden }
.punbb { font: normal 70% Verdana; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, montserrat, sans-serif; }

/*------ Заголовки ------*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font-size: 11px;
    letter-spacing: 0px;
    padding-top: 0px;
    font-weight: normal;
    border-color: transparent;
}

.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; }
.punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
.punbb address, .punbb em { font-style: normal }
.punbb .post-content em { font-style: italic }
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
.punbb a { text-decoration: underline }
.punbb optgroup { font-weight: bold; }


/* ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ
===========================================*/

/*------ Тело ------*/
#pun {
    position: relative;
    width: var(--wh);
    margin: 410px auto 15px;
    background: var(--pn);
    padding-top: 4px;
    background-position: center top;
    background-repeat: repeat-y;
}


/*------ Ширина контента внутри ------*/
.punbb {
    height: auto;
    margin-left: 95px;
    width: 1000px;
}

.punbb .section, .punbb .main { margin-bottom: 1em; }
.punbb .category, .punbb .post { margin-top: 0.4em; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
#pun-post .topic { margin-top: 1em; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px }

/*------ Отступы категорий и заголовков ------*/
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
      padding: 0px 1em 0px 1em;
    border-style: solid solid none solid;
    border-width: 1px 1px 0px 1px;
}



/* ФОРУМНАЯ НАВИГАЦИЯ
===========================================*/

#pun-navlinks { border: none; margin: 0;}
#pun-navlinks li { display: inline; padding-right: 0em; }

/*------ Бокс форумной навигации ------*/
#pun-navlinks .container {position: absolute;display: flex;width: 665px;font-weight: normal;text-align: center;top: -357px;left: 268px;justify-content: center;align-items: center;z-index:9;}


/*------ Ссылки форумной навигации ------*/
#pun-navlinks li a {
   color: var(--cl3);
   display: inline-block;
   padding: 0px 10px 0px !important;
   font-family: var(--2ft), var(--1ft);
   font-size: 13px !important;
   letter-spacing: 2px;
   text-transform: uppercase;
   font-weight: 500;
}
   
#pun-navlinks li a:hover {
    color: var(--cl);
}



/*------ Прячем награды ------*/
 #navawards, #navawards a span { display:none!important; }

/*------ Отключаем количество сообщений в лс ------*/
#pun-messages .pa-posts { display: none; }



/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
===========================================*/

/*------ Бокс пользовательской навигации ------*/
#pun-ulinks .container {
    position: absolute;
    display: inline;
    width: 1000px;
    padding: 0 !important;
    top: -331px;
    font-weight: normal;
    text-align: center;
}

/*------ Ссылки пользовательской навигации ------*/
#pun-ulinks li, #pun-ulinks li a {display: inline;white-space: nowrap;}

#pun-ulinks a {
   font-size: 7px !important;
    letter-spacing: 0.7px;
    font-weight: 100;
    font-family: var(--1ft) !important;
    text-transform: uppercase;
    padding: 0px 15px 0px 5px !important;
    color: var(--cl);
}

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


/* СТРОКА ПРИВЕТСТВИЯ
===========================================*/

#pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; }
#pun-status span { white-space: nowrap; margin-right: 0.5em; }


/*------ Бокс строки приветствия ------*/
#pun-status .container {
    position: absolute;
    display: inline-flex;
    width: 143px;
    gap: 0px;
    font-weight: 100;
    font-family: var(--4ft);
    font-size: 8px;
    color: var(--cl3);
    text-transform: uppercase;
    left: 92px;
    top: -361px;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
}

#pun-status .container a { color: var(--cl3); text-transform: uppercase;font-family: var(--4ft); font-size: 7px!important; }
#pun-status .container strong { font-weight: 100!important; }

#pun-status .container .item1 {font-size: 7px;}
#pun-status .container .item2 { text-transform: lowercase;  color: var(--cl4);}

/*------ Прячем ненужное ------*/
#pun-status .container .item4  { display: none; }


/* МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ
===========================================*/

#pun-crumbs1 { overflow: hidden; margin: 20px 0px 0px; }

#pun-crumbs1 p.container {
   border-top: none;
   padding: 0px;
   font-size: 11px;
   text-transform: lowercase;
   color: var(--cl5);
}

#pun-crumbs2 { overflow: hidden; margin-bottom: 0; border-bottom: none; }

#pun-crumbs2 .container {
  border-bottom: none;
    padding: 0px;
    color: var(--cl5);
    font-size: 11px;
    text-transform: lowercase;
  }

/*------ Внешний вид------*/
#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    font-family: var(--4ft) !important;
    font-weight: normal;
}

#pun-crumbs2 {  margin-bottom: 10px !important;}

/*------ Вид ссылок ------*/
#pun-crumbs2 a, #pun-crumbs1 a {
    text-transform: lowercase;
    font-size: 11px;
    font-family: var(--4ft) !important;
    font-weight: 600;
}

#pun-crumbs2 a:hover, #pun-crumbs1 a:hover { color:  var(--cl5)!important; }

#pun-break1 { border-style: solid none; border-width: 1px 0; height: 0; margin-bottom: 0px; position: relative; z-index: 1; }
#pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; }




/* СТАТИСТИКА
===========================================*/

#pun-stats .container {
    margin: 0px 30px 20px 30px;
    background: #c7c7c7;
    position: relative;
    top: 24px;
    padding: 25px 0px 10px 0px;
    z-index: 9;
}


#pun-stats .container strong {font-weight: 600;}
#pun-stats .container a {color: #a58648;font-weight: 600;font-size: 10px;text-transform: lowercase;}
#pun-stats .container a:hover {color: var(--cl5);}

.statscon li.item3 strong { var(--cl) }

.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
    position: absolute;
    margin-top: -13px;
    padding: 1px 10px;
    font-size: 9px !important;
    letter-spacing: 1.4px;
    font-weight: 100;
    border: 1px solid #151515;
    color: var(--cl5) !important;
    /* background: var(--cl3); */
    display: block;
    text-align: center !important;
    margin-left: -83px;
    font-family: var(--4ft) !important;
    text-transform: lowercase;
    }

.statscon li.item1, .statscon li.item2  {
    width: 100px;
    padding: 1px 15px;
    }

.statscon li.item1 {left: 114px;}
.statscon li.item2 {left: 269px;}

.statscon li.item3 {left: 422px;width: 190px;}

.statscon li.item4 {right: 31px;width: 325px;gap: 5px;padding: 1px 5px;display: flex;z-index: 1;justify-content: center;}
.statscon li.item4  a {color: #a58648 !important;letter-spacing: 1.4px !important;font: 600 9px var(--4ft) !important;}
.statscon li.item4  a:hover {color: var(--cl5) !important;}

.statscon li.item5 {
    display: block;
    width: 878px!important;
    margin: 0px 31px 0px;
    text-align: justify!important;
}

.statscon li.item5.users_24h {min-height: 50px;}

li#onlinelist { margin-top: 10px; border-top-style: solid; border-top-width: 1px; float: left; line-height: 130%; }
li#onlinelist div {border-top-style: solid;border-top-width: 1px;color: var(--cl5);padding: 0px 0px 0px 0px;font-family: var(--4ft);text-transform: lowercase;font-size: 10px;text-align: justify;}



/* РАСПОЛОЖЕНИЕ ТАБЛИЦ
===========================================*/

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; }
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl { width: 40% }
#pun-userlist .main .tc2, #pun-searchtopics .main .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 span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }
.punbb td .modlist { display: block; padding-top: 0.3em }
.punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 10px 20px 20px 20px; }
.punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }
.punbb .main .tcl { border-left-style: none; border-left-width: 0 }

/*------ Подфорум - сколько % занимает ширина подфорума ------*/
.punbb .main .tcl { text-align: left; width: 60%; }

/*------ Активная тема и последнее сообщение - сколько % занимает ширина подфорума ------*/
.punbb .main .tcr {position: relative;
    overflow: hidden;
    text-align: left;
    width: 35%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 24px;}


/*------ Маленькая аватарка в подфорумах ------*/
.punbb .user-avatar .avatar-image {    
   float: left !important;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.55 !important;
    border-radius: 0px !important;
    outline-offset: 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(1);
    transition: all 0.3s linear 0s;
}

.punbb .user-avatar {
    float:  left!important;
    position: relative;
    height: 36px;
    width: 36px;
    margin: -1px 10px 2px 2px !important;
}

.punbb .user-avatar .avatar-image:hover { filter: grayscale(0); opacity: 0.85!important; }

/*------ Кружок онлайн на главной ------*/
.punbb .user-avatar .isonline {
    display: block;
    position: absolute;
    border-radius: 0px!important;
    width: 4px!important;
    height: 30px!important;
    top: 0px !important;
    right: 2px !important;
    background: var(--cl3) !important;
    z-index: 100;
}

/* ТОПИКИ
===========================================*/

.punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; }

/*------ Полоска разделитель постов ------*/
.punbb .post h3 {margin: 0px 9px 0px;display: block;border-bottom: 1px solid #a7a7a7;height: 13px;}


.punbb .post h3 span {display: block;margin: 15px 0px 0px;}

/*------ Дата поста ------*/
.punbb .post h3 span a {color: var(--cl5);padding: 2px 10px;text-transform: lowercase;font-family: var(--4ft);top: 15px;left: -7px;position: relative;font-size: 11px;}

/*------ Номер поста ------*/
.punbb .post h3 strong {right: 108px;margin-top: 15px;color: var(--cl5);text-transform: lowercase;padding: 2px 10px;position: absolute;font-weight: 500;width: auto;font-size: 11px;font-family: var(--4ft);text-align: right !important;}


/*------ Выпрямляем дату в личных сообщениях ------*/
#pun-messages .post h3 span { font-family: var(--4ft); }


/*------ Выпрямляем дату в поиске постов ------*/
.punbb#pun-searchposts .post h3 span a {
position: relative !important;
    top: -1px;
    left: 0px;
    font-size: 11px;
}

.punbb#pun-searchposts  em { display: none; }
.punbb#pun-searchposts .post h3 span a:before {content: "«"; padding: 0px 2px; }
.punbb#pun-searchposts .pa-author strong { font-weight: normal!important; }
.punbb#pun-searchposts .pa-replies {
    color: var(--cl);
    font-size: 11px;
    font-family: var(--4ft);
    margin: 8px 0px 5px;
    }



/* КОНТЕНТ, ПОДПИСИ И ПОЛЯ ПРОКРУТКИ
===========================================*/

/*------ Выравнивание текста в постах ------*/
.punbb .post-content { width: 100%; text-align: justify; }

/*------ Полоса отделяющая пост и подпись ------*/
.punbb .post-sig dt {
    display: block;
    border-top: 1px dashed;
    width: 250px;
    height: 0px;
    margin: 15px 0;
  }

/*------ Абзацы внутри постов ------*/
.punbb .post-content p {
  margin: 0; line-height: 150%;
  padding: 0 0 5px 0;
  }

.post-content hr {
    opacity: 0.5;
    border: 1px solid #a7a7a7 !important;
    filter: alpha(opacity = 50);
    margin-bottom: 0.8em;
}

.post-content {margin: -10px 0px 0px 0px !important;}
.punbb .post-content img { vertical-align: text-bottom }
.punbb .post-content img.postimg { vertical-align: middle; }
.punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; }
.punbb .post-content .scrollbox { width: 100%; height: 2.5em!important; overflow: auto; }


/* РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
===========================================*/

.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }
.multipage { margin-top: 3em; }

/*------ Внешний вид страниц сверху ------*/
.linkst .pagelink {
   margin-top: -25px;
    word-spacing: 3px;
    color: var(--cl5);
    margin-left: 17px;
}

/*------ Внешний вид страниц снизу ------*/
.linksb .pagelink {
    float: left;
    margin: 0px -11px;
    width: 24em;
    color: var(--cl5);
    word-spacing: 3px;
    text-align: left;
}

/*------ Внешний вид ответить снизу ------*/
.linksb .postlink {
  float: right;
    width: 16em;
    margin-top: 0px;
    margin-right: 10px;
  }

.punbb .linksb { text-align: right; padding: 0px 0px 0px 25px; }

/*------ Внешний вид ответить сверху, ссылки новая тема, создать опрос внутри подфорума ------*/
.linkst .postlink {
    position: absolute;
    top: -22px;
    right: -6px;
    text-align: right;
    padding-right: 17px;
}

/*------ Ссылка подписаться и отслеживать внутри темы ------*/
.subscribelink { clear: both; padding-top: 0.3em; margin-right: 10px; padding-bottom: 0.5em; }

.pagelink a {padding: 1px 5px 3px;font: var(--1ft)!important;background: #c7c7c7;color: var(--cl5)!important;}

.pagelink a:hover {background: var(--cl3);border-radius: 0px;}


.pagelink strong {padding: 1px 5px 3px;font-weight: 500;background: var(--cl3);-webkit-transition: 0.15s linear;-moz-transition: 0.15s linear;-o-transition: 0.15s linear;transition: 0.15s linear;}





/* ПРОФИЛЬ В ТЕМЕ
===========================================*/

.punbb .post .post-author ul, .punbb .post .post-author p {line-height: 140%;}

.punbb .post .post-author {
  float: left;
    width: 245px;
    height: auto;
    margin-top: 0px;
    margin-left: -1px;
    overflow: hidden;
    padding-bottom: 15px;
    background: #151515;
}

.punbb .post .post-author:before {
    content: "";
    position: absolute;
    background: url(https://forum4.ru/uploads/001c/46/0f/3/771742.png);
    height: 39px;
    margin: 0px 103px;
    display: flex;
    width: 39px;
    margin-top: 3px;
    z-index: 1;
    }

/*------ Поиск ------*/
#tuser {
    cursor: pointer;
    font-size: 11px !important;
    display: block;
    color: var(--cl5);
    position: absolute;
    z-index: 99;
    opacity: 0.5;
    margin-top: -52px !important;
    margin-left: 196px !important;
    padding: 0px;
    width: 20px;
    height: 20px;
}

/*------ Значок активен-неактивен ------*/
.indOnline {
    display: block !important;
    position: absolute;
    z-index: 9;
    width: 8px;
    height: 8px;
    border-radius: 20px !important;
    background: #6b5732;
    box-sizing: border-box;
    margin-top: -60px !important;
    margin-left: 107px !important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite
}

.indOffline {
    display: block !important;
    position: absolute;
    width: 8px;
    height: 8px;
    background: none;
    box-sizing: border-box;
   margin-top: -60px !important;
    margin-left: 107px !important;
}

/*------ Аватар пользователя ------*/
.pa-avatar {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #6b5732;
    padding: 8px 26px 7px!important;
    border-top: none;
    margin: -8px 7px 9px 7px !important;
    text-align: center;
    z-index: 2;
    position: relative;
}

/*------ Стилизация аватара пользователя ------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 0px;
    padding: 0px;
    z-index: 9;
    position: relative;
    margin-top: 0px;
}

/*------ Поле ника пользователя ------*/
.pa-author {
    text-align: center;
    padding: 25px 4px 0px 4px !important;
    width: inherit;
    border: 1px solid #6b5732;
    border-bottom: none;
    font-family: var(--1ft), var(--4ft);
    font-size: 13px;
    color: var(--cl) !important;
    margin: 25px 7px 0px 7px;
}


/*------ Ник-ссылка пользователя ------*/
.pa-author a {
    position: relative;
    z-index: 9999;
    letter-spacing: .5px !important;
    font-family: var(--2ft), var(--4ft) !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--cl3) !important;
    margin-left: 0px !important;
    transition: all .5s linear 0s !important;
    }

.pa-author a:hover { color: var(--cl4) !important;  }




/*------ Статус ------*/
li.pa-title {
  position: relative;
  height: auto;
  width: inherit;
  padding: 0px 14px;
  margin: 0px 7px 5px 7px;
  font-size: 9px;
  border: 1px solid #6b5732;
  border-top: none;
  border-bottom: none;
  letter-spacing: 0.7px;
  color: var(--cl);
  z-index: 999;
  font-family: var(--4ft);
  text-transform: lowercase;
  text-align: center;
}



/*------ Сообщения, репутация, деньги и посты ------*/
.pa-posts, .pa-respect, .pa-fld2, .pa-fld4, .pa-fld5 {height: 13px;color: var(--cl0);text-transform: uppercase;line-height: 14px;font-family: var(--4ft);font-size: 8px !important;background: #6b5732;}

.pa-posts, .pa-respect, .pa-fld2, .pa-fld4, .pa-fld5  { display: block; width: 88px;}

.pa-posts  {margin-top: 2px !important;margin-bottom: 2px !important;margin-left: 28px !important;}
.pa-respect { margin-top: -15px !important; margin-left: 123px !important; letter-spacing: -0.2px;}
.pa-fld2, .pa-fld4, .pa-fld5 {margin-top: 2px !important;margin-left: 28px!important;}
.pa-fld2 {margin-top: 2px !important;}

.pa-respect a:link, .pa-respect a:visited, .pa-fld2 a:link, .pa-fld2 a:visited, .pa-fld5 a:link, .pa-fld5 a:visited  {
    color: var(--cl0);
    text-transform: uppercase;
    font-size: 8px;
}


/*------ Батарейка ------*/
.pa-fld3 {
    position: absolute;
    width: 78px;
    height: 37px;
    margin-top: -41px !important;
    margin-left: 123px!important;
}

.pa-fld3:before  { content: url('https://forum4.ru/uploads/001c/45/71/60/867337.png');}

.pa-fld3 .charge {
    width: 78px;
    height: 37px;
    background: #6b5732;
    border-radius: 1px 1px 1px 1px!important;
    margin-top: -42px !important;
    margin-left: 3px !important;
}

.pa-ip {
    padding-top: 10px !important;
    color: var(--cl0);
    font-size: 10px;
    font-family: var(--4ft);
    text-transform: uppercase;
    margin-bottom: -7px !important;
}

.pa-ip a:hover { color: var(--cl0); }


/*------ Личное звание ------*/
.pa-fld1 {
    position: relative;
    width: inherit;
    padding: 7px 24px 9px!important;
    letter-spacing: 0.5px;
    line-height: 13px;
    z-index: 9;
    border: 1px solid #6b5732;
    border-top: none;
    background: #151515;
    margin: -12px 7px 12px;
    text-align: center;
    font-size: 9px;
    color: var(--cl0);
    font-family: var(--4ft);
    text-transform: lowercase;
}

.pa-fld1 .lz {width: 184px;font-size: 9px;background: #6b5732;color: var(--cl0);text-transform: uppercase;text-align: center;position: relative;display: inline-block;}
.pa-fld1 .lz1  {position: relative;display: block;padding: 5px 0px 5px;}
.pa-fld1 .lz1 a  {color: var(--cl)!important;font-style: italic;font-size: 11px !important;}
.pa-fld1 .lz1 a:hover  { color: var(--cl4)!important; }



/*------ Прячем название полей ------*/
.pa-reg, .pa-fld1 .fld-name, .pa-fld5 .fld-name, .pa-fld6 .fld-name, .pa-fld2 .fld-name, li.pa-awards .fld-name, .pa-author img, .pa-gifts,  .pa-fld7 .fld-name, .pa-online {  display: none; }

/*------ Соотношение между шириной профиля и шириной поста ------*/
.punbb .post-body {
 margin-left: 22em;
    margin-right: 6px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0px 0 1px 0;
  }

.punbb .post-box { padding: 20px 15px 0px;
    margin: 25px 3px 15px 3px !important; }
.punbb fieldset .post-box { margin-bottom: 0.8em }
.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; }

/*------ Ссылки профиль, лс, email под профилем пользователя ------*/
.punbb .post-links ul {
    height: auto;
    line-height: 1em;
    margin-left: -202px;
    font-size: 10px;
    text-transform: lowercase;
    background: transparent;
    text-align: right;
    margin-right: 0px;
  }

.punbb .post-links li {
  display: inline;
    text-align: center;
    margin: 0px 2px;
    padding: 0px 5px 1px 5px;
    transition: all 0.5s ease 0s;
  }

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

/*------ Прячем кнопку поделиться ------*/
.topic a.sharelink { display: none; }


/* РАСПОЛОЖЕНИЕ ФОРМ
===========================================*/

.punbb .formal .container { padding: 0em 1.3em 0em 1.3em; }
.punbb .formsubmit { padding: 0 0 0 1.7em; text-align: center; margin: 1em 0 0 0;  }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 }
.punbb fieldset { border-style: solid; border-width: 1px; padding: 0px 2px 0px 0px; margin: 0 0 1px 0; }
.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 }
.punbb .fs-box { padding: 1em 0 0.8em 0; }
.punbb .fs-box p, .punbb .fs-box fieldset  { padding: 0px 0 0.8em 0; }
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left;  margin-right: 1em; }

.fs-box p.inputfield label, .fs-box p.selectfield label {   }

.punbb .datafield br { display: none }
.punbb .required label, .punbb .datafield span.input {  }
.punbb .datafield span.input a { font-weight: normal; }
.punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ }
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; }
.punbb .hashelp { position: relative; }
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; }
.punbb #profile .helplinks { top: 1.5em; }
.punbb .helplinks span { display: block; padding-bottom: 0.2em; }
#pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; }
.punbb .helplinks span INPUT { margin-right: 2px; margin-bottom: 2px; }


.punbb fieldset legend { padding: 0;
    margin: 0px 0px 0px 11px;
    font-size: 11px;
  }

.punbb fieldset legend span { padding: 0 5px;
    margin: 0 0 0 10px;
  }


/*------ Информационный текст в формах ------*/
.punbb .inline .infofield {
    text-transform: lowercase;
    font-size: 9px;
    text-align: justify;
  }




/* СТРАНИЦА ПРОФИЛЯ
===========================================*/

#profile .container { padding-left: 15.6em; }
#profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; }
#profilenav li { padding-bottom: 0.8em; word-spacing: 3px; font-weight: normal; }
#profile-signature ul { border-style: dashed; border-width: 1px 0 0 0; margin: 0; background: none; box-shadow: none; padding: 1em 1em 0 1em; }
#viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; }
#viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; }
#viewprofile li, #setmods dl { padding: 0px 0 0 19em; margin-left: 20px; margin-bottom: 3px; }
#setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; }
#profile-left li, #profile-left li * { padding-left: 0; margin-left: 0; border-radius: 0px; }
.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em }


/*------ Кнопки формы ответа во вкладке подпись ------*/
#profile #form-buttons tr { width: 799px; position: relative; left: -15px; }

#viewprofile ul {
    margin: 0px 20px 10px 20px;
    background: #c7c7c7;
    border: 1px solid #bcbbba;
    display: block;
  }

#profilenav ul {
padding: 10px 0px 3px 19px;
    border-radius: 0px;
    margin: 9px 0 5px 3px;
}

#viewprofile li span {
float: left;
    width: 150px;
    text-transform: lowercase;
    margin-left: -212px;
    padding: 7px 30px;
  }

#viewprofile li strong, #viewprofile li div, #setmods dd {
 display: block;
    padding: 0.5em 1em;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 11px;
}

/*------ Прячем ненужные поля ------*/
div#profile-gifts, #profile-right li#pa-invites, #profile-right li#pa-fld5, #profile-right li#pa-fld3, #profile-right li#pa-gifts {
    display: none;
}

#profile-left {
    width: 250px!important;
    display: inline-flex;
    padding-top: 0 !important;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.punbb h1 { display: none;}

#profile-left #pa-avatar div {
    width: 180px;
    height: 180px;
    padding: 5px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 55px;
}


/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ
===========================================*/
#pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; }
#pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; }
#pun-userlist .usertable table { border-style: solid; border-width: 1px; }
* html .tclcon {height: 1px}


/* ИНФОБОКСЫ
===========================================*/
.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; }
.punbb .info-box * { padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }


/* МЕНЮ МОДЕРАТОРА
===========================================*/

.punbb .modmenu .container { padding: 1.5em 1em; text-align: right; }
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }
.punbb .modmenu .container strong { float: left; }
.punbb .modmenu input { margin-left: 1em; }
.punbb .info .container { padding: 0.8em 1em }
.punbb .info .container .backlink { padding-top: 0.8em; }


/* ЛОГОТИП И ОПИСАНИЕ
===========================================*/
#pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; }
#pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; }
#pun-title .container { border-style: none solid none solid; }
#pun-title h1 span  { font-size: 0em; }
#pun-title TD.title-logo-tdl { border: none; width: 100%;}
#pun-title TD.title-logo-tdr { border: none; width: 420px; }


/* НАВИГАЦИЯ ПО СТРАНИЦАМ
===========================================*/
#pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; }
#pun-pagelinks .container { background: transparent; border: none; padding: 0}
#pun-pagelinks .container li { display: inline }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; }
#pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; }
#pun-pagelinks li a span { display:block; margin: 0 1em }


/* ОБЪЯВЛЕНИЕ
===========================================*/
#pun-announcement h2 { padding: 0; margin: 0 15px -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; display:none; }
#pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; }
#pun-announcement .container { padding: 0.6em 0.5em 1em 1em; margin-bottom: -54px; margin-top: 45px; text-align: center;}


/* РАЗНОЕ
===========================================*/
#pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; }
#pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; }
#pun-about { margin-top: 0; }
/* #pun-about .container {  border-top-style: none; text-align: right; line-height: 150%; padding: 1px 1em; } */
#pun-about p span { display:block; padding-left: 50%; }
div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; }
#pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; }
#pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; }
#pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em }
#pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em }
#pun-help .formal li { padding: 0; line-height: 130% }
#pun-help .formal li * { vertical-align: text-top }
#pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; }

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {border-color: transparent;}
#pun-main .post-author ul { text-align: center; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; text-align: justify; }

#post-form h2 span {display: none; }
#pun-index h2 {box-shadow: none}
#pun-main div.catleft, #pun-main div.catright { display: none; }
.punbb th {font-size: 0!important;}
#pun-title {border: none}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
font-size: 19px!important;
    text-align: center;
    color: #404b60;
    text-transform: uppercase;
}


/* ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ
===========================================*/
#pun:after, .punbb .container:after, .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; }

.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 {
  font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden }


/* НАСТРОЙКИ АДМИН МЕНЮ
===========================================*/
.punbb #move_posts_form .formal>form.container {
    width: 100%!important;
    background: #d9d9d9!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span, #pun-admain .adcontainer .tcl, #pun-admain .adcontainer td { font-size: 12px!important; }

.adformal h2, #pun-adnav h2 { background-color: #dedfdf !important; color: #454545!important; }

#pun-adnav h2 { margin-left: 2px!important; }


/*------ Форма ответа в админке ------*/
#pun-admain textarea {    width: 94%!important;}

/*------ Ссылки на соц сети ------*/
.admin-advert-block {  display: none; }


/* ИКОНКА УВЕДОМЛЕНИЯ НОВОГО СООБЩЕНИЯ
===========================================*/
span.num_msg {
    margin-top: -11px !important;
    margin-left: -16px !important;
    font-size: 8px !important;
    font: 500 10px/1.6 Tahoma;
    text-align: center!important;
    background: var(--cl3) !important;
    padding: 0px 7px 1px 7px!important;
    height: 11px !important;
    width: auto!important;
    border-radius: 0px!important;
    color: var(
    --cl9)!important;
}

span.num_msg:before {
  top: 10px !important;
  background: var(--cl3) !important;
  margin-left: 0px !important;
}

/* ИКОНКА СТАНДАРТНОГО УВЕДОМЛЕНИЯ
===========================================*/
.bubble {
    background: var(--cl3) !important;
    right: 5px!important;
    top: -12px!important;
    border-radius: 0px!important;
    color: var(--cl5)!important;
}

.bubble:after { border-color: var(--cl3) transparent!important; }


/* СКРИПТ УВЕДОМЛЕНИЙ
===========================================*/
#notify-link .unreads, #navpm .unreads {
    display: block;
    position: absolute;
    top: 10.2px !important;
    right: -17px !important;
    height: 15px;
    min-width: 15px;
    padding: 0 2px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0px;
    font: 600 10px var(--4ft) !important;
    line-height: 14px;
    cursor: pointer;
    color: var(--cl5) !important;
    background: var(--cl3) !important;
    box-shadow: none !important;
    text-shadow: none;
    z-index: 1;}



/* ВСПЛЫВАЮЩЕЕ ОКНО ПРИ ПОДНЯТИИ РЕПЫ
===========================================*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner 
{ background: #d1d1d1 !important;
    border-radius: 0px; z-index: 9999!important; }

.punbb .longinput input { font-size: 12px!important; }

.punbb textarea { font-size: 12px!important; }


/* ОПТИМИЗАЦИЯ РАЗМЕРА ТЕКСТА ДЛЯ МОБ. УСТРОЙСТВ
===========================================*/
@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: 100%;}}



/* СКРИПТ МАСКИ
===========================================*/
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    border-radius: 0px!important;
    color: var(--cl5) !important;
    font-family: var(--4ft) !important;
    background: #d1d1d1!important;
    padding: 8px;
}

#mask_dialog .hv-form-block {
    padding: 6px!important;
    overflow-y: auto;
}

#mask_dialog .hv-mask-dialog-title {
text-align: center;
    font-weight: 600 !important;
    font-size: 24px !important;
    font-family: var(--1ft) !important;
    color: var(--cl5);
    line-height: 34px;
    position: relative;
}


/* ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
===========================================*/
#tooltip {
   position:absolute;
   font-size: 9px !important;
   background: var(--cl5);
   color: var(--cl);
    text-transform: uppercase;
   border-radius: 0px!important;
   font-family: var(--4ft) !important;
   border-radius: 0px!important;
   margin: 0 0 0 0;
   padding: 5px;
   font-weight:normal;
   display:none;
   z-index: 99999999;
}

/* ФОН УВЕДОМЛЕНИЙ
===========================================*/
.pun-modal .modal-inner {
    background: rgb(223 226 235)!important;
}

/* ЭТО ИНТЕРЕСНО
===========================================*/
.cool1 {
    width: 105px!important;
    height: 16px;
    padding: 0px 5px 0px 8px!important;
    background: #c7c7c7 !important;
    letter-spacing: 0px!important;
    text-transform: uppercase!important;
    color: var(--cl5) !important;
    font-size: 10px!important;
    border-radius: 0px;
    font-family: var(--4ft) !important;
    text-align: center;
    float: right;
    margin-left: 4px;
    margin-right: 1px;
    border: 0px;
    cursor: pointer;
    box-shadow: none!important;
    border: 1px solid #bcbbba !important;
    text-shadow: none!important;
    }

.cool2 {
    display: none!important;
}

.cool3 {
    width: auto;
    height: 16px;
    padding: 0px 8px 0px 8px!important;
    text-transform: uppercase!important;
    background: #c7c7c7 !important;
    color: var(--cl5) !important;
    font-size: 10px;
    font-family: var(--4ft) !important;
    text-align: center;
    float: right;
    font-weight: normal!important;
    border: 0px;
    cursor: pointer;
    border-radius: 0px;
    box-shadow: none!important;
    border: 1px solid #bcbbba !important;
    text-shadow: none!important;
    }

.cool1:hover, .cool2:hover, .cool3:hover {background: #bba67b !important;}

.cooltext {display: none; } 



/* СМЕНА СТИЛЯ
===========================================*/
#stylelist {position: absolute;z-index: 10000;transform: rotate(9deg);top: -297px;margin: 0;padding: 0;list-style-type: none;left: 50px;}


#stylelist a {display: block;width: 15px;background: var(--cl3);height: 15px;font-size: 0px;margin-bottom: 12px;position: relative;border-radius: 20px;}

#stylelist [data="day"] a:before, #stylelist [data="dove"] a:before {content: "\e3a6";position: relative;top: 0px;left: 0px;font-size: 15px;font-family: material icons;}



#stylelist [data="day"] a, #stylelist [data="dove"] a a { }


#stylelist li.active a::before {content: '';font-size: 12px;border-radius: 50px;font-family: Material Icons;color: var(--cl4);display: flex;align-items: center;justify-content: center;position: absolute;background: var(--cl7);top: 4px;left: 4px;}



/* БЫСТРОПЛЮСЫ
===========================================*/
.noNull:before {
  content: "+";
    font-size: 13px;
    display: inline-block;
    margin-left: -8px;
    margin-top: 6px;
    position: absolute;
}

div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 500 !important;
  background: none;
  background-size: 38px auto;
  position: relative;
  padding-left: 1px;
  z-index: 100;
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: #919191;
}

div .post-rating p>a:after {content:'favorite';position: relative;font-size: 18px;font-family: 'Material Icons';color:#919191;left: 3px;top: 5px;}
div .post-rating p>a:hover:after, div.post-vote p>a:hover:after  { color: var(--cl3);}

div.post-vote {
    margin-bottom: 65px;
}

div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: none;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}

div.post-vote p>a:after {content:'question_answer';position: relative;font-family: 'Material Icons';color: #919191;top: 3px;left: 10px;font-size: 18px !important;}


/* ПОИСК СООБЩЕНИЙ В ТЕМЕ
===========================================*/
#s-block { padding: 0px 7px 0px!important; }
#sTheme, #isk { border: 1px solid #d3d3d2 !important; border-radius: 0px !important; height: 15px!important; }
#isk { font-size: 11px!important; margin: 0px 3px 0px!important; padding: 0px 4px 0px!important; height: 15px!important; width: 18px!important; border: none !important; }


/* СМЕНА АВАТАРА В ТЕМЕ
===========================================*/
.pa-avatar.item2 img.allow_change:hover { outline-color: var(--cl7)!important;  }

/* РЕГУЛЯТОР РАЗМЕРА И ШРИФТА В ПОСТАХ
===========================================*/
#chfont {
    position: absolute;
    top: -25px;
    right: -31px;
    text-align: center;
    line-height: 22px;
    -moz-opacity: .8;
    opacity: .8;
    z-index: 999999;
}
#chfont:hover {
    opacity: 1; /*убирает прозрачность при наведении*/
    -moz-opacity: 1;
}
#chfontbut {
    width: 26px; /*ширина*/
    height: 26px; /*высота*/
    
     /*рамка вокруг иконки*/
    float: right;
    cursor: pointer;
    position: relative;
}

#chfontbut:before {content: '\e245';position: relative;font-size: 18px;color: var(--cl4);font-family: 'Material Icons';padding: 0px 0px;top: 4px;}

#chfontbut::after {/*крестик на иконке*/
    display: none;
    position: absolute;
    content: 'x';
    top: 56px;
    left: 20px;
    color: var(--cl4); /*цвет крестика*/
    line-height: 7px; /*высота строки*/
    font-size: 10px; /*размер крестика*/
}
#chfont.active #chfontbut::after {
    display: block;
}
#chfont select {/*поле выбора вида шрифта*/
    position: relative;
    padding: 0px!important;
    display: none;
    height: 20px;
    border: 1px solid #38301f;
    background-color: #9c7e42; /*цвет фона*/
    color: var(--cl5); /*цвет текста*/
     /*отступ снизу*/
    left: -13px;
    margin: 57px 0px 5px;
    cursor: pointer;
}
#chfontsize {/*индикатор размера шрифта*/
    position: relative;
    width: 24px; /*ширина*/
    top: -25px;
    left: -13px;
    float: right;
    display: none;
}
#chfont.active select,
#chfont.active #chfontsize {
    display: block;
}
.fsizeplus,
.fsizeminus {/*кнопки плюса и минуса*/
    background-color: #816939; /*цвет фона*/
    border: solid 1px #38301f; /*стиль, цвет и ширина линий*/
    border-radius: 0px;
    color: var(--cl5); /*цвет плюса и минуса*/
    cursor: pointer;
}
.fsizeplus::after {
    content: '+';
}
.fsizeminus::after {
    content: '-';
}
.fsize {
   /*поле показывающее размер шрифта*/
   background-color: #816939; /*цвет фона*/
   color: var(--cl5); /*цвет цифр*/
   border-radius: 0px;
   margin: 2px 0px 2px;
}

/* СЧЕТЧИК СИМВОЛОВ В ПОСТАХ ИГРЫ
===========================================*/
.send-sumb { margin: 28px 0 12px!important;
    padding: 2px 7px;
    float: right;
    font-size: 13px;
    font-family: var(--1ft);
    color: var(--cl5);
    border-radius: 20px;
    min-width: 25px;
    cursor: pointer;
    border: 1px solid var(--cl8); }

/* ЗАКЛАДКА
===========================================*/
#BookmCntToggle.default-style { color: var(--cl3) !important; }

body #MyBookmarks>h2 {
    background: var(--cl3);
    margin: 0px 0px -2px;
    color: var(--cl5);
    font-family: var(--4ft) !important;
    font-size: 16px !important;
}

#MyBookmarks .container {
    background: #d1d1d1!important;
}

/* упоминания
===========================================*/

a.post-mention { font-weight: 600; }

/* черный список
===========================================*/
.blockButton:before { content: "x";
    cursor: pointer;
    margin-top: 25px!important;
    margin-left: -266px!important;
    position: absolute;
    width: 14px!important;
    opacity: 0.5!important;
    font-family: var(--4ft)!important;
    background: #9c7e42!important;
    z-index: 2;
    padding-top: 0px!important;
    color: #ededed!important;
    font-size: 13px!important;
    padding-left: 7px!important;
    height: 19px!important; }

.blockButton:hover:before { opacity: 1!important; }

#panel-sticker {
    float: left;
    position: relative;
    background: #9c7e42!important;
    padding: 5px 7px 4px 8px !important;
    margin: 0;
    cursor: pointer;
    color: #e0dcdc!important;
    font-family: var(--4ft)!important;
    font-size: 12px!important;
    font-weight: 600;
    border-radius: 0px!important;
}


#panel-content {
    background: #d1d1d1!important;
    border: 2px solid #9c7e42!important;
    width: 238px;
    height: auto;
    float: left;
    padding: 3px 5px;
    font-family: var(--4ft)!important;
    font-size: 11px!important;
    border-radius: 0px!important;
}


/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks #New-exit img{ 
position:absolute; 
margin: 0; 
width:20px; 
height:auto;
opacity:.79;
}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position: absolute;
    z-index: 100000 !important;
    margin-top: -2px !important;
    margin-left: 6px !important;
    float: none !important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{text-align: center;border: 1px inset rgba(197,195,195,.8);text-rendering: auto;color: #000000!important;margin-top:4px!important;border-radius: 0px;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block!important;text-align: center;font: normal normal 400 11px/normal var(--4ft)!important; rgb(250, 255, 189)background-color: rgb(250, 255, 189);} 
.punbb #form-login #fld1,#form-login #fld2{background-color: rgb(201 201 201);} 
.punbb #pun-navlinks #form-login input[type="submit"]{border: 1px outset #A29489!important;color: #151515 !important;cursor:pointer;font-weight:400!important;margin-top:10px!important;} 
/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.24);display: block;font: normal normal 400 11px/normal var(--4ft);color: var(--cl0);text-transform: none;position:absolute!important;left:0px;top: 15px; /*Подвижки формы от низа кнопки вход/выход*/z-index:100000!important;padding:7px 12px;background: rgb(21 21 21) no-repeat 50% 138px;background-size:36px auto;border-color: #544527; /* Цвет границы */border-style: solid; /* Стиль границы */border-width: 1px 1px 1px 1px; /* Толщина границы */border-radius: 0;text-align: center;/* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */} 
#pun-navlinks #navlogin #form-login { 
 margin-left: -21px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
 margin-left:  -21px;/*Подвижки формы влево от выход*/ 
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left:  -21px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative;
text-transform: none!important; 
z-index:20;
/*text-shadow:none;*/
color: #EFF4F2!important;
cursor:pointer; 
font: normal normal 400 9.5px/normal Tahoma!important;
letter-spacing: .5px!important;
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слево(с Никами) */ 
#List-UserNames {position:absolute;margin-top:-8px;min-height:90px;width:220px;right:100%;padding: 12px 19px 12px 17px;background: rgb(21 21 21);border-color: #544527; /* Цвет границы */border-style: solid; /* Стиль границы */border-width: 1px 1px 1px 1px; /* Толщина границы */border-radius: 0;text-align:center;/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding:0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
} 
.punbb #List-UserNames li {display: block!important;position: relative;background: #9c7e42;text-align: left;box-shadow: 2px 2px 1px rgb(197 160 87);padding-left: 5px!important;font: normal normal 500 11px/normal var(--4ft)!important;margin: 1px auto!important;padding: 2px 0;transition: .33s;}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#546a6b!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{cursor: pointer;opacity: .9;font-weight: 500;color: #efeeee;} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 7px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #919190; 
border: 1px solid #919190; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb { 
background-color: #bdbdbc; 
border: 2px solid #888887; 
box-shadow: none; 
} 
/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display: inline-block;
    padding: 0 3px;
    position: absolute;
    opacity: .88;
    cursor: pointer;
    top: 2px;
    bottom: 0;
    right: 2px;
    color: #fff;
    font: normal normal 500 10.56px / normal var(--3ft);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#navlogin #form-login, 
#navlogout .Rega, 
#navlogout .Forgot { 
background-image:none!important;
display:none; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{display:inline-block;padding:6px 0 8px 0;text-align:left;font: normal normal 400 10.56px/normal var(--4ft);} 
/*Сам инпут*/ 
.punbb #List-UserNames input {background: rgb(201 201 201);border: 1px inset rgb(131 130 130) !important;border-radius: 6px;text-shadow: none!important;color:#282828!important;background-color: #C5C3C3;font: normal normal 400 11px/normal Arial!important;/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */margin-top: 9px;padding: 2px !important;vertical-align: middle;} 
/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #E7EAF0;
} 
/*Кликалка слево, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справо*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Tahoma!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/