.custom-file-input ~ .custom-file-label::after {
    content: "Обзор";
}


.forum-index a:hover {
	text-decoration: none;
}
.first-nav form {
	margin:0;
}
.advertising .card-body {
	padding: .45rem 1rem;
}
/*.advertising .card {
	height: 100%;
}*/
.btn.btn-primary.btn-sm{
	color:white;
	background-color:#006690 ;
	border-color:#006690 ;
}

th{
	font-weight: 400;
}

.sponsor {
	width:10%;
	text-align: center;
}
#forumBanner a img {
	width: 100%;
	height: auto;
	max-height: 90px;
}

.right-line {
	border-right: 1px solid gray; /* Линия справа от текста */
}
/*@media(max-width: 768px)
{
	.sponsor
	{
		width:25%!important;
	}
}*/
.forum-index .row .time {
	border: none;
	background-color: #fafafa;
	color: #696969;
	padding: 0;
	font-weight: bold;
	font-size: .6rem;
}

.forum-index .row .col-6 {
	padding-right: 15px;
	padding-left: 15px;
}
.forum-index .row .time span {
	font-weight: normal;
	font-size: .55rem;
	letter-spacing: .5px;
}
.forum-index .row .list-group-item {
	padding-right: 15px;
	padding-left: 15px;
}

.table {
	border-collapse: collapse;
	border-radius: .18rem;
	-webkit-border-radius: .18rem;
	-moz-border-radius: .18rem;
	-khtml-border-radius: .18rem;
	border: 1px solid #dee2e6;
	display: block;
}
.table thead th {
	vertical-align:middle;
	font-size: 14px;
	padding:.5rem .3rem;
	border: none;
}
th:first-child {
	border-radius: .18rem 0 0 0;
	-webkit-border-radius: .18rem 0 0 0px;
	-moz-border-radius: .18rem 0 0 0;
	-khtml-border-radius: .18rem 0 0 0;
	border: 1px solid #dee2e6;
}
th:last-child {
	border-radius: 0 .18rem 0 0;
	-webkit-border-radius: 0 .18rem 0 0;
	-moz-border-radius: 0 .18rem 0 0;
	-khtml-border-radius: 0 .18rem 0 0;
	border: 1px solid #dee2e6;
}
th {
	line-height: .5rem;
}

.table td {
	padding: .3rem .3rem;
	font-size: 13px;
	color: #495057;
	vertical-align:middle !important;
}
/*.table td:first-child {
	padding-right: 0;
}*/
.table td:last-child {
	border-left: 1px solid #dee2e6;
}
td a {
	color: #495057;
}
td a:hover {
	color: #191919;
}
td span {
	font-size: 14px;
}
td span a {
	color: #495057;
	font-size: 13px;
}
td span a:hover {
	color: #191919;
}
.sponsor {
	border-right: 1px solid #dee2e6;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #3c6690;
	line-height: .6rem;
	text-transform: uppercase;
}
h4 div {
	color: #495057;
	text-transform: none;
	font-size: 13px;
	font-weight: initial;
}
a h4:hover {
	color: #495057;
}

