@charset "UTF-8";

html {
    scroll-padding-top: 56px;
}

body a { 
    text-decoration: none; 
    color: var(--link-color); 
} 

body a:hover { 
    cursor: pointer; 
    text-decoration: none; 
    color: var(--link-hover-color); 
}

table td, table th { /* эквивалент cellpadding="0" */
    padding: 0; 
}

th {
    text-align: left;
    font-weight: 400;
}

table, .tb {
    width: 100%; 
}

table { /* эквивалент cellspacing="0" */
    border-spacing: 0px;
}

form { 
    margin: 0px; 
}

button {
    background-color: transparent;
}

body, .btn, .field {
    font-family: Roboto, arial, sans-serif; 
    font-size: 13.4px; 
}

body { 
    background: var(--body-bg-image) center center / 10px, var(--body-bg-color); /* , beige, lemonchiffon*/ 
    margin: 0;
    color: var(--text-color);
    overflow-anchor: auto;    
    --body-bg-color: #E4E5E6; /*#edeef0;*/
    --body-bg-image: url(/images/others/grid.svg?fill=fff);
    --text-color: #000;
    --link-color: navy;/* #4b5bc2; */
    --link-hover-color: red;
    --delim-1-color: #e7e8ec;
    --value-text-color: #333;
    --points-color: green;
    --boxtxt-border-color: #ddd;
    --boxtxt-bg-color: #F8F8F8;
    --ur-cnt-color: #d67834;
    --selectmenu-link-on-bg-color: #f0f2f5;
    --selectmenu-link-on-border-color: #6285af;
    --selectmenu-icon-open: url('/images/spoiler/hide.svg');
    --selectmenu-icon-close: url('/images/spoiler/show.svg');
    --selectmenu-cnt-color: #666;
    --selectmenu-icon-questions: url('/images/left_menu/questions.svg');
    --selectmenu-icon-categories: url('/images/left_menu/categories.svg');
    --selectmenu-icon-subscriptions: url('/images/left_menu/subscriptions.svg');
    --selectmenu-icon-updates: url('/images/left_menu/updates.svg');
    --selectmenu-icon-ideas: url('/images/left_menu/ideas.svg');
    --selectmenu-icon-polls: url('/images/sings/poll.svg?fill=888');
    --selectmenu-icon-posts: url('/images/left_menu/posts.svg');
    --selectmenu-icon-gift: url('/images/left_menu/gift.svg');
    --selectmenu-icon-users: url('/images/left_menu/users.svg');
    --selectmenu-icon-tags: url('/images/left_menu/tags.svg');
    --selectmenu-icon-rates: url('/images/left_menu/rates.svg');
    --selectmenu-icon-add: url('/images/left_menu/add.svg');
    --selectmenu-icon-answers: url('/images/left_menu/answers.svg');
    --selectmenu-icon-spam: url('/images/sings/spam.svg?fill=888');
    --selectmenu-icon-money: url('/images/left_menu/ruble.svg');
    --selectmenu-icon-freelance: url('/images/left_menu/freelance.svg');
    --selectmenu-icon-profile: url('/images/left_menu/profile.svg');
    --selectmenu-icon-photos: url('/images/left_menu/photos.svg');
    --selectmenu-icon-friends: url('/images/left_menu/friends.svg');
    --selectmenu-icon-groups: url('/images/left_menu/groups.svg');
    --selectmenu-icon-favorites: url('/images/left_menu/favorites.svg');
    --selectmenu-icon-liked: url('/images/left_menu/liked.svg');
    --selectmenu-icon-blacklists: url('/images/left_menu/blacklists.svg');
    --selectmenu-icon-notifs: url('/images/left_menu/notifs.svg');
    --selectmenu-icon-messages: url('/images/left_menu/messages.svg');
    --selectmenu-icon-settings: url('/images/left_menu/settings.svg');
    --selectmenu-icon-logout: url('/images/left_menu/logout.svg');
    --selectmenu-icon-rules: url('/images/left_menu/rules.svg');
    --selectmenu-icon-requests: url('/images/left_menu/requests.svg');
    --selectmenu-icon-main: url('/images/left_menu/main.svg');
    --selectmenu-icon-ruble: url('/images/left_menu/ruble.svg?fill=9a9a9a');
    --selectmenu-icon-donations: url('/images/solid_btns/donate.svg?fill=9a9a9a');
    --selectmenu-icon-shop: url('/images/left_menu/shop.svg');
    --selectmenu-icon-guests: url('/images/top_menu/guests.svg?fill=9a9a9a');
    --selectsubmenu-bg-color: ivory;
    --selectsubmenu-border-color: #e7e8ec;
    --section-bg-color: #fff;
    --mobile-section-bg-color: var(--section-bg-color);
    --section-border-color: #ccc;
    --section-border: 1px solid var(--section-border-color);
    --section-shadow:  0 0 0 1px var(--section-border-color);
    --section-head-text-color: #4D6680;
    --section-boormarks-on-color: #b20000;
    --section-head-border-color: #ddd;
    --toprow-bg-color: #3C6F9A;
    --toprow-border-color: #2D5473;
    --toprow-btns-bg-color: #447EAE;
    --toprow-btns-border-color: var(--toprow-border-color);
    --toprow-btns-active-border-color: var(--toprow-btns-border-color);
    --toprow-btns-active-bg-color: #37668D;
    --toprow-btns-hover-bg-color: #4886B8;
    --toprow-field-search-bg-color: #fff;
    --toprow-field-search-border-color-focus: red;
    --navchain-shadow: 0px 1px 2px 0px #aaa inset, 0px 1px 2px 0px #fff;
    --navchain-bg-color: #ddd;
    --navchain-text-color: var(--text-color);
    --footerrow-border: var(--section-border);
    --footerrow-text-color: var(--text-color);
    --topmenu-icon-search: url('/images/top_menu/loupe.svg?fill=86A1BF');
    --field-bg-color: #fff;
    --field-border-color: #ccc;
    --field-placeholder: #888;
    --field-disabled-bg-color: #ddd;
    --btn-eye: url('/images/auth/eye.svg');
    --btn-eye-hide: url('/images/auth/eye_close.svg');
    --infbar-text-color: #555;
    --question-cnts-border-color: #999;
    --question-cnts-text-color: #666;
    --question-cnts-bg-color: #fff;
    --ava-border-color: #999;
    --ava-border-color-hover: #444;
    --ava-frame: url('/images/products/frame.svg?fill=DAA520');
    --popup-bg-color: ivory;
    --popup-border-color: #e3e4e8;
    --popup-header-bg-color: #E9EBEE;
    --btn-ellipsis: url('/images/others/ellipsis.svg?fill=9a9a9a');
    --icon-lock: url('/images/others/lock.svg?fill=888');
    --infbar-btn-border-color: #ccc;
    --infbar-btn-border-color-hover: #555;
    --solid-head-status-profile: navy;
    --solid-head-status-profile-unset: #555;
    --btns-solid-text-color: #555;
    --btns-solid-bg-color: #fff;
    --btns-solid-on-color: #E57F25;
    --btns-solid-icon-like: url(/images/likes/simple.svg?fill=9a9a9a);
    --btns-solid-icon-like-on: url(/images/likes/simple.svg?fill=E57F25);
    --btns-solid-icon-donate: url('/images/solid_btns/donate.svg?fill=9a9a9a');
    --btns-solid-icon-accepted: url(/images/solid_btns/check.svg);
    --btns-solid-icon-accepted-on: url(/images/solid_btns/check.svg?fill=E57F25);
    --btns-solid-fav-icon: url(/images/solid_btns/fav.svg);
    --btns-solid-fav-icon-on: url(/images/solid_btns/fav.svg?fill=E57F25);
    --btns-solid-fix-icon: url(/images/solid_btns/fix.svg);
    --btns-solid-fix-icon-on: url(/images/solid_btns/fix.svg?fill=E57F25);
    --btns-solid-clarifications-icon: url(/images/solid_btns/clarifications.svg);
    --btns-solid-comments-icon: url(/images/solid_btns/comments.svg);
    --btns-solid-comments-color: #555;
    --btns-solid-comments-on-color: #555;
    --btns-solid-cnt-plus-color: green;
    --btns-solid-border-color: var(--infbar-btn-border-color);
    --btns-solid-delim-color: var(--btns-solid-border-color);
    --btns-solid-border-color-hover: var(--infbar-btn-border-color-hover);
    --btns-solid-icon-bell: url('/images/others/bell.svg?fill=9a9a9a');
    --btns-solid-icon-bell-on: url('/images/others/bell.svg?fill=e57f25');
    --btns-solid-icon-contest: url('/images/left_menu/gift.svg?fill=9a9a9a');
    --btns-solid-icon-contest-on: url('/images/left_menu/gift.svg?fill=e57f25');
    --btns-solid-icon-mine_answer: url('/images/left_menu/ideas.svg?fill=9a9a9a');
    --box-poll-bar-color: #f0f0f0;
    --box-poll-progress-color: #3C6F9A;
    --tag-fav-icon: url(/images/solid_btns/fav.svg?fill=fff);
    --tag-fav-icon-on: url(/images/solid_btns/fav.svg?fill=E57F25);
    --tag-fav-bg-color: #3C6F9A;
    --resources-table-head-color: #f0f2f5;
    --resources-table-tr-odd-color: cornsilk;
    --resources-table-border-color: #e7e8ec;
    --resources-table-tr-hover: wheat;
    --check-grey-icon: url(/images/solid_btns/check.svg?fill=bbb);
    --check-green-icon: url(/images/solid_btns/check.svg?fill=62B53A);
    --pencil-green-icon: url(/images/others/pencil.svg?fill=228B22);
    --question-head-color: #777;
    --sing-icon-poll: url('/images/sings/poll.svg?fill=E57F25');
    --sing-icon-markdel: url('/images/sings/spam.svg?fill=ff0000');
    --sing-icon-i: url('/images/sings/i.svg?fill=1e90ff');
    --sing-points-bg-color: #008A00;
    --sing-cash-bg-color: #9A6E09;
    --rs-service-invis-icon: url(/images/products/invis.svg?fill=000);
    --rs-service-avaframe-icon: url(/images/products/frame.svg?fill=DAA520);
    --rs-service-noads-icon: url(/images/products/noads.svg?fill=A52A2A);
    --rs-service-points-icon: url('/images/left_menu/rates.svg?fill=008A00');
    --sortbar-btn-del-icon: url('/images/sings/spam.svg?fill=9a9a9a');
    --btn-clear-field-color: #000;
    --box-opacity-bg-color: rgba(235, 235, 235, 0.9);
}

