/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #fff;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, {
  background-color: transparent;
  color: #fff;
  }

#pun-debug h2, .punbb-admin #pun-admain h2{
  background-color: transparent;
  color: #333;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  color: #333;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #transparent;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #a9a9a9;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border: none;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: #a9a9a9;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid #dedfdf
  }

li.pa-online {
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited {
  color: #351556;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #351556;
  }

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color: #464646}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #464646;
  transition: ease-in-out 1s;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: underline
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}

/* ----------------------- прочее ----------------------------- */

/* скрытые ненужных элементов */
#pun-title h1 span, li#navawards, #pun-viewforum .icon, #pun-searchtopics .icon, #messages div.icon, #pun-index thead tr, .topic a.sharelink, #navuserlist span, #navsearch span, #navprofile span, #navadmin span, #navlogout span, #navregister span, #navlogin span, #navpr_1 span, .modmenu span, span.cooltext,.lastedit,  #pun-index .main .tcmod, .pl-share
{display: none!important;}

#navpm span, #pun-index .main .tc2, #pun-index .main .tc3
{font-size:0}


/* стрелки вверх вниз */
.go-up, .go-down {
  display: none;
  opacity: 1;
  position: fixed;
  z-index: 9999;
  cursor: pointer;
  margin-bottom: 5px;
}
.go-up {
  bottom: 340px;
  right: 180px;}
.go-down {
  bottom: 320px;
  right: 180px;}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 1000px) {
  .go-up, .go-down {display: none!important}
}