.gensmall {
	font-size: 14px;
}
.gensmall a {
	color:#003958;
}
.gensmall a:hover {
	color:#0056b3;
}
.forum-index .forum-stat {
	font-size: 13px;
	border-radius: .18rem;
	margin-bottom: .5rem;
}
@media (max-width: 576px) {
    h4{
        text-transform: none;
    }
    .sponsor img {
        max-width: 100%;
        display: block;
        height: auto;
        margin-left: auto;
    }
    .forum-index .table .forum-name {
        padding-left: 0;
    }
    .table .forum-name {
        padding-right: 0;
    }
}
.forum-index .forum-stat .card-header {
	background-color:#3c6690;
	font-size: 14px;
	letter-spacing:.04rem;
	padding: .5rem .5rem;
	border-radius: .18rem .18rem 0 0;
}
.forum-index .forum-stat .card-header a:hover {
	font-weight: bold;
	letter-spacing:.02rem;
}
.forum-index .forum-stat .card-body {
	padding: .5rem;
}
.forum-index .forum-stat .card-body .users {
	flex-grow: 3;
}
.forum-index .forum-stat .card-body .stats {
	flex-grow: 4;
}
.forum-index .forum-stat .icon {
	padding: 0 .5rem;
}
.forum-index .forum-stat i {
	font-size: 36px;

}
.forum-index .forum-stat .card-footer {
	padding: .5rem;
	background-color: #fff;
}
.forum-index .note {
	font-size: 13px;
	margin-bottom: 1rem;
}
.admin-link {
	padding-top:.5rem;
}
@media (max-width: 992px) {
	.container {
		width: 100%;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.container .row .col-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.forum-index .row .list-group-item {
		padding-left: 15px;
		padding-right: 15px;
	}
	.table thead th {
		padding: .1rem .5rem;
	}
	.table td {
		padding: .4rem .5rem;
	}
	.table, .table thead th,.forum-index .forum-stat, .forum-index .forum-stat .card-header {
		border-radius: 0;
	}
	.forum-index .forum-stat .card-body, .forum-index .forum-stat .card-footer {
		padding-left: 0;
		padding-right: 0;
	}
	.forum-index .forum-stat .card-body .stats {
		border-top: 1px solid rgba(0,0,0,.125);;
	}
}
@media (max-width: 400px) {
	.forum-index .row .time {
		letter-spacing: .01rem;
		font-size: .52rem;
	}
	.forum-index .row .time span {
		letter-spacing: .01rem;
		font-size: 12px;
		margin-right: .2rem;
	}

}
/*viewforum*/
.viewforum a:hover {
	text-decoration: none;
}
.viewforum .forum-head h1 {
	font-size: 20px;
	color: #3c6690;
	font-weight: bold;
    padding-bottom: .3rem;
    padding-top: .3rem;
    margin: 0;
}
.viewforum .forum-head {
 color: #3c6690;
}
.viewforum .users {
    font-size: 14px;
}
.viewforum .users a {
    color: #003958;
}
.viewforum .sub-forums .sub-image{
	padding: .2rem .3rem;
}
.viewforum .pagination {
    font-size: 14px;
    color: #495057;
}
.viewforum .pagination a {
 color: #003958;
}
.viewforum .header .btn {
	border-radius: 0;
	font-size: 14px;
    line-height: .8rem;
    font-weight: bold;
    border-top: 2px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    background-color: #f7f7f7 !important;
    color: #495057 !important;
}
.viewforum .read a {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    text-align:right;
    color: #003958;
}
.viewforum  .bottom-nav .btn {
    border-radius: 0;
    font-size: 14px;
    line-height: .8rem;
    font-weight: bold;
    border-bottom: 2px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    background-color: #f7f7f7 !important;
    color: #495057 !important;
}
.viewforum .row .col-12 {
    padding-right: 15px;
    padding-left: 15px;
}
.viewforum .pagination {
	padding: 0 .5rem .3rem .5rem;
}
.viewforum .info-left {
    padding-left: 0;
}
.viewforum .info-right {
    padding-right: 0;
}
.viewforum .forum-choose select {
    padding-top: .33rem;
    padding-bottom: .33rem;
    margin-top: .3rem;
}

@media (max-width: 992px){
    .viewforum nav {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .viewforum .table th {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .viewforum .table td {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .viewforum .sub-forums th {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .viewforum .forum-choose select {
        margin: .1rem;
        margin-bottom: .5rem;
    }
    .viewforum .info-left{
        padding-left: 15px;
        padding-right: 15px;
    }
    .viewforum .info-right{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .viewforum table {
        margin: 0;
    }
    .viewforum .forum-head {
        background-color: #3c6690;
    }
    .viewforum .forum-head h1 {
        color: #fff;
    }
}
@media (max-width: 576px) {
    .viewforum .nav {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .viewforum .breadcrumb {
        padding: .5rem .75rem;
        margin-bottom: .5rem;
    }
    .viewforum .breadcrumb-item {
        font-size: 14px;
        padding: 0;
    }
    .viewforum h1 {
        font-size: 16px;
    }
    .viewforum .forum-name div {
        font-weight: normal;
    }
    .viewforum table .forum-name {
        width: 60%;
        text-align:left;
        padding: .3rem 0rem .3rem .5rem;
    }

    .viewforum .sub-forums td a {
        font-weight: bold;
    }
    .viewforum .sub-forums .postdetails {
        font-size: 13px;
    }
    .viewforum .sub-forums .thCornerL {
        width: 60%;
    }
}

/*viewforum*/
/*viewtopic*/
.viewtopic a  {
    cursor: pointer;
}
.viewtopic .maintitle h1{
    font-size: 20px;
    color: #3c6690;
    font-weight: bold;
}
.viewtopic .nav {
	padding:.5rem 0;
}
.viewtopic .breadcrumb {
	margin-bottom: .5rem;
}
.theme-nav {
	flex: none;
}
.viewtopic .pagination .gensmall
.viewtopic .card-header {
	margin: 0;
}
.head {
	font-size: .66rem;
	line-height: .66rem;

}
.viewtopic .header {
	background-color: #3c6690;
	font-size: 14px;
	color: #fff;
	border-radius: .18rem .18rem 0 0;
	-webkit-border-radius: .18rem .18rem 0 0;
	-moz-border-radius: .18rem .18rem 0 0;
	-khtml-border-radius: .18rem .18rem 0 0;
}
.viewtopic .header i {
    padding: 0 .1rem;
}
.viewtopic .header div {
	padding: .5rem .5rem;
	border: 0;

}
.viewtopic .nav a{
	color: #495057;
}
.viewtopic .post {
    background-color: #fff;
}
.viewtopic .post:nth-child(odd) {
    /*background-color: rgba(233, 236, 239, 0.1);*/
    background-color: #fff;
}
.viewtopic .post:nth-child(even) {
    background-color: rgba(102, 153, 204, 0.03);
}

.viewtopic .author {
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
    font-size: 14px;
}
.viewtopic .author .forum-avatar img{
    max-width:100%;
    display: block;
    height:auto;
    margin: auto;
}
.viewtopic .author .forum-avatar>div {
	border: 1px solid #3c6690;
	border-radius: .2rem .2rem;
}
.viewtopic .author .forum-avatar img[class=offline] {
	-webkit-filter: grayscale(1); /* Webkit браузеры */
	filter: gray; /* для IE6-9 */
	filter: grayscale(1); /* W3C */
	filter: alpha(Opacity=10);
	opacity: 0.1;
}
.viewtopic .author .joined {
    font-style: italic;
}
.viewtopic .massage {
	border-right: 1px solid #dee2e6;

}
.viewtopic .ls {
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
    font-size: 14px;

}
.viewtopic .options {
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}
.viewtopic .author {
	padding: .3rem .5rem;
}
.viewtopic .author a {
    color: #3c6690;
}
.viewtopic .massage {
	padding: .3rem .5rem;
}

.viewtopic .massage .post-info {
	padding-bottom: .3rem;
	font-size: 13px;
}
.viewtopic .massage .post-body {
	padding-top: .3rem;
	font-size: .625rem;
    line-height: .9rem;
}
.viewtopic .massage  .post-body  table {
	background-color: #fff;
}
.viewtopic .massage  .post-body  table tr{
	border-left: 2px solid #3c6690;

}
.viewtopic .massage  .post-body  table td {
	padding-left: .5rem;
}
.viewtopic .massage .post-body .quote {
	font-size: 14px;
}

.viewtopic .massage table[class='attachtable'] tr {
	border: 0;
}
.viewtopic .like-link a {
	padding-right: .2rem;
}
.viewtopic .like-link .like {
	padding-left: .5rem;
	padding-right: .5rem;
	display: flex;
	align-items: center;
}
.viewtopic .like-link .dislike {
	display: flex;
	align-items: center;
}
.viewtopic .like-link i{
	font-size: .8rem;
	color: #A4A4A4;
}
.viewtopic .like-link span {
	font-weight: bold;
	color: #A4A4A4;
	font-size: .7rem;
}

.viewtopic .forum-choose select {
	padding-top: .33rem;
	padding-bottom: .33rem;
	margin-top: .3rem;
}

/*.viewtopic .post-body .gensmall, .viewtopic .post-body .postbody{
	font-size: 12px;
}*/
.viewtopic .ls {
	padding: .3rem .5rem;
	color: #3c6690;

}
.viewtopic .ls a {
    text-decoration: none;
    color: #3c6690;
}
.viewtopic .ls:hover {
	background-color: #f8f9fa;;
}
.viewtopic .ls a:hover {
    color: #3c6690;
}
.viewtopic .thanks {
	padding: .3rem 0;
}
.viewtopic .ditails button {
    border: 0;
    padding: 0;
    background-color: transparent;
    font-size: .9rem;
    color: #7a7a7a;
}
.viewtopic .ditails .dropdown-menu {
    background-color: #fff;
    min-width: 100vw;
    width: 100vw;
    border-bottom: 1px solid #3c6690;
}
.viewtopic .ditails .dropdown-item {
    color: #000;
    width: 100%;
}
.viewtopic .read a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	text-align:right;
	color: #003958;
}

@media (max-width: 992px) {
	.viewtopic .breadcrumb-item {
		font-size: 14px;
		padding: 0;
	}
	.viewtopic nav {
		padding-right: .5rem;
		padding-left: .5rem;
	}
	.viewtopic .breadcrumb-item::after {
		padding-left: .2rem;
		padding-right: .2rem;
	}
	.viewtopic .maintitle h1{
		padding-left: .5rem;
		padding-right: .5rem;
		font-size: 18px;
	}
	.viewtopic .nav>div{
		padding-left: .5rem;
		padding-right: .5rem;
	}

	.viewtopic .nav {
		border-bottom: 1px solid #dee2e6;
	}
	.viewtopic .forum-choose select {
		margin: .1rem;
		margin-bottom: .5rem;
	}
}
@media (max-width: 767px) {
	.viewtopic .options {
		padding: 0rem .5rem!important;
	}
	.viewtopic .nav {
		font-size:14px;
	}
	.viewtopic .breadcrumb {
		margin-bottom: .5rem;
	}
	.viewtopic .breadcrumb {
		padding: .5rem .75rem;
	}
	.viewtopic .massage {
		border-bottom: 1px solid #dee2e6;
		border-top: 1px solid #dee2e6;
		border-right: 1px solid #dee2e6;
		border-left: 1px solid #dee2e6;
	}
}
@media (max-width: 575px){
	.viewtopic a {
		color: #495057;
	}
	.viewtopic .maintitle h1 {
		font-size: 16px;
	}
	.viewtopic .nav {
		border-bottom: 0;
	}
	.viewtopic .header .btn {
		border-radius: 0;
		font-size: 16px;
        background-color: #f7f7f7 !important;
        color: #495057 !important;
        font-weight: bold;
        border-top: 3px solid #dee2e6;
       /* border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;*/
	}
	.viewtopic .post {
		border-top: 3px solid #dee2e6;
		border-bottom: 3px solid #dee2e6;
	}
    .viewtopic .massage {
        border-top: 0;
		padding-right: 0;
        padding-left: 0;
    }
	.viewtopic .massage .post-body{
		padding-right: .5rem;
        padding-left: .5rem;
	}
	.viewtopic .massage .massage-header {
		padding-bottom: .2rem;
	}
	.viewtopic .massage .massage-header .author-mobile {
		font-size: 12px;
		color: rgb(156, 156, 156);
	}
	.viewtopic .massage-header .author-mobile strong {
		color: #495057;
		font-size: 16px;
	}
    .viewtopic .massage-header .author-mobile .subject {
        padding-left: .5rem;
    }
	.viewtopic .massage-header .author-mobile .subject span {
		font-size: 14px;
		color: #495057;
	}

	.viewtopic .ditails .dropdown-item {
		padding: 0 .6rem;
		color: #495057;
	}
	.viewtopic .ditails .dropdown-item .row {
		padding-top: .2rem;
		padding-bottom: .2rem;
	}
	.viewtopic .ditails .dropdown-item i {
		font-size: 22px;
		color: #495057;
	}
	.viewtopic .ditails .dropdown-item .col-10{
		padding: 0;
		color: #495057;
	}
	.viewtopic .ditails .dropdown-item .col-2 {
		padding-left: 0;
		color: #495057;
	}
	.viewtopic .ditails .dropdown-item td a {
		padding-top: .2rem;
		padding-bottom: .2rem;
	}
	.viewtopic .thanks {
		padding: .2rem 0;
	}
	.viewtopic .post-footer{
		padding-top: .4rem;
	}
}
/*viewtopic*/
/*posting*/
.posting a {
	color: #003958;
}
.posting .breadcrumb {
    margin-bottom: .5rem;
    /*padding: .5rem;*/
}
.posting .breadcrumb-item+.breadcrumb-item {
    padding: 0;
}
.posting .form-group .head {

    background-color: #e9ecef;
    color: #212529;
	border-top: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}
.posting .head {
    background-color: #e9ecef;
    color: #212529;
	border-top: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}
.posting .subject {
    padding: 0 .15rem .25rem 0;
}
.posting .form-group .col-md-3 {

	padding-bottom: .5rem;

}
.posting .form-group .col-md-9 {
	padding-bottom: .5rem;

}
.posting .form-control {
	font-size: 16px;
	line-height: 22px;
}

.posting .massage .button {
	background-color: #e9ecef !important;
	color: #212529 !important;
	border: 1px solid #dee2e6;
	margin-right: .2rem;
	margin-bottom: .2rem;
	line-height: 14px;
}
.posting .form-check {
    padding-bottom: .25rem;
}
.posting .form-check-input {
    margin-top: 0;
    margin-left: -1rem;
}
.posting .form-check-label {
    font-size: 14px;
}
.posting .font > div	 {
	padding-bottom: .3rem;
}
.posting .font .font-choose div {
	margin-right: .5rem;
}
.posting .add-file {
	border-bottom: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}
.posting .edit-file {
	border-bottom: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-left:0;
}
.posting .add-file>div{
	max-width: 600px;
}
.posting .add-file .del {
	background-color: #8B0000 !important;
}
.posting .edit-file+.col-12 {
    padding: .5rem;
}
/*.posting .add-file .btn {
	margin-top:.5rem;
}*/
.posting .form-group>.row>.col-md-3 {

	padding-left: 0;

}
.posting .form-group>.row>.col-md-9 {
	padding-right: 0;

}
.posting body[contenteditable=true] {
	min-height: auto;
}
.posting .form-bottom {
    background-color: #e9ecef;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.posting .viewtopic .massage {
	font-size: 13px;
}
.posting .viewtopic .post-body {
	padding: .3rem;
}

@media (max-width: 992px){
	.posting nav {
		padding-right: .5rem;
		padding-left: .5rem;
	}
	.posting .form-group>.row>.col-md-3 {

		padding-right: .5rem;

	}
	.posting .form-group>.row>.col-md-9 {
		padding-left: .5rem;

	}
    .container .posting .row .col-12 {
        padding-left: .5rem;
		padding-right: .5rem;
    }

}

@media (max-width: 576px) {
	.posting .form-group {
		margin-top: 1rem;
	}
	.posting .form-group>.row>.col-md-9 {
		padding-left: 0;

	}
}
.posting .massage {
	position: relative;
}
.posting .smile-block {
	position: absolute;
	bottom: 1rem;
	right: .5rem;
}
.posting .smiles {
	display: none;
}
.posting .wrapper:active .smiles {
	display: block;
}
.posting .smiles:hover {
	display: block;
}
.posting .wrapper {
	position: relative;
}
.posting .smiles {
	position: absolute;

	background-color: #fff;
	z-index: 100;
}

.posting .form-check-input {
	cursor: pointer;
}

.posting input[type="radio"] {
	cursor:pointer;
}
.posting input[type="file"] {
	cursor:pointer;
}
/*posting*/

/*privmsgs*/
.privmsgs a {
    color: #3c6690;
}
.privmsgs .d-massage input[type=submit] {
    line-height: .8rem;

}
.privmsgs .d-massage div {
    padding-left: .3rem;
}
.privmsgs .d-massage label  {
    padding-right: .3rem;
}
.privmsgs .head {
    background-color: #3c6690;
    color: #fff;
    padding: .5rem .3rem;
    font-size: 14px;
    border-radius: .18rem .18rem 0 0;
    -webkit-border-radius: .18rem .18rem 0 0;
    -moz-border-radius: .18rem .18rem 0 0;
    -khtml-border-radius: .18rem .18rem 0 0;
}
.privmsgs .respondent {
    border-bottom: 0;

}
.privmsgs .respondent a {
	font-size: 13px;
}
.privmsgs .respondent td:first-child{
    padding-left: .3rem;
}
.privmsgs .respondent td:last-child {
    padding-right: .3rem;
}
.privmsgs .respondent tr:nth-child(odd) {
    background-color: #fff;
}
.privmsgs .respondent tr:nth-child(even) {
    background-color: rgba(102, 153, 204, 0.03);
}
.privmsgs .footer-button {
    text-decoration: none;
    color: #696969;
}
.privmsgs .footer-button div {
    background-color: #f7f7f7;
    border: 1px solid #dee2e6;
    border-top: 0;
}
.privmsgs .footer-button:hover div {
    background-color: #72a9e038;
}
.privmsgs .table {
    margin-bottom: .5rem;
}
.privmsgs .table tbody {
    background-color: #fff;
}
.privmsgs .table td {
    border-left: 1px solid #dee2e6;

}
.privmsgs .table td:first-child {
    border-left: 0;
}
.privmsgs .forum-choose select {
    padding-top: .33rem;
    padding-bottom: .33rem;
    margin-top: .3rem;
}
.privmsgs .massages {
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    background-color: #fff;
    font-size: 13px;
}
.privmsgs .massages>div{
padding: .3rem .5rem;

}
.privmsgs .massages .topic, .privmsgs .massages .author, .privmsgs .massages .date {
    border-left: 1px solid #dee2e6;
}
.privmsgs .massages .date {
    border-right: 1px solid #dee2e6;
}
.privmsgs .box-icons {
	font-size: 13px;
	color : #495057;
}

@media (max-width: 575px){
	.privmsgs .header .btn {
		border-radius: 0;
		font-size: 16px;
		background-color: #f7f7f7 !important;
		color: #495057 !important;
		font-weight: bold;
		border-top: 3px solid #dee2e6;
		border-bottom: 3px solid #dee2e6;
	}

	.privmsgs .d-massage div {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.privmsgs .d-massage label {
		padding: 0;
	}
	.privmsgs .mobile-massages {
		border-bottom: 2px solid #C0C0C0;
		background-color: #fff;
	}
	.privmsgs .mobile-massages a {
		color: #495057;
	}
	.privmsgs .mobile-massages .author {
		font-size: 13px;
	}
	.privmsgs .mobile-massages .date {
		color: #868e96;
		font-size: 13px;
	}
	.privmsgs .mobile-massages .topic{
		font-weight: bold;
	}
	.privmsgs .mobile-massages:last-child {
		border-bottom: 0;
	}
}
@media (max-width: 992px) {
    .privmsgs .col-md-3 {
        padding-right: 0;
    }
    .privmsgs .forum-choose {
        padding-right: .5rem!important;
        padding-top: .5rem;
    }
    .privmsgs_stats .col-lg-3 {
        background-color: #fff;
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }
}
@media (max-width: 768px) {
        .privmsgs .massages .topic {
        width: 50%;
    }
    .privmsgs .massages .author {
        width: 20%;
    }
    .privmsgs .massages .date {width: 10%}
}
@media(max-width: 576px) {


}
/*privmsgs*/

/*Rules*/
.rules .card {
    border: none;
}
.rules .card-header {
    background-color: #3c6690;
}
.rules .card-header h1 {
    font-weight: normal;
    color: #fff;
}
.rules .list-group-item {
    padding: .2rem .5rem;
}
.rules .list-group-item-action:focus, .rules .list-group-item-action:hover {
	background-color: #fff;
}
.rules .list-group-item p{
    font-size: .625rem;
    line-height: .7rem;
    padding-left: .5rem;
}
.rules .card-footer {
    background-color: #fafafa;
    border: none;
}
@media (max-width: 991px){
    .rules {
        padding-right: 0;
        padding-left: 0;
    }
    .rules .list-group-item {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .rules .breadcrumb {
        margin-bottom: .5rem;
    }
	.faq {
		padding-left: 0;
		padding-right: 0;
	}
}

p {
    margin-bottom: 0;
}
/*Rules*/

/*FAQ*/
.faq  .bg {
	background-color: #e9ecef;
	color: #003958;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .6rem;
}
.faq p{
	font-size: .625rem;
	padding: 0;
}
.faq .card {
	padding: .5rem 1rem;
}
/*FAQ*/

/** Breadcrumbs*/
.breadcrumb-item+.breadcrumb-item {
	padding-left: 0px;
}
.breadcrumb-item {
	font-size: 14px;
}
/** Breadcrumbs*/

.table {
	margin-bottom : .5rem!important;
}


/* Forum index (brandbook 8.29) */
body:has(.bk-forum) {
    background: #f0f2f5;
}
.bk-forum {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #212529;
}
.bk-forum-top,
.bk-forum-cat {
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.bk-forum-top {
    padding: 12px 16px;
}
.bk-forum-top__head {
    display: flex;
    align-items: center;
    gap: 12px;
}
.bk-forum-top__head .bk-breadcrumb {
    flex: 1 1 auto;
}
.bk-forum-top__menu-btn {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: #adb5bd;
    transition: background-color .15s, color .15s;
}
.bk-forum-top__menu-btn:hover,
.bk-forum-top__menu-btn:focus,
.show > .bk-forum-top__menu-btn {
    outline: none;
    background: #3c66901a;
    color: #3c6690;
}
/* "Back" - the round arrow of the brandbook (8.3 .window__back) on the white card: to the section of the topic */
.bk-forum-top__back {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin: 0 -4px 0 -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #65676b;
    transition: background-color .15s, color .15s, transform .15s;
}
.bk-forum-top__back:hover,
.bk-forum-top__back:focus {
    outline: none;
    background: #3c66901a;
    color: #3c6690;
    text-decoration: none;
    transform: translateX(-2px);
}
@media (prefers-reduced-motion: reduce) {
    .bk-forum-top__back {
        transition: none;
    }
    .bk-forum-top__back:hover,
    .bk-forum-top__back:focus {
        transform: none;
    }
}
.bk-forum-menu {
    min-width: 240px;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 4px 12px rgba(60, 102, 144, .15);
}
.bk-forum-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    font-size: 15px;
    color: #212529;
    white-space: normal;
}
.bk-forum-menu .dropdown-item i {
    flex: 0 0 16px;
    text-align: center;
    color: #3c6690;
}
.bk-forum-menu .dropdown-item:hover,
.bk-forum-menu .dropdown-item:focus {
    background: #3c66901a;
    color: #212529;
}
.bk-forum-menu .dropdown-divider {
    margin: 4px 0;
    border-top-color: #e9ecef;
}
.bk-forum-top__links {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
    font-size: 15px;
}
.bk-forum-top__links a {
    color: #3c6690;
    text-decoration: none;
    transition: color .15s;
}
.bk-forum-top__links a:hover {
    color: #2b4763;
    text-decoration: none;
}
.bk-forum-top__links i {
    margin-right: 6px;
    font-size: 12px;
}

.bk-forum-cat__header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background: linear-gradient(120deg, #2b4763 0%, #3c6690 55%, #5b8bbb 100%);
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
}
.bk-forum-cat__title {
    flex: 1 1 auto;
    min-width: 0;
    padding: 4px 0;
    color: #fff;
}
.bk-forum-cat__title:hover {
    color: #fff;
    text-decoration: none;
}
/* The way back to the old design in the row of the breadcrumbs (templates/Bonistika.v2/old_design_v2.tpl) */
.bk-forum-old-design {
    flex: 0 0 auto;
    margin: 0;
}
.bk-forum-old-design__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 13px;
    color: #65676b;
    white-space: nowrap;
    cursor: pointer;
    transition: color .15s;
}
.bk-forum-old-design__btn i {
    font-size: 12px;
}
.bk-forum-old-design__btn:hover,
.bk-forum-old-design__btn:focus {
    outline: none;
    color: #3c6690;
}
@media (max-width: 576px) {
    .bk-forum-old-design__btn span {
        display: none;
    }
}

/* The clock of the forum index (forum/js/forum-clock.v2.js) */
.bk-forum-clock {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 400;
    color: #ffffffcc;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.bk-forum-clock i {
    margin-right: 6px;
    font-size: 12px;
}
/* the same clock on a white card (the bottom card of a topic): muted, with the label on every screen */
.bk-forum-clock--card {
    color: #65676b;
}
.bk-forum-cat__label {
    flex: 0 0 240px;
    font-size: 13px;
    font-weight: 400;
    color: #ffffffcc;
}

.bk-forum-row {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto 200px 240px;
    grid-template-areas: "icon main banner stats last";
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid #edf0f3;
    transition: background-color .15s;
}
.bk-forum-cat__header + .bk-forum-row {
    border-top: 0;
}
.bk-forum-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #3c6690;
    transform: scaleY(0);
    transition: transform .2s ease-in-out;
}
/* A light grey-blue gradient: odd visible rows - darker at the left, even ones - at the right; the hover tint lies over it */
.bk-forum-row {
    --bk-row-stripe: linear-gradient(90deg, #edf2f8 0%, #fafbfd 100%);
    background-image: var(--bk-row-stripe);
}
.bk-forum-row:nth-child(even of .bk-forum-row:not([hidden])) {
    --bk-row-stripe: linear-gradient(270deg, #edf2f8 0%, #fafbfd 100%);
}
.bk-forum-row:hover {
    background-image: linear-gradient(#3c669012, #3c669012), var(--bk-row-stripe);
}
.bk-forum-row:hover::before {
    transform: scaleY(1);
}
.bk-forum-row__icon {
    grid-area: icon;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #3c669012;
    color: #adb5bd;
    font-size: 18px;
}
.is-unread > .bk-forum-row__icon {
    background: #3c6690;
    color: #fff;
}
.bk-forum-row__main {
    grid-area: main;
    min-width: 0;
}
.bk-forum-row__name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    color: #212529;
    transition: color .15s;
}
/* The whole row opens the forum / topic (forum/js/forum-rows.v2.js) */
.bk-forum-row:has(.bk-forum-row__name) {
    cursor: pointer;
}
.is-unread .bk-forum-row__name,
.bk-forum-row:hover .bk-forum-row__name,
.bk-forum-row__name:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-forum-row__desc,
.bk-forum-row__counts {
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.34;
    color: #65676b;
}
.bk-forum-row__desc a {
    color: #65676b;
    font-weight: 600;
}
.bk-forum-row__counts {
    display: none;
}
.bk-forum-row__banner {
    grid-area: banner;
    line-height: 0;
}
.bk-forum-row__banner img {
    max-width: 90px;
    height: auto;
}
.bk-forum-row__stats {
    grid-area: stats;
    display: flex;
    gap: 4px;
}
.bk-forum-stat {
    flex: 1 1 0;
    min-width: 0;
    padding: 4px;
    border-radius: 0;
    background: #f5f7fa;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: #65676b;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bk-forum-stat b {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #3c6690;
    font-variant-numeric: tabular-nums;
}
.bk-forum-row__last {
    grid-area: last;
    min-width: 0;
    font-size: 13px;
    line-height: 1.34;
}
/* The last post: one link to the post - the topic and "author · date"; on phones - a card (below) */
.bk-forum-last {
    display: block;
    color: #212529;
}
.bk-forum-last:hover,
.bk-forum-last:focus {
    color: #212529;
    text-decoration: none;
}
/* .bk-forum-last .x - stronger than display of .fas */
.bk-forum-last .bk-forum-last__icon,
.bk-forum-last .bk-forum-last__arrow {
    display: none;
}
.bk-forum-last__text {
    display: block;
    min-width: 0;
}
.bk-forum-last__topic {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    transition: color .15s;
}
.bk-forum-last:hover .bk-forum-last__topic {
    color: #3c6690;
}
.bk-forum-last__meta {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #65676b;
}
/* The sponsor banner of a forum: on phones - its own line under the row of the forum (on >=992px - in the row) */
.bk-forum-promo {
    display: none;
}
/* The button of the subforums list - only on phones, there the list is folded */
.bk-forum-subs-toggle {
    display: none;
}

/* Subforums: compact links in a column under the parent's description */
.bk-forum-subs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.34;
}
.bk-forum-sub {
    font-weight: 600;
    color: #3c6690;
    transition: color .15s;
}
.bk-forum-sub:hover {
    color: #2b4763;
    text-decoration: none;
}
.bk-forum-sub i {
    margin-right: 6px;
    font-size: 11px;
    color: #adb5bd;
}
.bk-forum-sub.is-unread i {
    color: #3c6690;
}
/* The arrow - only on the cards of phones (stronger than display of .fas) */
.bk-forum-sub .bk-forum-sub__arrow {
    display: none;
}

/* Who is online */
.bk-forum-info__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid #edf0f3;
    font-size: 13px;
    line-height: 1.34;
    overflow-wrap: anywhere;
}
.bk-forum-cat__header + .bk-forum-info__row {
    border-top: 0;
}
/* Links of the block (the newest post); the online users keep their colors of the groups (inline styles) */
.bk-forum-info__row a {
    color: #3c6690;
}
.bk-forum-info__row a:hover {
    color: #2b4763;
}
.bk-forum-info__icon {
    flex: 0 0 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #3c669012;
    color: #3c6690;
    font-size: 18px;
}
/* The help of the block: the icons of the sections in the window (index_body.tpl #bk-forum-help) */
.bk-forum-cat__help {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-right: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: #ffffffcc;
    font-size: 17px;
    transition: background-color .15s, color .15s;
}
.bk-forum-cat__help:hover,
.bk-forum-cat__help:focus {
    outline: none;
    background: #ffffff26;
    color: #fff;
}
.bk-forum-legend {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bk-forum-legend__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    border-top: 1px solid #edf0f3;
}
.bk-forum-legend__item:first-child {
    padding-top: 0;
    border-top: 0;
}
.bk-forum-legend__item:last-child {
    padding-bottom: 0;
}
.bk-forum-legend .bk-forum-row__icon {
    flex: 0 0 40px;
}
.bk-forum-legend__item.is-unread .bk-forum-row__icon {
    background: #3c6690;
    color: #fff;
}
.bk-forum-legend__name {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.34;
    color: #212529;
}
.bk-forum-legend__hint {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.34;
    color: #65676b;
}
@media (prefers-reduced-motion: reduce) {
    .bk-forum-cat__help {
        transition: none;
    }
}

@media (max-width: 991.98px) {
    .bk-forum {
        padding-top: 12px;
    }
    .bk-forum > .container {
        padding-left: 0;
        padding-right: 0;
    }
    .bk-forum-cat__label,
    .bk-forum-clock__label,
    .bk-forum-row__stats {
        display: none;
    }
    .bk-forum-row {
        grid-template-columns: 40px minmax(0, 1fr);
        grid-template-areas: "icon main" ". last" ". banner";
        align-items: start;
        row-gap: 4px;
    }
    .bk-forum-row__counts {
        display: block;
    }
    .bk-forum-row__banner {
        display: none;
    }
    .bk-forum-promo {
        display: block;
        padding: 8px 16px;
        border-top: 1px solid #edf0f3;
        background: #fff;
        text-align: center;
        line-height: 0;
    }
    .bk-forum-promo img {
        max-width: 100%;
        height: auto;
    }
    .bk-forum-row[hidden] + .bk-forum-promo {
        display: none;
    }
    /* Subforums: folded under the button "Subforums: N", unfolded by bkAnimateHeight (forum/js/forum-rows.v2.js) */
    /* A card across the column like the subforums and the last post; unfolded - tinted */
    .bk-forum-subs-toggle {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 44px;
        margin-top: 4px;
        padding: 6px 10px;
        border: 1px solid #edf0f3;
        border-radius: 0;
        background: #fff;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.34;
        text-align: left;
        color: #3c6690;
        cursor: pointer;
        transition: background-color .15s, border-color .15s;
    }
    .bk-forum-subs-toggle:hover,
    .bk-forum-subs-toggle:active,
    .bk-forum-subs-toggle[aria-expanded="true"] {
        background: #3c669012;
        border-color: #3c669022;
    }
    .bk-forum-subs-toggle__text {
        flex: 1 1 auto;
        min-width: 0;
    }
    .bk-forum-subs-toggle:focus {
        outline: none;
    }
    .bk-forum-subs-toggle:focus-visible {
        outline: 2px solid #3c669066;
        outline-offset: 2px;
    }
    .bk-forum-subs-toggle > .fa-comment {
        flex: 0 0 auto;
        font-size: 12px;
        color: #adb5bd;
    }
    .bk-forum-subs-toggle.is-unread > .fa-comment {
        color: #3c6690;
    }
    .bk-forum-subs-toggle__arrow {
        flex: 0 0 auto;
        font-size: 11px;
        color: #adb5bd;
        transition: transform .2s ease-in-out;
    }
    .bk-forum-subs-toggle[aria-expanded="true"] .bk-forum-subs-toggle__arrow {
        transform: rotate(180deg);
    }
    .bk-forum-subs {
        display: none;
        margin-top: 0;
        padding: 2px 0 4px 17px;
    }
    .bk-forum-subs.is-open,
    .bk-forum.is-searching .bk-forum-subs {
        display: flex;
    }
    .bk-forum.is-searching .bk-forum-subs-toggle {
        display: none;
    }
    /* Unfolded subforums - cards like the last post: across the column, a big target for the finger */
    .bk-forum-subs {
        align-items: stretch;
        padding: 4px 0 0;
    }
    .bk-forum-sub {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 44px;
        padding: 6px 10px;
        border: 1px solid #edf0f3;
        background: #fff;
        transition: background-color .15s, border-color .15s;
    }
    .bk-forum-sub:hover,
    .bk-forum-sub:active {
        background: #3c669012;
        border-color: #3c669022;
    }
    .bk-forum-sub i {
        flex: 0 0 auto;
        margin-right: 0;
        font-size: 12px;
    }
    .bk-forum-sub__name {
        flex: 1 1 auto;
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .bk-forum-sub .bk-forum-sub__arrow {
        display: block;
        font-size: 11px;
        color: #adb5bd;
    }
    .bk-forum-sub.is-unread .bk-forum-sub__arrow {
        color: #adb5bd;
    }
    /* The last post - a card across the column: a big target for the finger, the topic in up to two lines */
    .bk-forum-row__last {
        margin-top: 4px;
    }
    .bk-forum-last {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 44px;
        padding: 6px 10px;
        border: 1px solid #edf0f3;
        background: #fff;
        transition: background-color .15s, border-color .15s;
    }
    .bk-forum-last:hover,
    .bk-forum-last:active {
        background: #3c669012;
        border-color: #3c669022;
    }
    .bk-forum-last .bk-forum-last__icon,
    .bk-forum-last .bk-forum-last__arrow {
        display: block;
        flex: 0 0 auto;
    }
    .bk-forum-last__icon {
        font-size: 12px;
        color: #3c6690;
    }
    .bk-forum-last__arrow {
        font-size: 11px;
        color: #adb5bd;
    }
    .bk-forum-last__text {
        flex: 1 1 auto;
    }
    .bk-forum-last__topic {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .bk-forum-last__meta {
        font-size: 12px;
    }
}
@media (max-width: 576px) {
    .bk-forum-top__links {
        font-size: 13px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bk-forum-row,
    .bk-forum-row::before,
    .bk-forum-row__name,
    .bk-forum-last,
    .bk-forum-last__topic,
    .bk-forum-sub,
    .bk-forum-subs-toggle,
    .bk-forum-subs-toggle__arrow,
    .bk-forum-top__links a,
    .bk-forum-top__menu-btn {
        transition: none;
    }
}

/* Site header (views/siteHeader.v2.html): the site uses Bootstrap 4.0 (no fixed .form-control height),
   and leaves room for the absolute menu bar under it (div.general margin-top on the site pages) */
.top-header__search .form-control {
    height: auto;
}
@media (min-width: 992px) {
    .desktop-sticky-header + * {
        margin-top: 36px;
    }
}

/* Forum section: topics list (brandbook 8.30) */
/* The actions of the top card: "New topic" (the section) / "Reply to the topic" (the topic) and the menu side by side
   at the right of the crumbs / of the title, the same shape -
   32px high, radius 4px (the menu is a square with the line of a field) */
.bk-forum-top__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.bk-forum-top__actions .dropdown {
    flex: 0 0 auto;
}
.bk-forum-top__actions .btn-main {
    height: 32px;
    white-space: nowrap;
}
.bk-forum-top__menu-btn.bk-forum-top__menu-btn--square {
    border: 1px solid #ced4da;
    border-radius: 4px;
    color: #65676b;
}
/* Moderators - quiet: 12px --bk-subtle under the crumbs */
.bk-forum-top__mods {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.34;
    color: #8a8d91;
}
.bk-forum-top__mods a {
    font-weight: 600;
    color: #8a8d91;
    transition: color .15s;
}
.bk-forum-top__mods a:hover {
    color: #65676b;
    text-decoration: none;
}
/* The bar of the section on <992px (8.30): no moderators; "New topic" and the menu - a row of their own under the crumbs,
   the button across it, both 40px / 15px; the stuck bar is compact (.bk-forum-bar): 28px / 12px.
   Without "New topic" the menu stays in the row of the crumbs */
@media (max-width: 991.98px) {
    .bk-section__bar .bk-forum-top__mods {
        display: none;
    }
    .bk-section__bar .bk-forum-top__head {
        flex-wrap: wrap;
        row-gap: 8px;
        transition: row-gap .25s ease-in-out;
    }
    .bk-section__bar .bk-forum-top__head .bk-breadcrumb {
        flex: 1 1 0;
    }
    .bk-section__bar .bk-forum-top__actions:has(.bk-forum-top__new) {
        flex: 1 1 100%;
    }
    .bk-section__bar .bk-forum-top__new {
        flex: 1 1 auto;
        justify-content: center;
        height: 40px;
        font-size: 15px;
        transition: height .25s ease-in-out, font-size .25s ease-in-out;
    }
    .bk-section__bar .bk-forum-top__new + .dropdown .bk-forum-top__menu-btn {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        transition: background-color .15s, color .15s, width .25s ease-in-out, height .25s ease-in-out;
    }
    .bk-section__bar.is-compact .bk-forum-top__head {
        row-gap: 4px;
    }
    .bk-section__bar.is-compact .bk-forum-top__new {
        height: 28px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 12px;
    }
    .bk-section__bar.is-compact .bk-forum-top__new + .dropdown .bk-forum-top__menu-btn {
        width: 28px;
        height: 28px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bk-section__bar .bk-forum-top__head,
    .bk-section__bar .bk-forum-top__new,
    .bk-section__bar .bk-forum-top__menu-btn,
    .bk-forum-top__mods a {
        transition: none !important;
    }
}
a.bk-forum-row__icon {
    transition: background-color .15s;
}
a.bk-forum-row__icon:hover {
    background: #2b4763;
    text-decoration: none;
}
.bk-topic-row__meta {
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 1.34;
    color: #65676b;
}
.bk-topic-row__meta a {
    font-weight: 400;
    color: #212529;
}
.bk-topic-row__meta a:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-topic-row__title {
    line-height: 1.25;
}
.bk-topic-flag {
    margin-right: 6px;
    font-size: 14px;
    color: #3c6690;
}
.bk-topic-flag--konkurs {
    color: #e4a11b;
}
.bk-topic-flag--library {
    color: #9a6b3f;
}
.bk-topic-flag--muted {
    color: #adb5bd;
}
.bk-forum-row__name + .bk-topic-flag {
    margin: 0 0 0 6px;
}
.bk-topic-row__last-author {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
.bk-topic-row__last-author a {
    color: #212529;
}
.bk-topic-row__last-author a:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-topic-row__last-author i {
    display: none;
    margin-right: 6px;
    font-size: 12px;
    color: #3c6690;
}
.bk-topic-row__last-date {
    color: #65676b;
    transition: color .15s;
}
.bk-topic-row__last-date i {
    margin-left: 6px;
    font-size: 12px;
    transition: transform .15s;
}
.bk-topic-row__last-date:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-topic-row__last-date:hover i {
    transform: translateX(3px);
}
.bk-forum-empty {
    padding: 32px 16px;
    text-align: center;
    font-size: 15px;
    color: #65676b;
}
.bk-forum-cat__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 8px 16px;
    border-top: 1px solid #edf0f3;
}
.bk-forum-cat__pages-info {
    font-size: 13px;
    color: #65676b;
}

/* Page links (brandbook 8.31) */
.bk-pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
.bk-pages__item {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #fff;
    font-size: 13px;
    line-height: 1;
    color: #3c6690;
    font-variant-numeric: tabular-nums;
    transition: background-color .15s, border-color .15s;
}
a.bk-pages__item:hover {
    border-color: #3c6690;
    background: #3c66901a;
    color: #3c6690;
    text-decoration: none;
}
.bk-pages__item.is-current {
    border-color: #3c6690;
    background: #3c6690;
    font-weight: 600;
    color: #fff;
}
.bk-pages__item i {
    font-size: 11px;
}
.bk-pages__gap {
    min-width: 16px;
    text-align: center;
    font-size: 13px;
    color: #65676b;
}
.bk-pages--small {
    margin-top: 4px;
}
.bk-pages--small .bk-pages__item {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    font-size: 12px;
}

@media (max-width: 991.98px) {
    /* The authors (of the topic, of the last post) and the last post - plaques-buttons like the last post of the forum
       index (8.29 .bk-forum-last): a target for the finger; a guest without a profile - plain text */
    .bk-topic-row__meta {
        margin-bottom: 6px;
    }
    .bk-topic-row__meta a,
    .bk-topic-row__last-author a,
    .bk-topic-row .bk-topic-row__last-date {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: 100%;
        min-height: 40px;
        padding: 6px 10px;
        border: 1px solid #edf0f3;
        background: #fff;
        font-size: 13px;
        line-height: 1.2;
        vertical-align: middle;
        transition: background-color .15s, border-color .15s, color .15s;
    }
    .bk-topic-row__meta a,
    .bk-topic-row__last-author a {
        font-weight: 600;
        color: #212529;
        overflow-wrap: anywhere;
    }
    .bk-topic-row__meta a::before,
    .bk-topic-row__last-author a::before {
        content: "\f007";
        flex: 0 0 auto;
        font: var(--fa-font-solid);
        font-size: 12px;
        color: #3c6690;
    }
    .bk-topic-row__meta a::after,
    .bk-topic-row__last-author a::after {
        content: "\f054";
        flex: 0 0 auto;
        margin-left: auto;
        padding-left: 4px;
        font: var(--fa-font-solid);
        font-size: 11px;
        color: #adb5bd;
    }
    .bk-topic-row__meta a:hover,
    .bk-topic-row__meta a:active,
    .bk-topic-row__last-author a:hover,
    .bk-topic-row__last-author a:active,
    .bk-topic-row .bk-topic-row__last-date:hover,
    .bk-topic-row .bk-topic-row__last-date:active {
        background: #3c669012;
        border-color: #3c669022;
        color: #3c6690;
        text-decoration: none;
    }
    /* the last post: the author (to the profile) and the date (to the post) side by side */
    .bk-topic-row .bk-forum-row__last {
        display: flex;
        align-items: stretch;
        gap: 8px;
        margin-top: 8px;
    }
    .bk-topic-row .bk-topic-row__last-author {
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
        align-items: center;
        overflow: visible;
        white-space: normal;
    }
    .bk-topic-row__last-author i {
        display: none;
    }
    .bk-topic-row__last-author a {
        flex: 1 1 auto;
        min-width: 0;
    }
    .bk-topic-row .bk-topic-row__last-date {
        flex: 0 0 auto;
        color: #65676b;
    }
    .bk-topic-row .bk-topic-row__last-date i {
        margin-left: 0;
        color: #3c6690;
    }
}
@media (prefers-reduced-motion: reduce) {
    a.bk-forum-row__icon,
    .bk-topic-row__last-date,
    .bk-topic-row__last-date i,
    .bk-topic-row__meta a,
    .bk-topic-row__last-author a,
    .bk-pages__item {
        transition: none;
    }
}

/* Breadcrumbs with an action on narrow screens: the parent crumb and the current one both shrink with an ellipsis
   (style.v2.css shows the third-last crumb as list-item there, which turns the ellipsis off) */
@media (max-width: 990px) {
    .bk-forum-top .breadcrumb .breadcrumb-item.breadcrumb-item--title:nth-last-child(3) {
        display: flex;
        max-width: 40%;
    }
    .bk-forum-top .bk-breadcrumb .breadcrumb-item--title ~ .breadcrumb-item.active {
        flex: 0 1 auto;
    }
}

/* Forum topic (brandbook 8.32) */
.bk-forum-menu .dropdown-item.is-danger,
.bk-forum-menu .dropdown-item.is-danger i {
    color: #dc3545;
}
/* The bar on top of every forum page (the top card with the breadcrumbs and the search block, 8.29-8.34) sticks under
   the site header; --bk-bar-top - the height of the header, --bk-bar-shrink - how much lower the compact bar is,
   --bk-bar-height - the height of the stuck bar (forum/js/forum-bar.v2.js) */
.bk-forum-bar {
    position: sticky;
    top: var(--bk-bar-top, 0px);
    z-index: 15;
    transition: box-shadow .2s ease-in-out;
}
.bk-forum-bar.is-stuck {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 4px 12px rgba(60, 102, 144, .15);
}
/* <992px the stuck bar is compact (is-compact): the lost height goes to margin-bottom, the list under it does not jump */
@media (max-width: 991.98px) {
    .bk-forum-bar {
        transition: box-shadow .2s ease-in-out, margin-bottom .25s ease-in-out;
    }
    .bk-forum-bar.is-compact {
        margin-bottom: calc(16px + var(--bk-bar-shrink, 0px));
    }
}
/* the bar is denser than a card: 8px top and bottom */
.bk-forum-top.bk-forum-bar {
    padding-top: 8px;
    padding-bottom: 8px;
}
/* measuring the compact bar - without transitions; not the search block in it: its animation goes on
   (forum/js/forum-bar.v2.js measures the bar again when it ends) */
.bk-forum-bar.is-measuring,
.bk-forum-bar.is-measuring *:not(.bk-forum-search, .bk-forum-search *) {
    transition: none !important;
}
/* Items of the next pages, loaded while scrolling: appear as the rows of a list (brandbook 9) */
.bk-forum-row.is-appearing {
    animation: bk-post-appear .35s ease-out both;
}
@media (prefers-reduced-motion: reduce) {
    .bk-forum-bar {
        transition: none !important;
    }
    .bk-forum-row.is-appearing {
        animation: none;
    }
}
.bk-topic__titlebar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}
.bk-topic__title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.bk-topic__title a {
    color: #212529;
}
.bk-topic__title a:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-topic__nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 4px;
    font-size: 13px;
}
.bk-topic__nav a {
    color: #3c6690;
}
.bk-topic__nav a:hover {
    color: #2b4763;
    text-decoration: none;
}
.bk-topic__nav i {
    margin: 0 6px;
    font-size: 12px;
}
/* prev / next topic - in the bottom card, under the actions */
.bk-topic__nav--bottom {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
}
/* Posts of the next page, loaded while scrolling: appear as the rows of a list (brandbook 9) */
.bk-post.is-appearing {
    animation: bk-post-appear .35s ease-out both;
}
@keyframes bk-post-appear {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: none; }
}
.bk-topic__loader {
    margin-bottom: 12px;
}
@media (prefers-reduced-motion: reduce) {
    .bk-post.is-appearing {
        animation: none;
    }
}
/* the discussed news item / article, results of a contest: rows of the old table from viewtopic.php */
.bk-topic__sub {
    width: 100%;
    font-size: 13px;
}
.bk-topic__sub td {
    padding: 8px 0 0;
    text-align: left !important;
    background: none;
}
.bk-topic__sub td > br:first-child,
.bk-topic__sub td > br:last-child {
    display: none;
}
.bk-topic__sub .gen {
    font-size: 13px;
}
.bk-topic__pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
}
.bk-topic__pages--bottom {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 12px;
    border-top: 0;
    border-bottom: 1px solid #e9ecef;
}

/* Post card */
.bk-post {
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    scroll-margin-top: calc(var(--bk-bar-top, 0px) + var(--bk-bar-height, 0px) + 12px);
}
.bk-post__head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px 0;
}
.bk-post__avatar {
    position: relative;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #3c669012;
    color: #adb5bd;
}
.bk-post__avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.bk-post__online {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #28a745;
    box-sizing: content-box;
}
.bk-post__online.is-hidden {
    background: #adb5bd;
}
.bk-post__who {
    flex: 1 1 auto;
    min-width: 0;
}
.bk-post__name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
}
.bk-post__name a {
    color: #212529;
}
.bk-post__name a:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-post__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.34;
    color: #65676b;
}
.bk-post__meta a {
    color: #65676b;
}
.bk-post__meta a:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-post__warnings {
    color: #e4a11b;
}
.bk-post__menu {
    flex: 0 0 auto;
    margin: -4px -8px 0 0;
}
.bk-post__body {
    padding: 8px 16px 12px;
    font-size: 15px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.bk-post__text img {
    max-width: 100%;
    height: auto;
}
.bk-post__text iframe,
.bk-post__text video {
    max-width: 100%;
}
/* Images of the attachments - the grid of the lenta .fb-media (styles/lenta.css, forum/js/viewtopic.v2.js) */
.bk-post__media {
    max-width: 640px;
    margin-top: 12px;
}
.bk-post-image img {
    max-width: 100%;
}
.bk-post__text .postbody,
.bk-post__text .gen {
    font-size: inherit;
    line-height: inherit;
}
/* quotes and code are tables from bbcode.tpl */
.bk-post__body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}
.bk-post__text > table[width="90%"] {
    width: 100% !important;
    margin: 8px 0;
}
.bk-post__text td.quote,
.bk-post__text td.code {
    display: block;
    padding: 8px 12px;
    border: 0;
    border-left: 3px solid #3c669059;
    background: #f5f7fa;
    font-size: 15px;
    line-height: 1.4;
}
.bk-post__text td.code {
    font-family: SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    white-space: pre-wrap;
}
.bk-post__text .genmed {
    font-size: 13px;
    font-weight: 600;
}
.bk-post__sig {
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-size: 13px;
    line-height: 1.34;
    color: #65676b;
}
.bk-post__sig img {
    max-width: 100%;
    height: auto;
}
.bk-post__edited {
    margin-top: 8px;
    font-size: 13px;
    color: #65676b;
}
.bk-post__foot {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    border-top: 1px solid #edf0f3;
}
.bk-post__foot .post-info-smiles-wrapper {
    font-size: 13px;
    color: #65676b;
    cursor: pointer;
}
.btn-main.bk-card-action i {
    margin-right: 6px;
}

/* Poll */
.bk-poll .bk-forum-cat__title i {
    margin-right: 8px;
}
.bk-poll__body {
    display: block;
    margin: 0;
    padding: 12px 16px;
}
.bk-poll__option + .bk-poll__option {
    margin-top: 12px;
}
.bk-poll__caption {
    font-size: 15px;
    line-height: 1.34;
}
.bk-poll__line {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}
.bk-poll__bar {
    flex: 1 1 auto;
    height: 8px;
    border-radius: 4px;
    background: #e9ecef;
    overflow: hidden;
}
.bk-poll__bar span {
    display: block;
    height: 100%;
    border-radius: 4px;
    background: #3c6690;
}
.bk-poll__value {
    flex: 0 0 auto;
    min-width: 72px;
    text-align: right;
    font-size: 13px;
    color: #65676b;
    font-variant-numeric: tabular-nums;
}
.bk-poll__value b {
    color: #212529;
}
.bk-poll__total {
    margin-top: 12px;
    font-size: 13px;
    color: #65676b;
}
.bk-poll__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 4px;
    font-size: 13px;
}

/* Bottom card of the topic */
.bk-topic__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 12px;
}
.bk-topic__pages--bottom + .bk-topic__actions {
    padding-top: 12px;
}
.bk-topic__bottom > .bk-topic__actions:first-child {
    padding-top: 0;
}
.bk-topic__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
}
.bk-topic__filter,
.bk-jumpbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
}
.bk-topic__label {
    font-size: 13px;
    color: #65676b;
}
.bk-topic__filter select,
.bk-jumpbox select {
    max-width: 100%;
    padding: 4px 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #fff;
    font-size: 15px;
    color: #212529;
}
.bk-topic__filter select:focus,
.bk-jumpbox select:focus {
    outline: none;
    border-color: #3c6690;
    box-shadow: 0 0 0 2px #3c669033;
}
.bk-topic__rules {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
    font-size: 13px;
    line-height: 1.34;
    color: #65676b;
}
.bk-topic__rules a {
    color: #3c6690;
}