body.dark {
    --body-bg-color: #14191F;
    --body-bg-image: url(/images/others/grid.svg?fill=666);
    --text-color: #fff;
    --link-color: var(--text-color);
    --link-hover-color: #ffd700;
    --delim-1-color: #111;
    --value-text-color: #ddd;
    --points-color: chartreuse;
    --boxtxt-border-color: var(--btns-solid-border-color);
    --boxtxt-bg-color: #394552;
    --selectmenu-link-on-bg-color: #1C232B;
    --selectmenu-link-on-border-color: orange;
    --selectmenu-icon-open: url('/images/spoiler/hide.svg?fill=fff');
    --selectmenu-icon-close: url('/images/spoiler/show.svg?fill=fff');
    --selectmenu-cnt-color: var(--value-text-color);
    --selectmenu-icon-questions: url('/images/left_menu/questions.svg?fill=fff');
    --selectmenu-icon-categories: url('/images/left_menu/categories.svg?fill=fff');
    --selectmenu-icon-subscriptions: url('/images/left_menu/subscriptions.svg?fill=fff');
    --selectmenu-icon-updates: url('/images/left_menu/updates.svg?fill=fff');
    --selectmenu-icon-ideas: url('/images/left_menu/ideas.svg?fill=fff');
    --selectmenu-icon-polls: url('/images/sings/poll.svg?fill=fff');
    --selectmenu-icon-posts: url('/images/left_menu/posts.svg?fill=fff');
    --selectmenu-icon-gift: url('/images/left_menu/gift.svg?fill=fff');
    --selectmenu-icon-users: url('/images/left_menu/users.svg?fill=fff');
    --selectmenu-icon-groups: url('/images/left_menu/groups.svg?fill=fff');
    --selectmenu-icon-tags: url('/images/left_menu/tags.svg?fill=fff');
    --selectmenu-icon-rates: url('/images/left_menu/rates.svg?fill=fff');
    --selectmenu-icon-add: url('/images/left_menu/add.svg?fill=fff');
    --selectmenu-icon-answers: url('/images/left_menu/answers.svg?fill=fff');
    --selectmenu-icon-spam: url('/images/sings/spam.svg?fill=fff');
    --selectmenu-icon-money: url('/images/left_menu/ruble.svg?fill=fff');
    --selectmenu-icon-freelance: url('/images/left_menu/freelance.svg?fill=fff');
    --selectmenu-icon-profile: url('/images/left_menu/profile.svg?fill=fff');
    --selectmenu-icon-photos: url('/images/left_menu/photos.svg?fill=fff');
    --selectmenu-icon-friends: url('/images/left_menu/friends.svg?fill=fff');
    --selectmenu-icon-favorites: url('/images/left_menu/favorites.svg?fill=fff');
    --selectmenu-icon-liked: url('/images/left_menu/liked.svg?fill=fff');
    --selectmenu-icon-blacklists: url('/images/left_menu/blacklists.svg?fill=fff');
    --selectmenu-icon-notifs: url('/images/left_menu/notifs.svg?fill=fff');
    --selectmenu-icon-messages: url('/images/left_menu/messages.svg?fill=fff');
    --selectmenu-icon-settings: url('/images/left_menu/settings.svg?fill=fff');
    --selectmenu-icon-logout: url('/images/left_menu/logout.svg?fill=fff');
    --selectmenu-icon-rules: url('/images/left_menu/rules.svg?fill=fff');
    --selectmenu-icon-requests: url('/images/left_menu/requests.svg?fill=fff');
    --selectmenu-icon-main: url('/images/left_menu/main.svg?fill=fff');
    --selectmenu-icon-ruble: url('/images/left_menu/ruble.svg?fill=fff');
    --selectmenu-icon-donations: url('/images/solid_btns/donate.svg?fill=fff');
    --selectmenu-icon-shop: url('/images/left_menu/shop.svg?fill=fff');
    --selectmenu-icon-guests: url('/images/top_menu/guests.svg?fill=fff');
    --selectsubmenu-bg-color: #212932;
    --selectsubmenu-border-color: #000;
    --section-bg-color: #29333D;
    --mobile-section-bg-color: #222B33;
    --section-border-color: #000;
    --section-shadow:  0 0 0 1px var(--section-border-color);
    --section-head-text-color: #fff;
    --section-boormarks-on-color: #ffd700;
    --section-head-border-color: var(--delim-1-color);
    --toprow-bg-color: var(--section-bg-color);
    --toprow-border-color: var(--section-border-color);
    --toprow-btns-bg-color: #343f4a;
    --toprow-btns-border-color: var(--btns-solid-border-color);
    --toprow-btns-active-bg-color: #1C232B;
    --toprow-btns-active-border-color: var(--field-border-color);
    --toprow-btns-hover-bg-color: #4E5A66;
    --toprow-field-search-bg-color: var(--toprow-btns-active-bg-color);
    --toprow-field-search-border-color-focus: #fff;
    --navchain-shadow: var(--section-shadow);
    --navchain-bg-color: var(--section-bg-color);
    --navchain-text-color: #aaa;
    --footerrow-border: var(--section-border);
    --footerrow-text-color: #aaa;
    --topmenu-icon-search: url('/images/top_menu/loupe.svg?fill=fff');
    --field-bg-color: #1C232B;
    --field-border-color: var(--delim-1-color);
    --field-placeholder: #bbb;
    --field-disabled-bg-color: #4c4c4c;
    --btn-eye: url('/images/auth/eye.svg?fill=fff');
    --btn-eye-hide: url('/images/auth/eye_close.svg?fill=fff');
    --infbar-text-color: #fff;
    --question-cnts-border-color: var(--delim-1-color);
    --question-cnts-bg-color: var(--toprow-btns-bg-color);
    --question-cnts-text-color: #fff;
    --ava-border-color: var(--btns-solid-border-color);
    --ava-border-color-hover: var(--btns-solid-border-color-hover);
    --ava-frame: url('/images/products/frame.svg?fill=b89e14');
    --popup-bg-color: var(--toprow-btns-bg-color);
    --popup-border-color: var(--delim-1-color);
    --popup-header-bg-color: #5A6877;
    --btn-ellipsis: url('/images/others/ellipsis.svg?fill=fff');
    --icon-lock: url('/images/others/lock.svg?fill=fff');
    --infbar-btn-border-color: #888;
    --infbar-btn-border-color-hover: #eee;
    --solid-head-status-profile: #bbb;
    --solid-head-status-profile-unset: var(--solid-head-status-profile);
    --btns-solid-text-color: #fff;
    --btns-solid-bg-color: var(--toprow-btns-bg-color);
    --btns-solid-on-color: #ffd700;
    --btns-solid-icon-like: url(/images/likes/simple.svg?fill=fff);
    --btns-solid-icon-like-on: url(/images/likes/simple.svg?fill=ffd700);
    --btns-solid-icon-donate: url('/images/solid_btns/donate.svg?fill=fff');
    --btns-solid-icon-accepted: url(/images/solid_btns/check.svg?fill=fff);
    --btns-solid-icon-accepted-on: url(/images/solid_btns/check.svg?fill=ffd700);
    --btns-solid-fav-icon: url(/images/solid_btns/fav.svg?fill=fff);
    --btns-solid-fav-icon-on: url(/images/solid_btns/fav.svg?fill=ffd700);
    --btns-solid-fix-icon: url(/images/solid_btns/fix.svg?fill=fff);
    --btns-solid-fix-icon-on: url(/images/solid_btns/fix.svg?fill=ffd700);
    --btns-solid-clarifications-icon: url(/images/solid_btns/clarifications.svg?fill=fff);
    --btns-solid-comments-icon: url(/images/solid_btns/comments.svg?fill=fff);   
    --btns-solid-icon-bell: url('/images/others/bell.svg?fill=fff');
    --btns-solid-icon-mine_answer: url('/images/left_menu/ideas.svg?fill=fff');
    --btns-solid-icon-bell-on: url('/images/others/bell.svg?fill=ffd700');
    --btns-solid-icon-contest: url('/images/left_menu/gift.svg?fill=fff');
    --btns-solid-icon-contest-on: url('/images/left_menu/gift.svg?fill=ffd700');
    --btns-solid-cnt-plus-color: chartreuse;
    --btns-solid-border-color: #111;
    --btns-solid-border-color-hover: #bbb;
    --btns-solid-delim-color: #999;
    --box-poll-bar-color: #29333D;
    --box-poll-progress-color: #ccc;
    --tag-fav-bg-color: #444;
    --resources-table-head-color: var(--toprow-btns-bg-color);
    --resources-table-tr-odd-color: var(--resources-table-head-color);
    --resources-table-border-color: #111;
    --resources-table-tr-hover: #4E5A66;
    --check-green-icon: url(/images/solid_btns/check.svg?fill=00ff00);
    --check-grey-icon: url(/images/solid_btns/check.svg?fill=888);
    --pencil-green-icon: url(/images/others/pencil.svg?fill=00ee00);
    --question-head-color: #ccc;
    --sing-icon-poll: url('/images/sings/poll.svg?fill=FFA500');
    --sing-icon-markdel: url('/images/sings/spam.svg?fill=FF2B2B');
    --sing-icon-i: url('/images/sings/i.svg?fill=7FC7FF');
    --rs-service-invis-icon: url(/images/products/invis.svg);
    --rs-service-avaframe-icon: url(/images/products/frame.svg);
    --rs-service-noads-icon: url(/images/products/noads.svg);
    --rs-service-points-icon: url('/images/left_menu/rates.svg?fill=fff');
    --sortbar-btn-del-icon: url('/images/sings/spam.svg?fill=fff');
    --btn-clear-field-color: #fff;
    --box-opacity-bg-color: rgba(65, 79, 92, 0.9);
}

p { 
    margin: 0; 
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
}

.noscroll {
    overflow-y: hidden;
}

/*КОНЕЦ ОБЩИЕ СТИЛИ САЙТА*/


/* СТИЛИ АДАПРИВНОГО ДИЗАЙНА */

@media (min-width: 1476px) {
    
    body.page .box.outer  { /* против смещения макета */
        flex-grow: 1 !important;
    }
        
}

@media (max-width: 1450px) { 
    
    .top_menu.no_login .btn.leaders {
        display: none;
    }
    
}

@media (max-width: 1400px) { 

    .section.bases .sort_bar .box.markdel {
        display: none;
    }
    
    table.groups td.dt_created  {
        display: none;
    }
        
}

@media (max-width: 1380px) {
    
    .top_menu.login .btn.income {
        display: none;
    }
    
}

@media (max-width: 1320px) {
    
    .section.groups .sort_bar .box.set {
        display: none;
    }
 
}

@media (max-width: 1290px) {
    
    .section.visitors .sort_bar .box.grouping {
        display: none;
    }

}

@media (max-width: 1280px) {  /* Мини нотбук */
    
    .box.mid > .box.side.right {
        display: none;
    }

    .box.mid > .box.content {
        width: calc(100% - 273px) !important;
    }

    .rss.tags .box { 
        width: 49% !important; 
    }    

}

@media (max-width: 1230px) { 
    
    .top_menu.login .btn.categories {
        display: none;
    }
    
}

@media (max-width: 1130px) { 

    .top_menu.no_login .btn.income {
        display: none;
    }    
    
}

@media (max-width: 1100px) { /* Мини ноутбук / Планшет горизонтальный */

    .top_menu.no_login .btn.income {
        display: none;
    }
    
    .rs.base.list .cell.cnts, table.rss.users td:nth-child(4) { 
        display: none; 
    }
    
}

@media (max-width: 1050px) {
    
    table.rss.groups_users td:nth-child(3) {
        display: none;
    }
    
}

@media (max-width: 1010px) {  /* Мини нотбук */

    .section.bases .sort_bar .box.in_index {
        display: none;
    }
 
}

@media (max-width: 990px) { /* Планшет горизонтальный */
    
    .section.tags .sort_bar .box.direct {
        display: none !important;    
    }
    
}

@media (max-width: 970px) { /* Планшет горизонтальный */

    .box.mid > .box.side.left, .popup_categories, .top_menu .cell.logo { 
        display: none !important; 
    }
    
    .top_menu .cell.btn_mobile { 
        display: table-cell !important; 
    }
    
    body.page .box.outer { 
        min-width: 8px !important; 
    }      

    body.page > .box.main {
        width: calc(100% - 16px) !important;
    }

    .box.mid > .box.content {
        width: 100% !important;
    }
    
}

@media (max-width: 800px) { /* Мобильный горизонтальный */
    
     .modal.page > .body::-webkit-scrollbar { 
        display: none; 
    }
    
    .inf_bar * { 
        font-size: 12px !important; 
    }
 
    .top_menu.login .cell.btn_theme {
        display: none;
    }
    
} 

@media (max-width: 700px) {
    
    table.rss.dialogues td.pass, .question.parent .section.questions .box.list_sib, .rs.contest .timepass, table.rss.users td:nth-child(3), table.groups td.user  { 
        display: none !important; 
    }
    
    .left_word, .popup.search .suffix, .rs.user .box.cnts .btn.send_grid {
        display: none;
    }

    .top_menu.no_login .cell.btn_theme {
        display: none;
    }

    .top_menu.login .btn.oblong.add_base {
        display: none;
    }
    
    .top_menu.login .btn.square.add_base {
        display: block;
    }   
    
}

@media (max-width: 660px) {
     
    table.rss.visitors td:nth-child(2), table.rss.donations td:nth-child(2) {
        display: none;
    }
   
}

@media (max-width: 650px) { /* Мобильный вертикальный */

    .section.groups_users .sort_bar .box.period {
        display: none;
    }
    
}

@media (max-width: 640px) { /* Мобильный вертикальный */
    
    .section.users .sort_bar .box.direct {
        display: none;
    }
    
}

@media (max-width: 620px) { /* Мобильный вертикальный */
    
    .section.bases .sort_bar .box.direct, .section.dialogues .sort_bar .box.period, .section.groups .sort_bar .box.period, .section.donations .sort_bar .box.period {
        display: none !important; 
    }

    table.rss.groups_users td:nth-child(4) {
        display: none;
    }
        
}

@media (max-width: 600px) { /* Мобильный вертикальный */
    
    .rs.question.parent .poll .meta .you_vote, table.rss.dialogues td.last_message { 
        display: none !important; 
    } 
        
    .section.group .sort_bar .box.direct, .section.visitors .sort_bar .box.direct {
        display: none !important; 
    }

    .rs.compact .inf_bar .name {
        max-width: 150px;
    }
    
    .rs.solid .inf_bar .name, .rs.base .inf_bar .name { /* требует валидатор яндекса */
        max-width: 130px;
    } 
    
    .rss.photos.list {
        justify-content: center;
    }

    .top_menu.no_login .btn.categories {
        display: none;
    }
    
} 

@media (max-width: 580px) {
    
    .rs.question .box.cnts.solid .btn.mine_answer {
        display: none;
    }
    
}

@media (max-width: 560px) {

    .section.tags .sort_bar .box.category_id {
        display: none;
    }
    
}

@media (max-width: 550px) {
    
    .top_menu.login .box.search {
        width: 40px;
    }
    
}

@media (max-width: 540px) {
    
    .rs.question .box.cnts.solid .btn.contest {
        display: none;
    }
    
}
    
@media (max-width: 520px) { /* Мобильный вертикальный */
    
    .section.groups_users .sort_bar .box.direct {
        display: none;
    }
    
}
    
