/*************************************************************
a - setup v01
**************************************************************/

/* a1 import the colour scheme  v01
-------------------------------------------------------------*/

/* a1.1 */
@import url(style_cs.1748880192.css);
@import url('https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css');

@font-face {font-family: Evolventa; 
src: local("Evolventa"), url(https://forumstatic.ru/files/001b/a0/19/47138.ttf);}

@font-face {font-family: Manrope; 
src: local("Manrope"), url(https://forumstatic.ru/files/001b/d8/2c/93876.ttf);}

@font-face {font-family: Nightcore; 
src: local("Nightcore"), url(https://forumstatic.ru/files/001b/d8/2c/87486.ttf);}


@import url('https://fonts.googleapis.com/css2?family=playfair+display&display=swap');
@import url('https://forumstatic.ru/files/001a/28/10/55678.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

.post-content abbr {
    cursor: help;
    border-bottom: 2px dotted;
    border-color: #946767;
}

/* [data-user-id="2"].post .post-author {
    background: url(https://i.imgur.com/2Ep4xZL.png) no-repeat top !important;
} */


div#pun-respect td.tc3 {
    padding-bottom: 10px !important;
    text-transform: lowercase;
    text-align: justify;
}

/* a2 deal with browser defaults and wonkiness  v01
-------------------------------------------------------------*/

/* a2.1 */
html, body {margin: 0; padding: 0;}

/* a2.2 */
.punbb * { margin: 0;}

/* a2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }

/* a2.4 */
.punbb img { border:none;}

/* a2.5 */
.punbb .main table { table-layout: fixed; width: 100%;}

/* a2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* a2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {  height: 1.8em; vertical-align: middle;}


 /* a3 text setup  v01
-------------------------------------------------------------*/

/* a3.1 */
body { font-size: 100.01%;  }

/* a3.2 */
.punbb { font: normal 68.75% verdana, arial, helvetica, sans-serif;}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif;     outline: none; }

/* a3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; }

/* a3.5 - заголовки категорий, тем и т.д.*/
.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 15px;}

/* a3.6 */
.punbb pre { letter-spacing: 0.5px; font-size: 10px; margin-bottom: 10px; max-height: 180px; overflow: auto;}

/* a3.7 */
.punbb address, .punbb em { font-style: normal; }

/* a3.8 */
.punbb .post-content em { font-style: italic;}

/* a3.9 */
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }

/* a3.10 */
.punbb a { text-decoration: auto;}

/* a3.11 */
.punbb optgroup { font-weight: bold; }


/* a4 float clearing and hidden items  v01
-------------------------------------------------------------*/

/* a4.1 */
#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;}

/* a4.2 */
.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; overflow: hidden;}

/* a5 basic page layout and borders v01
-------------------------------------------------------------*/

/* a5.2 */
.punbb { float: left;  width: 100%; height: auto;}

/* a5.3 */
#pun-redirect, #pun-maint {margin: 50px 20% 12px 20%; width: auto; float: none; }

/* redirect page v01 
-------------------------------------------------------------*/

#pun #pun-redirect{border:0 none!important; background: #9796ae; margin: auto; padding:0; left:0; right:0; top:0; bottom:0; position:fixed; width:100%; height:100%; text-align:center;}
#pun-redirect *{ border:0 none; margin:0; padding:0;}
#pun-redirect .main-title { display:none;}
 #pun-redirect.punbb .info .container{ padding:50px 100px 0 100px!important; height:120px; width:400px; text-align:center; margin:auto!important; padding:0; left:0; right:0; top:0; bottom:0; position:absolute; font-weight:bold; display:block; padding:0; background:#e6e6e6; font-family: 'Manrope'; text-transform: lowercase;}
#pun-redirect.punbb .info a{ text-transform: lowercase; color:#676767; font-family: 'Manrope'; padding: 20px 0px 10px 0px; font-size:10px;}
#pun-redirect.punbb .info a:hover{color:#b5683d;}

/* redirect header disabled v01
-------------------------------------------------------------*/
.punbb h1 span, .punbb h2 span, .punbb legend span {font-size: 1.1em;}
/* -------------end -------------*/

/* a5.4 */
.punbb .section, .punbb .main { margin-bottom: 0em;}

/* a5.5 */
.punbb .category, .punbb .post { margin-top: 0.4em;}

#pun-index .category table { border-spacing: 0px 15px; border: 0 !important;}
#pun-index .category table tr { border: 0px solid #cfcfcf;}

#pun-index thead {display: none;}

/* a5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0;}

/* 5.7 */
#pun-post .topic { margin-top: 1em; }

/* a5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category,
.punbb .post { border-style: none; border-width: 0px 0px 0px 0px; border-color: #b4c1c7; }

/* a5.9 */
.punbb .container /*отступы подфорумов от края форума*/{margin-left: 30px; margin-right: 30px; margin-bottom: 5px;}

/* a5.10 */
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { padding: 0;}


/*************************************************************
b - main content - general v01
**************************************************************/

/* b1 parsed content, signatures and scroll boxes v01
-------------------------------------------------------------*/

/* b1.1 */
.punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: 0px; }

/* b1.2 */
.punbb .post-sig dt { display: block; border-top: 1px solid #888; width: 250px; margin: 5px 0; display: none;}

/* b1.3 */
.punbb .post-content p { margin: 0; padding: 0px 1em 1em 1em; line-height: 150%; font-size: 11px; font-family: verdana; text-align: justify;}

/* b1.4 */
.punbb .post-content img {vertical-align: text-bottom;}

/* b1.5 */
.punbb .post-content img.postimg { vertical-align: middle; }

/* b1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {  width: 100%; overflow: hidden; }

/* b1.7 */
.punbb .post-content .scrollbox {  width: 100%; overflow: auto; }

/* b1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; border-style: solid; border-width: 1px;}

/* b1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {display: block;
    padding: 0.5em;
    padding-left: 10px !important;
    font-weight: bold;
    font-style: normal;
    text-transform: lowercase;
    margin: 0;
    margin-bottom: 10px !important;
    color: #797775 !important;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 10px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    border-radius: 10px;
    background: #eeeeee;}


/* b2 information boxes v01
-------------------------------------------------------------*/
/* b2.1 */
.punbb .info-box {padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0;}

/* b2.2 */
.punbb .info-box * {  padding: 0 0 0.7em 0; }

/* b2.3 */
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }


/* b3 pagination and posting links v01
-------------------------------------------------------------*/

/* b3.1 */
.punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }

/* b3.2 */
.multipage {margin-top: 0em;}

/* b3.3 */
.linkst .pagelink { position: absolute;left: 3.5em; width: 24em;  font-family: 'Manrope'; letter-spacing: 0.5px; font-size: 10px; text-transform: lowercase;  color: #000000; margin-top: -17px !important;}

/* b3.4 */
.linkst .postlink { position: absolute; top: -17px;  right: 4em; width: 16em;  text-align: right;   font-weight: bold; font-size: 12px; font-family: 'Manrope';  letter-spacing: 0.5px; text-transform: lowercase;}

/* b3.5 */
.punbb .linksb {
text-align: right; padding: 0.4em 3.3em 0.5em 0em; font-family: 'Manrope'; letter-spacing: 0.5px; font-size: 11px;   text-transform: lowercase; }

/* b3.6 */
.linksb .pagelink {float: left; width: 24em; text-align: left; font-size: 9px; padding-left: 39px;margin-top: 10px; text-transform: lowercase; }

/* b3.7 */
.linksb .postlink {margin-right: 8px;  float: right; width: 16em;   font-family: 'Manrope'; letter-spacing: 0.5px; font-weight: bold; font-size: 12px !important; }

/* b3.8 */
.subscribelink { clear:both; padding-top: 0.3em;  padding-bottom: 0.5em; }


/*************************************************************
c - main content - specific v02
**************************************************************/

/* c1 form layout v01
-------------------------------------------------------------*/

/* c1.1 */
.punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em;}

