/*   OLD u-mama */
.watchtheme, .show-all-images {
    float: left;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 21px; height: 16px;
    margin-top: 11px; margin-left: 18px;
    background: url("https://cdn.u-mama.ru/assets/images/svg/ico-menu.svg") 0 -485px no-repeat;
}
.watchtheme.active { background-position: 0 -504px; }
.watchtheme:active, .watchtheme:focus, .watchtheme, .vzakladki:active, .vzakladki:focus, .vzakladki { outline: none }
.show-all-images {
    width: 25px; height: 21px;
    background-position: 0 -1190px;
    margin-top: 9px;
}
.btn-rmail {
    margin-left: 20px;
    margin-top: 6px; margin-bottom: -6px;
}
.vzakladki {
    width: 23px; height: 21px;
    margin-top: 8px; margin-left: 20px;
    background: url("https://cdn.u-mama.ru/assets/images/svg/ico-menu.svg") 0 -524px no-repeat;
}
.vzakladki.active { background-position: 0 -550px; }
.nav-cont .share-box {
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.theme-list .comment-sp {
    height: 23px;
    margin-left: 0;
}
.comment-answer .ico-forum {
    width: 18px; height: 17px;
    margin-left: 0; margin-right: 7px;
    margin-top: 1px;
    background-position: 0 -619px;
}
.nav-cont .razd-btn { display: none; margin-bottom: 0 }
.bottom-navigation .vzakladki { margin-left: 10px; }
.vzakladki {
    margin-top: 9px; margin-bottom: 0;
    margin-right: 0;
}
.razd-btn.btn {
    font-size: 13px;
    vertical-align: middle;
    line-height: 16px;
}
.a-new-th {
    margin-top: 5px;
    vertical-align: middle;
    border: none;
    text-shadow: none;
    height: 30px;
    padding: 7px 5px !important;
    margin-left: 0; margin-right: 10px;
    font-size: 13px;
    float: left; display: inline-block;
    font-weight: 600;
}
.a-new-th:last-child { margin-right: 0 }
.a-new-th.btn-warning {
    background: #f9a42a;
    padding: 7px 12px !important;
}
.ico-new-th {
    width: 17px; height: 16px;
    margin-right: 8px; margin-left: -4px;
    background-position: 0 -1170px;
}
.input-li input {
    margin-top: 0;
    padding-top: 2px; padding-bottom: 3px;
    width: 60px; height: 30px;
    font-size: 14px;
}

.middle-col-180 .comment-box-f { max-width: 650px; }
.swipebox {
    margin: 10px 0 0 10px;
    display: inline-block;
}


/*------------------*/
.img-box-a.online {
    position: relative;
}
.img-box-a.online:after {
    position: absolute;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    background: #479100;
    width: 8px; height: 8px;
    content: '';
    top: 26px;
    right: 0px;
    border: 1px solid white;
    z-index: 2;
}

.cellular-wrapper {
    position: absolute;
    width: 10px;
    height: 14px;
    top: 22px;
    left: 27px;
    background: white;
    border-radius: 3px;
}
.cellular-wrapper svg {
    width: 12px;
    height: 12px;
    color: #479100;
    top: 0px;
    position: relative;
    left: -1px;
}
@media screen and (max-width:1155px){ /**/

    /*---Раздел Форумы---*/

    .comment-head-info .forum-user-name .autor_label {
        padding-top: 0; padding-left: 11px;
        display: inline-block;
        vertical-align: top;
    }
    .comment-head-info .online-box { display: none }
    .comment-box .img-box-s {
        margin-top: 0;
        display: block !important;
    }
    .comment-box .img-box-s img { margin-top: 10px; }
    .middle-col-180 .comment-box-f { max-width: 100%; }

}
.tb-box-cont {

    margin-bottom :0.5rem;

}

@media screen and (max-width:785px) { /*420*/
    .cellular-wrapper {
        position: absolute;
        width: 10px;
        height: 14px;
        top: 24px;
        left: 26px;
        background: white;
        border-radius: 3px;
    }
    .cellular-wrapper svg {
        width: 12px;
        height: 12px;
        color: #479100;
        top: -2px;
        position: relative;
        left: -1px;
    }



    /*---Раздел Форумы---*/
    /*------------------*/
    .complaints-list {
        margin-left: -15px;
        margin-right: -15px;
    }

    .theme-list .comment-bottom {
        padding-top: 14px; padding-left: 0;
        margin-top: 9px;
    }
    .theme-list .comment-box { margin-top: 4px; margin-bottom: 0 }
    .theme-list .comment-count {
        float: right;
        margin-top: 2px;
    }
    .forum-comment-list { padding-bottom: 2px; }
    .autor_label .hide-mb { display: none }
    /*#yandex_ad { display: none }*/
    .theme-list-table { display: none }
    form .del-ul {
        margin-top: -10px; margin-bottom: 10px;
    }
    .theme-list-mobile { display: block }
    .theme-list-mobile .padspo { margin-bottom: 4px; margin-top: 4px; }
    .theme-list-mobile iframe { margin-bottom: 0 !important; }
    .theme-list-mobile .img-td {
        float: left;
        margin-left: 10px; margin-top: 6px;
    }
    .comment-box-inner_check {
        margin-left: 30px;
    }
    .comment-box-list {
        background: #ebf3db !important;
        padding-bottom: 12px;
    }
    .comment-box-list.rem,
    .comment-box-list.rem:nth-child(2n),
    .comment-box-list.rem .comment-head,
    .comment-box-list.rem:nth-child(2n) .comment-head {
        background: #f2dede !important
    }
    .comment-box-list.rem { position: relative }
    .comment-box-list.rem:after {
        width: 20px; height: 19px;
        background: -100px -96px url(//www.u-mama.ru/images/structure/sprite-u.png) no-repeat;
        content: '';
        position: absolute;
        top: 5px; left: 5px;
    }
    .comment-box-list .comment-head {
        background: #ebf3db;
        padding: 10px 10px 6px 10px;
        margin-bottom: 0;
        font-size: 13px;
        display: block !important;
    }
    .comment-box-list:nth-child(even) { background: #daefb9 !important; }
    .comment-box-list:nth-child(even) .comment-head { background: #daefb9 !important; }
    .comment-box-list .comment-head .img-box-a {
        width: 36px; height: 36px;
        border-color: #fff;
        border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    }
    .comment-box-list .comment-head .img-box-a img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
    .comment-box-list .comment-head-info {
        margin-left: 46px; margin-top: 1px;
    }
    .comment-box-list .forum-user-name {
        margin-right: 0; margin-bottom: 3px;
        display: inline-block;
    }
    .comment-box-list .date-box { margin-left: 0; }
    .comment-box-list .date, .comment-box-list .comment-head-info .forum-user-name { float: none }
    .comment-box-list .date {
        color: #999;
        font-size: 11px;
    }
    .comment-box-list .comment-text {
        font-size: 14px;
        line-height: 1.36;
        word-wrap: break-word;
        word-break: normal;
        letter-spacing: 0.3px;
        margin-bottom: 2px;
    }
    .comment-box-list .comment-text .pag-tl {
        padding-top: 10px;
    }
    .comment-box-list .name-th {
        font-weight: 700;
        margin-bottom: 3px;
        display: inline-block;
    }
    .comment-box-list .name-razdel { color: #479100 }
    .comment-box-list .comment-bottom {
        font-size: 14px;
        color: #479100;
        padding-top: 14px;
    }
    .answer-count { margin-right: 11px; }
    .answer-count .ico-forum {
        margin-left: 0; margin-right: 8px;
        margin-top: 1px;
    }
    .theme-list .comment-sp {
        height: 21px;
        line-height: 1;
        padding-top: 4px; padding-bottom: 4px;
        font-size: 13px;
    }
}

@media screen and (max-width: 680px) { /*420*/
    .nav-cont .razd-btn {
        display: block;
        float: right;
        margin-top: 5px;
    }
    .nav-cont .vzakladki, .nav-cont .watchtheme, .nav-cont .hidetheme { display: none }
    .bottom-navigation .vzakladki, .bottom-navigation .watchtheme, .bottom-navigation .hidetheme { display: block }
    /*.bottom-navigation .share-box {
        display: block;
        float: right;
    }*/
    .vzakladki { margin-top: 4px; margin-left: 0 }
    .watchtheme { margin-top: 6px; }
    .hidetheme { margin-top: 5px; }
    .nav-cont .paginator {
        float: none;
        clear: both;
        padding-top: 15px; padding-bottom: 5px;
        height: auto !important;
    }
    .nav-cont .bottom-navigation .paginator {
        float: right;
        clear: none;
        padding-top: 0
    }
    .yashare-auto-init { margin-top: 0; }
    .b-share_theme_counter .b-share-btn__wrap { margin-left: 10px !important; }
    .int-dec .tabs-inf-cont ul.pages, .tabs-inf-cont ul.pages {
        height: 30px;
        padding-top: 0;
    }
    .forum-comment-list { margin-top: 2px; }
    .forum-user-name-text {
        max-width: 220px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top;
    }
}


@media screen and (max-width: 630px){
    .forum-user-name-text { max-width: 190px; }
}
@media screen and (max-width: 600px){
    .forum-user-name-text { max-width: 160px; }
    .forum-user-name-textsearch {
        max-width: 210px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top;
    }

    /**/
    .middle-col-240 .comment-box, .comment-box { width: auto }
    .middle-col-180 .comment-box-f { max-width: none }

}
@media screen and (max-width: 570px){
    .forum-user-name-text { max-width: 130px; }
    .forum-user-name-textsearch { max-width: 180px; }
}
@media screen and (max-width: 540px){
    .forum-user-name-text { max-width: 100px; }
    .forum-user-name-textsearch { max-width: 150px; }
}

@media screen and (max-width: 510px){
    .forum-user-name-textsearch { max-width: 140px; }
}


@media screen and (max-width: 500px) { /*420*/

    .forum-user-name-text { max-width: 260px; }
    .forum-user-name-textsearch { max-width: 300px; }
    .theme-list-mobile .comment-head-info .date-box {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 470px){
    .forum-user-name-text { max-width: 200px; }
    .forum-user-name-textsearch { max-width: 250px; }
}
@media screen and (max-width: 440px){
    .forum-user-name-text { max-width: 170px; }
    .forum-user-name-textsearch { max-width: 230px; }
}
@media screen and (max-width: 410px){
    .forum-user-name-text { max-width: 140px; }
    .forum-user-name-textsearch { max-width: 200px; }
}
@media screen and (max-width: 380px){
    .forum-user-name-text { max-width: 110px; }
    .forum-user-name-textsearch { max-width: 170px; }
}
@media screen and (max-width: 350px){
    .forum-user-name-textsearch { max-width: 160px; }
}

.user-status {
    display:flex;
    height:18px;
}
.status-caption {
    color:#479100;
    margin-right:3px;
}
.status-star {
    background-image: url(https://cdn.u-mama.ru/assets/images/svg/star.svg);
    background-repeat: repeat-x;
    background-position-y: 2px;
    background-size:12px 12px;
}
.livedate.edited::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(https://cdn.u-mama.ru/assets/images/svg/pencil.svg);
    background-repeat: no-repeat;
    background-size:12px 12px;
    background-position-y: 1px;
    margin-right:0.3rem;
}

.user-status .child1 {
    width:12px;
}
.user-status .child2 {
    width:24px;
}
.user-status .child3 {
    width:36px;
}
.user-status .child4 {
    width:48px;
}
.user-status .child5 {
    width:60px;
}
.user-status .child6 {
    width:72px;
}
.user-status .child7 {
    width:84px;
}
.user-status .child8 {
    width:96px;
}
.user-status .child9 {
    width:108px;
}
.user-status .child10 {
    width:120px;
}

.date-place  { display:flex; margin-left:auto;text-align:right;font-size:13px; color:#848484; flex-direction: column; flex-shrink:0}
.comment-head {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: row;flex-wrap: nowrap; }
.img-box-a { flex-shrink:0; width:34px; height:34px; }
.comment-head-container { display: flex; width:100%; max-height: 40px;}
.comment-user-data { display: flex; justify-content: center ;align-items: center;flex-direction: row;flex-wrap: nowrap; width:100%;}
.comment-user-block { display:flex; flex-direction: column; width:100% }
.user-headline {display: flex }
.headline-nick {display: flex; }
.user-nickname, .user-nickname-wide, .user-nickname-full {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:600;

}
.user-nickname a, .user-nickname-wide a  {color: #085597}
.verified { cursor: pointer }
.verified svg {width:17px;height:17px; color:#8ec25b; margin-top:-3px }
.author-caption { font-weight:normal; color: #479100;padding-left:5px}

.headlinie-icons {
    display:flex;margin-right: -5px;height: 17px;padding-left:5px;
}
.headlinie-icons svg {
    width:25px;height:25px; color:#479100; margin-top:-4px
}
.svg-heart { margin-left:2px; }
.geo {height: 18px;overflow: hidden}

.user-nickname .kx, .user-nickname-wide .kx {
    color: #097f99;
}
.anonymous { color: #333}
.moderator { color: #479100}
a.anonymous { color: #0074ce }
.comment-avatar {max-height: 42px; overflow: hidden; margin-right:5px; position: relative }
.comment-avatar:hover {max-height: 84px; overflow: hidden }
@media screen and (max-width: 640px) {
    .user-status { display:none }
    .comment-head { flex-wrap:wrap;}
    .date-place, .user-headline { margin:0; width:100%; flex-direction: row; justify-content: space-between;}
    .comment-user-data { flex-direction: column;}
    .date-place {padding-top:4px; font-size:12px; }
}

@media screen and (max-width: 440px) {
    .user-nickname { max-width:178px; font-size:14px }
    .user-nickname-wide { max-width:220px; font-size:14px;  }
    .user-nickname-full { font-size:14px;  }
    .author-caption { font-size:14px;}
    .geo {max-width:140px;height: 16px;overflow: hidden}
}

@media screen and (max-width: 410px) {
    .user-nickname { max-width:160px;}
    .user-nickname-wide { max-width:200px; font-size:14px;}
    .geo {max-width:129px}
}
.img-box-a img{
    height:34px; width: 34px;
}
.msg-was-deleted {margin-top: 10px;}



/*кнопки навигации и постраничник */
.forum-top-nav-pager {
    height: 30px;
    margin-bottom: 10px;
}

.topic-create-wrapper {
    width: fit-content;
}
.topic-create-wrapper svg {
    width: 20px;
    height: 20px;

}
.svg_create_topic {
    position: relative;
    top:1px;
    left:1px;
}
.btn-create-topic {
    background: #f9a42a;
    padding: 2px 10px 2px 3px !important;
}

.btn-create-topic:focus {
    border:none;
}
.forum-topic-caption {
    position: relative;
    top:-4px;
    left:1px;
    padding-left: 5px;
    padding-right: 1px;
    text-shadow: none;
}
.forum-top-nav-pager {
    justify-content: space-between;
}
.forum-top-nav-wrapper {
    gap:1rem; align-items: center
}
.a-topic-create {
    text-decoration: none !important;
}
.topic-create-wrapper {
    height: 30px;
    padding: 4px 13px 0px 5px;
    color:#fff;
    background-color: #f9a42a;
    border-radius: 4px
}
.a-top-section, .a-top-section:hover, .a-topic-mailing, .a-topic-mailing:hover {
    font-weight: 600; font-size: 13px; color:#333; text-decoration: none !important;
}
.a-top-section > div, .a-topic-mailing > div {
    height: 30px; padding: 6px 12px 2px 12px; border-radius: 4px; border: 1px solid #ccc;
}
.a-topic-mailing {
    flex-shrink: 0;
}
.forum-topic-caption {
    color:#fff; text-decoration: none; font-weight: 600; font-size: 13px;
}
.ul-paginator-wrapper {
    align-items: center;
    gap:10px;
    font-size: 13px;
    width: fit-content;
    flex-shrink: 0;
}
.input-li {
    height: 30px !important;
}
.end-page-t  a:hover{
    text-decoration: none !important;
}

.forum-modal-section svg {
    width: 20px;
    height:20px;
}
.svg-modal-section {
    position: relative;
    top:-2px;
    left: -6px;
}
.modal-forum-section {
    position: relative;
    top:-7px;
    left:-4px;
    padding-left: 5px;
    padding-right: 1px;
    text-shadow: none;
}
.forum-nav-cont-wrapper {
    justify-content: space-between;
    margin-bottom: 10px;
}
.forum-nav-cont {
    /*padding-left: 10px;*/
    /*width: 100%;*/
    align-items: center;
    gap: 15px;
}
.nav-svg {
    width: 24px;
    height: auto;
    color: #479100;
    height: 24px;
    position: relative;
    top:3px;

}
.gray {
    color: #848484 !important;
}
.red {
 color: #c13e0a;
}
.eyes-wrapper {
    gap:15px
}
.share-box {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.svg-topic-mailing {
    width: 20px;
    height: 20px;
    color: #333;
    position: relative;
    top:-1px;
    left:-6px;
}
.forum-topic-mailing-caption {
    position: relative;
    top: -7px;
    left: -4px;
    padding-left: 5px;
    padding-right: 1px;
    text-shadow: none;
}
.right-forum-paginator {
    min-width: fit-content;
    flex-shrink: 0;
}
.a-topic-create, .a-top-section  {
    flex-shrink: 0;
}
.paginator-wrapper:empty {
    height: 0px;
}

.message-user-change-block {
    display: flex;
    gap: 1.5rem;
}

.message-user-change-block svg.edit {
    width: 1.5rem;
    height: 1.5rem;
}
.comment-managment {
    cursor: pointer;
}

.comment-managment svg {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    display: flex;
    top: -1px;

}
@media screen and (max-width: 409px) {
    .message-user-change-block {
        gap: 1rem;
    }

    .message-user-change-block span.remove {
        display: flex;
        width: 16px;
        overflow: hidden;
    }

    .message-user-change-block span.remove:before {
        content: "уд.";
    }

    .message-user-change-block span.edit {
        display: flex;
        width: 24px;
        overflow: hidden;
    }

    .message-user-change-block span.edit:before {
        content: "ред.";
    }
}

@media screen and (max-width: 640px) {
    .forum-user-name, .answer-count {
        font-size: 14px;
    }
    .forum-nav-cont-wrapper {
        width: 100%;
        /*justify-content: flex-end;*/
    }
    .paginator-wrapper {
        width: 100%;
        justify-content: flex-end;
        height: auto;
        max-height: 30px;
    }
}

@media screen and (max-width: 540px) {
    .forum-top-nav-pager {
        flex-direction: column;
        gap:8px;
        height: fit-content;
    }
    .ul-paginator-wrapper {
        justify-content: flex-end;
        width: 100%;
    }
    .forum-nav-cont-wrapper {
        flex-direction: column;
        gap: 5px;
        width: 100%;
    }
    .forum-topic-mailing-caption {
        display: none;
    }
    .svg-topic-mailing {
        left: -1px;
    }


}
/*кнопки навигации и постраничник */

/*разделы форума*/
.forum-navigator-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 5px

}

.forum-navigator-row {
    display: flex;
    flex-direction: column;
    width: calc(33% - 10px);
    flex-shrink: 0;
}

.four-row {
    flex-direction: row;
    width: 100%;
    gap: 10px
}

.four-row > div.travel-and-move {
    width: 33%;
}
.four-row > div.site-question{
    width: 33%;
}

.forum-navigator-header {
    display: flex;
    min-height: 30px;
    justify-content: space-between;
}

.forum-navigator-header > h3 {
    margin: 0;
}
.forum-navigator-chevron svg {
    width: 16px;
    height: 16px;
    color: #fb8600;
}
.forum-navigator-chevron {
    padding: 9px 10px 0 10px;
    display: none;
    cursor: pointer;
}
.forum-navigator-h3 {
    padding: 15px 10px 5px 10px;
}
h3.forum-navigator-h3 {
    color: #fb8600 !important;
    font-size:16px !important;
    border-top: none !important;
}
ul.forum-navigator-ul {
    padding: 0 0 0 30px !important;
    margin: 5px 0 !important;
    color: #479100 !important;
    line-height: 20px !important;
    list-style-type: disc !important;
}
ul.forum-navigator-ul > li > a {
    color: #0074ce !important;
    font-size: 14px !important;
}

#myModal1 .modal-dialog {
    max-width: 1024px !important;
}
@media screen and (max-width: 900px) {
    .forum-navigator-row {
        display: flex;
        flex-direction: column;
        width: calc(50% - 10px);
        flex-shrink: 0;
    }

    .four-row > div.travel-and-move {
        width:50%
    }
    .four-row > div.site-question{
        width: 50%
    }
    .house-and-family-wrapper {
        flex-direction: row;
        width: 100%;
        gap:20px;
    }
    .house-and-family-wrapper > div.house-and-family {
        width: 50%
    }
    .house-and-family-wrapper > div.hobbey {
        width: 50%
    }
    .four-row {
        flex-direction: row;
        width: 100%;
        gap:20px
    }
}

@media screen and (max-width: 680px) {
    .forum-navigator-row {
        display: flex;
        flex-direction: column;
        width: 100%;
        flex-shrink: 0;
        gap:5px
    }
    .forum-navigator-ul {
        display: none;
    }
    ul.forum-navigator-ul > li > a {
        font-size: 15px !important;
    }
    .forum-navigator-chevron {
        display: inline-block;
    }
    .house-and-family-wrapper {
        gap:5px;
    }
    .house-and-family-wrapper > div.house-and-family {
        width: 100%
    }
    .house-and-family-wrapper > div.hobbey {
        width: 100%
    }
    .four-row > div.travel-and-move {
        width:100%
    }
    .four-row > div.site-question{
        width: 100%
    }
    .forum-navigator-section {
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
    }
    .site-question {
        border-bottom: none;
    }
}
/* badges */

.badge {
    min-width: 20px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: #fcac4e;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    --tw-text-opacity: 1;
    width: fit-content;
    height:20px;
}


.badge:empty {
    display: none;
}

@media screen and (min-width: 681px) {
    .forum-navigator-ul {
        display: block !important;
    }
}


.flex {
    display: flex;
}

.topic-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0px;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #f0f7e8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(160 215 109 / 0));
    --tw-gradient-to: #d5eac0;
    height: 28px;
}

div[class*="header-topic-"] {
    color: #777777;
    height: 28px;
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

div[class*="header-topic-"] div {
    padding: 0 6px;
}

.topic-header {
    font-weight: 600;
}

.topic-header-theme-selector {
    width: 100%;
    text-align: center;
}

.header-topictail, .one-topic-topictail {
    display: flex;
}
.one-topic-topictail {
    justify-content: center;
    align-items: center;
}
.forum-theme-list {
    padding-top: 0;
    position: relative;
    letter-spacing: 0;
    margin-top: 8px;
    margin-bottom: 20px;
    font-family: 'Open Sans', Verdana, sans-serif;
}
.forum-theme-list div.light {
    background: #EBF3DB;
    font-size: 13px;
    border-bottom: 1px solid #fff;
}

.forum-theme-list div.dark {
    background: #daefb9;
    font-size: 13px;
    border-bottom: 1px solid #fff;


}

.forum-theme-list div.deleted {
    background: #f2dede;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    margin-bottom: 2px;
}

.forum-theme-list div.mine {
    background: #ffedc9;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    margin-bottom: 2px;
}

.check-as-read-btn:disabled {
    opacity: 0.75;
}
@media screen and (max-width: 600px) {
    .forum-theme-list {
        margin-left: -15px;
        margin-right: -15px
    }
}


.header-topic-author {
    width: 130px;
    justify-content: center;
}

.one-topic-author {
    width: 130px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid white;


}

.header-topic-views {
    width: 90px;
}

.one-topic-views {
    width: 90px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid white;

}

.header-topic-answer {
    width: 64px;
}

.one-topic-answer {
    width: 64px;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-left: 1px solid white;

}

.one-topic-sign svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: 6px;
    left: -8px;
    color: #346800;
}

.one-theme-answers svg {
    width: 22px;
    height: 22px;
    position: relative;
    top: 0px;
    left: -4px;
    color: #346800;
}

.one-topic-theme-wrapper a {
    /*font-weight: 500;*/
    font-size: 14px;
    line-height: 20px;
    color: #0000bf;
}

/* скобки пагинатора */
/*.one-topic-paginator a {
    color: #0074ce !important;
}*/
/* посещённые ссылки пагинатора */
.one-topic-paginator a:visited {
    color: #660066;
}

.one-topic-paginator a {
    color: #0000bf;
}
.one-topic-theme-wrapper a:visited , .one-topic-paginator a:visited {
    color: #660066;
}
.one-topic-paginator {
    color: #0000bf;
}

.one-topic-section, .one-topic-paginator {
    margin-top: 4px;
}

.one-topic-section a {
    color: #479100;
}
.one-topic-section {
    color: #999999;
}


.topic-date, .one-topic-date {
    font-size: 12px;
    color: #999;
    white-space: nowrap;

}

.one-topic-theme-wrapper > a {
    padding-right: 10px;
}

.one-topic-date {


}

.one-topic-author div {
    padding: 0 6px;
    text-align: center;
}

.one-topic-content {
    width: 100%;
    padding: 2px 14px 0 20px;
}

.one-topic-body {
    width: 100%;
    padding: 6px 0px;
}

.one-topic, .one-topic-wrapper, .one-topic-body {
    height: fit-content;
}

.one-topic-theme-wrapper {
    width: 100%;
    height: fit-content !important;
}

.topic-avatar-wrapper img {
    width: 36px;
    height: 36px;
    border-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.topic-user-data {
    width: 100%;
    padding-left: 10px;
    font-size: 12px;

}

.topic-head-container {
    padding-bottom: 10px;
    padding-top: 5px;
}

.topic-user-block {
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.topic-user-nickname {
    font-weight: 600;
    font-size: 13px;
}

.topic-user-nickname, .topic-user-nickname a {
    color: #085597;
}

.one-theme-answers {
    color: black;
    font-size: 13px;
    width: fit-content;
    flex-shrink: 0;
}

.header-topic-name {
    width: 100%;
    justify-content: center;
    align-content: center;
}

#pads_44:empty {
    display: none;
}

#pads_45:empty {
    display: none;
}

/*чекбоксы*/

.topic-header-theme-selector label.green-check {
    margin-right: 2px;
    margin-top: 6px;
}

.topic-header-theme-selector label.green-check {
    margin-right: 2px;
    margin-top: 6px;
}

.one-topic-body > .checkboxes {
    padding-top: 2px;
}

/*зелёный бейдж*/


label.green-check {
    margin-top: 2px;
    margin-right: 2px;
}

.checkboxes {
    display: flex;
    flex-wrap: nowrap;
    width: 18px;
    flex-shrink: 0;
}

.checkboxes > label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

label.green-check > input[type="checkbox"] {
    display: none;
    height: 0;
    width: 0;
}

label.green-check > input[type="checkbox"] + span::before {
    content: var(--tw-content);
    border-radius: 2px;
}

label.green-check > input + span {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
}

::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

label.green-check > input + span::before {
    /*order: -2;*/
    height: 16px;
    width: 16px;
    flex-shrink: 0;
    border-width: 1px;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(174 174 174 / var(--tw-border-opacity));
    background-color: white;
}

label.green-check > input + span::after {
    order: -1;
    margin-left: -2px;
    margin-right: -13px;
    height: 10px;
    width: 10px;
    flex-shrink: 0;
    border-width: 1px;
    content: var(--tw-content);
    border-color: transparent;
}

label.green-check > input[type="checkbox"]:checked + span::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(137 191 85 / var(--tw-bg-opacity));
}

label.green-check > input[type="checkbox"]:checked + span::before {
    background-color: transparent;
}

.one-topic-views > span, .one-theme-answers > span {
    background-color: #75a349;
}

/*пометить как избранное*/
.forum-check-as-wrapper {
    display: flex;
    gap: 20px;
}

.forum-check-as svg.button-icon {
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
    left: -7px;
}

.forum-check-as-wrapper > .checkboxes {
    padding-top: 4px;
}

.flat-white {
    height: 30px;
    padding: 6px 12px 2px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: white;
}

.flat-white > span {
    position: relative;
    top: -2px;
    text-shadow: none;
    font-family: 'Open Sans', Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.flat-white:disabled {
    opacity: 0.75;
}

.one-topic-author > div{
    overflow: hidden;
    text-overflow: ellipsis;
}
/*подвал сообщений 12.01.2023*/
.comment-bottom-line {
    display: flex;
    color: #479100;
    justify-content: space-between;
}

.comment-bottom-line a {
    color: #479100;
    display: flex;
    align-items: center;
    gap: 0.25rem;

}

.comment-bottom-line svg {
    width: 2rem;
    height: 2rem;
    color: #479100;
}

.comment-bottom-report {
    display: flex;
    gap: 1.5rem;
}
.comment-bottom-report > a, .comment-bottom-report div.comment-chevron{
   opacity: 0.6;
}

.comment-bottom-report > a:hover {
    opacity: 1;
}

div.comment-chevron:hover {
    opacity: 1;
}

.comment-bottom-quote-like {
    display: flex;
    gap: 2rem;
}
.comment-bottom-quote-like svg {
    width: 1.5rem;
    height: 1.5rem;
}
.like-dislike {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.like-dislike div.active {
    cursor: pointer;
}

.like-dislike div {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/*.like-dislike svg {
    width: 1.8rem;
    height: 1.8rem;
}*/

.like svg {
    width: 1.6rem;
    height: 1.6rem;
}

span.count_grey {
    color: #999;
}

/*.like-dislike span {
    font-size: 1.4rem;
    font-weight: 700;
}*/
.like-dislike span {
    font-size: 1.2rem;
    font-weight: 500;
}


.like-dislike > div {
    padding: 0.25rem 0.75rem;
}
.was_liked {
    background-color: #cde9a2;
    border-radius: 12px;
}

.finger-gray {
    color: #848484 !important;
}
.comment-menu-wrapper {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.comment-bottom-wrapper {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    border-top: 1px dotted #ccc;
    margin-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 8px;

}
.comment-menu-wrapper div {
    display: flex;
    gap:0.25rem;
    align-items: center;
}
.comment-menu-wrapper div span {
    color: #479100;
}
.comment-menu-wrapper svg {
    color: #479100;
    width: 1.8rem;
    height: 1.8rem;
}

svg.show_menu_actions {
    width: 2.5rem;
    height: 2.5rem;
}
.comment-menu-wrapper div:empty {
    display: none;
}
.comment-menu-wrapper a {
    color: #479100;
}

/*подвал сообщений*/

.topic-up {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    cursor: pointer;
}
.topic-up:hover {
    text-decoration: underline;
}
/*врезки из статей в форум*/
.inset-carcas {
    padding: 1rem 2rem;
    display: flex;
    gap: 2rem;
    font-family: 'Nunito';
    font-size: 1.4rem;
    font-weight: 500;
}
.inset-img {
    width: 100%;
}
.inset-first-box {
    width: 50%;
}
.inset-first-box a {
    display: block;
    height: 100%;
}
.inset-first-box a img {
    margin-bottom: 1rem;
}

.inset-second-menu {
    color: #479100;
    list-style-type: disc;
    padding-left: 1.6rem;
}

.inset-second-menu li {
    padding-bottom: 0.75rem;
}
.inset-read-form {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    width: 100%;
}
.inset-read-form input {
    width: 100%;
}
.inset-read-form button {
    height: 3rem;
}
.inset-third-menu {
    width: 40%;
}
.inset-image-box-wrapper {
    display: flex;
    gap: 2rem;
    width: calc(60% - 2rem);
}
.inset-image-tree-box-wrapper {
    display: flex;
    width: 100%;
    gap: 2rem;
}

.inset-tree-box a img {
    margin-bottom: 1rem;
}

.inset-tree-box a {
    display: block;
    height: 100%;
}
.inset-tree-box {
    width: calc((100% - 4rem)/3);
}


/*врезки из статей в форум*/

/*адаптивность*/
@media screen and (max-width: 785px) {
    .topic-header {
        display: none;
    }

    .one-topic-topictail {
        display: none;
    }

    .one-theme-answers {
        display: flex;
        margin-right: 3px;
    }

    .one-topic-date {
        display: none;
    }
    .one-topic-content {
        padding-left: 14px;
    }
    .one-topic-body > .checkboxes {
        padding-top: 5px;
    }
    .one-topic-section a {
        font-size: 14px;
    }
    .forum-theme-list div.light, .forum-theme-list div.dark, .forum-theme-list div.mine .forum-theme-list div.deleted {
        margin-bottom: 2px;
    }
    .one-topic-theme-wrapper a, .one-topic-theme-wrapper a:visited {
        font-weight: 700;
        font-size: 1.4rem;
        color: #0074ce !important;
    }
    /*врезки из статей в форум*/
    .inset-carcas {
        flex-direction: column;
    }
    .inset-image-box-wrapper {
        width: 100%;
    }
    .inset-third-menu {
        width: 100%;
    }
    .inset-second-menu {
        display: flex;
        flex-direction: row;
        width: 100%;
        row-gap: 0.5rem;
        column-gap: 1rem;
        flex-wrap: wrap;
        padding-left: 1.8rem;
    }
    .inset-carcas {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .inset-second-menu li {
        flex-shrink: 0;
        padding-bottom: 0;
        margin-right: 1.6rem;
    }
    .inset-read-form {
        margin-top: 0.5rem;
    }
    .inset-last-item {
        display: none;
    }

    .inset-tree-box {
        width: calc((100% - 2rem)/2);
    }


    /*врезки из статей в форум*/



}

@media screen and (min-width: 786px) {
    .one-theme-answers {
        display: none;
    }

    .topic-head-container {
        display: none;
    }

    .one-topic-sign svg {
        top: 2px;
        left: -8px;
    }
}

@media screen and (max-width: 600px) {
    .forum-check-as-wrapper {/*.theme-list,*/
        margin-left: -15px;
        margin-right: -15px
    }
    /*врезки из статей в форум*/
    .inset-image-box-wrapper {
        flex-direction: column;
    }
    .inset-first-box {
        width: 100%;
    }
    .inset-carcas {
        padding: 1rem 1.4rem;
    }
    .inset-second-menu {
        margin-right: 1.6rem;
    }

    .inset-image-tree-box-wrapper {
        flex-direction: column;
    }
    .inset-tree-box {
        width: 100%;
    }

    /*врезки из статей в форум*/
}