@media (max-width: 500px) { /* Мобильный вертикальный */
    
    .inf_bar .category, .inf_bar .rating, body.page .bot_menu .metrika { 
        display: none !important; 
    } 
    
    table.rss.accruals td.pass, table.rss.users td:nth-child(2), table.groups td.dt_act { 
        display: none; 
    }
    
    .section.answers .sort_bar .box.period, .section.comments .sort_bar .box.period {
        display: none;  
    }
   
    .rs.base .box.cnts.solid .title, .rs.answer .box.cnts.solid .title, .rs.message .box.cnts.solid .btn.like .title {
        display: none !important;
    }
    
    .box.cnts.solid .btn.accept {
        padding: 0px 7px;
    }
    
    .rs.base .inf_bar .name, .rs.solid .inf_bar .name { /* требует валидатор яндекса */
        max-width: 100px;
    } 
    
    .popup_notifs .suffix {
        display: none;
    }
    
    .rs.user .box.cnts .btn.friends {
         display: none;
    }
    
    .section.group .bookmarks .item:nth-child(3) {
        display: none;
    }
    
    .rss.tags .box { 
        width: 99% !important; 
    }   
    
    .section.users .sort_bar .box.period, .section.groups .sort_bar .box.direct, .section.messages .sort_bar .box.period  {
        display: none;
    }
    
}

@media (max-width: 490px) { 
    
    .section.donations .sort_bar .box.direct {
        display: none;
    }

    .section.group.profile .btn:nth-child(3) {
        display: none;
    }    
    
}

@media (max-width: 480px) { 
    
    .section.bases .sort_bar .box.period {
        display: none;
    }

}

@media (max-width: 460px) { 
    
    form.question .box.poll .inp_option {
        width: 170px !important;
    }    

   .section.visitors .sort_bar .box.order {
        display: none;
    }
       
}

@media (max-width: 450px) { 
    
    .section.dialogues .sort_bar .box.direct, table.rss.visitors td.dt_created, table.rss.donations td.dt_created {
        display: none;
    }

    table.rss.groups_users td:nth-child(2) {
        display: none;
    }

    .top_menu.no_login .btn.oblong.add_base {
        display: none;
    }
    
    .top_menu.no_login .btn.square.add_base {
        display: block;
    }    
    
}   

@media (max-width: 430px) {

    .top_menu.login .btn.cash {
        display: none;
    }

}

@media (max-width: 400px) { 
    
    form.question .box.rs.poll li.option {
        margin-left: 0;
        list-style-type: none;
    }    
    
    .rs.base .box.cnts.solid .btn.ellipsis {
        display: flex !important;
    }
     
    .rs.question .box.cnts.solid .btn.contest, .popup.popup_profile .box.btns {
        display: none;
    }
 
    .section.groups .sort_bar .box.like {
        width: 150px;
    }
    
}

@media (max-width: 390px) { /* Мобильный вертикальный */
   
    .rs.question .box.cnts.solid .btn.notifs {
        display: none;
    }
         
}

@media (max-width: 380px) { /* Мобильный вертикальный */
   
    .box.cnts.solid .btn.donate, .box.cnts.solid .sing.cost, .section.messages .sort_bar .box.direct {
       display: none;
    }
 
     .top_menu.login .btn.guests {
        display: none;
    }  
}

@media (max-width: 370px) { /* Мобильный вертикальный */
   
    .section.group .sort_bar .box.period {
        display: none;
    }
    
    .section.users .sort_bar .box.like, .section.groups_users .sort_bar .box.like {
        width: 75px;
    }

}

@media (max-width: 350px) { /* Мобильный вертикальный */
    
    .rs.base .inf_bar .name, .rs.solid .inf_bar .name { /* требует валидатор яндекса */
        max-width: 60px;
    }
    
    .section.group .bookmarks .item:nth-child(4), form.question .box.poll li.option .btn.silver.move {
        display: none;
    }
    
    .rs.user .box.cnts .btn.go_message, .section.bases .sort_bar .box.checked {
        display: none;
    }

    .section.groups .sort_bar .box.like, .section.tags .sort_bar .box.like, .section.dialogues .sort_bar .box.like, .section.donations .sort_bar .box.like {
        width: 75px;
    }     

}

@media (max-width: 330px) {
    
    .section.visitors .sort_bar .box.like {
       width: 75px;
    }
    
}
    
/* ТАБЛИЦА ГЛАВНОГО КАРКАСА */

.row {  /* Строки */
    display: table-row; 
}

.tb {
	display: table; 
}

.cell {  /* Ячейки */
    display: table-cell; 
}

body.page {
    display: flex;
}

body.page .box.outer {  /* Боковые колонки отступа */
    display: flex;
    min-width: 13px; 
    flex-direction: column;
}

body.page .box.outer .mid {
    flex-grow: 1;
}

body.page > .box.main {
    max-width: 1450px;
    width: calc(100% - 26px);
    box-sizing: border-box;
}

.top_menu { /* Стили фиксированного меню Кнопки и Поиск */
    height: 56px;
    box-sizing: border-box;
    background-color: var(--toprow-bg-color); 
    vertical-align: middle;
    z-index: 6;
    border-bottom: 1px solid var(--toprow-border-color);
    position: sticky;
    top: 0;
    line-height: 0;
}

 /* стили таблицы контента */
 
body.page > .box.main > .box.mid {
    display: flex;
}

.box.mid > .box.side, .box.mid > .box.side .section {
    width: 260px;
}

.box.mid > .box.side .section {
    box-sizing: border-box;
}

.box.mid > .box.content {
    width: calc(100% - 546px);
}

.popup { 
    display: none;
    position: absolute;
    border: 1px solid var(--popup-border-color);
    border-radius: 2px;
    box-sizing: border-box;
    background-color: var(--popup-bg-color); 
    line-height: initial; /* отменяет наследование */
}

body > .popups .popup {
    z-index: 2;
}

.modal.page .popups .popup {
    z-index: 4;
}

.visible { display: block; }

.nose { /* Добавляем носик */
    position: absolute; /* Абсолютное позиционирование */
    left: 14px; 
	border: 6px solid transparent;	
}

.nose.one.top {
    top: -15px; /* Положение треугольника */
    border-bottom: 9px solid var(--popup-border-color);
}

.nose.two.top { /* Накладываем треугольник */
    top: -14px; /* Положение треугольника */
	border-bottom: 9px solid var(--popup-bg-color);
}

.nose.one.bottom {
    bottom: -15px; /* Положение треугольника */
	border-top: 9px solid var(--popup-border-color);
}

.nose.two.bottom { /* Накладываем треугольник */
    bottom: -14px; /* Положение треугольника */
	border-top: 9px solid var(--popup-bg-color);
}

.modal {
    display: flex;
    position: fixed;
    width: 100%; 
    height: 100%; /* рaзмерoм вo весь экрaн */
    top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
    left:0; 
    background-color: rgba(20, 20, 20, 0.9); /* цвет и прозрачность */
    justify-content: center;
    align-items: center;
    z-index: 98;
    max-width: 100%;
}

.modal.page {
    z-index: 3;
}

.modal.mobile_menu {
    z-index: 5;
    justify-content: left; 
    align-items: start;
}

.modal.mobile_menu .section {
    box-shadow: none;
    background-color: var(--mobile-section-bg-color);
    border-radius: 0;
}

.modal.mobile_menu .section .head {
    border-top: 1px solid var(--section-head-border-color);
}

.modal.mobile_menu .ctnr.menu {
    width: 290px;    
    height: 100%;
    background-color: var(--toprow-bg-color);
    overflow-y: auto;
    border-right: 1px solid #000;
}

.modal.mobile_menu .box.btn_theme { /* компенсация из-за top:56 */
    height: 122px;
    padding: 18px 15px;
    border-top: 1px solid var(--section-head-border-color);
    box-sizing: border-box;
}

.modal.mobile_menu .box.menu {
    background-color: var(--section-bg-color);
}

.modal.mobile_menu .box.logo {
    padding: 12px 15px;
    line-height: 0;
}

.modal.mobile_menu .btn.theme {
    margin-left: 5px;
}
 
.modal.mobile_menu .box.btn_theme .title {
    color: #fff;
}

.popup .menu_selection {
    margin: -14px;
}

.popup .menu_selection a { 
    display: block; 
    padding: 6px 14px; 
}

.popup .select_menu .item.disabled { 
    color: #bbb;
    cursor: default;
}

.select_menu .prefix {
    display: inline-block;    
    min-width: 26px;
    color: green;
}

.select_menu .suffix {
    font-size: 11.4px;
    color: var(--value-text-color);
    font-style: italic;
    white-space: nowrap;
}

.select_menu .suffix:before {
    content: ' - ';
}

.popup.menu .content .footer, .popup.menu .content .header {
    display: block;
    padding: 9px 14px;
    font-weight: 500;
    background-color: var(--popup-header-bg-color);
    color: var(--link-color);
}

.popup.menu.btns .select_menu .item {
    white-space: nowrap;
}

.popup.in_top_menu:not(.search) {
    white-space: nowrap;
    min-width: 270px;
}

.popup.accruals .nose.two.top, .popup.notifs .nose.two.top {
    border-bottom-color: var(--popup-header-bg-color);
}

.unread {
    font-weight: 500;
}

.popup.accruals .tb.select_menu .cnt {
    color: var(--points-color);
    text-align: right;
}

.popup.accruals .tb.select_menu  .cnt.minus {
    color: red;
}

.popup.accruals .tb.select_menu  .value {
    margin-left: 5px;
}

.popup.in_top_menu .content > .footer  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popup_notifs .content > .footer .settings {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/top_menu/settings.svg) no-repeat 50%;
    background-size: 20px;
}

.box.mid > .box.side.left { 
    padding-right: 13px; 
}

.box.mid > .box.side.right { 
    padding-left: 13px; 
}

.box.mid .section, .advert {
    margin-top: 13px; 
}
/* конец: стили таблицы контента */

.bot_menu {
    height: 70px;
    text-align: center;
    background-color: var(--section-bg-color);
    border-top: var(--footerrow-border);
    margin-top: 13px;
    color: var(--footerrow-text-color);
}

body.page > .box.main .bot_menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bot_menu .links {
    margin-left: 8px;
}

/* КОНЕЦ: СТИЛИ ГЛАВНАЯ ТАБЛИЦА КАРКАСА */

/*СООБЩЕНИЯ*/
#footer { /*стиль блока сообщения*/
    position: fixed; 
    right: 0; 
    bottom: 0; 
    z-index: 99; 
    width: 100%; 
    height: 25px; 
    text-align: center; 
    line-height: 25px;
    display: none;
}

#message { /*стиль текста сообщения*/
    color: white; 
    font-size: 12px; 
    font-family: Verdana; 
    font-weight: bold;
}

.top_menu .cell {
    vertical-align: middle; 
}

.top_menu .cell.btn_mobile {
    display: none;
    width: 34px;
}

.top_menu .cell.logo { /* Стиль контейнера логотипа */
    width: 260px;
    line-height: 0px;
}

a.logo {
    display: block;
}

a.logo { /* Стиль логотипа */
    height: 34px;
    background: url(/images/logo/main.svg) no-repeat;
}

.top_menu .cell:not(:last-child) {
    padding-right: 13px;
}

.top_menu .cell.middle { /* Стиль контейнера кнопок */
    width: 1px;
    white-space: nowrap;
    padding-right: 8px;
}

.top_menu .cell.auth {
    width: 40px;
    white-space: nowrap;
}

.top_menu .cell.auth * {
    vertical-align: middle;
}

.top_menu .btn.oblong {
    width: 122px;
    height: 33px; /* Должно быть нечетным */
    padding: 0 7px 0 30px;
    line-height: 31px;
    background-size: 15px;
    background-position: 9px 50%;
    vertical-align: middle;
    text-align: left;
}

.top_menu .cell.middle .btn {
    margin-right: 4px;
}

.top_menu .btn.square {
    width: 33px;
    height: 33px; /* Должно быть нечетным */
    line-height: 33px;
    background-size: 15px;
    background-position: 9px 50%;
    vertical-align: middle;
    text-align: left;    
}

.top_menu .btn.income {
    background-image: url('/images/left_menu/ruble.svg?fill=fff');
}

.top_menu .btn.add_base {
    background-image: url(/images/top_menu/add.svg);
}

.top_menu .btn.square.add_base {
    display: none;
}

.top_menu .btn.leaders {
    background-image: url(/images/top_menu/star.svg);
}

.top_menu .btn.categories {
    background-image: url(/images/top_menu/last.svg);
}

.btn.theme {
    display: inline-flex !important;
    position: relative;
    justify-content: space-between;
    width: 80px;
    height: 28px;    
    padding: 0 7px;
    line-height: 28px;
    font-size: 12px !important;
    color: #fff;
    box-sizing: border-box;
}

.top_menu .cell.btn_theme {
    width: 1px;
}

.btn.theme .toggle {
    display: inline-block;    
    position: absolute;
    top: 4px;
    left: 4px;
    width: 34px;
    height: 18px;
    background-color: #d67834;
    border-radius: 2px;
    transition: 0.1s;
}