/* скролл-бар */
::-webkit-scrollbar {width: 6px; height: 6px;} 
::-webkit-scrollbar-track {background-color: #ede3ff; -webkit-border-radius: 2px;}
::-webkit-scrollbar-thumb:vertical {height: 6px; background-color: #0e042f; -webkit-border-radius: 2px;}
::-webkit-scrollbar-thumb:horizontal {width: 6px; background-color: #0e042f; -webkit-border-radius: 2px;}

/* навигация в темы */
.themenavi {padding: 10px 0 0 0; font-family: verdana; text-transform: uppercase; font-size: 8px; text-align: center; overflow: hidden;}
.themenavi a {color: #9678b9!important;}
.themenavi a:hover {color: #351556!important; transition: ease-in-out 1s}
.punbb span.closedatafield, .punbb span.stickytext, .punbb span.polltext {font-size: 10px; font-family: verdana; text-transform: uppercase; font-weight: bold; color: #351556}

/* футер */
div#html-footer{background:url(http://forumstatic.ru/files/001b/62/a4/70663.png); width:930px; height: 120px; margin: auto; border-radius: 8px;}

/* иконки старые новые */
.punbb table Div.icon {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  border-style: none;
  background-image: url(http://forumstatic.ru/files/001b/62/a4/82183.png);
  background-repeat: no-repeat;
  margin: 20px 0 0 50px;
  }
TR.inew Div.icon {
  background-image : url(http://forumstatic.ru/files/001b/62/a4/89141.png);
  background-repeat: no-repeat;
  }

.punbb .multipage div.icon {display:none;}

/* фикс лички*/
.punbb .pmtcl1 {width:40% !important}

/* профиль в теме */
li.pa-avatar.item2 {width: 180px; text-align: center;}
li.pa-fld1 {font:10px Arial; text-align:justify; text-transform: lowercase;/*оверлапснет с лз*/ line-height:110%; margin: -15px 0 6px 0px; width: 180px;}
li.pa-fld1 span.fld-name {display: none}
/* li.pa-fld1 a {font-weight: bold; color: #cf9700!important;} 
li.pa-fld1 a:hover {color: #a9a9a9!important; transition: ease-in-out 1s;}*/
img.profilepage {margin-bottom: 5px;}
.pa-posts{width:55px; padding-left: 6px!important;}
.pa-respect{width:49px; padding: 0 10px 0 10px!important;}
li.pa-fld2 {width:32px}
li.pa-fld2, .pa-posts,.pa-respect{display:inline-block; text-transform:lowercase; font-size:9px; font-family: arial; line-height:15px; text-align: center; }
li.pa-fld2 strong, .pa-posts strong ,.pa-respect strong {color: #464646!important;}
.pa-posts span.fld-name a, .fld-name, .pa-respect span.fld-name a, .fld-name {color: #2e2e2e!important;font-weight: bold;}
.pa-online {text-align: center; font-family: arial; text-transform: lowercase;}
.pa-gifts, .pa-awards {display: none}
.pa-reg {font-family: verdana; font-size: 8px; text-align: center;}

.lz-name {font-family: arial; text-align: center; font-size: 8px; text-transform: uppercase; margin-top: 10px; padding: 4px; color: #351556!important}
.lz-name a{color: #351556!important; font-weight: bold;}
.lz-name:hover{letter-spacing: 1px; transition: ease-in-out 1s;}
.lz-name a:hover{color: #c38fff!important; transition: ease-in-out 1s;}
.lz-text {font-family: arial; text-align: center; font-size: 9px; text-transform: lowercase; margin-top: 10px;  border-radius: 4px; padding: 6px; color: #464646; background: linear-gradient(
90deg, rgba(255,243,233,1) 0%, rgba(239,230,255,1) 100%);;}
.lz-text a {font-family: arial; text-align: center; font-size: 9px; text-transform: lowercase; font-weight: bold; margin-top: 10px; color: #464646!important}
.lz-text a:hover {color: #c38fff!important}


/*.pl-reports {display: none!important}  не на что тут жаловаться блять */
#pun-status .item4 {display:none!important}

:focus, :active, :hover {outline: none!important;}

.button{border:none!important;padding:4px;font-size:10px!important;text-transform:lowercase;vertical-align:middle;font-family:arial!important;background:#0e042f;color:#fff; border-radius: 4px}
.button:hover{border:none;color:#0e042f;background:#c38fff40; transition: ease-in-out 1s}

select{border:1px solid #9678b9;color:#464646;background:#fff; border-radius: 4px;}
.code-box .blockcode {overflow: auto;}

div.post-rating a, div.post-vote a {font-size: 100% !important;text-decoration:none !important;}

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

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

/* бордеры и отступы табличек */
.post-content td {
    border-width: 0px!important;
    border-style: none!important;
    padding: 0!important;
    overflow: hidden;
    border-color: transparent;
}

/* репа */
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
  background: #fff;
  z-index: 101!important;
}

/* форма ответа - контейнер шрифтов*/
#tags .container {
    max-height: 300px;
    overflow: auto;
}

/* блинкер */
.punbb .user-avatar .isonline {background:#ff8c2d!important}
.punbb .user-avatar .avatar-image {filter: grayscale(80%)!important; border: 2px solid #c38fff!important;}
.punbb .user-avatar .avatar-image:hover{filter: grayscale(40%)!important; transition: ease-in-out 1s;}

.punbb .post-content td {border-width:1px !important; border-style:solid !important; padding:0.4em 0.5em !important; overflow:hidden}

/* спец.темы */

.imptheme {margin: 20px 20px 10px 20px!important;padding: 20px; border: 1px solid #ede3ff; border-radius: 10px;}
.imptheme .impthemetitle {font-family: verdana; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; color: #351556;}
.imptheme .impthemesubtitle {font-family: verdana; font-weight: normal; font-size: 8px; text-transform: uppercase; text-align: center; padding: 2px; color: #a9a9a9;}
.imptheme .impthemecontent {font-family: arial; font-size: 11px; text-align: justify; text-transform: lowercase; padding: 10px;}
.imptheme .impthemerule {background-color: #fff9e8; color: #464646; border-radius: 10px; font-family: arial; font-size: 11px; text-align: center; text-transform: lowercase; padding: 20px;}
.imptheme .impthemeruletitle {font-family: verdana; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; color: #464646; margin-bottom: 6px;}

/* ЛС */
.pages h1 span {display: none;}
.pages #pun-crumbs2 {font-size: 0em;}

.personal {width: 520px; height: 550px; margin: auto!important; border: 1px solid #ededed; background-color: #f7f7f7; border-radius: 10px;}
.personal .cover {width: 520px; height: 180px; border-radius: 8px 8px 0px 0px; background-color: #fff;}
.personal img.cover {object-fit: cover; object-position: center;}
.personal .photo {position: absolute; margin: -40px 0 0 10px; width: 140px; height: 140px; border-radius: 500px; }
.personal img.photo {object-fit: cover; object-position: center; border: 3px solid #f7f7f7;}
.personal .name {position: absolute; float: left; margin: 16px 0 0 190px;font-family: montserrat; font-weight: bold; font-size: 18px; text-transform: lowercase; color: #161616;}
.personal .handle {position: absolute; margin: 44px 0 0 190px; float: left; font-family: montserrat; font-weight: normal; font-size: 12px; text-transform: lowercase; color: #505050!important;}
.personal .icon {height: 18px; opacity: 0.2;}
.personal .icon1 {position: absolute; margin: 100px 0 0 40px;}
.personal .icon2 {position: absolute; margin: 100px 0 0 158px;}
.personal .icon3 {position: absolute; margin: 100px 0 0 392px;}
.personal .icon4 {position: absolute; margin: 130px 0 0 40px;}
.personal .age {position: absolute; margin: 105px 0 0 65px; float: left; font-family: montserrat; font-weight: normal; font-size: 9px; text-transform: lowercase; color: #505050!important; width: 132px; line-height: 10px;}
.personal .occupation {position: absolute; margin: 105px 0 0 181px; display: block; float: left; font-family: montserrat; font-weight: normal; font-size: 9px; text-transform: lowercase; color: #505050!important; width: 160px; line-height: 10px;}
.personal .pair {position: absolute; margin: 105px 0 0 417px; float: left; font-family: montserrat; font-weight: normal; font-size: 9px; text-transform: lowercase; color: #505050!important; width: 90px; line-height: 10px;}
.personal .track {position: absolute; margin: 135px 0 0 65px; float: left; font-family: montserrat; font-weight: normal; font-size: 9px; text-transform: lowercase; color: #505050!important; line-height: 10px;}

.personal a {color: #505050!important;}
.personal a:hover {color: #50505050!important;}

.personal .tabs {display: inline; background: transparent; border-radius: 0px; position: absolute; margin: 180px 0 0 10px;}
.personal .tabs>ul {list-style-type: none; z-index:100;}
.personal .tabs>ul li {display: block; text-align:center}
.personal .tabs>ul li a{display: block; text-decoration:none;}
section {padding: 10px; display:none; width: 480px; height: 132px; overflow-y: auto; border-top: 1px solid #d8d8d8;}
section.active {display: block;}
.personal .tabheader {float: left; padding: 0 32px 10px 32px; font-family: montserrat; font-weight: bold; font-size: 12px; color: #b5b5b5;}
.personal .active .tabheader {color: #505050!important;}
.personal .tabheader:hover {color: #505050!important; transition: 1s ease-in-out}

.personal section#tab-1.active {display: grid; grid-template-columns: 236px 236px;}
.personal section#tab-1.active img {margin: auto; padding: 4px;}
.personal section#tab-2.active {display: grid; grid-template-columns: 94px 94px 94px 94px 94px;}
.personal section#tab-2.active img {margin: auto; padding: 4px;}
.personal section#tab-3.active {display: grid; grid-template-columns: 94px 94px 94px 94px 94px;}
.personal section#tab-3.active img {margin: auto; padding: 4px;}
.personal section#tab-4.active {display: grid; grid-template-columns: 59px 59px 59px 59px 59px 59px 59px 59px;}
.personal section#tab-4.active img {margin: auto; padding: 4px;}
.personal img.done {width: 42px; opacity: 1; filter: none;}
.personal img.notdone {width: 42px; filter: grayscale(100%); opacity: 0.4}

.personal ::-webkit-scrollbar {width: 6px; height: 6px;} 
.personal ::-webkit-scrollbar-track {background-color: transparent!important; -webkit-border-radius: 2px;}
.personal ::-webkit-scrollbar-thumb:vertical {height: 6px; background-color: #a9a9a9!important; -webkit-border-radius: 2px;}
.personal ::-webkit-scrollbar-thumb:horizontal {width: 6px; background-color: #a9a9a9!important; -webkit-border-radius: 2px;}

/* ивенточная */
li.pa-fld3  {position: absolute; margin: -55px 0 0 67px; background-color: #fff; border: solid 1px #ede3ff; border-radius: 50px; width: 46px; height: 46px;}
li.pa-fld3 img {width: 26px; padding: 10px}

/* скрытие реакций  */
.reactions-root {
    display: none;
}