/* c1.2 */
.punbb .formsubmit { padding: 0 0 0 2.6em; margin: 1em 0 0 0; }

/* c1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0; }

/* c1.4 */
.punbb fieldset { border-style: none;  border-width: 1px; padding: 0 18px 8px 18px; margin: 0 0 1em 0;}

/* c1.5 */
.punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em;}

/* c1.6 */
.punbb fieldset legend span {padding: 2px 8px 2px 8px;
    margin: 0px 10px 0px -2px;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 8px!important;
    letter-spacing: 0.5px;
    color: #262628!important;
    background: #dddddd;}

#form-buttons td { position: relative;  background: none !important;}
#form-buttons td:hover::before {  color: #000000;}
#form-buttons td img { height: 20px; width: 100%; margin-top: -12px;}
td#button-files_rusff, td#button-graffiti_rusff {display:none !important;}
#form-buttons td::before { font-family: 'Font Awesome 6 Pro';  font-size: 13px; font-weight: 400; color: #787878;}
td#button-sticker {  top: -7px;}
#button-justify::before { content: '\f039'; }
#button-ChangeСase::before { content: '\e4af'; }
#button-transL::before { content: '\f1ab'; }
#button-font::before { content: '\41'; }
#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'; }
#floatbut { top: -7px !important;}
#floatbut::before { content: '\f03c';}
#button-indent::before {  content: '\f1dd'; }
#button-left::before  { content: '\f036'; }
#button-right::before  { content: '\f038';}
#button-center::before  {  content: '\f037';}
#button-link::before  {  content: '\f0c1';}
#button-spoiler::before  { content: '\f518';}
#button-image::before  { content: '\f302';}
td#button-image p { margin: -20px 0px 0px 21px !important;}
#button-video::before  { content: '\f03d';}
#button-hide::before  { content: '\f023';}
#button-code::before  {  content: '\f121';}
#button-color::before  {  content: '\f53f';}
#button-table::before  {  content: '\f84c';}
#button-sticker::before  {  content: '\f004';}
#button-keyboard::before  { content: '\f11c';}
#button-addition::before  { content: '\f0d7';}
#button-quote::before  {  content: '\f10e';}
#button-smile::before  {  content: '\f118';}
#button-mask::before  { content: '\f630';}





/* c1.7 */
.punbb fieldset fieldset { border-style: none; margin: 0;  padding: 0 0 8px 0; }

/* c1.8 */
.punbb .fs-box {    padding: 2em 0 0.8em 0; }

/* c1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0; margin-left: 10px; }

/* c1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; }

/* c1.11 */
.punbb .inline .infofield { clear:both; }

/* c1.12 */
.punbb .datafield br { display: none; }

/* c1.13 */
.punbb .required label, .punbb .datafield span.input { font-weight: bold;}

/* c1.14 */
.punbb .datafield span.input a { font-weight: normal; }

/* c1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0;  height: 100%; /* for ie */}

/* c1.16 */
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; }

/* c1.17 */
.punbb .hashelp { position: relative; }

/* c1.18 */
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; }

/* c1.19 */
.punbb #profile .helplinks { top: 1.5em;}

/* c1.20 */
.punbb .helplinks span {display: block; padding-bottom: 0.2em;}

/* c1.21 */
#pun-post .formal .info-box li {padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; }


/* c2 table layout v01
-------------------------------------------------------------*/

/* c2.1 */
.punbb .main .tcl /*ширина первой колонки подфорума на главной странице*/ { overflow: hidden; text-align: left; width: 50%; }

/*настройки блоков в подфорумах*/
#pun-viewforum .main .tcl { padding: 0;}

/* c2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod  {word-break: break-word; text-align: center; width: 6%; padding: 0; }

#pun-index .category .tc2, #pun-index .category .tc3  /*отключаем дополнительные колонки*/ { display: none!important;
font-family: 'Manrope'; letter-spacing: 0.5px; font-size:11px; color: #848484;}

/* c2.3 */
.punbb .main .tcr { overflow: hidden;
    text-align: right;
    padding-top: 10px !important;
    padding-right: 25px !important;
    width: 31%;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    color: #222222;
    text-transform: lowercase;
    font-size: 10px !important;
    line-height: 14px !important;}

div#pun-index .tcr {  padding-right: 15px;}

/* c2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl { width: 40%; padding-left: 0px !important; }

/* c2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 { text-align: left; width: 20%;}

/* c2.6 */
#pun-debug table .tcl { width: 15%; white-space:normal; }

/* c2.7 */
#pun-debug .tcr { width: 90%; white-space: normal; }

/* c2.8 */
#pun-index .tcl h3 { width: 415px;}

/* c2.9 */
.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }

/* c2.10 */
.punbb td .modlist { display: block; padding-top: 0.3em;}

/* c2.11 */
/*
#pun-index .main td {
    padding: 0.2em 0em 2em 10em;
}*/


/*параметры внутренних блоков подфорумов*/
#pun-viewforum .main td {
 vertical-align: top;
padding-top: 0px !important;
}

/* c2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0em 0em 0em 0em;
  visibility: hidden; /*отключение строки тем, сообщений, форумов*/
  }

/* c2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
  /*  padding-top: 10px; */
}

/* c2.14 */
.punbb tbody.hasicon td.tcl {
    padding-left: 3.2em !important;
    padding: 15px;

}

div#pun-index .hasicon td.tcl {
padding-left: 3.2em !important;
font-size: 10px;
text-transform: lowercase;
color: #000;
text-align: justify;
padding: 10px;
}


li.pa-fld1 span.fld-name, li.pa-fld2 span.fld-name, li.pa-fld4 span.fld-name, li.pa-fld3 span.fld-name, li.pa-fld5 span.fld-name {display:none !important;}

/*параметры строк в списке пользователей*/
#pun-main td.tcl.username {
    padding: 8px;
}

#pun-online .tcl.action {
    width: 25%;
    padding: 0;
}


/* c2.15 - иконки*/
.punbb div.icon {
    float: left;
    width: 13px;
    height: 13px;
    margin-left: -3px !important;
    margin-top: 6px;
    border-radius: 100%;
    position: absolute;
    display: block;
}

 /*иконки главная страница*/