body.dark .btn.theme .toggle {
    transform: translate(37px, 0);
}

.top_menu .btn.mobile {
    background-image: url(/images/top_menu/mobile_button.svg);
    background-position: 50% 50%;
    background-size: 30px;
}

.top_menu .btn.enter {
    background-image: url(/images/top_menu/enter.svg);
    background-size: 24px;
    background-position: 50% 50%;
}
    
.top_menu .cell.auth .btn.round {
    margin-right: 6px;
    position: relative;
    width: 34px;
    height: 34px;
    background-size: 17px;
    border-radius: 17px !important;
    background-position: center;
}

.top_menu .cell.auth .btn.points {
    background-image: url(/images/top_menu/star.svg);
}

.top_menu .cell.auth .btn.cash {
    background-image: url('/images/left_menu/ruble.svg?fill=fff');
}

.top_menu .cell.auth .btn.guests {
    background-image: url(/images/top_menu/guests.svg?fill=fff);
}

.top_menu .cell.auth .btn.messages {
    background-image: url(/images/left_menu/messages.svg?fill=fff);
}

.top_menu .cell.auth .btn.round .ur_cnt {
    position: absolute;
    top: -7px;
    right: 20px;    
    text-align: center;
    min-width: 10px;
    height: 16px;   
    color: white;   
    font-size: 11px; 
    border-radius: 9px; 
    padding: 1px 4px; 
    line-height: 16px;    
}

.top_menu .cell.auth .btn.points .ur_cnt {
    background-color: mediumseagreen;
}

.top_menu .cell.auth .btn.cash .ur_cnt {
    background-color: var(--sing-cash-bg-color);
}

.top_menu .cell.auth .btn .ur_cnt.minus {
    background-color: #FF531A;
}

.top_menu .btn:not(.clear) {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 13.3px;
    border-radius: 2px;
    border: solid 1px;
    background-color: var(--toprow-btns-bg-color);
    border-color: var(--toprow-btns-border-color);
    box-sizing: border-box;
}

.top_menu .btn:not(.active):hover {
    background-color: var(--toprow-btns-hover-bg-color);
    transition: background 0.2s ease;
}

.top_menu .btn.active, .mobile_menu .btn.active {
    background-color: var(--toprow-btns-active-bg-color);
    border: 1px solid var(--toprow-btns-active-border-color);
}

.section { 
    border-radius: 2px; 
    box-shadow: var(--section-shadow);
    background: var(--section-bg-color); 
}

.section > .head {
    padding: 14px 14px 10px 14px;
    display: flex;
    box-sizing: border-box;
    font-size: 15px;
    border-bottom: 1px solid var(--section-head-border-color);
    white-space: nowrap;
    padding-bottom: 10px;
}

.section > .head.double {
    flex-direction: column;
}

.section > .head.double .bookmarks {
    font-size: 13.4px;
    margin-top: 19px;
}

.section > .head.double .sort_bar {
    padding: 18px 0 10px 0;
    white-space: normal;
}

.delim_1 {
    --delim-1-style: solid;
}

.delim_1.dotted {
    --delim-1-style: dotted;
}

.delim_1.h {
    border-bottom: 1px var(--delim-1-style) var(--delim-1-color);
}

.delim_1.v {
    border-right: 1px var(--delim-1-style) var(--delim-1-color);
}

.tb.select_menu.delims .row:not(:last-child) .cell, ul.select_menu.delims li:not(:last-child) {
    border-bottom: 1px dotted var(--delim-1-color);
}

.section .head > p {
    overflow-x: hidden;    
    color: var(--section-head-text-color); 
    text-shadow: var(--section-head-text-shadow);
    font-weight: 500;  
}

.section > .body, .section.body.only {
    padding: 14px;
}

.section.cnt_online {
    font-weight: 500;
}

.section.menu > .body {
    padding-top: 8px !important;
}

.section.menu .select_menu {
    margin: 0 -14px;
}

.section .report_message {
    padding: 15px 0;
    text-align: center;
    font-size: 13.4px !important;
}

div.report_message {
    width: 100%; /* необходимо когда родительский блок flex из-за чего width сбрасывается и сообщение бывает не по центру */
    box-sizing: border-box;
}

.section > .foot {
    border-top: 1px solid var(--section-head-border-color);
    padding: 10px 14px 14px 14px;
    color: var(--section-head-text-color);
}

.section.fixed .foot {
    font-size: 12.3px;
}

.advert { 
    padding: 0; 
    box-sizing: border-box;
}

.section.menu.user > .head {
    width: 260px;
}

.select_menu {
    padding: 0;
    margin-bottom: 0;
    margin: 0;
}

.select_menu .item.ur {
    font-weight: 500;
}

ul.select_menu .item {
    display: block;
    color: var(--link-color);
}

div.select_menu .item > span {
    padding-top: 7px;
    padding-bottom: 7px;
}

div.select_menu .item > span:first-child {
    padding-left: 14px;
}

div.select_menu .item > span:last-child {
    padding-right: 14px;
}

.select_menu .select_submenu {
    display: none;
    list-style: none; 
    padding: 0;
    background-color: var(--selectsubmenu-bg-color);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--selectsubmenu-border-color); 
} 

ul.select_menu .item {
    padding: 8px 14px;
}

.select_menu .menu_open, .select_menu .menu_close {
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 9px;
}

.select_menu .menu_open {
    background-image: var(--selectmenu-icon-open);
}

.select_menu .menu_close {
    background-image: var(--selectmenu-icon-close);
}

.select_menu > li > .item.selected {
    background-color: var(--selectmenu-link-on-bg-color);
    border-left: 2px solid var(--selectmenu-link-on-border-color);
    padding-left: 12px;
}

.select_submenu .item.selected:before {
    content: '⤷ ';
}

.select_menu .select_submenu .item {
    display: block;
    padding: 8px 14px 8px 20px;
}

.select_menu .item:not(.disabled):hover {
    background-color: var(--selectmenu-link-on-bg-color);
    color: var(--link-color);
}

.select_menu .icon {
    padding-left: 26px;
    background-size: 16px;
}

.select_menu .icon.guests {
    background-image: var(--selectmenu-icon-guests);
}

.select_menu .icon.questions {
    background-image: var(--selectmenu-icon-questions);
}

.select_menu .icon.categories {
    background-image: var(--selectmenu-icon-categories);
}

.select_menu .icon.subscriptions {
    background-image: var(--selectmenu-icon-subscriptions);
}

.select_menu .icon.updates {
    background-image: var(--selectmenu-icon-updates);
}

.select_menu .icon.ideas {
    background-image: var(--selectmenu-icon-ideas);
}

.select_menu .icon.polls {
    background-image: var(--selectmenu-icon-polls);
}

.select_menu .icon.shop {
    background-image: var(--selectmenu-icon-shop);
}

.select_menu .icon.posts {
    background-image: var(--selectmenu-icon-posts);
}

.select_menu .icon.users {
    background-image: var(--selectmenu-icon-users);
}

.select_menu .icon.contests {
    background-image: var(--selectmenu-icon-gift);
}

.select_menu .icon.tags {
    background-image: var(--selectmenu-icon-tags);
}

.select_menu .icon.rates {
    background-image: var(--selectmenu-icon-rates);
}

.select_menu .icon.answers {
    background-image: var(--selectmenu-icon-answers);
}

.select_menu .icon.markdel {
    background-image: var(--selectmenu-icon-spam);
}

.select_menu .icon.money {
    background-image: var(--selectmenu-icon-money);
}

.select_menu .icon.freelance {
    background-image: var(--selectmenu-icon-freelance);
}

.select_menu .icon.add_base {
    background-image: var(--selectmenu-icon-add);
}

.select_menu .icon.profile {
    background-image: var(--selectmenu-icon-profile);
}

.select_menu .icon.photos {
    background-image: var(--selectmenu-icon-photos);
}

.select_menu .icon.friends {
    background-image: var(--selectmenu-icon-friends);
}

.select_menu .icon.groups {
    background-image: var(--selectmenu-icon-groups);
}

.select_menu .icon.favorites {
    background-image: var(--selectmenu-icon-favorites);
}

.select_menu .icon.liked {
    background-image: var(--selectmenu-icon-liked);
}

.select_menu .icon.blacklist {
    background-image: var(--selectmenu-icon-blacklists);
}

.select_menu .icon.notifs {
    background-image: var(--selectmenu-icon-notifs);
}

.select_menu .icon.messages {
    background-image: var(--selectmenu-icon-messages);
}

.select_menu .icon.settings {
    background-image: var(--selectmenu-icon-settings);
}

.select_menu .icon.logout {
    background-image: var(--selectmenu-icon-logout);
}

.select_menu .icon.rules {
    background-image: var(--selectmenu-icon-rules);
}

.select_menu .icon.requests {
    background-image: var(--selectmenu-icon-requests);
}

.select_menu .icon.main {
    background-image: var(--selectmenu-icon-main);
}

.select_menu .icon.ruble {
    background-image: var(--selectmenu-icon-ruble);
}

.select_menu .icon.donations {
    background-image: var(--selectmenu-icon-donations);
}

.select_menu .cnt, .tb.header .cnt { /* Стиль количества вопросов */
    margin-left: 2px;
    font-size: 11.4px;
    color: var(--selectmenu-cnt-color);
} 

.ur_cnt {
    background-color: var(--ur-cnt-color); 
    color: white; 
}

.ur_cnt.silver {
    background-color: #999; 
}

.select_menu .ur_cnt, table.rss .ur_cnt { 
    display: inline-block;
    text-align: center;
    min-width: 10px;
    font-size: 11.5px; 
    border-radius: 2px; 
    padding: 0 3px; 
    margin-left: 5px;
}

.modal.window.message .text, .modal.form.payeer_confirm .box_info {
    line-height: 29px;
}

.modal.form.debiting p.item .field {
    height: 26px;
    margin: 0 5px;
}

.modal.form.debiting p.item select.field {
    width: auto;
}

.modal.form.debiting p.item {
    margin: 11px 0;
}

.rs.question.list .cell.cnts .cnt.accepted {
    position: relative;
}

.rs.question.list .cell.cnts .cnt.accepted:after {
    content: '';
    border: 1px solid var(--question-cnts-border-color);
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    left: -8px;
    background: var(--check-green-icon) center center / 8px no-repeat, var(--question-cnts-bg-color);
    border-radius: inherit;
}

.section > .head .ur_cnt, .section > .head .sing  {
    margin-left: 5px;
}

.section > .head .ur_cnt {
    border-radius: 2px;
    padding: 3.5px 5px;
    font-size: 10.5px;
}

.rs.contest .merit_text {
    margin-left: 4px;
}

.rs.contest .delim {
    margin: 0 6px;
}

.modal.window .section { /* стиль модального окна */
    width: 338px; 
    position: relative;
} 

.modal.auth .th { /* заголовки полей */
    display: inline-block; 
    width: 70px; 
    font-weight: 500; 
} 

.section.list .list_sib .delim_1.h {
    margin: 15px 0;
}

.section.list.hide_nullmessage > .body:has(.box.list_sib:not(:empty)) .box.rss .report_message { /* hide_nullmessage только если есть нее пустые list_sib  */
    display: none;
}    
    
.section.list.hide_nullmessage:has(.box.rss .report_message) .box.list_sib > .delim_1.h {
    display: none;
}

.content.question .section.list.questions .rss.tags {
    margin: -3px;
}

.section.profile .box.profile > div:not(:first-child) {
    margin-top: 15px;
}

.section.base.form form > .box:not(:first-child) { /* Блоки добавить/редактировать вопрос */
    margin-top: 20px; 
}

.section.base.form .rs.poll { 
    position: relative;
}

.section.question.parent .advert, .section.user.profile .advert { /* Блок - Вопрос (в контенте view) */
    margin-top: 15px;
}

.advert.x {
    height: 120px;
    box-shadow: var(--section-shadow);  
    border-radius: 2px;
    background-image: url(/images/advert_text.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--section-bg-color);
    overflow: hidden;
}

.box.basic {
    box-sizing: border-box;
    border: solid 1px var(--boxtxt-border-color); 
    border-radius: 2px; 
    padding: 6px 8px; 
    background-color: var(--boxtxt-bg-color); 
    line-height: 29px; 
    word-break: break-word;    
}

.rs.base.parent .box.basic, .rs.solid > .box, .rs.compact > .box:not(:first-child) {
    margin-top: 12px; 
    vertical-align: top;
}

.rs.contest {
    display: flex;
    align-items: center;
    margin-top: 12px; 
    border: solid 1px var(--boxtxt-border-color); 
    border-radius: 2px; 
    padding: 10px 8px; 
    background-color: var(--boxtxt-bg-color); 
}

.box.btns input.btn:not(:first-child) {
    margin-left: 7px;
}

input.btn.small {
    font-size: 11.4px;
    height: 25px;
    padding: 0 11px;
}

input.btn.medium {
    padding: 0px 10px;
    height: 30px !important;
    font-size: 13px !important;
}