@media (max-width: 576px) {
    .bk-post__head {
        padding: 12px 12px 0;
    }
    .bk-post__body {
        padding: 8px 12px 12px;
    }
    .bk-post__foot {
        padding: 8px 12px;
    }
}
/* long forum names in the jump list must not widen the page */
.bk-topic__tools > * {
    min-width: 0;
    max-width: 100%;
}
.bk-jumpbox select {
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
}
/* the first block after the site header can follow scripts ({JAVASCRIPT} of viewtopic) */
@media (min-width: 992px) {
    .desktop-sticky-header ~ .bk-forum {
        margin-top: 36px;
    }
}
/* card buttons (brandbook 8.10): 13px, 6px 12px, without the min sizes of btn-main */
.bk-forum .btn-main.bk-card-action {
    min-width: 0;
    min-height: 0;
    line-height: 18px;
    text-decoration: none;
}

/* "Reply" in the footer of a post - the button of the lenta (.fb-action, styles/lenta.css), not stretched */
.bk-post__foot .fb-action {
    flex: 0 0 auto;
    padding: 6px 8px;
}

/* IP of the author of a post: .bk-modal window (brandbook 8.32) */
.bk-ip__caption {
    margin: 16px 0 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #65676b;
}
.bk-ip__caption:first-child {
    margin-top: 0;
}
.bk-ip__main,
.bk-ip__list li {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 12px;
}
.bk-ip__main .bk-ip__address {
    font-size: 17px;
    font-weight: 600;
}
.bk-ip__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bk-ip__list li {
    padding: 8px 0;
    border-bottom: 1px solid #edf0f3;
}
.bk-ip__list li:last-child {
    border-bottom: 0;
}
.bk-ip__address {
    font-variant-numeric: tabular-nums;
}
.bk-ip__user {
    font-weight: 600;
    color: #212529;
}
a.bk-ip__user:hover {
    color: #3c6690;
    text-decoration: none;
}
.bk-ip__count,
.bk-ip__host {
    font-size: 13px;
    color: #65676b;
}
.bk-ip__lookup {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    font-size: 13px;
    color: #3c6690;
    cursor: pointer;
}
.bk-ip__lookup:hover {
    color: #2b4763;
    text-decoration: underline;
}
.bk-ip__lookup:disabled {
    opacity: .7;
    cursor: default;
}
.bk-ip__host {
    margin-left: auto;
    overflow-wrap: anywhere;
}
.bk-ip__search {
    margin-left: auto;
    font-size: 13px;
    color: #3c6690;
}