div.icon { background: #e6e6e6;}
tr.inew div.icon { background: #946767;}


 /*иконки подфорумы*/
#pun-viewforum table div.icon, #pun-messages table div.icon, #pun-searchtopics table div.icon{   

    background: #dcdcdc;
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: left;
    height: 10px;
    margin-left: -30px !important;
    margin-right: 7px;
    margin-top: 2px;
    position: relative;
    width: 10px;
    border-radius: 100%;
    padding-left: 0px !important;

}

#pun-viewforum tr.inew div.icon, #pun-messages tr.inew div.icon { background: #946767; background-repeat: no-repeat; height: 10px; width: 10px; border-radius: 100%;}

#pun-viewforum tr.isticky div.icon, #pun-messages tr.isticky div.icon { background: #878796; background-repeat: no-repeat; height: 10px; width: 10px; border-radius: 100%;}

#pun-viewforum tr.iclosed div.icon. #pun-messages tr.iclosed div.icon {background: #575453; background-repeat: no-repeat;  height: 10px; width: 10px; border-radius: 100%;}



 /* c3 topics
-------------------------------------------------------------*/

/* c3.1 */
.punbb .post .container {
    margin-top: 20px;
    margin-bottom: 0px;
  }

/* c3.2 */
.punbb .post h3 {
    border-style: none;
    border-width: 1px;
  }

/* c3.3 */
.punbb .post h3 span {
    padding: 0.5em 1em;
    margin-top: -12px;
    display: block;
    position: absolute;
    width: 730px;
    margin-left: 280px;
    font-size: 10px;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    color: #000000;
}

/* c3.4 */
.punbb .post h3 strong {
    float: right;
    padding: 2px 7px 2px 7px;
    font-weight: normal;
    text-align: center;
    background: #9595a4;
    color: #ffffff;
    margin-right: 17px;

  }

/* c3.5 */
.punbb .post .post-author {
    float: left;
    width: 19em;
    margin-top: 0em;
    overflow: hidden;
  }




/* c3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0em 1em 0em 1em;
    line-height: 140%;
    text-transform: lowercase;
  }


.punbb .post .post-author ul {
    background: #eeeeee;
    width: 200px;
    margin: 25px 10px 7px 7px;
    border-radius: 20px;
}

/*настройки профиля*/
.punbb .post .post-author {
    float: left;     position: relative; z-index: 1;
    width: 236px;
    overflow: hidden;
    margin-left: -19px !important;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 20px;
/* background: url(https://i.imgur.com/MXsxrCE.jpg) no-repeat; */

}

/* плашка в профиле */

li.pa-fld4 {
    display: flex;
    padding: 5px 2px 5px 2px;
    position: absolute;
    width: 200px;
    margin-left: -2px;
    line-height: 12px;
    justify-content: space-between;
}
li.pa-fld4 img {
    max-width: 20px;
    max-height: 20px;
    min-width: 20px;
    min-height: 20px;
}

li.pa-respect a, li.pa-respect {
        font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 9px;
    color: #646464 !important;
     text-transform: lowercase;
}



.pa-respect {
    display: inline-block;
    width: 52px;
    text-transform: lowercase;
    margin-top: 2%;
    text-align: center;
    margin-left: 1px;
}

.post .post-author ul {
    background: #eeeeee;
    width: 200px;
    border-radius: 20px;
    margin-left: 7px;
}

li.pa-fld3 {
    display: block;
    position: absolute;
    margin-top: -26px;
    margin-left: -18px !important;
    width: 230px;
    z-index: -1;
}
li.pa-fld3 img {
    max-height: 120px;
    width: 236px;
}

li.pa-fld3::after {
    content: '';
    z-index: 10;
    height: 100%;
    top: 2px;
    display: block;
    width: 236px;
    position: absolute;
    background: linear-gradient(0deg, rgb(230 230 230) 0%, rgba(0, 0, 0, 0) 100%);
}

.pa-posts {
    display: inline-block;
    width: 52px;
    margin-top: 4px;
    text-align: center;
    margin-left: 0px;
    padding-right: 10px !important;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 9px;
    color: #646464 !important;
    text-transform: lowercase;
}


li.pa-from {
    font-size: 8px;
}


li.pa-reg {
display: inline-block;
    width: 90px;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 6px;
    color: #2b2b2b !important;
    text-transform: uppercase;
}


/* c3.7 */
.pa-author {
padding: 11px 0 0px 0 !important;
    font-size: 10px;
    font-family: 'Manrope';
    color: #9595a4;
    width: 222px;
    margin-top: 16px;
    text-align: center;
    display: block;
    letter-spacing: 1.2px;
    font-weight: bold;
    text-transform: lowercase;
    margin-left: -11px;
    margin-bottom: 4px;
}


/* c3.8 */
.pa-author a {
text-decoration: none !important;
color: #9595a4 !important;
    font-family: 'Manrope';
    text-transform: lowercase;
    font-size: 12px;
    font-weight: bold;
  }




div#pun-searchposts .pa-author, div#pun-searchposts li.pa-replies {
   color: #474747 !important;
    font-family: 'Manrope';
    }

.punbb .post .post-author p {
    color: #d4d4d4 !important;
    font-family: 'Manrope';
    text-transform: uppercase;
}

.punbb .post .post-author p { color: #d4d4d4 !important; font-family: verdana;  text-transform: uppercase; }
.post-author{ position:relative;}
.post-author:before{ content: "\f004";  position: absolute; display: inline-block;     font-family: 'Font Awesome 6 Pro'; font-size: 9px;
color: #000000;  font-weight: bold;      top: 21px;
    left: 114px;}
.post-author.online:before{content: "\f004";
    font-family: 'Font Awesome 6 Pro';
    font-size: 9px;
    color: #9595a4;
    font-weight: bold;}

/* c3.9 */
li.pa-title {
    font-size: 8px;
    width: 222px;
    color: #000000;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    margin-left: -11px;
    padding: 0px 0px 0px 0px;
    text-transform: lowercase; margin-bottom:4px;
}

li.pa-avatar.item2 {
    margin-left: -1px;
}

li.pa-online {
line-height: 0.8em;
    margin-top: 13px;
    font-size: 7px;
    font-weight: normal;
    color: #b5683d;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    padding-top: 2px;
    padding-bottom: 3px;
    width: 180px;
    margin-left: 9px;
    text-transform: uppercase;
}

/* личное звание */

li.pa-fld2 {
    font-family: 'Manrope';
    text-transform: lowercase;
    font-size: 9px;
    letter-spacing: 0.5px;
    padding: 7px 7px 7px 7px;
    line-height: 13px;
    width: 166px;
    text-align: center;
    margin-left: 8.5px;
    color: #2b2b2b;
    margin-top: 8px; border-top: 1px solid #cccccc;
}

li.pa-fld2 a {color: #946767 !important;}
li.pa-fld2 a:hover {color: #3b3b3b !important;}

.pa-respect, .pa-posts {
    margin-bottom: 10px;
}

/* ссылка на анкету в профиле */

li.pa-fld1 {
    display: block;
    margin-bottom: 10px;
    margin-left: -11px;
}

.plsh {
    width: 212px;
    background: #9694ac;
    padding: 5px;
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 20px 20px;  line-height: 12px;
}

.plsh bt {
    font-family: arial;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.5px;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
}

.plsh st {
    font-family: arial;
    text-transform: lowercase;
    color: #ffffff;
    letter-spacing: 0.8px;
    font-size: 8px; 
    text-align: center;
}


div#profile.formal li.pa-title {
    display: none;
}



/* c3.11 */
.punbb .post-body {
    margin-left: 23em;
    border-left-width: 1px;
    padding: 0 0 1px 0;
  }

/*репутация в посте*/
div > div.post-body > div.post-box > div.post-rating > p {
margin: 0px;     font-size: 7px; margin-top: 20px;
}

/* c3.12 */
.punbb .post-box {
padding: 2em 1em 1em 1em;
    background: #eeeeee;
    border-radius: 20px;
}


/*c3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em;
  }

/* c3.14 */
.punbb .post-links {
margin-left: 19em;
    border-left-width: 1px;
    font-size: 11px !important;
font-family: 'Manrope';
    letter-spacing: 0.5px;
  }

/* c3.15 */
.punbb .post-links ul {
    padding: 0 1em 0 0px;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    text-align: right;
    margin-top: 1em;
    text-transform: lowercase;
}

/* c3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* c3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* c3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* c4 moderator menu
-------------------------------------------------------------*/

/* c4.1 */
.punbb .modmenu .container {
    padding: 0em 2em;
    text-align: right;
    font-size: 10px;
    text-transform: lowercase;
    color: #000000;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
  }

/* c4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* c4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* c4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* c5 message boxes
-------------------------------------------------------------*/

/* c5.1 */
.punbb .info .container {
  padding: 0.8em 1em;
  }

/* c5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* c6 profile
-------------------------------------------------------------*/

/* c6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* c6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* c6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* c6.4 */
#viewprofile ul, #profilenav ul {
    border-style: dashed;
    border-width: 0px;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
    border-radius: 15px;
    text-transform: lowercase;
}

/* c6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* c6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* c6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* c6.8 */
#viewprofile li span {
float: left;
    width: 14em;
    margin-left: -16em;
    padding: 4px 10px;
    padding-left: 10px;
    text-align: justify;
    color: #222222;
    font-size: 9px;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    text-transform: lowercase;
    background: #dddddd;
    border: 1px solid #dddddd;
 }