.rs.base .box.cnts.solid, .rs.solid .box.cnts.solid {
    margin-top: 14px;
}

.rs.photo .box.cnts.solid {
    margin-top: 10px;
}

.cell.el_ava {
    width: 1px; 
}

.rs.base.parent .cell.el_ava { /* Блок аватарки автора вопроса */ 
    vertical-align: top;
    padding-right: 8px; 
}

.rs.base .cell { /* Контейнер вопроса и инф. бара */
    vertical-align: top; 
}

.rs.base.parent .inf_bar { /* Отступы в контейнере вопроса */
    margin-top: 7px; 
}

.section.rates > .body {
    padding-top: 0;
}

.section.rates .ctnr.reputation, .section.rates .body .delim_1 {
    margin-top: 15px;
}

.section.rates h2 {
    font-size: 13.3px;
    font-weight: 500;
    margin-top: 0;
}

.ctnr.rates {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 9px -6px -6px -6px;
}

.ctnr.rates .box_list {
    flex: 1 1;
    margin: 6px;
}

.tb.header.accruals .cell.badge .badge {
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 21px;
    border-radius: 28px;
}

.tb.header.accruals .lvl {
    background-color: limegreen;
}

.tb.header.accruals .cash {
    background: url('/images/left_menu/ruble.svg?fill=fff') center center / 25px no-repeat, var(--sing-cash-bg-color);
}

.tb.header.accruals .sub {
    margin-top: 8px;
    color: var(--infbar-text-color);
    font-size: 11.3px;
}

.bookmarks .item { 
    display: inline;
    color: var(--link-color);
    padding-bottom: 9px;
}

.bookmarks .item:not(:last-child) { /* Стиль отступа закладок */
    margin-right: 10px; 
}

.bookmarks .item:hover {
    cursor: pointer;
}

.bookmarks .item:not(.active):hover { /* стиль закладки при наведении */ 
    border-bottom: 3px solid #ccc; 
    color: var(--link-color);
}

.bookmarks .item.active { /* Стиль активной закладки */
    border-bottom: 3px solid var(--section-boormarks-on-color); 
    color: var(--section-boormarks-on-color); 
}

.rss.bases > div:not(:first-child) {
    margin-top: 11px;
}

.section.tags .ctnr.vr_list {
    margin-top: -10px !important;
}

.rs.base.list { /* Стиль сниппета вопроса */
    display: table;
    width:100%; 
} 

.rs.base.list .cell.el_ava { /* Стиль столбца для аватарки */
    width: 1px; 
    padding-right: 10px; 
} 

.rs.base h1 {
    display: inline;
    font-weight: normal;
    margin: 0;
}

.rs.base .cell.header .header * {
    vertical-align: middle;
}

.rs.base .cell.header .text { /* Стиль строки вопроса */ 
    font-size: 15px; 
    word-break: break-word;
    color: var(--question-head-color);
}

.rs.base .cell.header .text.m {
    color: var(--link-color);
} 

.rs.base .cell.header a.text:hover {
    color: var(--link-hover-color);
}

.rs.base.list .inf_bar {
    margin-top: 7px;
}

.sing {
    color: #fff !important;
    padding: 0 7px;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat;   
}

.rs.base .cell.header .sing {
    margin-right: 4px;
}

.rs.base.list .sing.poll {
    background-image: var(--sing-icon-poll);
}

.rs.base.list .sing.lock {
    background-image: var(--icon-lock);
}

.rs.question.list .sing.cost {
    font-size: 10px;
    padding: 1px 5px;
}

.sing.cost.points {
    background-color: var(--sing-points-bg-color);
}

.sing.cost.cash {
    background-color: var(--sing-cash-bg-color);
}

.sing.cost {
    padding: 2px 5px;
    font-size: 11.3px;
}

.rs.base .sing.markdel {
    background-image: var(--sing-icon-markdel);
}

.rs.base .sing.i {
    background-image: var(--sing-icon-i);
    padding: 0 4px;
}

.rs.base.list .cell {
    vertical-align: top;
}

.rs.base.list .cell.cnts {  /* Стиль столбца для блока  */
    width: 160px; 
    text-align: right;
}

.rs.base.list .cell.cnts .cnt {
    display: inline-block; 
    width: 40px; 
    height: 40px; 
    line-height: 18px; 
    text-align: center; 
    margin-left: 7px;
    padding: 2px 2px;
    border: 1px solid var(--question-cnts-border-color);
    border-radius: 2px;
    font-weight: 500;
    box-sizing: border-box;
    vertical-align: middle;
    color: var(--question-cnts-text-color);
    background-color: var(--question-cnts-bg-color);
}

.rs.base .cell.cnts .cnt .title {
    display: block;
    font-size: 10px;
}

.rs.base .cell.cnts .cnt .val {
    display: block;
}

.hr1 { /* горизонтальная линия */
    height: 1px; 
    background-color: #e4e4e4; 
    margin: 9px 0; 
    width: 100%; 
    border: 0px;
}

.ctnr.hr_list {
    position: relative;
    box-sizing: border-box;
    padding: 0 2px;
}

.ctnr.hr_list .rss {
    white-space: nowrap;
    overflow-x: hidden;
}

.ctnr.hr_list .rs {
    vertical-align: top;
} 

.ctnr.hr_list .rss .rs:last-child { /* иногда остаются дробные части скрола и правый бордюр плиток не отображается */
   margin-right: 1px; 
}

.ctnr.hr_list .box.btn_more {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0 6px;
    z-index: 1;
}

.ctnr.hr_list .box.btn_more .btn {
    background: url('/images/arrows/right.svg') #B65C33 50% 50% / 20px no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.ctnr.hr_list .box.btn_more.left .btn {
    background-image: url('/images/arrows/left.svg');
}

.ctnr.hr_list .box.btn_more.right {
    right: 0;
}

.ctnr.hr_list .box.btn_more.left {
    left: 0;
}

.ctnr.list .box.btn_more {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ctnr.list .box.btn_more.top {
    margin-bottom: 15px;
}

.ctnr.list .box.btn_more.bottom {
    margin-top: 15px;
}

.ctnr.vr_list .box.buttons .solid_separator_1 {
    margin-bottom: 15px;
}

#pages_block .pages_box, #pages_block .delim_1 {
    display: inline-block;
    vertical-align: middle;
}

#pages_block .solid_separator_1 {
    margin-bottom: 15px;
}

.pages_box {
    margin: -5px;
}

.pages_box a, .page_current { /* Стиль номеров страниц */
    display: inline-block; 
    background: #ddd; 
    min-width: 20px;
    padding: 0 4px;
    height: 28px; 
    line-height: 28px; 
    text-align: center; 
    font-size: 13.3px;  
    border: 1px solid #ccc;
    margin: 5px;
}

.page_current { /*Стиль текущей страницы */
    background: #F48024 ; 
    border: 1px solid #F69F25;
    color: white;
}

.page_ellipsis { font-size: 19px; }

.rss .rs.compact:not(:first-child) { /* Стиль блока список ответов */
    margin-top: 25px; 
}

.rs.compact .after_text { /* Стиль текста вопроса (в снипетте) в списке ответов */
    margin-top: 8px;
    padding-top: 5px;
    border-top: solid 1px var(--boxtxt-border-color);
    font-style: italic;
} 

.rs.solid .tb.head {
    width: auto;
}

.rss .rs.answer.solid:not(:first-child) {  /* Отступ между ответами */
    margin-top: 37px; 
}

.rs + form {
    margin-top: 12px;
}

.rs.solid .cell.el_ava {
    padding-right: 8px;
}

.rs.solid .cell.header {
    vertical-align: top;
}

.rs.solid .about {
    display: inline-block;
    font-size: 11.4px;
    color: var(--solid-head-status-profile);
    margin-top: 7px;
    margin-left: 4px;
    font-style: italic;
    word-break: break-word;
}

.rs.solid.hidden * {
    color: #aaa;
}

.rs.solid.hidden .box.text, .rs.solid.hidden .box.cnts {
    display: none;
}

.rs.solid .box.sh + .box.text {
    margin-top: 10px;
}

.rs.solid .box.sh .btn {
    color: var(--link-color);
}

.rs.solid .box.sh .btn:hover {
    text-decoration: underline;
}

.rs.solid div.about.unset {
    color: var(--solid-head-status-profile-unset);
}

.rs.solid a.about:hover {
    text-decoration: underline;
}

.rs .check {
    width: 16px;
    height: 16px;
    background-image: var(--check-green-icon);    
    background-size: 16px;
    background-repeat: no-repeat;
}

.rs.ur .check {
    background-image: var(--check-grey-icon);
}

/* текст ответа и пояснеинй вопроса */
.box.text a { 
    text-decoration: underline; 
}

/* БЛОК ГОЛОСОВАНИЯ */

.box.cnts.solid, .box.cnts.solid .btn, .box.cnts.solid .box.cnt_views, .box.cnts.solid .box .cnt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.box.cnts.solid * {
    color: var(--btns-solid-text-color);
}

.box.cnts .btn:not(:first-child) {
    margin-left: 5px;
}

.box.cnts.solid .btn, .box.cnts.solid .btn .icon {
    background-position: center;
}

.box.cnts.solid .btn, .box.cnts.solid .box.cnt_views .cnt {  /* Общие стили кнопок голосования */
    border-radius: 2px; 
    border: 1px solid var(--btns-solid-border-color);
    min-width: 32px;
    height: 27px;
    box-sizing: border-box;
    padding: 0 6px;
}

.box.cnts.solid .sing.cost {
    margin-left: 8px;
}

.box.cnts.solid .btn:hover {
    border-color: var(--btns-solid-border-color-hover);
}

.box.cnts.solid .btn .cnt {
    min-width: 16px; 
    text-align: center;
    font-weight: 500; 
}

.box.cnts.solid .btn .cnt.plus {
    color: var(--btns-solid-cnt-plus-color);
}

.box.cnts.solid .btn .cnt.minus {
    color: red;   
}

.box.cnts.solid .box.cnt_views .cnt {
    margin-left: 5px;
    text-align: center;
    cursor: default;
}

.rs.base.parent .cnt_answers {
    display: none;
}

.box.cnts.solid .box.cnt_views {
    margin-left: 8px;
}

.box.cnts.solid .box.cnt_views:before {
    content: '|';
    margin-right: 8px;
}

.box.cnts.solid .delim {
    height: 15px;
    margin: 0 7px;
    border-right: 1px solid var(--btns-solid-delim-color);
}

.box.cnts.solid .btn.like .icon {
    width: 19px;
    height: 19px;
    background-image: var(--btns-solid-icon-like);
    background-size: 19px;
}

.box.cnts.solid .btn.like.on .icon { /* активный лайк */
    background-image: var(--btns-solid-icon-like-on);
}

.box.cnts.solid .btn.clarifications:not(.on), .box.cnts.solid .btn.clarifications.on .icon {
    background-image: var(--btns-solid-clarifications-icon);
    background-size: 15px;
}

.box.cnts.solid .btn.clarifications .icon {
    width: 19px;
    height: 19px;    
}

.box.cnts.solid .on .title {
    color: var(--btns-solid-on-color);
}

.box.cnts.solid .btn.accept .title {
    margin-left: 5px;
} 

.box.cnts.solid .btn.like .title {
    margin: 0 2px;
} 

.box.cnts.solid .btn.dis { /* кнопка дизлайк */
    background-image: var(--btns-solid-icon-like);
    background-size: 19px;
    transform: scaleY(-1);    
}

.box.cnts.solid .btn.dis.on { /* активный дизлайк */
    background-image: var(--btns-solid-icon-like-on);
}

.box.cnts.solid .btn.donate { /* активный дизлайк */
    background-size: 13px;
    background-image: var(--btns-solid-icon-donate);
}

.box.cnts.solid .btn.accept .icon { /* кнопка лучший ответ */
    width: 16px;
    height: 16px;
    background-image: var(--btns-solid-icon-accepted);
    background-size: 16px;
}

.box.cnts.solid .btn.accept.on .icon { /* активный дизлайк */
    background-image: var(--btns-solid-icon-accepted-on);
}

.box.cnts.solid .btn.fav {
    background-image: var(--btns-solid-fav-icon);
    background-size: 9px;
}

.box.cnts.solid .btn.fav.on { /* активный дизлайк */
    background-image: var(--btns-solid-fav-icon-on);
}

.box.cnts.solid .btn.fix { /* активный дизлайк */
    background-size: 14px;
    background-image: var(--btns-solid-fix-icon);
}

.box.cnts.solid .btn.fix.on { /* активный дизлайк */
    background-image: var(--btns-solid-fix-icon-on);
}

.sort_bar .btn.notifs, .box.cnts .btn.notifs {
    background-image: var(--btns-solid-icon-bell);
    background-size: 15px;
    background-position: center;
}

.sort_bar .btn.del {
    background-image: var(--sortbar-btn-del-icon);
    background-size: 14px;
    background-position: center;   
}

.sort_bar .btn.notifs.on, .box.cnts .btn.notifs.on { /* активный дизлайк */
    background-image: var(--btns-solid-icon-bell-on);
}