/* "Report" - the last in the post footer, at the right: one word, regular grey text (the full text is in title) */
.bk-post__complain {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 400;
    color: #8a8d91;
    transition: color .15s;
}
.bk-post__complain:hover {
    color: #65676b;
    text-decoration: none;
}
.bk-post__complain i {
    font-size: 12px;
}
@media (prefers-reduced-motion: reduce) {
    .bk-post__complain {
        transition: none;
    }
}

/* Topic toolbar (brandbook 8.32): the posts filter at the left, "Reply to the topic" at the right */
.bk-topic__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
}
.bk-topic__toolbar + .bk-topic__pages {
    padding-top: 0;
    border-top: 0;
}
.bk-topic__toolbar .bk-topic__filter {
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
}
.bk-topic__toolbar .bk-topic__filter > i {
    font-size: 13px;
    color: #65676b;
}
/* compact "chip" selects: applied at once on change (forum/js/viewtopic.v2.js) */
.bk-topic__toolbar .bk-topic__filter select {
    -webkit-appearance: none;
    appearance: none;
    min-width: 0;
    max-width: 100%;
    padding: 6px 28px 6px 12px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    background: #f5f7fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%233c6690' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;
    font-size: 13px;
    line-height: 18px;
    color: #212529;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}
.bk-topic__toolbar .bk-topic__filter select:hover {
    background-color: #3c66901a;
    border-color: #3c669059;
}
.bk-topic__toolbar .bk-topic__filter select:focus {
    outline: none;
    border-color: #3c6690;
    box-shadow: 0 0 0 2px #3c669033;
}
.bk-topic__reply {
    flex: 0 0 auto;
}
/* >=992px: the title of the topic is pressed to the line of the search under it */
@media (min-width: 992px) {
    .bk-forum-top.bk-topic__bar .bk-forum-search {
        margin-top: 4px;
    }
}
/* <992px: "Reply" and the menu - a row under the title, the button across it. The rows of the crumbs and of the title
   give their items to the bar (display: contents), the order: the crumbs, the title, the actions, the search.
   The stuck bar is compact (.bk-forum-bar, forum/js/forum-bar.v2.js): the title 17 -> 15px in one line,
   both buttons 36 -> 28px */
@media (max-width: 991.98px) {
    .bk-topic__bar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 12px;
    }
    .bk-topic__bar > .bk-forum-top__head,
    .bk-topic__bar > .bk-topic__titlebar {
        display: contents;
    }
    .bk-topic__bar .bk-forum-top__head .bk-breadcrumb {
        flex: 1 1 0;
    }
    .bk-topic__bar .bk-topic__titlebar,
    .bk-topic__title {
        order: 2;
    }
    .bk-topic__bar .bk-forum-top__actions {
        order: 3;
        flex: 1 1 100%;
        margin-top: 8px;
        transition: margin-top .25s ease-in-out;
    }
    .bk-topic__bar .bk-topic__sub {
        order: 4;
        flex: 1 1 100%;
    }
    .bk-topic__bar .bk-forum-search {
        order: 5;
        flex: 1 1 100%;
    }
    .bk-topic__title {
        flex: 1 1 100%;
        margin-top: 8px;
        max-height: 6.25em;
        overflow: hidden;
        transition: font-size .25s ease-in-out, max-height .25s ease-in-out, margin-top .25s ease-in-out;
    }
    .bk-forum-top__actions .bk-topic__reply {
        flex: 1 1 auto;
        justify-content: center;
        height: 36px;
        transition: height .25s ease-in-out, font-size .25s ease-in-out;
    }
    .bk-topic__bar .bk-forum-top__menu-btn {
        width: 36px;
        height: 36px;
        transition: background-color .15s, color .15s, width .25s ease-in-out, height .25s ease-in-out;
    }
    .bk-topic__bar.is-compact .bk-topic__title {
        margin-top: 4px;
        font-size: 15px;
        max-height: 1.25em;
    }
    .bk-topic__bar.is-compact .bk-forum-top__actions {
        margin-top: 4px;
    }
    .bk-topic__bar.is-compact .bk-forum-top__actions .bk-topic__reply {
        height: 28px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 12px;
    }
    .bk-topic__bar.is-compact .bk-forum-top__menu-btn {
        width: 28px;
        height: 28px;
    }
    /* the bottom card: the actions in the middle */
    .bk-topic__actions {
        justify-content: center;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bk-topic__title,
    .bk-topic__reply,
    .bk-topic__bar .bk-forum-top__actions,
    .bk-topic__bar .bk-forum-top__menu-btn {
        transition: none !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bk-topic__toolbar .bk-topic__filter select {
        transition: none;
    }
}

/* "Member of the Club since ..." next to the name of the author */
.bk-post__joined {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #65676b;
    white-space: nowrap;
}

/* The previous / next topics by their titles: one line each, with an ellipsis */
.bk-topic__nav a {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 48%;
}
.bk-topic__nav a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bk-topic__nav i {
    flex: 0 0 auto;
}


/* The search block (brandbook 8.34, templates/Bonistika.v2/search_box_v2.tpl, forum/js/forum-search.v2.js):
   the page search by default, the forum search slides in from the right over the same line */
.bk-forum-search {
    margin-bottom: 16px;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.bk-forum-search__bar {
    display: flex;
    align-items: center;
}
.bk-forum-search__pane {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    transition: flex-grow .4s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
}
.bk-forum-search__pane--global,
.bk-forum-search.is-global .bk-forum-search__pane--local {
    flex-grow: .00001;
    opacity: 0;
}
.bk-forum-search.is-global .bk-forum-search__pane--global {
    flex-grow: 1;
    opacity: 1;
}
.bk-forum-search__icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #adb5bd;
    pointer-events: none;
}
.bk-forum-search .bk-search__input {
    width: 100%;
    height: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 36px;
}
.bk-forum-search__pane--local .bk-search__input {
    padding-right: 36px;
}
.bk-forum-search .bk-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.bk-forum-search .btn-main.bk-search__button {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    min-width: 0;
    min-height: 0;
}
.bk-forum-search__clear {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: #adb5bd;
    transition: background-color .15s, color .15s;
}
.bk-forum-search__clear:hover {
    background: #3c66901a;
    color: #3c6690;
}
/* the mode icons: the globe at the right (page search), the filter at the left (forum search) */
.bk-forum-search__mode {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: #3c6690;
    font-size: 17px;
    overflow: hidden;
    transition: flex-basis .4s cubic-bezier(.2, .8, .2, 1), width .4s cubic-bezier(.2, .8, .2, 1), margin .4s cubic-bezier(.2, .8, .2, 1), opacity .3s ease, background-color .15s;
}
.bk-forum-search__mode:hover,
.bk-forum-search__mode:focus-visible {
    outline: none;
    background: #3c66901a;
}
.bk-forum-search__mode--global {
    margin-left: 8px;
}
.bk-forum-search__mode--local,
.bk-forum-search.is-global .bk-forum-search__mode--global {
    flex-basis: 0;
    width: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}
.bk-forum-search.is-global .bk-forum-search__mode--local {
    flex-basis: 32px;
    width: 32px;
    margin-right: 8px;
    opacity: 1;
    pointer-events: auto;
}
.bk-forum-search__empty {
    margin-top: 8px;
    font-size: 13px;
    color: #65676b;
}
/* The search block inside the top card (the bar of the page): under the line of the card, no card of its own */
.bk-forum-top .bk-forum-search {
    margin: 8px 0 0;
    padding: 8px 0 0;
    border-top: 1px solid #e9ecef;
    background: none;
    box-shadow: none;
}
/* under the tabs (FAQ, rules): the line right under them, the tab of the page stands on it */
.bk-faq-tabs + .bk-forum-search {
    margin-top: 0;
    padding-bottom: 8px;
}
/* the links of the forum search unfold under the line */
.bk-forum-search__more {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .4s cubic-bezier(.2, .8, .2, 1);
}
.bk-forum-search.is-global .bk-forum-search__more {
    grid-template-rows: 1fr;
}
.bk-forum-search__more-inner {
    min-height: 0;
    overflow: hidden;
}
.bk-forum-search__clear[hidden],
.bk-forum-search__empty[hidden],
.bk-forum-row[hidden],
.bk-forum-cat[hidden],
.bk-post[hidden] {
    display: none;
}
@media (prefers-reduced-motion: reduce) {
    .bk-forum-search__pane,
    .bk-forum-search__mode,
    .bk-forum-search__more,
    .bk-forum-search__clear {
        transition: none;
    }
}

/* Message of the forum - errors and information of message_die() (brandbook 8.40) */
.bk-forum-msg__list {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 4px;
    background: #3c6690;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    transition: background-color .15s, box-shadow .15s;
}
.bk-forum-msg__list:hover,
.bk-forum-msg__list:focus {
    outline: none;
    background: #2b4763;
    box-shadow: 0 0 5px #3c6690;
    color: #fff;
    text-decoration: none;
}
.bk-forum-msg {
    margin-bottom: 16px;
    min-height: 360px;
    padding: 48px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.bk-forum-msg__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #3c66901f;
    color: #3c6690;
    font-size: 28px;
    animation: bk-forum-msg-icon .3s ease-out both;
}
.bk-forum-msg--error .bk-forum-msg__icon {
    background: #fcecee;
    color: #dc3545;
}
.bk-forum-msg__title {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #212529;
}
.bk-forum-msg__text {
    max-width: 520px;
    font-size: 15px;
    line-height: 1.4;
    color: #65676b;
    overflow-wrap: anywhere;
}
.bk-forum-msg__text a {
    color: #3c6690;
    font-weight: 600;
}
.bk-forum-msg__text a:hover {
    color: #2b4763;
}
@keyframes bk-forum-msg-icon {
    from { opacity: 0; transform: scale(.6); }
    to { opacity: 1; transform: scale(1); }
}
@media (max-width: 576px) {
    .bk-forum-msg {
        min-height: 280px;
        padding: 32px 16px;
    }
}
@media (max-width: 420px) {
    /* the phone: the button of the list is an icon only (its title is in the title) */
    .bk-forum-msg__list {
        padding: 6px 10px;
    }
    .bk-forum-msg__list-text {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bk-forum-msg__list {
        transition: none;
    }
    .bk-forum-msg__icon {
        animation: none;
    }
}

/* The short rules of the forum - new_rules.php (brandbook 8.41) */
.bk-rules__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
}
.bk-rules__title i {
    font-size: 15px;
    color: #ffffffcc;
}
.bk-rules__row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid #edf0f3;
    animation: bk-rules-row .35s ease-out both;
}
.bk-forum-cat__header + .bk-rules__row {
    border-top: 0;
}
.bk-rules__row:nth-of-type(2) { animation-delay: .04s; }
.bk-rules__row:nth-of-type(3) { animation-delay: .08s; }
.bk-rules__row:nth-of-type(4) { animation-delay: .12s; }
.bk-rules__row:nth-of-type(5) { animation-delay: .16s; }
.bk-rules__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 18px;
}
.bk-rules__icon--info {
    background: #3c66901f;
    color: #3c6690;
}
.bk-rules__icon--danger {
    background: #fcecee;
    color: #dc3545;
}
.bk-rules__icon--success {
    background: #eaf6ed;
    color: #28a745;
}
.bk-rules__body {
    flex: 1 1 auto;
    min-width: 0;
}
.bk-rules__name {
    margin: 0;
    padding-top: 2px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.34;
    color: #212529;
}
.bk-rules__text {
    margin: 2px 0 0;
    font-size: 15px;
    line-height: 1.4;
    color: #212529;
    overflow-wrap: break-word;
}
.bk-rules__foot {
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px;
    border-top: 1px solid #edf0f3;
}
.bk-rules__foot .bk-card-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
}
@keyframes bk-rules-row {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}
@media (max-width: 576px) {
    .bk-rules__foot .bk-card-action {
        width: 100%;
        justify-content: center;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bk-rules__row {
        animation: none;
    }
}

/* FAQ and the BBCode guide - faq.php (brandbook 8.42) */
.bk-faq-page .bk-forum-top {
    padding-bottom: 0;
}
.bk-faq-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    margin-top: 8px;
}
.bk-faq-tabs__tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 0 8px;
    border-bottom: 2px solid transparent;
    font-size: 15px;
    line-height: 1.34;
    color: #65676b;
    transition: color .15s, border-color .15s;
}
.bk-faq-tabs__tab i {
    font-size: 13px;
}
a.bk-faq-tabs__tab:hover,
a.bk-faq-tabs__tab:focus {
    color: #3c6690;
    text-decoration: none;
}
.bk-faq-tabs__tab.is-active {
    border-bottom-color: #3c6690;
    color: #3c6690;
    font-weight: 600;
}
.bk-faq-cat__title {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
}
.bk-faq__item {
    border-top: 1px solid #edf0f3;
    scroll-margin-top: calc(var(--bk-bar-top, 0px) + var(--bk-bar-height, 0px) + 12px);
}
.bk-forum-cat__header + .bk-faq__item {
    border-top: 0;
}
.bk-faq__item[hidden] {
    display: none;
}
.bk-faq__q {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 0;
    background: none;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.34;
    color: #212529;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}
.bk-faq__q::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #3c6690;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease-in-out;
}
.bk-faq__q:hover,
.bk-faq__q:focus-visible {
    outline: none;
    background: #3c669012;
}
.bk-faq__q:hover::before,
.bk-faq__q:focus-visible::before,
.bk-faq__item.is-open .bk-faq__q::before {
    transform: scaleX(1);
}
.bk-faq__item.is-open .bk-faq__q {
    color: #3c6690;
}
.bk-faq__q-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: break-word;
}
.bk-faq__arrow {
    flex: 0 0 auto;
    font-size: 12px;
    color: #adb5bd;
    transition: transform .25s ease-in-out, color .15s;
}
.bk-faq__q:hover .bk-faq__arrow,
.bk-faq__item.is-open .bk-faq__arrow {
    color: #3c6690;
}
.bk-faq__item.is-open .bk-faq__arrow {
    transform: rotate(180deg);
}
.bk-faq__a-text {
    padding: 0 16px 12px;
    font-size: 15px;
    line-height: 1.4;
    color: #212529;
    overflow-wrap: break-word;
    overflow-x: auto;
}
.bk-faq__a-text a {
    color: #3c6690;
}
.bk-faq__a-text a:hover {
    color: #2b4763;
}
@media (max-width: 576px) {
    .bk-faq-tabs__tab {
        font-size: 14px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bk-faq-tabs__tab,
    .bk-faq__q,
    .bk-faq__q::before,
    .bk-faq__arrow {
        transition: none;
    }
}

/* The pages in the bar of the topic - only on >= 992px (brandbook 8.32) */
.bk-topic__pages-top {
    flex: 0 0 auto;
    flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
    .bk-topic__pages-top {
        display: none;
    }
}

/* The rules: tabs "In short / Code of laws" on both pages, the full code - rules.php (brandbook 8.41, 8.43) */
.bk-rules-page .bk-forum-top {
    padding-bottom: 0;
}
.bk-law,
.bk-topic-row {
    scroll-margin-top: calc(var(--bk-bar-top, 0px) + var(--bk-bar-height, 0px) + 12px);
}
.bk-law[hidden] {
    display: none;
}
a.bk-law__num {
    font-size: 15px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    transition: background-color .15s, color .15s;
}
a.bk-law__num:hover,
a.bk-law__num:focus,
.bk-law:target .bk-law__num {
    background: #3c6690;
    color: #fff;
    text-decoration: none;
}
.bk-law__text p,
.bk-law__text ul,
.bk-law__text ol {
    margin: 0 0 8px;
}
.bk-law__text ul,
.bk-law__text ol {
    padding-left: 24px;
}
/* the global p of the template is small - the text of the laws is 15px everywhere */
.bk-law__text p,
.bk-law__text li {
    font-size: 15px;
    line-height: 1.4;
    color: #212529;
}
.bk-law__text li + li {
    margin-top: 4px;
}
.bk-law__text li > ul {
    margin: 4px 0 0;
}
.bk-law__text > :last-child {
    margin-bottom: 0;
}
.bk-law__text strong {
    font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {
    a.bk-law__num {
        transition: none;
    }
}