#viewprofile li span a {color: #6d6d6d !important;}



/*c6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* c6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* c6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em;
  }


/* c7 user list
-------------------------------------------------------------*/

/* c7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* c7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* c7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 0px;
  }


/*************************************************************
d - punbb sections other than main content
**************************************************************/

/* d1 logo and description
-------------------------------------------------------------*/

/* d1.1 */
#pun-title {
    margin: 0;
    border-style: solid solid none solid;
    border-width: 0px;
}

/* d1.2 */
#pun-title h1 /*верхний отступ форума*/ {
    display: block;
    height: 266px;
}

/* d1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* d1.4 */
#pun-title h1 span /*размер шрифта названия форума*/ {
    font-size: 0px;
}



#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

/* d2 page navigation
-------------------------------------------------------------*/

/* d2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* d2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0;}

/* d2.3 */
#pun-pagelinks .container li {
  display: inline;
  }

/* d2.4 */
#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%;
  }

/* d2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em;
  }

/* d3 forum navigation
-------------------------------------------------------------*/

/* d3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* d3.2 */

#pun-navlinks .container {
    padding: 0.7em 1em;
    text-transform: lowercase;
    margin-top: -426px;
    text-align: center;
    width: 860px;
    margin-left: 95px;
}


/* d.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* d3.4 */
#pun-navlinks li a {
    font-size: 9px;
    text-transform: uppercase;
    color: #676767 !important;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    text-decoration: none !important;
    outline: none !important;
letter-spacing: 1px;
    font-weight: bold;

}

#pun-navlinks li a:hover {color: #946767 !important;}



/* d4 user links
-------------------------------------------------------------*/

/* d4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* d4.2 */
 /*фон вспомогательного меню*/
#pun-ulinks .container {
    margin-top: -73px;
    border: none;
    width: 965px;
    margin-left: 47px;
    text-transform: lowercase;
    text-align: center;
    padding: 3px 0px 6px 0px;
}

#pun-ulinks .container a { color: #eee;
    text-transform: lowercase;
    font-family: 'Manrope';
    font-size: 10px;
    letter-spacing: 0.5px;
}



#pun-ulinks .container a:hover {color: #946767;}



/* d4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    border-left-width: 0px;
    white-space: nowrap;
}

/* d4.4 */
#pun-ulinks li a {
    padding: 0 0.5em 0 0em;
  }

/* d4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0;
  }

/* d5 welcome box and top breadcrumbs
-------------------------------------------------------------*/

/* d5.1 */
#pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    color: #8b8b8b;
  }

/* d5.2 */
#pun-status .container {
    padding: 0em 0em 0em 0em;
    text-transform: lowercase;
    margin-top: 414px;
    font-family: 'Manrope';
    margin-left: 47px;
    color: #353535;
    width: 398px;
    text-align: left;
    font-size: 10px !important;
    letter-spacing: 0.5px;
  }

#pun-status .container a:visited {color: #946767 !important;}
#pun-status .container  a:link {color: #946767 !important;  }





/* d5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* d5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* d5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 0em 0em 0em 0em;
    text-align: left;
    font-family: 'Manrope';
    font-size: 10px;
    text-transform: lowercase;
    color: #353535;
    margin-top: 37px;
    width: 950px;
    margin-left: 46px;
    letter-spacing: 0.5px;
  }

/* d5.6 */
#pun-break1 {
    margin: 0 1em;
    border-width: 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
}

/* d6 announcement
-------------------------------------------------------------*/

/* d6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* d6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* d6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* d7 statistics
-------------------------------------------------------------*/

/* d7.1 */
#pun-stats .container {
    padding: 1.8em 1em;
    width: 980px;
    background: #f1f1f1;
    border-radius: 20px;
        text-align: center;
}


/* d7.2 */
/* #pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }*/

/* d7.3 */
/*#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }*/


.statscon li.item4 a {color: #946767 !important; font-size:10px !important;}
.statscon li.item4 a:hover {color: #3f3f3f !important;}



#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
        display: inline-block;
    padding: 4px 4px 4px 4px !important;
    text-align: center;
    text-transform: lowercase;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 10px;
    color: #222222;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    border-radius: 10px;
}

#pun-stats li.item1 {
  width: 120px;
}

#pun-stats li.item2 {
  width: 150px;
}

#pun-stats li.item3 {
  width: 233px;
}


#pun-stats li.item4 {
  width: 330px;
}

#pun-stats li.item4 a {
font-size: 10px !important;
}

/* d7.4 */
li#onlinelist {
margin-top: 5px;
    float: left;
    line-height: 130%;
    text-align: left;
    margin-left: 49px;
    padding-top: 10px !important;
    width: 881PX;
    font-family: 'Manrope';
}

/* d7.5 */
li#onlinelist div {
border-top-style: solid;
    border-top-width: 0px;
    padding: 0.7em 0 0 0;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 0.5px;
}

/* d8 quick jump - about - bottom breadcrumbs
-------------------------------------------------------------*/

/* d8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* d8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* d8.3 */
#pun-about {
  margin-top: 0;
  }

/* d8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: center;
    line-height: 150%;
    padding: 1.8em 0em;
}

/* d8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* d8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* d8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0em 0 3em 0em;
    margin-top: 10px;
    font-size: 8px;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    text-transform: lowercase;
    color: #353535;
    text-align: left;
 }

/* d8.8 */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 0px 0;
    position: relative;
    height: 0;
    z-index: 1;
}

/* d8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* d9 help file
-------------------------------------------------------------*/

/* d9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* d9.2 */
#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;
  }

/* d9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em;
  }

/* d9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em;
  }

/* d9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%;
  }

/* d9.6 */
#pun-help .formal li * {
  vertical-align: text-top;
  }

/* d9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
  }

/* d9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

select#mod-options {
    background: #e6e6e6 !important;
    text-transform: lowercase;
    outline: none;
}





/*аватар последнего оставившего сообщение*/
.punbb .user-avatar .avatar-image {
    border-radius: 100% !important;
    height: 20px !important;
    width: 20px !important;
    opacity: 0.85;
    border: 2px solid #efefef;
    border-radius: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: right !important;
    filter: grayscale(1);
}

.punbb .user-avatar .isonline {
width: 8px;
    height: 8px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0px !important;
    right: -1px !important;
    animation: blinkcolor .9s linear infinite;
    -moz-animation: blinkcolor .9s linear infinite;
    -webkit-animation: blinkcolor .9s linear infinite;
    background: #d9d4cd !important;
    z-index: 100;
}


.punbb .user-avatar {
    float: right !important;
    position: relative;
    height: 25px;
    width: 25px;
    margin: 0px 9px 0px 9px;
}



#pun-about > p > span {
text-align: center;
    padding-right: 0px;
    font-size: 10px;
    font-family: 'Manrope';
    margin-top: 156px;
    letter-spacing: 0.5px;
    color: #41403d !important;
    text-transform: lowercase;
}

#pun-about > p > span a {
    color: #41403d !important;
}


/*параметры текста в подфорумах*/
#pun-index .tcl h3 a {
    color: #956969 !important;
    font-size: 16px;
    font-family: 'Manrope';
    font-weight: bold;
    margin-left: 0px;
    text-transform: lowercase;
    letter-spacing: 1px;
}