.top_menu .btn.notifs {
    background-image: url('/images/others/bell.svg?fill=fff');
}

.box.cnts.solid .btn.contest {
    background-image: var(--btns-solid-icon-contest);
    background-size: 14.5px;
    background-position-y: 4.5px;
}

.box.cnts.solid .btn.contest.on { /* активный дизлайк */
    background-image: var(--btns-solid-icon-contest);
}

.box.cnts.solid .btn.comments .icon {
    width: 18px;
    height: 16px;
    background-image: var(--btns-solid-comments-icon);
    background-size: 18px;
}

.rs.compact .box.cnts.solid .btn.comments .icon {
    width: 17px;
    height: 15.5px;
    background-size: 15.5px;
}

.btn.ellipsis {
    display: inline-block;
    background: var(--btn-ellipsis) no-repeat center;
    background-size: 16px;
    width: 30px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid var(--infbar-btn-border-color);
}

.rs.base .box.cnts .btn.ellipsis {
    display: none;
}

.rs.question .btn.clarifications.on + .btn {
    display: none;
}

.rs.question .btn.clarifications.on ~ .btn.ellipsis {
    display: inline-flex;
}

.rs.question .btn.mine_answer { 
    background-image: var(--btns-solid-icon-mine_answer);
    background-size: 15px;
}

form.rs.simple input { /* Верхние отступы элементов формы */
    margin-top: 12px; 
}

form.base .title { /* Форма добавить/редактировать вопрос */
    font-weight: 500; 
    margin-bottom: 8px;
}

.mandatory_sing:after {
    content: "(обязательно)";
    color: goldenrod;
    margin-left: 5px;
    font-weight: 400;
}

.modal.auth .layer.login .delim_1.h {
    margin: 15px 0;
}

.modal.auth .box.confirm_code {
    margin-top: 20px; 
}

.modal.auth .layer.forget_pass .message {
    line-height: 30px;
}

.modal.auth .box > div:not(:first-child) { /* Отступы внутренних элементов блоков */
    margin-top: 13px; 
} 

.modal.auth .social_login {
    text-align: center;
}

.modal.auth .social_login .providers {
    margin-top: 11px;
    list-style: none;
    padding: 0px;
}

.modal.auth .social_login .providers li {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center center;
}

.modal.auth .social_login .providers li:hover {
    opacity: 0.75; 
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
}

.modal.auth .social_login .providers li:not(:last-child) {
    margin-right: 18px;
}

.modal.auth .social_login .providers .vkontakte {
    background-image: url(/images/profile/providers.svg#vk);
}

.modal.auth .social_login .providers .odnoklassniki {
    background-image: url(/images/profile/providers.svg#ok);
}

.modal.auth .social_login .providers .mailru {
    background-image: url(/images/profile/providers.svg#mail);
}

.modal.auth .social_login .providers .google {
    background-image: url(/images/profile/providers.svg#google);
}

.modal.auth .social_login .providers .yandex {
    background-image: url(/images/profile/providers.svg#yandex);
}

.modal.auth .box.confirm_code { /* Блок подтверждения почты */
    display: none; 
}

.modal.auth .box.confirm_code .mes {  /* Стиль текста "На указанный Email выслан код, введите его" */
    text-align: center; 
    text-decoration: none; 
}

.modal.auth .box.confirm_code .chg { /* Стиль кнопки-ссылки "Изменить E-mail" */
    text-align: center; 
} 

.inf_bar {
    display: flex;
    padding: 0;
    margin: 0;
    white-space: nowrap;    
}

.inf_bar li {
    display: inline-flex;
    align-items: center;
}

.inf_bar * { /* общие стили */
    font-size: 11.4px; 
    color: var(--infbar-text-color); 
}

body.dark .rs.base.list .inf_bar * {
    --infbar-text-color: #bbb;
}

.inf_bar li:not(:first-child):before { /* разделитель между пунктами */
    content: '|'; 
    padding: 0 5px;
    vertical-align: middle;
}

.inf_bar .name {  /* автор (общие стили) */
    display: inline-block;
    font-weight: 500;  
    border-radius: 2px; 
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inf_bar .left_word {
    white-space: pre;
}

.inf_bar .name.color {  /* Стили автора при цветном фоне */
    padding: 4px 9px; 
    border: 1px solid var(--ava-border-color);
}

.inf_bar .name.color, .inf_bar .name.color span {
    color: white;
}

.inf_bar .name.border {
    padding: 2px 8px;
    border: 1px solid var(--infbar-btn-border-color);
    border-radius: 2px;
}

.inf_bar .name.border:hover {
    border-color: var(--infbar-btn-border-color-hover);
}

.btn.ellipsis:hover, .btn.ellipsis.active {
    border-color: var(--infbar-btn-border-color-hover);
}

.hr_style { 
    height: 1px; 
    background-color: #e4e4e4; 
    margin: 0; 
    width: 100%; 
    border: 0; 
}

.dashed_separator_1 { 
    border-bottom: dashed 1px #e4e4e4; 
}

.dotted_separator_1 { 
    border-bottom: dotted 1px #e4e4e4; 
}

.solid_separator_1 { /* разделитель горизонтальная линия */
    border-bottom: solid 1px #e7e8ec; 
}

.btn, .select_menu .item {
    cursor: pointer;
}

.btn, .icon {
    background-repeat: no-repeat;
} 

input.btn {
    height: 32px;
    padding: 0 15px;
    color: white; 
    box-sizing: border-box;
    background-color: #B65C33;
}

input.btn:hover { 
    background-color: #c27b5a;
    transition: background 0.2s ease;
}

button.btn {
    box-sizing: content-box;
    padding: 0;
}

input.btn, button.btn { /* input[type="submit"], input[type="button"], button */
    border: none; 
    border-radius: 2px; 
    outline: none;
}

.btn:disabled {
    cursor: unset;
}

.btn.cancel, .btn.silver {
    background: #4E5A66;
}

.btn.cancel:hover, .btn.silver:hover { 
    background-color: #889BAF;
    transition: background 0.2s ease;
}

form.rs.simple .btn.cancel { /* Кнопка "Отменить" ( добаление/редактирование ответа ) */
    margin-left: 4px; 
}

.btn.list_delete {
    display: none;
}

.section.user.profile .btn {
    padding: 0px 12px;
    height: 30px !important;
    font-size: 13px !important;
}

.section.profile .box.solid.cnts {
    margin-top: 18px;
}

.box.cnts.solid .btn {
    padding: 0 10px;
    background-color: var(--btns-solid-bg-color);
}

form.base .box_submit .btn { /* Кнопка "Опубликовать/Редактировать" вопрос */
    padding: 0 18px; 
} 

form.base .btn.cancel {
    margin-left: 8px; 
}

.modal.auth .btn.confirm_mail {  /* Кнопка подтвердить */
    margin-left: 5px; 
    vertical-align: middle;
}

/* Кнопки картинки*/
.modal.auth .btn.eye {  /* Стили кнопки-картинки глаз */
    position: absolute; 
    right: 8px; 
    top: 8px; 
    vertical-align: middle; 
    width: 18px; 
    height: 18px;
    background-image: var(--btn-eye-hide);
}

.modal.auth .btn.eye.show {  /* Стили кнопки-картинки глаз */
    background-image: var(--btn-eye);
}

.modal.auth .btn.square {
    width: 32px; 
    height: 32px;
    background-size: 16px;
    vertical-align: middle;    
    background-position: center;
}

.modal.auth .btn.gen_pass {  /* Кнопка-картинка сгенерировать */
    background-image: url('/images/auth/lightning.svg?fill=fff');
    background-repeat: no-repeat;
    margin-left: 3px;    
}

.modal.auth .btn.resend_code { /* Кнопка-картинка выслать код заново */
    background-image: url('/images/auth/resend_code.svg?fill=fff');
    background-repeat: no-repeat;    
    margin-right: 5px; 
}

.modal.auth .box.confirm_code .th {
    width: 40px;
}

::placeholder {
    font-style: italic;
    color: var(--field-placeholder);
    opacity: 1; /* для Мозилы */
}

.field { /* input[text], input[date], input[type="password"], select, textarea */
    border: 1px solid var(--field-border-color);
    background-color: var(--field-bg-color); 
    color: var(--text-color);
    outline: none;    
    box-sizing: border-box;   
    border-radius: 2px;
    width: 100%; 
}

body.dark .field { /* влияет на background-color автоподстановки autofill */
    color-scheme: dark;
}

.field:not(textarea) { /* все кроме textarea */
    height: 32px;
    padding: 0 6px;
}

select {
    background-color: transparent; /* иначе в мозиле устанавливается серый */
}

option {
    font: -moz-pull-down-menu; /* иначе мозила устанавливает time romans */
}

input[type="image"] {
    border: none;
    padding: 0;
    height: auto;
}

input[type="file"] {
    border: none;
    padding: 0;
    height: auto;
}

input[type="checkbox"] {
    height: auto;
}

input[type="radio"] {
    height: auto;
}

.field:not(select):read-only, input[disabled] { /* Стиль для полей ввода со свойством - Только чтение. Элемеет select всегда read-only */
    background-color: var(--field-disabled-bg-color); 
}

textarea {
    overflow-y:hidden;
    padding: 4px 6px; 
    line-height: 22px;
    vertical-align: top; /* Устраняет баг с лишним отступом снизу */
}

.field.categories, form.rs.base .field.only_friends { /* Поле выбора категории */
    width: 250px;
}

.top_menu .box.search input { /* Поле поиска */
    border: none;
    border-radius: inherit;
    height: 33px;
    padding-left: 34px; 
    background: var(--topmenu-icon-search) var(--toprow-field-search-bg-color) no-repeat 13px; 
    color: var(--text-color);
    width: 100%;
}

.top_menu .box.search {
    border: 1px solid var(--toprow-btns-active-border-color);
    box-sizing: border-box;
    overflow: hidden;
}

.top_menu .box.search .btn.clear {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 25px;    
    color: var(--btn-clear-field-color)
}

.top_menu .box.search.active .btn.clear {
    display: block;
}

.top_menu .box.search.active input {
    padding-right: 34px;
}

.top_menu .box.search.active {
    position: absolute;
    right: 0;
    top: 11px;
    max-width: 100%;
    width: 710px;
    z-index: 1;
    border-color: var(--toprow-field-search-border-color-focus);
}

.sort_bar .btn {
    width: 32px;
}

.sort_bar .box.like {
    width: 150px; 
}

.sort_bar .box.like input {
    padding-left: 22px; 
    background: var(--topmenu-icon-search) no-repeat 4px 50%;
    background-size: 13px;
}

.modal.auth .field { /* Поля формы регистрации и входа*/
    width: 234px !important;
    vertical-align: middle; 
} 

.box_pass { /* Контейнер поля пароль + глаз */
    position: relative; 
    display: inline-block;
}

.modal.auth .layer.reg .field.pass  {  /* Поле пароль в форме регистрации */
    width: 197px !important; 
    vertical-align: middle; 
}

.modal.auth .layer.reg .field.code { /* поле ввода кода подтверждения в форме регистрации */
    width: 110px !important; 
    text-align: center; 
    font-size: 15px !important; 
}

.modal.auth .box.btn_login, .modal.auth .box.btn_continue {
    margin-top: 20px !important;
}

.ava {
    box-sizing: border-box;
    position: relative;
    border: 1px solid var(--ava-border-color);
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center center;
}

.ava.big { 
    font-size: 23px; 
    width: 50px; 
    height: 50px; 
    line-height: 50px; 
    text-align: center; 
    color: white; 
    position: relative;
    background-size: 50px;
}

.ava.large { 
    font-size: 18px; 
    width: 45px; 
    height: 45px; 
    line-height: 45px; 
    text-align: center; 
    color: white; 
    position: relative;
    background-size: 45px;
}

.ava.avg {
    font-size: 16px; 
    width: 40px; 
    height: 40px; 
    color: white; 
    text-align: center; 
    line-height: 40px;
    background-size: 40px;
}

.ava.big .shell.has_online.on:after {
    width: 9px;
    height: 9px;
}

.ava.large .shell.has_online.on:after {
    width: 8px;
    height: 8px;
}

.ava.avg .shell.has_online.on:after {
    width: 7px;
    height: 7px;
}

.ava.small .shell.has_online.on:after {
    width: 6px;
    height: 6px;
}

.ava.mini .shell.has_online.on:after {
    width: 5px;
    height: 5px;
}

.tb.header.mini.closed .name {
    background: var(--icon-lock) no-repeat 0 center / 12px;
    padding-left: 16px;
}

.inf_bar .has_online.on:after {
    width: 6px;
    height: 6px;
}

.ava.mini {
    font-size: 12px; 
    width: 28px;
    height: 28px;
    background-size: 28px;
    line-height: 28px;
    text-align: center; 
    color: white;
}

span.has_online.on {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    padding: 1px 9px;
    border-radius: 2px;
}

span.has_online.site.on {
    background-color: green;    
}

span.has_online.group.on {
    background-color: maroon;    
}

.ava .shell.has_online.on:after, .name.has_online.on:after {
    content: '';
    display: inline-block;
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: #fff;
    position: absolute;
    right: -1px;
    bottom: -1px;
    background-color: chartreuse;
}

.top_menu .btn.big_square {
    font-size: 19px !important;
    font-weight: 500;
    width: 40px;
    height: 40px;
    line-height: 40px;
    justify-content: center;
}

.ava.small {
    font-size: 15px;
    width: 32px;
    height: 32px;
    background-size: 32px;
    line-height: 32px;
    text-align: center; 
    color: white; 
}

.ava.has_frame {
    border: none !important;
    border-radius: 0;
}

.ava .shell.frame {
    position: absolute;
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    background: var(--ava-frame) no-repeat center center;
}

.ava.mini .shell.frame {
    width: 34px;
    height: 34px;
    background-size: 34px;
    top: -3px;
    left: -3px;
}

.ava.small .shell.frame {
    width: 38px;
    height: 38px;
    background-size: 38px;
    top: -3px;
    left: -3px;
}

.ava.avg .shell.frame {
    width: 48px;
    height: 48px;
    background-size: 47px;
    top: -4px;
    left: -4px;
}

.ava.large .shell.frame {
    width: 55px;
    height: 55px;
    background-size: 55px;
    top: -5px;
    left: -5px;
}

.ava.big .shell.frame {
    width: 56px;
    height: 56px;
    background-size: 56px;
    top: -3px;
    left: -3px;
}

div.ava.clickable:hover, .inf_bar .name.color:hover {  /* Аватарка при наведении добавить светлость */
    border-color: var(--ava-border-color-hover);
    cursor: pointer;
}

.has_cnt:before {
    content: attr(data-cnt);
    position: absolute;
    font-size: 9px;
    background-color: #008A00;
    color: #fff;
    font-weight: 500;
}

.ava .shell.has_cnt:before {
    width: 17px;
    height: 17px;  
    line-height: 17px;
    top: -9px;
    left: -9px;   
    border-radius: 17px;
    border: solid 3px var(--section-bg-color);    
}

.rs.slab.square.has_cnt:before {
    width: 20px;
    height: 20px;  
    line-height: 20px;   
    border-radius: 6px 0 6px 0;
    top: 0;
    left: 0;  
}

.content.page_404 .box { 
    text-align: center; 
    margin: 25px 0;
}

.content.page_404 .box .title {
    font-size: 36px;
}

.content.page_404 .box .text {
    font-size: 17px;  
    margin-top: 20px;
}

.rss.tags.list .box {
    margin-top: 13px;
}

.rss.tags.list .box {
    display: inline-block;
    width: 33%;
}

.rss.tags.list .rs.tag {
    max-width: 76%;
}

.rs.tag {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 2px;
    font-size: 12.3px;
    color: var(--btns-solid-text-color);
    margin: 3px;
    border: 1px solid var(--btns-solid-border-color);
}

.rs.tag .cnt:before {
    content: '|';
    padding: 0 7px;
    color: var(--btns-solid-delim-color);
}

.rs.tag .cnt {
    font-size: 11.3px;
}

.rs.tag:hover {
    border-color: var(--btns-solid-border-color-hover);
}

.box.rss.products.buyer {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.rs.slab {
    background-color: var(--btns-solid-bg-color);
    border: 1px solid var(--btns-solid-border-color);
    border-radius: 6px;
    text-align: center;
} 

.rss.slab.square .rs:not(:first-child) {
    margin-left: 12px;
}

.rs.slab.buyer {
    width: 130px;
    margin: 10px;
}

.rs.slab.square {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 90px;
    height: 90px;
    position: relative;
    padding: 8px;
    box-sizing: border-box;
}

.rs.slab.square .name{
    max-width: 75px;
    overflow: hidden;
}

.rs.slab.buyer.grid .name {
    margin-top: 12px;
}

.rs.slab .name {
    margin-top: 8px;
    color: var(--text-color); /* чтобы не становился красным при наведении курсора при тэге a */
}

.rs.slab.clickable:hover {
    border-color: var(--btns-solid-border-color-hover);
    cursor: pointer;
}

.rs.slab.buyer > div {
    padding: 8px;
}

.rs.buyer.grid .body {
    padding: 15px;
}

.rs.buyer .name {
    font-weight: 500;
}

.rs.product .box.info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 0; 
}

.rs.service.buyer .box.info {
    height: 60px;
}

.rs.grid.buyer .box.info {
    height: 35px;
}

.rs.service .period {
    font-size: 11px;
    margin-top: 7px;
}

.rs.product.buyer .footer {
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.rs.product.buyer.cash .footer {
    background-color: #9A6E09;    
}

.rs.product.buyer.points .footer {
    background-color: #008A00;    
}

.rs.product.buyer .footer.on {
    background-color: cornflowerblue;    
}

.rs.product .image {
    margin: auto;
    padding-bottom: 0;    
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.rs.buyer.service .image {
    height: 60px;
    background-size: 45px;
}

.rs.slab.grid .image {
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.rs.service .image.invis {
    background-image: var(--rs-service-invis-icon);
}

.rs.service .image.avaframe {
    background-image: var(--rs-service-avaframe-icon);
}

.rs.service .image.noads {
    background-image: var(--rs-service-noads-icon);
}

.rs.service .image.points_1k {
    background-image: var(--rs-service-points-icon);
}

.rs.grid .image.love {
    background-image: url(/images/products/love.svg);
}

.rs.grid .image.hug {
    background-image: url(/images/products/hug.svg);
}

.rs.grid .image.angel {
    background-image: url(/images/products/angel.svg);
}

.rs.grid .image.respect {
    background-image: url(/images/products/respect.svg);
}

.rs.grid .image.sun {
    background-image: url(/images/products/sun.svg);
}

.rs.grid .image.gold {
    background-image: url(/images/products/gold.svg);
}

.rs.grid .image.candy {
    background-image: url(/images/products/candy.svg);
}

.rs.grid .image.friend {
    background-image: url('/images/products/friend.svg');
}

.rs.grid .image.flowers {
    background-image: url('/images/products/flowers.svg');
}

.rs.grid .image.idol {
    background-image: url('/images/products/celebrity.svg');
}

.rs.grid .image.cutie {
    background-image: url('/images/products/cutie.svg?');
}

.rs.grid .image.money {
    background-image: url('/images/products/money.svg');
}

.rs.grid .image.birthday {
    background-image: url('/images/products/cake.svg');
}

.rs.grid .image.kiss {
    background-image: url('/images/products/kiss.svg');
}

.rs.grid .image.thanks {
    background-image: url('/images/products/thanks.svg');
}

.rs.grid .image.genius {
    background-image: url('/images/products/genius.svg');
}

.sort_bar * {
    display: inline-block;
    vertical-align: middle;
    font-size: 12.3px;
}

.sort_bar .box:not(:last-child) {
    margin-right: 7px;
}

.sort_bar .box {
    height: 32px;
    border: 1px solid var(--field-border-color);
    padding: 0 6px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: var(--btns-solid-bg-color);
}

.sort_bar .box.checkbox {
    padding: 0 10px;
}

.sort_bar .box.checkbox input {
    margin: 0;
    margin-left: 8px;
    width: 12px;
}

.sort_bar .field {
    padding: 0 2px;
    background-color: inherit;
}

.sort_bar input, .sort_bar select {
    border: none;
    height: 30px;
}  

.sort_bar .delim_1 {
    height: 15px;
    margin-left: 8px;
    border-color: var(--btns-solid-delim-color);
}

table.rss {
    padding: 5px 0;
    border-collapse: collapse;
}

table.rss.clickable tr[data-url]:hover {
    background-color: var(--resources-table-tr-hover);
    cursor: pointer;
}

table.rss tr.thead td {
    font-size: 13.4px !important;
    background-color: var(--resources-table-head-color) !important;
    font-weight: 500;
}

table.rss tr:nth-child(odd) {
    background-color: var(--resources-table-tr-odd-color);
}

table.rss td {
    padding: 8px 10px;
}

table.rss.accruals td.cnt {
    width: 50px;
}

table.rss.accruals tr:not(.thead) td.cnt {
    color: var(--points-color);
}

table.rss.accruals td.cnt.minus {
    color: red !important;
}
    
table.rss td.pass {
    width: 70px;
    font-size: 11.3px;
}

table.rss td {
    border: 1px solid var(--resources-table-border-color);
}

table.rss.ranks td.id {
    width: 20px;
    text-align: center;
}

.ctnr.rates td.cnt {
    text-align: center;
}

table.rss.users td:not(:first-child) {
    width: 155px;
}

table.rss.groups td:not(:first-child) {
    width: 150px;
}

table.rss.groups_users td:not(.header) {
    width: 140px;
}

table.rss.visitors td:not(.header), table.rss.donations td:not(.header) {
    width: 155px;
}

table.rss.headers td:not(.header) {
    font-size: 11.3px;
}

table.rss.headers tr {
    height: 44px;
}

table.rss.dialogues td.header {
    width: 240px;
}

table.rss td.checkbox {
    width: 1px;
}

table.rss.dialogues td.last_message .message_new {
    color: orange;
}

.popup.in_top_menu {
    position: fixed;
    z-index: 7 !important;
}

#popup_categories .content {
    column-count: 3;
}

#popup_categories .select_menu {
    margin: 0px;
}

#popup_categories  a {
    display: block;
    padding: 10px 10px;
}

#popup_categories a.selected, #popup_categories a:hover {
    border-radius: 2px;
    border-left: 0;
}

.tb.header {
    width: auto;
}

.tb.header > * {
    vertical-align: middle;
}

.tb.header.multiline > * {
    vertical-align: top;
}

.tb.header .ava.mini {
    margin-right: 10px;
}

.tb.header .cell.info div {
    color: var(--value-text-color);
}

.tb.header .cell.info {
    word-break: break-word;
}

.tb.header .cell.extra {
    white-space: nowrap;
}

table.rss.groups .tb.header .cell.extra .cnt {
    margin-left: 4px;
} 

.tb.header.large .cell.info {
    padding-left: 12px;
}

.tb.header.large .cell.info .name {
    font-size: 19px;
}

.tb.header.large .cell.info .sub {
    margin-top: 5px;
}
  
.popup.simple .content {
    padding: 14px;
    overflow-x: hidden; /* из-за бага мозилы со скролбаром*/
}

.popup.menu .content > .body {
    padding: 5px 0;
    overflow-x: hidden;
}

.popup .report_message {
    padding: 14px;
    text-align: center;
}

.popup_users .content {
    max-height: 208px;
    overflow-y: auto;
}

.popup_users .box_userlist > div:not(:first-child) {
    margin-top: 12px;
}

.tb.header.small .cell.info {
    padding-left: 8px;
    min-width: 180px;
}

.box.side.left .section.donations .tb.header .cell.info {
    min-width: 156px;
}

.tb.header.small .cell.info .name {
    font-weight: 500; 
    font-size: 13px;
}

.tb.header.small .cell.info div {
    font-size: 11.4px;
    margin-top: 2px;
}

.popup_users .icon {
    width: 22px;
    height: 22px;
    background-position: center;
    background-color: var(--ur-cnt-color);
    border-radius: 2px;
    background-size: 18px;
    background-image: url(/images/likes/simple.svg?fill=fff);   
}

.popup_users .icon.dislike {
    transform: scaleY(-1);    
    background-color: red;
}

.popup_users .message {
    text-align: center;
    font-weight: 500;
}

/* popup - профиль пользоавтеля */

.popup.popup_profile {
    min-width: 270px;
}

.popup_profile .cell.info {
    padding-left: 10px;
}

.popup_profile .cell.info .name {
    font-weight: 500;
}

.popup_profile .cell.info div {
    margin-top: 6px;
}

.popup_profile .box {
    margin-top: 14px;
}

.popup_profile .box.info .item  {
    margin-top: 12px;
}

.popup_profile .box.info .title {
    font-weight: 500;
    vertical-align: middle;
}

.popup_profile .box.info .val  {
    color: var(--value-text-color);
    vertical-align: middle;
}

.popup_profile .box.btns .btn:not(:first-child) {
    margin-left: 4px;
}

.rs.question.parent .poll .options {
    margin: 13px 0;
}

.rs.question.parent .poll .option {
    display: flex; 
    align-items: center;
}

.rs.question.parent .poll .option:not(:first-child) {
    margin-top: 10px;
}

.rs.question.parent .poll .bar, .rs.question.parent .poll .progress {
    border-radius: 2px;
}

.rs.question.parent .poll .bar {
    width: 100%;
    margin-left: 8px;
    background-color: var(--box-poll-bar-color);
    padding: 1px 8px;
    position: relative;
}

.rs.question.parent .poll .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--box-poll-progress-color);
    opacity: .35;
}

.rs.question.parent .poll .meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.rs.question.parent .poll .meta .votes {
    white-space: nowrap;
}

.rs.question.parent .poll .meta .you_vote {
    margin-left: 4px;
}

form.question .poll .option * {
    vertical-align: middle;
}

form.question .box.poll li.option {
    margin-top: 8px;
    margin-left: 20px;
    list-style-type: decimal;
}

form.question .box.poll .inp_option {
    width: 250px;
    margin-left: 5px;
}

.box_checkboxes {
    margin-top: 15px;
}

.box_checkboxes input {
    margin: 0;
    vertical-align: middle;
}

.box_checkboxes label {
    margin-left: 7px;
    vertical-align: middle;
}

.box_checkboxes .box_checkbox {
    margin-top: 8px;
}

.btn.option {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 5px;
    font-size: 15px;
    color: white;
}

.iframe_editor {
    display: block;
    width: 100%;  /* иногда при зуме фрейм перекрывает бордюр у box textfield */
    border: none;
}

.nav_chain {
    padding: 9px 14px;
    font-size: 12.3px;
    margin-top: 14px;
    margin-bottom: 2px;
    border-radius: 2px;
    box-shadow: var(--navchain-shadow);
    background-color: var(--navchain-bg-color);
    color: var(--navchain-text-color);
}

.nav_chain ul {
    white-space: nowrap;
    overflow: hidden;
}

body.dark .nav_chain {
    margin-bottom: 0;
    margin-top: 13px;
}

.nav_chain li {
    display: inline-block;
}

.nav_chain li:not(:last-child):after {
    content: '\005C';
    padding: 0 5px;
}

.nav_chain a {
    color: var(--link-color);
}

.rs img:hover {
    cursor: pointer;
}

.modal > img {
    max-width: 100%;
    max-height: 100%;
}

.btn.close.x {
    position: absolute; 
    color: var(--link-color);
}

.btn.close.x:hover {
    color: var(--link-hover-color) !important; 
}

.modal.mobile_menu .btn.close {
    left: 291px;
}

.modal.mobile_menu .btn.close:hover {
    color: var(--link-hover-color) !important; 
}

.section .btn.close.x { /* Кнопка-крестик закрыть */
    top: 4px; 
    right: 10px; 
    font-size: 28px;
}

.modal > .btn.close.x { 
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    top: 0; 
    right: 0; 
    font-size: 40px;
    background-color: #000;
    color: #fff;
    z-index: inherit;
    border-radius: 0;
}

.modal.form.image table tr:not(:first-child) td {
    padding-top: 11px;
}

.modal.form.image table td {
    vertical-align: middle;
}

.modal.form.image table .th {
    font-weight: 500;
    width: 120px;
}

.modal.form.image select {
    width: 176px;
}

.btn_paste {
    padding: 0 10px;
}

.modal.form.image .section {
    width: 296px;
}

.section.profile .box.profile .title {
    font-weight: 500;
}

.section.profile .val {
    margin-left: 6px;
    word-break: break-word;
    color: var(--value-text-color);
}

.section.settings fieldset:not(:first-child) {
    margin-top: 15px;
}

.section.settings fieldset {
    border: 1px solid var(--delim-1-color);
}

div.ava.loop {
    cursor: pointer;
}

.settings .body legend {
    font-weight: 500;
}

.settings .avas .tb div {
    vertical-align: middle;
}

.settings .avas .btn_box {
    padding-left: 10px;
}

.settings .body table {
    width: auto;
}

.settings .body table {
    width: auto;
}

.settings.user .invis .extra {
    margin-left: 8px;
}

#popup_avas_list .content {
    width: 222px;
    max-height: 215px;
    padding: 3px;
    overflow-y: auto;
}

#popup_avas_list .content img {
    display: inline-block;
    margin: 3px;
    cursor: pointer;
    width: 45px;
    height: 45px;
}

.modal.window .section .box.btns.dialog {
    margin-top: 15px;
}

.modal.window .section .box.btns.dialog .btn {
    height: 30px;
    padding: 0 8px;
}

.modal.window .section .box.btns.dialog .btn.cancel {
    margin-left: 8px;
}

.settings .btn.edit {
    display: inline-block;
    width: 17px;
    height:17px;
    vertical-align: middle;
    background-image: var(--pencil-green-icon);
    background-size: 17px;
}

.settings .inline div {
    padding: 8px 0;
    line-height: 20px;
}

.settings .inline .title {
    margin-right: 8px;
}

.settings .inline .value {
    font-style: italic;
    word-break: break-word;
}

.settings .inline .btn.edit {
    margin-left: 8px;
}

.settings .privacy table td {
    height: 28px;
    vertical-align: middle;
}

.settings .privacy table tr td:nth-child(n+2) {
    width: 60px;
    text-align: center;
}

.settings .inline .sex, .settings .inline .invis {
    display: flex;
    flex-direction: row;
}

.settings .inline label {
    display: inline-flex;
    flex-direction: row;
}

.modal.window.confirm .text {
    line-height: 25px;
}

.modal.window.confirm .text a {
    text-decoration: underline;
}

.modal.window.confirm p.warning {
    margin-top: 11px;
    font-style: italic;
}

.section.headers .foot {
    font-weight: 500;
}

.section.headers .tb.header:not(:first-child) {
    margin-top: 15px;
}

.rss.photos.list {
    display: flex;
    flex-wrap: wrap;
}

.rs.photo.list {
    display: inline-block;
    margin: 0 20px 20px 0;
    text-align: center;
}

.rs.photo.list img {
    display: block;
    border: 1px solid #555;
    width: 100%;
    box-sizing: border-box;
}

.rs.photo .btn.like .title {
    display: inline-block !important;
}

.section.photos.list .box.btn_more.bottom {
    margin-top: 0;
}

.modal.image {
    background-color: #000;
}

.modal.image .report_message {
    color: #fff;
}

.modal.page, .modal.mobile_menu {
    top: 56px;
    align-items: flex-start;
}

.modal.page > .body {
    width: 800px;
    height: calc(100% - 56px);
    max-height: 100%;
    overflow-y: auto;
    padding: 13px 7px;
    box-sizing: border-box;
    position: relative;
}

.modal.page > .body:focus {
    outline: none;
}

.modal.page > .body::-webkit-scrollbar {
    width: 13px;
}

.modal.page > .body::-webkit-scrollbar-thumb { /* плашка-бегунок */
    background: #aaa;
    border-radius: 2px;
}

.modal.page > .body::-webkit-scrollbar-track { /* фон */
    margin: 13px 0;
}

.modal.page .section {
    max-width: 100%;
}

.modal.page .section.photo.parent img {
    display: block;
    margin-top: 12px;
    cursor: default;
    max-width: 100%;
}

.modal.page .section.comments.list {
    margin-top: 13px;
}

.rs.compact .box.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section.comments .rs.compact:not(:first-child) {
    margin-top: 30px;
}

.rs.compact .box.cnts.solid .btn {
    padding: 0 9px
}

.rs.compact .box.cnts.solid .btn {
    font-size: 12.2px;
}

.rs.compact .box.cnts.solid .btn .delim {
    margin: 0 6px;
    height: 13px;
}

.rs.compact .box.cnts.solid .btn.like .icon {
    width: 17px;
    height: 16px;
    background-size: 17px;
}

.rs.compact .box.cnts.solid .btn.fix {
    background-size: 13px;
}

.rs.compact .box.head .cnts.solid .btn {
    height: 22px !important;
}

.rs.compact .box.cnts.solid .btn {
    height: 24px;
}

.rs .box.text {
    max-height: 400px;
    overflow-y: hidden;
    position: relative;
}

.modal.page .rs .box.text {
    max-height: 300px;
}

.rs .box.text .box.unwrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border-top: solid 1px var(--boxtxt-border-color);
    text-align: center;
    background-color: var(--box-opacity-bg-color);
}