#pun-index .tcl h3 a:hover {color: #433f3e !important;}
td.tcr a:hover {color: #433f3e !important;}
#pun-stats .container a:hover {color: #3f3f3f;}

/*отступ иконки на странице сообщений*/
#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 {
    padding-left: 0px !important;
}


/*отключить бордер у таблицы*/
.post-content td {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 0.4em 0.5em !important;
    overflow: hidden;
    border-color: #0000;
}

/*фон при изменении репутации*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 768px;
    z-index: 100;
    background: #fff;
    box-shadow: 0 0 40px #222;
    -webkit-box-shadow: 0 0 40px #222;
    -moz-box-shadow: 0 0 40px #222;
    -khtml-box-shadow: 0 0 40px #222;
   background: #f8f8f8;
}

  /* отключить "отредактировано" */
p.lastedit {
    display: none;
}

/*скролл*/

::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background: #946767;
    border-radius: 18px;
}

::-webkit-scrollbar-track {
    background: #dfdfdf;
    border-radius: 10px;
}


/*отключение масштабирования*/

textarea {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* айфон */
html {
-webkit-text-size-adjust: none;
}


.stickytext,.closedatafield { display:none;}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-style: none !important;
    border-width: 0px 0px 0px 0px;
    border-color: #b4c1c7;
}


/*настройки кнопок и поля ввода*/

#post fieldset .hashelp div input {
background: #9391a9;
    outline: none !important;
    text-decoration: none !important;
    border: 1px solid #9391a9 !important;
}

input.button {
    margin: 0em 0.6em 0 0;
    padding: 3px 15px 4px 15px;
    border: 0px solid #dbdbdb;
    text-transform: lowercase;
    color: #e7e7e7 !important;
    outline: none;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 11px;
    background: #a48181;
    padding-left: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 4px;
}


/*высота поля со шрифтом*/
#font-area {
    max-height: 144px;
    overflow: auto;
}


/*отключение надписи поделиться*/
li.pl-share {
    display: none !important;
}


#pun-ulinks a {
    color: #000000;
font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 8px;
}

.tclcon h3 a { 
    color: #417d95 !important;}



textarea#main-reply {
background: #eeeeee;
    border: 1px solid #d4d4d4;
    outline: none !important;
}

.punbb .post h3 span a {
color: #f3f3f3 !important;
    padding: 3px;
    background: #9595a4;
}

li.pl-reports {
    display: none !important;
}

#pun-stats .container a {
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    color: #6c4b4b;
    text-transform: lowercase;
    font-size: 10px !important;
}




#tags .container {
    position: absolute;
    right: 6px;
    top: 40px !important;
    z-index: 2;
    background: #e6e6e6;
    border: 1px solid #d4d4d4;
}

.punbb .divider hr {
    display: none;
}


div#keyboard-area {
width: 416px;
    line-height: 29px;
    border: 1px solid #d8d8d8;
}

#keyboard-span input {
font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 13px;
    color: #666;
    margin: 1px 1px 0 0;
    border: 1px solid #ddd;
cursor: pointer;
    height: 20px;
    min-width: 10px  !important;
    padding: 0px 4px 0px 4px !important;
}

div#movepoststable {
    background: #eeeeee;
}


#pun-index td div.tclcon {
    width: 410px;
   padding-left: 35px;
  }

#pun-index .category table {  border-spacing: 0px 6px; background: #f1f1f1;  border-radius: 20px;}


td.tcr {
    font-size: 9px !important;
font-family: 'Manrope';
    letter-spacing: 0.5px;
line-height: 13px !important;
}

td.tcr a {
color: #946767 !important;
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'Manrope';
    letter-spacing: 1px;
    font-weight: bold;
}


.post-content a {
    color: #946767 !important;
}

.post-content a:hover { color: #3a3636 !important;}


#pun-status .status-right {
    float: right;
    display: none !important;
}


/* настройка описания форумов*/

.fordis {     
font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 10px;
    line-height: 14px;
    color: #222222;
    text-transform: lowercase;
    width: 509px;
    padding: 5px 5px 5px 0px;
}

div#pun-index tbody.hasicon {
    border-radius: 50% !important;
}

div#pun-viewforum td.tcr a, div#pun-searchtopics td.tcr a {    text-transform: lowercase;
    display: block;
    padding: 0px;
    text-decoration: none;}

#pun-searchtopics .main .tc2 {
    text-transform: lowercase;
}

div#pun-viewforum  td.tcl {
font-size: 11px;
    text-transform: lowercase;
    color: #3b3b3b;
    text-align: justify;
    font-family: 'Manrope';
    letter-spacing: 0.2px;
    }

div#pun-searchtopics {
    font-size: 10px;
    text-transform: lowercase;
    color: #3b3b3b;
    text-align: justify;
    font-family: 'Manrope';
    letter-spacing: 0.2px;
}

a.sharelink {
    display: none;
}

form#messages tbody.hasicon {
    vertical-align: top !important;
}

div#pun-userlist td.tcl.username {padding-bottom: 8px;
    padding-right: 8px !important;
    padding-top: 0px !important;}

div#pun-userlist tr.group1.altstyle {
    vertical-align: top !important;
}

.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
    font-size: 11px;
font-family: 'Manrope';
    letter-spacing: 0.5px;
    text-transform: lowercase;
}

blockquote p {
    padding: 5px !important;
}

div#viewprofile .container {
background: #f1f1f1;
    border-radius: 20px;
}

#viewprofile td {
    border: 0;
    padding: 0;
    overflow: hidden;
  font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 11px !important;
}

div#profile.formal {
   font-family: 'Manrope';
    letter-spacing: 0.3px;
}

.scrollbox {
    height: auto !important;
}