.rs .box.text .box.unwrap .btn {
    display: inline-block;
    padding: 6px 14px;
    margin-top: 12.5px;
    line-height: normal;
    border-radius: 2px;
}

.section.updates {
    color: #4D6680;
}

.rs.solid > a[itemprop="url"] {
    display: none;
}

.rs.user .box.cnts .join_group_admin_add, .rs.user .box.cnts .btn.filters, .rs.user .box.cnts .btn.blacklist, .rs.user .box.cnts .btn.send_accruals {
    display: none;
}

.modal.form .checkboxes p:first-child {
     margin-bottom: 15px;
}

.modal.form .checkboxes table + p {
     margin-top: 15px;
}

.modal.form .checkboxes table tr:not(:first-child) td {
    padding-top: 15px;
}

.modal.form table tr.checkbox .input {
    width: 30px;
}

.modal.form tr.checkbox .title {
    margin-left: 30px;
}

.tb.header .about {
    font-style: italic;
}

.flag_icon {
    background-size: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 0;
    width: 19px;
    height: 14.4px;
    border: 1px solid #111;
}

.str.country * {
    vertical-align: bottom;
}

.str.country .flag_icon {
    margin-left: 5px;
}

.rss.tb_list .tb.header .cell.info {
    width: 100%;
}

.section.group .rss.users .tb.header .btn.ellipsis {
    vertical-align: middle;
    margin-left: 6px;
}

.rs.user .place .val {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 0px;
    font-size: 11.4px;
    background-color: dodgerblue;
    color: #fff;
    text-align: center;
}

.modal.window.auth .btn.forget_pass {
    margin-left: 14px;
}

.section.group.rules .btn, .section.group.rules form {
    margin-top: 15px;
}

.modal.convert_base.post_to_question .categories td {
    padding-bottom: 15px;
}

.content.contacts .links {
    line-height: 34px;
}

.content.contacts .links .title {
    font-weight: 500;
}

.content.contacts .links a {
    text-decoration: underline;
}

.modal.form.cashout form > .box:not(:first-child) {
    margin-top: 15px;
}

.modal.form input.cost {
    width: 70px;
}

.modal.form.cashout .field.system {
    width: auto;
    margin-right: 10px;
}

.modal.form.cashout .currency {
    margin-left: 8px;
}

.modal.form .box.message {
    font-style: italic;
    line-height: 26px;
}

.modal.form.cashin .box.message {
    margin-top: 15px;
}

.modal.form.cashin .field.cnt {
    margin: 0 5px;
}

.section.h2text .body h2 {
    font-weight: 500;
    font-size: 15px;
    margin: 0;
}

.section.h2text .body h2:not(:first-child) {
    margin-top: 20px;
}

.section.h2text .body .list { 
    padding-left: 18px;
    margin-top: 10px;
}

.section.h2text .body ol li { 
    list-style-type: none;
}

.section.h2text .body ul li { 
    list-style-type: disc;
}

.section.h2text .body {
    line-height: 22px;
}
 
.section.h2text .body li {
    margin-top: 12px;
}

.section.h2text .body p {
    margin-top: 12px;
}

.section.h2text a { 
    text-decoration: underline; 
} 

.section.grid.parent .delim_1.h {
    margin: 15px 0;
}

.rs.user .group a {
    display: inline-block;
    padding: 2px 6px;
    font-size: 12px;
    background-color: orange;
    color: #111;
}

.rs.dialog td.last_message {
    font-size: 13.4px !important;
}

.rss.messages #ur_messages {
    background-color: var(--boxtxt-bg-color);
    margin: 25px 0;
    padding: 10px;
    color: var(--text-color);
    border: solid 1px var(--boxtxt-border-color);
    text-align: center;
    font-weight: 500;
}

nv-swear {
    color: transparent;
    background-image: url('/images/censore_mosaic.svg');
    background-size: 12px;
}

nv-swear:hover {
    cursor: pointer;
}

.box.cnt_symbols {
    border-top: 1px solid var(--field-border-color);
    color: var(--text-color);
    padding: 8px;
    font-size: 12px;
}

.box.cnt_symbols .cnt.current.overflow {
    color: red;
}   

.box.cnt_symbols .delim {
    padding: 0 2px;
}

.box.textfield {
    border: 1px solid var(--field-border-color);
    border-radius: 2px;
}

.box.textfield textarea {
    border: none;
}

.modal.add_media .layer.upload {
    text-align: center;
}

.modal.add_media .box.frame {
    border: 1px solid var(--field-border-color);
    padding: 10px;
    line-height: 30px;
}

.modal.add_media .box.limits {
    margin-top: 10px;
}

.modal.add_media .box.drop_target {
    background: url('/images/others/upload.svg?fill=aaa') 50% 5px / 55px no-repeat;
    padding-top: 60px;
    cursor: pointer;
}

.modal.add_media .drop_target.over {
    box-shadow: 0 0 0 3px var(--field-border-color);
}

.modal.add_media .drop_target .delim_1.h {
    margin: 10px 0;
}

.modal.add_media .drop_target .link {
    color: var(--link-color);
    text-align: center;
    font-weight: 500;
}

.modal.add_media .drop_target:hover .link {
    text-decoration: underline;
}

.modal.add_media .box.limit {
    margin-top: 15px;
}

.modal.add_media.video ul.services {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.modal.add_media.video ul.services li {
    padding: 6px 10px;
    margin: 3px;
    border: 1px solid var(--field-border-color);
    width: 48%;
    box-sizing: border-box;
    border-radius: 2px;
}