/* категория */
.punbb .category h2 {
width: 1060px;
    background: url(http://forumstatic.ru/files/001b/d8/2c/15150.png) no-repeat;
    height: 79px;
    margin-bottom: 10px;
    margin-top: 10px;
}


.punbb .category h2 span {
    font-size: 0px !important;
    font-family: 'Manrope';
    display: inline-block;
}

/* add colors category
-------------------------------------------------------------*/
/*
#pun-index #forum_f1, #pun-index #forum_f2, #pun-index #forum_f3, #pun-index #forum_f4, #pun-index #forum_f5, #pun-index #forum_f6, #pun-index #forum_f7, #pun-index #forum_f8, #forum_f9, #pun-index #forum_f10, #forum_f11, #pun-index #forum_f12, #pun-index #forum_f13, #pun-index #forum_f14, #pun-index #forum_f15, #pun-index #forum_f16, #pun-index #forum_f17, #pun-index #forum_f18, #pun-index #forum_f19, #forum_f20, #pun-index #forum_f21, #forum_f22, #forum_f23, #forum_f24, #forum_f25, #forum_f26 {
    display: inline-block;
    width: 980px;  
    margin: 0px 5px 10px 10px;
    background: #e9e9e9;
    border: 0px solid #d9d4cd !important;
}*/


div#pun-stats h2 {
width: 1060px;
    background: url(http://forumstatic.ru/files/001b/d8/2c/23492.png) no-repeat;
    height: 79px;
    margin-bottom: 8px;
    margin-top: 20px;
}

div.post-rating a, div.post-vote a {    text-decoration: none !important;
font-family: 'Manrope';   letter-spacing: 0.5px; color: #ab7574; left: -3px; font-weight: bold;}

div.post-rating a {  border: 1px solid #d4d4d4; cursor: pointer !important; padding: 2px 10px 2px 10px;  border-radius: 10px; top: -6px !important;  position: relative; font-size: 9px !important; }

div.post-rating a:before { content: '\f004'; font-family: 'Font Awesome 6 Pro';  font-size: 9px !important; color: #6e6e6e; margin-right: 6px; }

.post-rating p a { font-size: 9px !important;}
/*прочее*/

li.pa-gifts { display: none;}
div#profile-gifts { display: none;}
.code-box a { color: #4b4b4b !important;}
div#form-buttons { margin-left: 10px !important;}
li#navawards { display: none !important;}
div#pun-userlist td.tc2.user_title { vertical-align: text-top;}
div#pun-userlist span.usersname { text-transform: lowercase !important;}
div#pun-userlist td.tc3.registered, div#pun-userlist td.tc3.last_visit {text-transform: lowercase  !important;}
div#pun-userlist td.tc3.relation, div#pun-userlist td.tc3.num_posts, div#pun-userlist td.tc3.registered, div#pun-userlist td.tc3.last_visit { vertical-align: text-top;}
div#pun-searchtopics .hasicon td.tcl {padding-right: 35px !important;}
div#pun-searchtopics td.tcl, div#pun-searchtopics td.tc2, div#pun-searchtopics td.tc3, div#pun-searchtopics td.tcr {vertical-align: text-top; }
div#pun-messages.punbb .post h3 span {    padding: 0.5em 1em;
      display: block;
    width: 88px;
    text-align: center;
    margin-left: 253px !important;
    margin-bottom: 11px;
    padding: 3px;
    font-size: 8px;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    color: #ffffff;
    border: 0px solid #d9d4cd;
    background: #9694ac;}
input.button:hover { color: #ffffff !important; background: #976969;}
li.pa-ua { display: none !important;}
li#pa-ua { display: none !important;}
.reactions-container { display: none !important;}
div#pun-live-rusff { z-index: 98; width: 440px; height: 19px; margin: auto 0px 0 auto; background: transparent; text-align: right;  line-height: 17px;  position: relative; font-size: 8px; text-transform: lowercase;  font-family: 'Manrope'; margin-top: 10px !important;}
.cool1 { width: 87px; height: 16px; padding: 0px 5px 2px 8px;  background: #d8d7e2 !important;  color: #676767 !important; font-size: 10px;  font-family: 'Manrope';  text-align: center; float: right; margin-left: 4px; margin-right: 1px; border: 0px;  cursor: pointer;  box-shadow: inset 0 0 3px #d8d7e2 !important; -moz-box-shadow: inset 0 0 3px #000 !important; -webkit-box-shadow: inset 0 0 3px #d8d7e2 !important; -khtml-box-shadow: inset 0 0 3px #000; text-shadow: 0 1px 2px #d8d7e2 !important;  border-right: 1px solid #d8d7e2 !important;}
.cool1:hover, .cool3:hover { background: #cfceda !important;}
.cool2 { width: 16px;  height: 16px; background: #d8d7e2 !important; color: #676767 !important;  font-size: 11px; font-family: 'Manrope';  text-align: center; float: right;  margin-right: 1px; border: 1px solid #d8d7e2 !important;}
.cool3 { width: auto; height: 16px; padding: 0px 7px 2px 5px; background: #d8d7e2 !important; color: #676767 !important; font-size: 11px; font-family: 'Manrope';  text-align: center; float: right; font-weight: bold; border: 0px; cursor: pointer; box-shadow: inset 0 0 3px #d8d7e2 !important;  -moz-box-shadow: inset 0 0 3px #d8d7e2 !important; -webkit-box-shadow: inset 0 0 3px #d8d7e2 !important;  -khtml-box-shadow: inset 0 0 3px #d8d7e2 !important; text-shadow: 0 1px 2px #d8d7e2 !important; border-left: 1px solid #d8d7e2 !important;}
div#profile.formal.messages-container .pa-author, div#profile.formal.messages-container .pa-author a { background: none;  color: #ffffff !important;  font-weight: bold;  letter-spacing: 0.5px; margin-top: 5px !important;  padding: 6px 0px 9px 0px !important;}
div#pun-post .post-author {  width: 209px !important; color: #676767  !important;}
div#pun-post .post-author p {color: #8d8d8d !important; margin-bottom: 7px;}
li.pa-awards {
    display: none;
}

/* название форума */

.saxy_name {
    top: 43px;
    margin-left: 336px;
    position: absolute;
    z-index: 500;
    font-size: 80px;
    text-transform: uppercase;
    font-family: nightcore;
    color: #f6f6f6;
    width: 397px;
    padding: 0px 2px 0px 2px;
    text-align: center;
    letter-spacing: 12px;
}


.saxy_small {
    position: absolute;
    top: 112px;
    font-family: Manrope;
    text-transform: uppercase;
    background: #946767;
    font-size: 7px;
    letter-spacing: 2px;
    text-align: center;
    left: 456px;
    padding: 2px 0px 2px 3px;
    z-index: 600;
    color: #ffffff;
    width: 132px;
}

.saxytext1 {
    position: absolute;
    top: 79px;
    font-family: Manrope;
    text-transform: uppercase;
    font-size: 7px;
    letter-spacing: 1.6px;
    line-height: 19px;
    text-align: left;
    left: 45px;
    color: #ffffff;
    width: 161px;
font-weight: bolder;
}


.saxytext2 {
    position: absolute;
    top: -16px;
    font-family: Manrope;
    text-transform: uppercase;
    font-size: 7px;
    letter-spacing: 1.6px;
    line-height: 19px;
    text-align: right;
    left: 827px;
    color: #ffffff;
    width: 180px;
font-weight: bolder;
}

.saxytext3 {
    position: absolute;
    top: 240px;
    font-family: Manrope;
    text-transform: uppercase;
    font-size: 7px;
    letter-spacing: 1.6px;
    line-height: 19px;
    text-align: right;
    left: 896px;
    color: #433f3e;
    width: 110px;
font-weight: bolder;
}

.saxytext4 {
position: absolute;
    top: 246px;
    font-family: Manrope;
    text-transform: uppercase;
    font-size: 7px;
    letter-spacing: 1.6px;
    line-height: 19px;
    text-align: center;
    left: 470px;
    color: #433f3e;
    width: 76px;
    font-weight: bolder;
}

/* оформление всплывающей подсказки */ 
#tooltip {
    position: absolute;
    padding: 2px 5px 2px 5px;  
    border: 1px solid #d9d4cd !important;
    background: #f3f3f3;
    color: #000000;
    font-family: 'Manrope' !important;
    text-transform: uppercase;
    font-size: 9px;
    border-radius: 10px;
    letter-spacing: 0.2px;
    display: none;
    text-align: center;
    z-index: 9999999;
    max-width: 180px;
}


button.stk {
    padding: 3px 15px 4px 15px;
    border: 0px solid #dbdbdb;
    text-transform: lowercase;
    color: #e7e7e7 !important;
    outline: none;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-size: 11px;
    background: #a48181;
    padding-left: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 4px;
}

li#h-replies {
    display: none;
}


/* снс */

.tobacco {width: 450px; padding: 3px; letter-spacing: 0px;}
.tobacco h1 { text-align: left; padding-left: 20px; margin: 25px 0 5px 0; color: #222; font: bold 28px/20px cabin; padding-right: 5px; text-transform: uppercase;}
.tobacco table {width: 450px; text-align: center;}
.tobacco table .pic { width: 120px; vertical-align: top;}
.tobacco .pic img {       width: 60px;
    height: 60px;
    border-radius: 100%;
    border: solid 5px #ededed;
    margin: auto;}
.tobacco .status { border-bottom: solid 1px #D5D5D5; text-align: left; color: #808080; font: 10px/10px cabin; letter-spacing: 1px; padding: 0px 0px 10px 55px;}
.tobacco .info { padding: 5px 10px; vertical-align: top; text-align: left;}
.tobacco .timestamp{ font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0;}
.tobacco .timestamp1 { font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0; margin-left: 135px;}
.tobacco mssg { display: block;
    background: #f6f6f6;
    padding: 7px 7px 7px 7px;
    margin: 10px 0;
    border: solid 1px #e0e0e0;
    color: #222;
    font: 11px arial;
    border-radius: 10px;
    border-top-left-radius: 0;}
.tobacco mssg img { max-width: 100%; border-radius: 0px; border-top-left-radius: 0;}
.tobacco mssg1 img { max-width: 100%; border-radius: 0px; border-top-left-radius: 0;}
.tobacco mssg1 {         display: block;
    background: #ededed;
    padding: 7px 7px 7px 7px;
    margin: 10px 0;
    border: solid 1px #d6d6d6;
    color: #222;
    font: 11px arial;
    border-radius: 10px;
    border-top-right-radius: 0;}


/* SNS2 */
.sns { position: relative; width: 414px; min-height: 185px; margin-left: 161px!important; border-radius: 30px; background: url(https://forumupload.ru/uploads/001a/76/f7/2/786662.png) 0 top no-repeat, url(https://forumupload.ru/uploads/001a/76/f7/2/43953.png) 0 bottom no-repeat, url(https://forumupload.ru/uploads/001a/76/f7/2/127138.png) 0 repeat-y; }
.punbb loco { position: absolute; font-size: 19px; font-weight: 900; font-family: Nunito; color: #000; width: 300px; margin-top: 44px; margin-left: 94px; }
.punbb oracle { float: right; clear: both; margin: 5px!important; margin-right: -1px!important; padding: 10px!important; border-radius: 11px 11px 0 11px; background-color: #f4f4f470; border: 1px solid #00000008; color: #0000008f; font-size: 12px; text-align: right; font-family: Jost; font-weight: 500; /*letter-spacing: 0.5px; */}
.shadow { font-size: 9.8px; font-weight: 400; font-family: Jost; padding-top: 1px; padding-right: 12px; padding-bottom: 1px; letter-spacing: 0.4px; width: 355px; max-height: 370px; margin-left: 7px!important; line-height: 12px; overflow: auto; }
.shadow v { float: right; max-width: 110px; max-height: 110px; clear: both; margin: 5px!important; padding: 2px!important; border-radius: 50px; background-color: #dbdbdb; color: #1c1c1c; font-size: 11px; text-align: right; font-family: Jost; }
.shadow v img { width: 90px; height: 90px; border-radius: 50px; object-fit: cover; }
.shadow p { float: right; clear: both; margin: 5px!important; padding: 10px!important; border-radius: 11px 11px 0 11px; background-color: #fafafa; border: 1px solid #00000008; color: #1c1c1c; font-size: 11.6px; text-align: right; font-family: Jost; }
.shadow p img { max-width: 250px; border-radius: 10px;}
.karma { width: 370px; padding: 20px; padding-top: 115px; padding-bottom: 76px;}
.tar { width: 50px; height: 50px; border-radius: 50%; position: absolute; background-size: cover; margin-top: 34px!important; margin-left: 31px!important; }
.tar img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }
#poll-special td.tar { position: relative!important; height: auto!important; }
.punbb mind { position: sticky; font-size: 9px; font-weight: 500; font-family: Jost; font-style: italic; color: #00000091; width: 50px; padding: 0px; text-align: right; margin-left: 324px!important;}
.punbb long { float: left; clear: both; margin: 5px!important; margin-right: -1px!important; padding: 10px!important;  border-radius: 11px 11px 11px 0px; background-color: #f4f4f470; border: 1px solid #00000008; color: #0000008f; font-size: 12px; text-align: left; font-family: Jost; font-weight: 500;  letter-spacing: 0.5px; }
.punbb leo { position: sticky; font-size: 9px; font-weight: 500; font-family: Jost; font-style: italic; color: #00000091; width: 50px; padding: 0px; text-align: right; margin-right: 250px!important; margin-left: 6px; }
.yell { font-size: 9.8px; font-weight: 400; font-family: Jost; padding-top: 1px; padding-right: 12px; padding-bottom: 1px; letter-spacing: 0.4px; width: 355px; max-height: 370px; margin-left: 7px!important; line-height: 12px; overflow: auto; }
.yell v { float: left; max-width: 110px; max-height: 110px; clear: both; margin: 5px!important; padding: 2px!important; border-radius: 50px; background-color: #dbdbdb; color: #1c1c1c; font-size: 11px; text-align: left; font-family: Jost; }
.yell v img { width: 90px; height: 90px; border-radius: 50px; object-fit: cover; }
.yell p { float: left; clear: both; margin: 5px!important; padding: 10px!important; border-radius: 11px 11px 11px 0px; background-color: #fafafa; border: 1px solid #00000008; color: #1c1c1c; font-size: 11.6px; text-align: left; font-family: Jost; }
.yell p img { max-width: 250px; border-radius: 10px;}

/* SNS_2V2 */
.snsv2 { position: relative; width: 391px; min-height: 185px; margin-left: 161px!important; border-radius: 9px; background: url(https://forumstatic.ru/files/0016/9f/34/55810.png) 0 top no-repeat, url(https://forumstatic.ru/files/0016/9f/34/18218.png) 0 bottom no-repeat, url(https://forumstatic.ru/files/0016/9f/34/43066.png) 0 repeat-y; }
.punbb locov2 {    position: absolute;
    font-size: 19px;
    font-weight: 900;
    font-family: Nunito;
    color: #2e2e2e;
    width: 300px;
    margin-top: 31px;
    height: 42px;
    margin-left: 82px;}
.punbb locov2_2 {position: absolute;
    font-size: 6px;
    font-weight: 400;
    font-family: Nunito;
    text-transform: uppercase;
    color: #bfbfbf;
    width: 289px;
    margin-top: 22px;
    height: 42px;
    margin-left: 96px;}

.punbb oraclev2 {     float: right;
    clear: both;
    margin: 5px!important;
    margin-right: -1px!important;
    padding: 10px!important;
    border-radius: 11px 11px 0 11px;
    background-color: #fbfbfb;
    border: 1px solid #f1f1f1;
    color: #000000c2;
    font-size: 10px;
    text-align: justify;
    font-family: Jost;
    font-weight: 400;}
.shadowv2 { font-size: 9.8px;
    font-weight: 400;
    font-family: Jost;
    padding-top: 1px;
    padding-right: 12px;
    padding-bottom: 1px;
    letter-spacing: 0.4px;
    width: 360px;
    max-height: 360px;
    margin-left: -13px!important;
    line-height: 12px;
    overflow: auto; }
.shadowv2 v { float: right; max-width: 110px; max-height: 110px; clear: both; margin: 5px!important; padding: 2px!important; border-radius: 50px; background-color: #dbdbdb; color: #1c1c1c; font-size: 11px; text-align: right; font-family: Jost; }
.shadowv2 v img { width: 90px; height: 90px; border-radius: 50px; object-fit: cover; }
.shadowv2 p { float: right; clear: both; margin: 5px!important; padding: 10px!important; border-radius: 11px 11px 0 11px; background-color: #fafafa; border: 1px solid #00000008; color: #1c1c1c; font-size: 11.6px; text-align: right; font-family: Jost; }
.shadowv2 p img { max-width: 250px; border-radius: 10px;}
.karmav2 { width: 370px; padding: 20px; padding-top: 94px; padding-bottom: 60px;}
.tarv2 { width: 50px; height: 50px; border-radius: 50%; position: absolute; background-size: cover; margin-top: 14px!important; margin-left: 19px!important; }
.tarv2 img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }
#poll-special td.tar { position: relative!important; height: auto!important; }
.punbb mindv2 {position: sticky;
    font-size: 7px;
    font-weight: 500;
    font-family: Jost;
    /* font-style: italic; */
    color: #00000038;
    width: 50px;
    padding: 0px;
    text-align: right;
    margin-left: 335px!important;}
.punbb longv2 { float: left; clear: both; margin: 5px!important; margin-right: -1px!important;
    padding: 10px!important;
border-radius: 11px 11px 11px 0px; 
    background-color: #fbfbfb;
    border: 1px solid #f1f1f1;
    color: #000000c2;
    font-size: 10px;
    text-align: justify;
    font-family: Jost;
    font-weight: 400; }
.punbb leov2 { position: sticky; font-size: 7px; font-weight: 500; font-family: Jost;color: #00000038; width: 50px; padding: 0px; text-align: right; margin-right: 250px!important; margin-left: 6px; }
.yellv2 {    font-size: 9.8px;
    font-weight: 400;
    font-family: Jost;
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 1px;
    letter-spacing: 0.4px;
    width: 363px;
    max-height: 370px;
    margin-left: -9px!important;
    line-height: 12px;
    overflow: auto;}
.yellv2 v { float: left; max-width: 110px; max-height: 110px; clear: both; margin: 5px!important; padding: 2px!important; border-radius: 50px; background-color: #dbdbdb; color: #1c1c1c; font-size: 11px; text-align: left; font-family: Jost; }
.yellv2 v img { width: 90px; height: 90px; border-radius: 50px; object-fit: cover; }
.yellv2 p { float: left; clear: both; margin: 5px!important; padding: 10px!important; border-radius: 11px 11px 11px 0px; background-color: #fafafa; border: 1px solid #00000008; color: #1c1c1c; font-size: 11.6px; text-align: left; font-family: Jost; }
.yellv2 p img { max-width: 250px; border-radius: 10px;}


.chat{
  height: auto;
  width: 70%; margin-left: 100px;
}

.chat .contact {
  display:inline-block;
  font-size:13px;
   margin-bottom:5px;
}

.chat .message {position: relative;}

.chat .message .message-text{
color: #f6f8ff;
  padding:10px;
  line-height:25px;
  max-width:90%;
  display:inline-block;
  text-align:left;
  border-radius:5px;
}

.chat .message .triangle{
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  top: -10px;
}

.chat .me {text-align:right;}

.chat .you .triangle {left: 15px;}
.chat .me .triangle {right: 15px;}

/*цвета*/
.chat .you .message-text {background-color: #656697;}
.chat .me .message-text {background-color: #f58726;}
.chat .you .triangle {border-color: transparent transparent #656697 transparent;}
.chat .me .triangle {border-color: transparent transparent #f58726 transparent;}

.light .chat .you .message-text {background-color: #595259;}
.light .chat .me .message-text {background-color: #d33695;}
.light .chat .you .triangle {border-color: transparent transparent #595259 transparent;}
.light .chat .me .triangle {border-color: transparent transparent #d33695 transparent;}

.dark .chat .you .message-text {background-color: #0e0b0d;}
.dark .chat .me .message-text {background-color: #004c51;}
.dark .chat .you .triangle {border-color: transparent transparent #0e0b0d transparent;}
.dark .chat .me .triangle {border-color: transparent transparent #004c51 transparent;}

.basic {
    width: 600px;
    padding: 10px;
    align-items: center;
    display: block;
    position: relative;
    height: auto;
    margin-left: 60px;
    background: #f3f3f3;
    border-radius: 15px;
    border: 1px solid #e4e4e4;
    outline: 4px solid #f5f5f5;
    margin-bottom: 7px;
    margin-top: 7px;
}

.basictext {
    font-size: 10px;
    font-family: verdana;  margin-bottom: 10px;
}

.dnight {
    background: url(https://i.imgur.com/ELIzOQ8.png) #cecdd3;
    width: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px 20px 0px 20px;
    margin-left: 54px;
    border-radius: 10px;
    border: 4px solid #eeeeee;
    outline: 1px solid #cecdd3;
}

.dntext {
    background: #e6e6e6;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.dntext1 {
    background: #9595a4;
    padding: 15px 15px 5px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    color: #eeeeee;
}


.dnzag {
    margin-top: -8px;
    display: block;
    position: absolute;
    text-align: center;
    margin-left: 25px;
}

.dnzag p  {
    background: #a48181;
    color: #eeeeee;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
}

.dnzag p, .dntext p { padding: 0px 1em 0em 1em !important; }

.dnpic {
    background: url(https://i.imgur.com/MpScA73.png) no-repeat;
    margin-left: 185px;
    height: 132px;
    margin-top: -10px;
    position: relative;
    display: block;
    z-index: 3;
}

.dnz1  {
    position: absolute !important;
    display: block !important;
    margin-top: -139px;
    z-index: 2;
    text-align: center !important;
    width: 600px;
    color: #eeeeee;
}

.dnz1 p {
    font-family: 'Nightcore' !important;
    font-size: 97px !important;
    position: absolute !important;
    text-align: center !important;
    z-index: 1;
    width: 600px;
    padding: 0px !important;
}



/*новая снс*/

.snsbase {     margin-left: 162px !important;
    width: 400px;
    background: #f6f6f6;
    border-radius: 20px;
    box-shadow: 0px 2px 4px #dedede;
    margin: 10px;
    text-align: center;
    outline: 1px solid #dad9e2;
    border: 8px solid #f3f3f3;
}

.snsic img {
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 100%;
    border: 3px solid #efefef;
    margin-top: 10px !important;
    margin-left: 0px !important;
}

.snsinf {     background: #ebebeb;
    height: 70px;
    z-index: 1;
    position: relative;
    width: 378px;
    border-radius: 10px;
    display: flex;
    margin-left: 11px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
    border: 1px solid #dad9e2;
}

.snssms img {
    max-width: 230px !important;
    max-height: 230px !important;
}

.snscircle img {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    border: 5px solid #fff;
}

.snscircle {
    align-self: flex-start;
    margin-left: 35px;
}


.snstat {
margin-top: 20px !important;
    margin-left: 11px;
    font-family: 'Manrope';
}

.snsnick p {
    padding: 0px !important;
    font-weight: bold;
    font-family: 'Manrope' !important;
    font-size: 10px !important;
}

.snsst p {
    font-family: 'Manrope' !important;
    font-size: 9px !important;
    padding: 0px !important;
}

.snstext {
    width: 360px;
    padding: 10px;
    border-radius: 10px;
    max-height: 326px;
    overflow-y: auto;
    margin-top: 12px;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    flex-wrap: nowrap;
    margin-left: 11px;
    margin-bottom: 20px;
}

.snssms p {
    width: 240px;
    text-align: justify !important;
    background: #ebebeb;
    padding: 5px 10px 5px 10px !important;
    border-radius: 7px;
    font-family: 'Manrope' !important;
    font-size: 10px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.snsend p {
    color: #626262;
    font-family: 'Manrope' !important;
    font-size: 9px !important;
    border: 1px solid #d7d6dc;
    border-radius: 7px;
    padding: 3px 10px 3px 10px !important;
}

.snsend p::before {
    content: '\f086';
    font-family: 'Font Awesome 6 Pro';
    color: #c6c6c6;
    margin-right: 8px;
    font-weight: bold;
    font-size: 12px;
}

.snsend {
    background: #eeeeee;
    border-radius: 7px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 380px;
    margin-left: 10px;
}


.plshaaa {      margin-left: 100px;
    margin-top: 20px;
    gap: 5px;
    display: flex;
    text-align: center;
    width: 520px;
    background: #e6e6e6;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    height: 235px;
    justify-content: flex-start;
    padding: 10px;
    overflow-y: auto;
    border-radius: 20px;}