.grid_forum {
	display: grid;
	grid-template-areas:
	"forum_content forum_rightcol";
	grid-template-columns: auto 300px;
	gap: 30px;
	margin: 0 auto;
	padding: 0px 20px;
	max-width: 1700px;
	overflow: visible;
}

.forum_content {
	grid-area: forum_content;
}

.forum_rightcol {
	grid-area: forum_rightcol;
	overflow: visible;
}


@media screen and (max-width: 1300px) {

.grid_forum {
	gap:15px;
	grid-template-columns: auto 270px;
	padding: 0px 15px;
}

.forum_rightcol {

}

.forum_content {

}

}




@media screen and (max-width: 800px) {

.grid_forum {
	grid-template-columns: auto;
	grid-template-areas: 
	"forum_rightcol" 
	"forum_content";
	margin: 0;
	padding: 0;
	gap:0;
}

.forum_rightcol {

}

.forum_content {

}

}


.block_forumcontent {
	background: var(--color-content-bg);
	border-radius: 10px;
	border:1px solid var(--color-usermenu);
}

@media screen and (max-width: 800px) {

.block_forumcontent {
	border-left: none;
	border-right: none;
}

}


.forum_sendotvet {
	display: inline-block;
	background: url(/images8/chat-communication.svg) no-repeat right 10px top 5px / 1.1rem 1.1rem, var(--color-forumbutton);
	padding: 3px 38px 3px 10px;
	border-radius: 5px;
	opacity: 0.7;
	color: var(--color-link-sendotvet);
	font-size: 0.9rem;
}

.forum_sendotvet:hover {
	text-decoration: none;
	opacity: 1;
	color: var(--color-link);
}

.banned_now {
	color: var(--color-warning);
	font-size: 14px;
}

.userpic_blog {
	width: 60px;
	height: 60px;
	border-radius: 5px;
}

.userpic_blog img {
	width: 60px;
   height: 60px;
   display: block;
   margin: 0;
   padding: 0;
}

.blog_post_info {
	display: grid;
	gap:15px;
	grid-template-columns: 60px auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: var(--color-gray);
}

.blog_post_title_stat {
	display: grid;
	grid-template-columns: auto 250px;
	gap:15px;
	margin-bottom: 10px;
}


.blog_post_prosm_otv {
	display: flex;
	gap:20px;
	justify-content: flex-end;
}


@media screen and (max-width: 1000px) {

.blog_post_title_stat {
	gap:5px;
	display: flex;
	flex-direction: column-reverse;
}

.blog_post_prosm_otv {
	float: right;
}

}


.nav_readmore {
	display: block;
	background: url(/images8/forvard.svg) no-repeat 3px 3px / 20px 20px;
	height: 20px;
	padding: 3px 10px 3px 30px;
	white-space: nowrap;
	border:1px solid var(--color-usermenu);
	border-radius: 5px;
	width: fit-content;
}

.nav_readmore:hover {
	background: url(/images8/forvard.svg) no-repeat 3px 3px / 20px 20px, var(--color-usermenu);
}

.blogs_search {
	display:grid;
	gap:15px;
	grid-template-columns:39px auto;
}

.all_blogs_link a{
	display: block;
	background: var(--color-tabbutton);
	border-radius: 10px;
	padding: 7px;
	text-align: center;
	line-height: 15px;
}

.all_blogs_link img {
	width: 25px;
	height: 25px;
	display: block;
	margin: 0;
}

@media screen and (max-width: 480px) {

.blogs_search {
	gap:10px;
}

}


.post_images {
	margin-top: 15px;
	display: grid;
	gap:20px;
	grid-template-columns:1fr 1fr 1fr;
}

.post_images>div:nth-child(4) {
	display: none;
}

.post_images>div {
	aspect-ratio: 4/3;
}

.post_one_image {
	width:300px;
	margin-right: 20px;
	float: left;
	max-height: 250px;
}

.post_images img, .post_one_image img {
	max-width: 100%;
	width: auto;
	height: auto;
}

@media screen and (max-width: 1500px) {

.post_images {
	grid-template-columns:1fr 1fr;
}

.post_images>div:nth-child(4) {
	display: block;
}

}


@media screen and (max-width: 800px) {
.post_images {
	gap:10px;
}
}


@media screen and (max-width: 600px) {

.post_one_image {
	width: auto;
	margin-right: 0px;
	float: none;
	margin-bottom: 10px;
}

}


.est_video {
	margin-bottom: 5px;
	float: left;
	margin-right: 10px;
}

.est_video a, .est_video div {
	text-decoration: none;
	color: var(--color-text);
	display: block;
	width: fit-content;
	padding: 5px 40px 5px 40px;
	background: url(/images8/video.svg) no-repeat 10px center / 20px 20px, var(--color-menu);
	border-radius: 5px;
}



.hidden_menu_item {
	display: none;
}

@media screen and (max-width: 600px) {
.hidden_menu_item2 {
	display: none;
}
}


.g_poisk {
	padding: 5px 10px;
	min-height: 29px;
}

.to_unreg_msg a{
	background: var(--color-payments);
	padding: 5px;
	border-radius: 5px;
	text-align: center;
	display: block;
	color: black;
}

.est_nov_msg {
	display: inline-block;
	background: var(--color-payments);
	padding: 2px 10px;
	border-radius: 5px;
	width: 100px;
	text-align: center;
	color: black;
	font-size: 14px;
}


.newtopic_btn {
	background: var(--color-payments) !important;
}

.newtopic_btn a {
	color: #000000 !important;
}

.newtopic_btn:hover, .current_button_newtopic {
	background: var( --color-payments_plus) !important;
}

.topicslist {
	display: grid;
	grid-template-columns: 75px auto 150px;
	gap: 10px;
	padding: 15px 15px;
	
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: var(--color-gray);
}

.topicslist:last-child {
	border: none;
}


@media screen and (max-width: 800px) {
.topicslist {
	padding: 10px 10px;
}
}


/*
@supports (not(display: grid)) {
		
	.topicslist>div:first-child {
		width: 75px;
		float: left;
		margin-right: 10px;
	}

	.topicslist>div:nth-child(2) {
		width: calc(100% - 245px);
		float: left;
		margin-right: 10px;
	}

	.topicslist>div:last-child {
		width: 150px;
	}

}
*/
	
	
.tl_topic_title {
	padding-bottom:5px; 
	font-weight: bold;
	font-size: 1.05rem;
}

.small_topic_title {
	margin-top: 5px;
	font-size: 0.9rem;
}

.tl_topic_title a, .small_topic_title a {
	color: var(--color-headers);
}

.topic_vazhno {
	background: var(--color-forum-vazhno);
}

.topic_bboard {
	background: var(--color-forumbutton);
}

.forum_topicstat {
	color: var(--color-text-fade);
	font-size: 0.9rem;
}

.ts_prosm_otv {
	margin-bottom: 5px;
	display: flex;
	gap:15px;
}

.prosm_count {
	background: url(/images8/vision.svg) no-repeat 0 center / 1rem 1rem;
	padding-left: 21px;
	min-height: 16px;
	font-size: 0.9rem;
}


.otv_count {
	background: url(/images8/msg.svg) no-repeat 0 center / 1rem 1rem;
	font-size: 0.9rem;
}

.otv_count_forum {
	background: url(/images8/msg.svg) no-repeat 0 center / 1rem 1rem;
	font-size: 0.9rem;
	padding-left: 21px;
	min-height: 16px;
}

.otv_count a, .otv_count span {
	display: block;
	padding-left: 21px;
	min-height: 16px;
}

.otv_count span {
	color: var(--color-text-fade);
}

.mytopicslist {
	display: grid;
	grid-template-columns: auto 120px 150px;
	grid-gap: 15px;
	grid-template-areas: "my_top_title my_top_stat my_top_cat";
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: var(--color-gray);
}

.mytopicslist:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.my_top_title {
	grid-area: my_top_title;
}

.my_top_stat {
	grid-area: my_top_stat;
	color: var(--color-darkgray);
	font-size: 0.9rem;
	
}

.my_top_stat>div {
	display: flex;
	gap:20px;
}

.my_top_cat {
	grid-area: my_top_cat;
	font-size: 0.9rem;
}


.forum_author_info {
	width: 140px;
	padding: 10px;
	font-size: 0.9rem;
	padding-bottom: 0;
	float: left;
}

@media screen and (max-width: 1024px) {
.forum_author_info {
	padding: 0;
	padding-right: 10px;
}

}

.sob_rating {
	padding-left: 22px;
	background: url(/images10/plus-minus.svg) no-repeat 0 0 / 16px 16px;
}

.foramka, .foramka2 {
	border-style: solid;
	border-width: 2px;
	padding: 15px;
	min-height: 70px;
	border-radius:10px;
}

.rm1 {
	border-color: var(--color-ramka1);
}

.rm2 {
	border-color: var(--color-ramka2);
}

.rm3 {
	border-color: var(--color-ramka3);
}

.voice {
	position:absolute; 
	width:51px; 
	height:56px; 
	background-repeat:no-repeat; 
	margin-left:-49px; 
	margin-top:30px;
}



.post_info, .topic_info {
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color:  var(--color-gray);
	margin-bottom: 10px;
}

.post_info h1 {
	margin: 0;
	padding: 0 0 10px 0;
}

.topic_post_buttons {
	text-align: right;
	float: right;
}

.topic_post_buttons img {
	opacity: 0.7;
}

.topic_post_buttons img:hover {
	opacity: 1;
}

.post_round_button {
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-left: 10px;
}

.post_button {
	width: 18px;
	height: 18px;
	padding: 3px;
	border-radius:12px;
	background: var(--color-forumbutton);
	cursor: pointer;
	margin-left: 10px;
}

.pb_delete {
	background: var(--color-lightgray) !important;
}

.post_menu {
    float: none;
    clear: both;
    border-style: dotted;
    border-width: 1px 0 0;
    border-color: var(--color-gray);
    padding-top: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
	 gap: 5px;
	 flex-wrap: wrap;
}

.post_menu>div {
	flex-grow:1;
}

.forum_btn_citata {
	display: block;
	height: 18px;
	padding: 4px 10px 6px 35px;
	background: url(/images8/forum/citata.svg)no-repeat 10px 5px / 18px 18px, var(--color-forumbutton);
	float: right;
	border-radius: 5px;
	color: var(--color-usermenu-link);
	text-decoration: none;
	cursor: pointer;
	opacity: 0.7;
	font-size: 0.9rem;
}

.forum_btn_ls {
	display: block;
	height: 18px;
	padding: 4px 10px 6px 35px;
	background: url(/images8/mail.svg) no-repeat 10px 5px / 18px 18px, var(--color-forumbutton);
	float: right;
	margin-left: 10px;
	color: var(--color-usermenu-link);
	text-decoration: none;
	border-radius: 5px;
	cursor: pointer;
	opacity: 0.7;
}

.edited_by {
	margin-top: 10px;
	font-style: italic;
	float: none;
	clear: both;
	font-size: 0.9rem;
	color: var(--color-text-fade);
}

.moder_sdelal_predupr {
	color:#b00000;
	font-weight: bold;
	margin-top: 10px;
}

.vote_plus, .vote_minus {
	float: left;
	height: 18px;
	padding: 3px;
	min-width: 18px;
	margin-right: 10px;
	border-radius: 5px;

	cursor: pointer;
	border:2px solid var(--color-forumbutton);
	opacity: 0.7;
}

.vote_plus span, .vote_minus span {
	display: none;
}

.vote_plus:hover, .vote_minus:hover, .forum_btn_ls:hover, .forum_btn_citata:hover {
	opacity: 1;
}

.vote_plus:hover span, .vote_minus:hover span, .post_voted span {
	display: block;
	padding-left: 23px;
	padding-right: 5px;
	font-size: 0.9rem;
}

.vote_plus {
	background: url(/images8/plus.svg) no-repeat 3px 3px / 18px 18px, var(--color-forumbutton);
}

.vote_minus {
	background: url(/images8/minus.svg) no-repeat 3px 3px / 18px 18px, var(--color-forumbutton);
}

.post_voted {
	border:2px solid var(--color-tabbutton_selected);
	padding: 3px;
}

.post_rating{
	float:left;
	margin-right:10px;
	height:18px;
	padding: 6px 0px;
	text-align: center;
	min-width: 70px;
	font-size: 12px;
}

.show_post_votes{display:none}
.post_rating_plus{color:var(--color-online)}
.post_rating_minus{color:var(--color-warning)}



.forum_context_menu {
	position: absolute;
	background: var(--color-content-bg);
	padding: 15px 10px 0px 10px;
	border-radius: 10px;
	border:2px solid var(--color-menu);
	text-align: left;
	z-index: 90;
	width:250px;
	margin-left: -240px;
	display: none;
}

.fcm_close {
	position: absolute;
	width: 24px;
	height: 24px;
	margin-left: 232px;
	margin-top: -12px;
	cursor: pointer;
}

.forum_context_menu>div {
	margin-bottom: 10px;
	margin-right: 20px;
}

.forum_context_menu a {
	display: block;
	padding-left: 34px;
	color: var(--color-text);
	cursor: pointer;
	min-height: 21px;
	padding-top: 3px;
}

.fcm_warn {
	background: url(/images8/warn.svg) no-repeat 0 0 / 24px 24px;
}

.fcm_edit {
	background: url(/images8/pencil.svg) no-repeat 4px 4px / 16px 16px, url(/images8/round.svg) no-repeat 0 0 / 24px 24px;
}

.fcm_delete {
	background: url(/images8/delete.svg) no-repeat 3px 3px / 18px 18px, url(/images8/round.svg) no-repeat 0 0 / 24px 24px;
}

.fcm_sharelink {
	background: url(/images8/forum/share-link.svg) no-repeat 0 0 / 24px 24px;
}

.fcm_ls {
	background: url(/images8/email.svg) no-repeat 3px 3px / 18px 18px, url(/images8/round.svg) no-repeat 0 0 / 24px 24px;
}

.fcm_allthemes {
	background: url(/images8/comments.svg) no-repeat 3px 3px / 18px 18px, url(/images8/round.svg) no-repeat 0 0 / 24px 24px;
}

.fcm_notopics {
	background: url(/images8/stop.svg) no-repeat 3px 3px / 18px 18px, url(/images8/round.svg) no-repeat 0 0 / 24px 24px;
}

.my_menu_forum a{
	color: var(--color-link-sendotvet) !important;
	line-height: 16px;
}

.moder_menu_item a {
	color: var(--color-warning) !important;
}

.moder_menu {
	padding: 5px;
	margin-top: 10px;
	background-color: var(--color-forumbutton);
	border-radius: 5px;
	padding-bottom: 0;
}

.moder_menu strong, .moder_menu a, .moder_menu label {
	display: block;
	padding: 3px 5px;
	float: left;
	margin: 0 10px 5px 0;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
}

.moder_menu a {
	background: #708090;
	color: white;
	display: none;
}

.moder_red {
	background: #b22222 !important;
}

.show_button {
	display: block !important;
}


.ponrav_list, .nenrav_list {
	display: none;
	position: absolute;
	padding: 10px;
	background-color: var(--color-bg);
	width: auto;
	max-width: 540px;
	max-height: 240px;
	overflow: auto;
	z-index: 100;
	border-radius: 5px;
}

.ponrav_list {
	border: 1px solid var(--color-online);
}

.nenrav_list {
	border: 1px solid var(--color-headers);
}

.ukn {
	width: 100px;
	height: 120px;
	float: left;
	text-align: center;
}

.ukn div {
	margin-left: auto;
	margin-right: auto;
}


.forum_otvet_header {
	padding: 10px;
	background: var(--color-menu);
	color: var(--color-bg);
	font-weight: bold;
	border-radius:5px;
	margin-bottom: 15px;
	margin-top:15px;
}


.quote_post {
	margin-bottom: 10px;
	display: none;
}

.citata_textarea {
	background: var(--color-citata);
	border-radius:5px;
}

.quote_author {
	margin-bottom: 10px;
	padding-left: 28px;
}


.quote_author_otvet {
	background: url(/images8/chat-communication.svg) no-repeat 0 1px / 18px 18px;
	
}

.quote_author_citata {
	background: url(/images8/forum/citata.svg) no-repeat 0 0 / 18px 18px;
}

.citata {
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 4px;
	border: solid 1px var(--color-gray);
	background: var(--color-citata);
	border-radius:5px;
}

.bb_buttons img, .bb_buttons a{
	display: block;
	cursor: pointer;
	padding: 8px;
	width: 16px;
	height: 16px;
	border-radius: 5px;
	border:1px solid var(--color-gray);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #ffffff;
}

.bb_buttons a {
	color: black;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height:16px;
}

.bb_help {
	float: left;
}

.forum_usp_info {
	margin-top: 5px;
}

.hidden_otvet_form {
	display: none;
}

.display_otvet_form {
	display: block;
}

.forum_usp_title_status {
	margin-bottom: 10px;
}

.forum_usp_data {
	display: grid;
	gap:5px;
	grid-template-columns:auto;
}

.forum_usp_data>div {
	margin-bottom: 0;
}


@media screen and (max-width: 600px) {
.forum_usp_info {
	margin-top: 0;
}

.forum_usp_data {
	display: flex;
	gap:7px 25px;
	flex-wrap: wrap;
}

.hidden_otvet_form {
	display: block;
}

.display_otvet_form {
	display: none;
}

}


.forum_usp_title_status span {
	white-space: nowrap;
}

.moder {
	color: var(--color-birthday);
}

.family_status {
	min-height: 16px;
	border-radius:5px;
	padding: 3px;
	padding-left: 25px;
	max-width: 140px;
	font-size: 13px;
}

.fms_relation {
	background: url(/images8/forum/heart-lock.svg) no-repeat 3px 3px / 17px 17px, var(--color-block_info);
	border: 1px solid var(--color-tabbutton_selected);
}

.fms_married {
	background: url(/images8/forum/wedding-rings.svg) no-repeat 3px 3px / 17px 17px, var(--color-lovemsg);
	border: 1px solid var(--color-valentinka);
}

.hidden_deleted_msg {
	padding: 10px;
	background-color: var(--color-bg);
	margin-top: 10px;
	display: none;
	margin-bottom: 10px;	
}

.forum_post {
	margin-bottom: 15px;
	background: var(--color-content-bg);
	border-radius: 10px;
}

.forum_post_deleted {
	margin-bottom: 15px;
	background-color: var(--color-lightgray);
	padding: 15px;
	border-radius: 10px;
}

.vidit_author {
	color: #ff00ff;
	margin-top: 10px;
	padding-bottom: 2px;
}

.two_buttons {
	display: flex;
	flex-wrap:nowrap;
	gap:15px;
}

.two_buttons input {
	white-space: normal;
}

@media screen and (max-width: 400px) {

.two_buttons>div {
	overflow: visible;
}

.two_buttons {
	gap:10px;
}

.two_buttons input {
	padding: 6px 10px !important;
}
}


@media screen and (max-width: 359px) {

.two_buttons {
	display: block;
}

.buttn1 {
	margin-bottom: 15px;
}

.two_buttons input {
	width: 100%;
}

}



.load_new_messages {
	padding: 15px;
	background: var(--color-forum-estnewmsg);
	color: var(--color-bg);
	cursor: pointer;
	margin-bottom: 10px;
	text-align: center;
	border-radius:10px;
}

.net_messages {
	padding: 15px;
	background: var(--color-lightgray);
	color: var(--color-text);
	margin-bottom: 10px;
	text-align: center;
	border-radius:10px;
}

.to_new_messages {
	padding: 15px;
	color: Black;
	margin-bottom: 10px;
	text-align: center;
	border-radius:10px;
	background: var(--color-forumbutton);
}

.vote_bar {
	background-color: var(--color-votebar);
	height: 10px;
	overflow: hidden;
	margin-top: 4px;
}

.opros_variant {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-style: dashed;
	border-color: var(--color-lightgray);
	border-width: 0 0 1px 0;
}


.opros_in_topic {
	background-color: var(--color-block_info);
	padding: 10px;
	border-radius:5px;
	margin-top: 10px;
	margin-top: 15px;
}

.unactive_button {
	opacity: 0.5;
}

.userpic_moder {
	width: 26px;
	height: 26px;
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 5px;
}

.rubricator {
	border-collapse: collapse;
}

.rubricator td, .rubricator th {
	padding: 5px 10px;
	margin: 0;
	vertical-align: middle;
	border-color: var(--color-gray);
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
}

.rubricator tbody {
	margin-bottom: 15px;
}


.rubricator th {
	background-color: var(--color-block_info);
	text-align: left;
}

.rubricator h2 {
	 padding:0 0 0 30px; 
	 margin:0;
}

.rubricator h2 a {
	color: var(--color-text);
}

.rubrica_help {
	background: url(/images8/forum/rub_help.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_club {
	background: url(/images8/forum/rub_club.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_dating {
	background: url(/images8/forum/rub_dating.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_site {
	background: url(/images8/forum/rub_site.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_problems {
	background: url(/images8/forum/rub_problems.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_deti {
	background: url(/images8/forum/rub_deti.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_man {
	background: url(/images8/forum/rub_man.svg) no-repeat 10px 11px / 24px 24px;
}

.rubrica_family {
	background: url(/images8/forum/rub_family.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_live {
	background: url(/images8/forum/rub_live.svg) no-repeat 10px 11px / 20px 20px;
}

.rubrica_man_and_woman {
	background: url(/images8/forum/man_and_woman.svg) no-repeat 10px 11px / 20px 20px;
}

.forum_groups_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:15px 40px;
}

.forum_groups_list>div {
	background: var(--color-content-bg);
	border-radius: 10px;
}

.forum_rubrica {
	display: grid;
	grid-gap:15px;
	grid-template-columns: auto 70px;
	background: var(--color-tabbutton);
	margin-bottom: 10px;
	border-radius: 10px;
	align-items:center;
}


.forum_rubrica a {
	display: block;
	padding: 10px;
	padding-left: 40px;
	font-size:18px;
	font-weight: bold;
	color: var(--color-headers);
}

.forum_categories_list>div {
	display: grid;
	grid-gap:0;
	grid-template-columns: auto 70px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-style: dotted;
	border-width:0 0 1px 0;
	border-color: var(--color-gray);
}

.forum_categories_list>div:last-child {
	border: none;
}

.forum_categories_list>div div:first-child {
	padding-left: 10px;
	padding-right: 20px;
}

.forum_categories_list a {
	display: block;
}


.forum_group {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-color: var(--color-gray);
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
}

.forum_group:last-child {
	padding-bottom: 0;
	border: none;
}

.forum_group_info {
	width: 20%;
	margin-right: 15px;
	float: left;
	padding: 10px;
	background: var(--color-tabbutton);
	border-bottom-right-radius:10px;
}

.forum_group_ct {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.forum_group_ct a {
	color: var(--color-headers);
}

.mobile_new_topic {
	margin: 10px;
	display: none;
}

@media screen and (max-width: 500px) {
.mobile_new_topic {
	display: block;
}
}

.mobile_new_topic a {
	display: block;
	color: white;
	background: var(--color-online);
	padding: 6px;
	font-weight: bold;
	width: 200px;
	text-align: center;
	border-radius:5px;
	margin: 0 auto;
}


.new_topic_link a {
	display: block;
	color: var(--color-content-bg);
	background: var(--color-online);
	padding: 6px;
	font-weight: bold;
	width: 200px;
	text-align: center;
	border-radius:5px;
}

.moder_inf {
	margin-bottom: 7px;
	font-size: 13px;
}

.new_topic {
	color: var(--color-online); 
}

.fcnp {
	display: flex;
	gap:30px;
	align-items: center;
}


.add_opros {
	background: var(--color-tabbutton);
	padding: 10px;
	border-radius:5px;
	
}

.userpic_mini {
	width: 45px;
	height: 45px;
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	border-radius:5px;
}


.ya_skazal {
	width: 85%;
	padding: 10px;
	background: var(--color-tabbutton);
	border-radius:5px;
	margin-bottom: 5px;
}

.mne_otvetil {
	width: 85%;
	padding: 10px;
	margin-left: auto;
	border-width: 2px;
	border-style: solid;
	border-radius:5px;
}

.mne_otvetil_user {
	width: 50px;
	float: left;
}

.mne_otvetil_user img {
	width: 40px;
}

.my_comment {
	padding: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius:10px;
	background: var(--color-content-bg);
}

.my_answer {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style: dashed;
	border-color: var(--color-gray);
	border-width: 0 0 1px 0;
	margin-left: 20px;
}

.my_answer:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.comments_for_me {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	width: fit-content;
}

@media screen and (max-width: 1000px) {
.comments_for_me {
	float: none;
	margin-left: 0px;
	margin-bottom: 10px;
}
}

.plm_icon {
	width: 20px;
}

.plm_icon img {
	width: 20px;
}

.ratings {
	display: grid;
	grid-gap:15px;
	grid-template-columns: 20px 50px 200px auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style:dotted; 
	border-color:var(--color-gray); 
	border-width:0 0 1px 0; 
}

.ratings2 {
	display: grid;
	grid-gap:15px;
	grid-template-columns: 20px 50px auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style:dotted; 
	border-color:var(--color-gray); 
	border-width:0 0 1px 0; 
}
			
.all_plus_min a {
	padding:5px 15px; 
	display:block; 
	border-radius:5px; 
	color: var(--color-text-fade);
	background: var(--color-tabbutton); 
	text-align: center; 
	float: left;
	transition: background 0.3s;
}

.all_plus_min a:hover {
	background: var(--color-tabbutton_selected); 
}


.foramka_msg {
	border: 2px solid var(--color-ramka3);
   padding: 10px;
   border-radius: 10px;
   background: var(--color-content-bg);
}

.ratings3 {
	display: grid;
	grid-gap:15px;
	grid-template-columns: 20px 65px auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style:dotted; 
	border-color:var(--color-gray); 
	border-width:0 0 1px 0; 
}

.ratings3 .forum_date_time {
	white-space: normal !important;
}


.ratings2:last-child, .ratings:last-child,  .ratings3:last-child{
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}


.ban_info {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style:dotted; 
	border-color:var(--color-gray); 
	border-width:0 0 1px 0;
	display: grid;
	gap:15px;
	grid-template-columns: 130px auto;
}

.for_ban_srok {
	width: 70px;
	float: left;
	margin-right: 10px;
}

.ban_info_srok {
	font-weight:bold;
	padding: 3px;
	background: var(--color-forumbutton); 
	border-radius:3px;
	width: 70px;
}

.overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.5);
	position: fixed;
	display: none;
	z-index: 150;
}

.overlay_content_border {
	border: #7B68EE 3px solid ;
		margin-top: 50px;
}

.overlay_content img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.big_preload {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.link_forum {
	display: inline-block;
	border-radius: 5px;
	border:1px solid var(--color-lightgray);
	padding: 2px 10px;
	margin: 3px 0;
	transition: background 0.3s;
	font-size: 0.9rem;
	background: var(--color-bg);
}

.link_forum:hover {
	background: var(--color-forumbutton); 
}

.lmb_newmsg {
	background: var(--color-payments);
	border:1px solid var(--color-payments_plus);
}

.lmb_newmsg:hover {
	background: var(--color-payments_plus);
}

.private_message {
	position: fixed;
	z-index: 180;
	width: 60%;
	background: var(--color-content-bg);
	top: 100px; 
	height: auto;
	margin: 0;
	left: 20%;
	right: 20%;
	border: 2px solid var(--color-menu);
	border-radius:5px;
}

.pm_usp {
	float: left;
	margin-right: 15px;
	width: 50px;
	height: 50px;
	border-radius:5px;
}

.pm_usp img {
	width: 50px;
	height: 50px;
}

.pm_warning {
	background: var(--color-warning);
	padding: 3px 10px;
	color: var(--color-bg);
	border-radius: 5px;
}

.ok_message {
	background: var(--color-online);
	padding: 3px 10px;
	color: var(--color-bg);
	border-radius: 5px;
}

.usercomments_list {
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
	border-style: dotted;
	border-color: var(--color-gray);
	border-width: 0px 0px 1px 0px;
}

.related_topics {
	display: grid;
	gap:10px 30px;
	grid-template-columns: 1fr 1fr;
}

.table_rez {
	border-collapse: collapse;
	width: 100%;
}

.table_rez td {
	padding: 5px 15px 5px 0;
	margin: 0;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: var(--color-gray);
}


.table_rez tr td:first-child {
	width: 25%;
} 


.icon_folder {
	padding-left: 28px;
	background: url(/images8/folder.svg) no-repeat left 0 / 1.1rem 1.1rem;
}

.icon_topictitle {
	padding-left: 28px;
	background: url(/images8/a-letter.svg) no-repeat left 0 / 1.1rem 1.1rem;
}

.icon_content {
	padding-left: 28px;
	background: url(/images8/document.svg) no-repeat left 0 / 1.1rem 1.1rem;
}

.icon_otvet {
	padding-left: 28px;
	background: url(/images8/document.svg) no-repeat left 2px / 1.1rem 1.1rem;
}

.icon_link {
	padding-left: 28px;
	background: url(/images8/link.svg) no-repeat left 0 / 1.1rem 1.1rem;
}

.icon_predupr {
	padding-left: 28px;
	background: url(/images8/alert.svg) no-repeat left 0 / 1.1rem 1.1rem;
}

.icon_opros {
	padding-left: 28px;
	background: url(/images8/tick2.svg) no-repeat left 0 / 1.1rem 1.1rem;
}

.icon_opros2 {
	padding-left: 28px;
	background: url(/images10/chart-bar.svg) no-repeat left 0 / 1.1rem 1.1rem;
}

.icon_hashtags {
	padding-left: 28px;
	background: url(/images8/hashtag.svg) no-repeat left 0 / 1.1rem 1.1rem;
}


.form_inputs {
	padding-left: 28px;
}

.select_max500 {
	max-width:500px;
	width: 100%;
}


@media screen and (max-width: 425px) {
.form_inputs {
	padding-left: 0px;
}
}

.opros_form_table tr td:first-child {
	width: 22%;
	text-align: right;
}


@media screen and (max-width: 1024px) {

.tr_rm1 {
	border-color: var(--color-ramka1);
}

.tr_rm2 {
	border-color: var(--color-ramka2);
}

.tr_rm3 {
	border-color: var(--color-ramka3);
}

.voice {
	display: none;
}

.foramka {
	border: none;
	padding: 0;
	min-height: 0 !important;
	border-radius: 0;
}

.forum_post {
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-radius:10px;
}

.forum_groups_list {
	grid-template-columns: 1fr;
	gap:10px;
}

.forum_rubrica a {
	font-size:16px;
}

.forum_group_info {
	width: auto;
	margin-right: 0;
	float: none;
	border-bottom-right-radius:0px;
}
	
}

.moder_inf {
	width: 200px;
	margin-right: 15px;
	float: left;
}

.private_message {
	width: 80%;
	left: 10%;
	right: 10%;
}



@media screen and (max-width: 800px) {

.post_rating {
	border-radius:5px;
}

.rbv_forum {
	display: none;
}

.vote_plus:hover span, .vote_minus:hover span, .post_voted span {
	display: none;
}

.related_topics {
	gap:10px;
	grid-template-columns: auto;
}

}


@media screen and (max-width: 600px) {

.topicslist {
	grid-template-columns: 75px auto;
	grid-template-rows:auto auto;
	grid-gap:5px 10px;
}

.forum_topicstat {
	grid-column: 2 / 3;
}

.forum_author_info {
	width: auto;
	float: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: silver;
}

.post_info, .topic_info {
	border: none;
	padding-bottom: 0px;
	
	margin-bottom: 0px;
	
}

.post_info h1 {
	margin-bottom: 5px;
}

.post_info {
	display: block;
}

.mr10 {
	margin-right: 10px;
	float: left;
}

.mytopicslist {
	display: grid;
	grid-template-columns: 120px auto;
	grid-gap: 10px;
	grid-template-areas: 
	"my_top_title my_top_title"
	"my_top_stat my_top_cat";
}

.ratings {
	grid-gap:10px 15px;
	grid-template-columns: 20px 50px auto;
	grid-template-rows: auto auto;
}

.ratings>div:last-child {
	grid-column: 1 / 4;
}

.all_plus_min {
	float: right;
}

.private_message {
	width: calc(100% - 4px);
	left: 0%;
	right: 0%;
	top: 20px;
	position: absolute;
}

.allthemes {
	float: left;
	margin-right: 15px;
}

.table_rez, .table_rez tbody, .table_rez tr, .table_rez td {
	display: block;
}

.table_rez tr {
	margin-bottom: 5px;
}

.table_rez td {
	padding: 5px 0px 5px 0;
	border: none;
}

.table_rez tr td:first-child {
	width: auto;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: var(--color-gray);
} 

}


@media screen and (max-width: 480px) {

.ponrav_list, .nenrav_list {
	position: relative;
	width: auto;
	max-width: none;
	max-height: none;
	margin-top: 10px;
}

.new_topic_link a {
	width: auto;
}

.poisk_po_forumu{
	display: none;
}

}


@media screen and (max-width: 400px) {

.moder_inf {
	width: 150px;
	margin-right: 10px;
}

}


@media screen and (max-width: 360px) {

.bb_buttons img, .bb_buttons a {
	margin-right: 9px;
}

}

@media screen and (max-width: 355px) {

.bb_buttons img, .bb_buttons a {
	margin-right: 9px;
}

}


/* -- блоги -- */

.blog_family_status {
	font-size: 0.9rem;
	margin-bottom: 10px;
	padding: 0 10px 0px 22px;
	white-space: nowrap;
	color: var(--color-lastvisit);
}

.blog_fms_relation {
	background: url(/images8/forum/heart-lock.svg) no-repeat 0 center / 17px 17px;
}

.blog_fms_married {
	background: url(/images8/forum/wedding-rings.svg) no-repeat 0 center / 17px 17px;
}



@media screen and (max-width: 600px) {

.forum_buttons {
	flex-wrap: nowrap;
}

.forum_buttons_opened {
	display:grid;
	gap:10px;
	grid-template-columns:1fr 1fr;
}

.forum_buttons_opened>div a{
	overflow: hidden;
	text-overflow: ellipsis;
}


.blogs_buttons>div{
	flex-grow:1;
}
}

.blog_open_user_menu {
	display: none;
}

@media screen and (max-width: 600px) {

.blog_user_info_menu {
	display: grid;
	gap:5px;
	grid-template-columns:auto 24px;
}

.blog_open_user_menu {
	display: block;
}

#for_blogs_buttons {
	display: none;
}

}

.blog_user_info {
	display: flex;
	gap:10px 20px;
	flex-wrap:wrap;
}

.blog_user_info>div {
	margin-bottom: 0;
	white-space: nowrap;
}

.mt_btn_birth {
	margin-top: 10px;
}

@media screen and (max-width: 480px) {
.blog_user_info {
	gap:7px 15px;
}

.mt_btn_birth {
	margin-top: 7px;
}

}

.blog_userinfo_buttons {
	padding-top: 10px;
	margin-top: 10px;
	border-style: dashed;
	border-color: var(--color-usermenu);
	border-width: 1px 0 0 0;
	 
}

.btn_rating a, .btn_rating span{
	background: url(/images10/plus-minus.svg) no-repeat 5px center / 18px 18px;
	padding: 5px 10px 5px 30px !important;
}

.btn_blog a, .btn_blog span{
	background: url(/images8/blog-color.svg) no-repeat 5px center / 18px 18px;
	padding: 5px 10px 5px 30px !important;
}

.btn_blog_maxcomments a, .btn_blog_maxcomments span{
	background: url(/images8/msg.svg) no-repeat 6px center / 16px 16px;
	padding: 5px 10px 5px 30px !important;
}

.btn_forum_topics a, .btn_forum_topics span{
	background: url(/images8/debate.svg) no-repeat 5px center / 16px 16px;
	padding: 5px 10px 5px 30px !important;
}


.btn_blog_maxprosm a, .btn_blog_maxprosm span{
	background: url(/images8/vision.svg) no-repeat 5px center / 18px 18px;
	padding: 5px 10px 5px 30px !important;
}

.btn_blogs a, .btn_blogs span{
	background: url(/images8/blog_pages.svg) no-repeat 6px center / 16px 16px;
	padding: 5px 10px 5px 30px !important;
}

.btn_hashtags a, .btn_hashtags span{
	background: url(/images8/hashtag.svg) no-repeat 7px center / 14px 14px;
	padding: 5px 10px 5px 30px !important;
}

.btn_blogpoisk a, .btn_blogpoisk span{
	background: url(/images8/search.svg) no-repeat 6px center / 16px 16px;
	padding: 5px 10px 5px 30px !important;
}


.btn_editpost a, .btn_editpost span{
	background: url(/images8/pencil.svg) no-repeat 6px center / 16px 16px;
	padding: 5px 10px 5px 30px !important;
}

.btn_delpost a{
	background: url(/images8/delete.svg) no-repeat 7px center / 16px 16px;
	padding: 5px 10px 5px 30px !important;
}

.btn_addcomment a{
	background: url(/images8/add_comment.svg) no-repeat 5px center / 16px 16px;
	padding: 5px 10px 5px 30px !important;
}

h2.blog_post_title {
	margin: 0;
	padding: 0;
}

.blog_post_title a {
	color: var(--color-headers);
}

.blog_date_time {
	color: var(--color-lastvisit);
	font-size: 0.9rem;
	padding-left: 21px;
	background: url(/images8/work-time.svg) no-repeat 0 center / 1rem 1rem;
	white-space: nowrap;
}

.blog_date_time_form {
	color: var(--color-lastvisit);
	font-size: 14px;
}

.source_link {
	padding-left: 30px;
	display: block;
	background: url(/images8/link.svg) no-repeat 0 0 / 1rem 1rem;
}

.blog_authormenu {
	display: grid;
	gap:15px;
	grid-template-columns: 100px auto;
}

.post_datform div {
	float: left;
	margin-right: 15px;
}

.del_comm {
	background: #dcdcdc;
	color: #6a6a6a;
	padding: 5px;
}

.blogs_list {
	padding: 0px 0 5px 0;
	margin-bottom: 15px;
	border-style: dotted;
	border-color: var(--color-gray);
	border-width: 0px 0px 1px 0px;
}

.blogs_list:last-child {
	padding: 0;
	margin:0;
	border: none;
}

.blogs_list h2 a {
	color: var(--color-headers);
}

.cmm {
	margin-left: 90px;
}

.lev1 {
	margin-left: 90px;
}

.lev2 {
	margin-left: 180px;
}

.lev3 {
	margin-left: 270px;
}

.lev4 {
	margin-left: 360px;
}


.blog_avatar {
	width: 100px;
	height: 100px;
	border-radius:5px;
}

.blog_avatar img {
	display: block;
	width: auto;
	max-width: 100%;
}

.taglist {
	padding-bottom:5px;
	margin-bottom:10px;
}

.tl300 {
	max-height:300px; 
	overflow-y:auto;
	background: var(--color-bg);
	padding: 10px;
}

.taglist div {
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
	cursor: pointer;
}

.taglist div a {
	color: #483D8B;
}

.taglist div a span {
	color: var(--color-text);
}

.search_ht {
	padding: 5px;
	background: url(/images8/hashtag.svg) no-repeat 10px 10px / 16px 16px , var(--color-bg);
	border-top-right-radius: 5px;
	border-top-left-radius:5px;
	max-width: 270px;
	padding-left: 40px;
}

.search_ht_blog {
	padding: 5px;
	background: url(/images8/hashtag.svg) no-repeat 10px 10px / 16px 16px , var(--color-usermenu);
	border-radius: 5px;
	padding-left: 40px;
	margin-bottom: 5px;
}

.forum_img img{
	display: block;
	margin-bottom: 10px;
	width: auto;
	max-width: 100%;
	height: auto;
}

.forum_aspect_ratio {
	width: 100%;
	height: 0;
}

.g_poisk {
	padding: 5px 10px;
}


@media screen and (max-width: 800px) {

.cmm {
	margin-left: 45px;
}

.lev1 {
	margin-left: 45px;
}

.lev2 {
	margin-left: 90px;
}

.lev3 {
	margin-left: 135px;
}

.lev4 {
	margin-left: 180px;
}

}


@media screen and (max-width: 600px) {

.blog_authormenu {
	grid-template-columns: 75px auto;
	grid-gap:10px;
}


.blog_avatar {
	width: 75px;
	height: 75px;
}

.ts_prosm_otv {
	float: left;
	margin-right: 40px;
}


.taglist {
	display: flex;
	flex-wrap: wrap;
	align-content:center;
	gap:10px;
}
.taglist>div {
	margin: 0;
	flex-grow: 1;
}

.taglist div a {
	display: block;
	padding: 3px 5px;
	border:1px solid var(--color-gray);
	border-radius: 5px;
}

}



@media screen and (max-width: 480px) {
.cmm {
	margin-left: 0;
}

.lev1 {
	margin-left: 0px;
}

.lev2 {
	margin-left: 0px;
}

.lev3 {
	margin-left: 0px;
}

.lev4 {
	margin-left: 0px;
}


.blog_authormenu {
	grid-template-columns: 60px auto;
}


.blog_avatar {
	width: 60px;
	height: 60px;
}

}

@media screen and (max-width: 400px) {



.ts_prosm_otv {
	float: none;
	margin-right: 0px;
	margin-bottom: 5px;
}

.forum_topicstat>div:last-child {
	text-align: right;
	font-size: 13px;
}

}


.forum_gallery {
	display: flex;
	gap:15px;
	flex-wrap:wrap;
}


.prev_next_posts {
	display: grid;
	gap:15px;
	grid-template-columns: 1fr 1fr;
}

.pnp_prev {
	padding-left: 26px;
	background: url(/images8/back.svg) no-repeat 0 1px / 1rem 1rem;
}

.pnp_next {
	text-align: right;
	padding-right: 26px;
	background: url(/images8/forvard.svg) no-repeat right 1px / 1rem 1rem;
}

@media screen and (max-width: 600px) {

.prev_next_posts {
	gap:10px;
	grid-template-columns: auto;
}

}


.pub_show_oneimg {
	margin-bottom: 20px;
}

.pub_show_oneimg:last-child {
	margin-bottom: 0;
}

.pub_oneimg_bg {
	position: relative;border-radius: 10px;
}

.pub_oneimg_bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--bg-url);
    background-size: cover;
    background-position: center;
    filter: blur(10px);
    opacity: 0.3;
    
}



.pub_show_oneimg img {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	max-height: 800px;
}

.pub_show_oneimg_title {
	padding: 10px 10px 0 10px;
	text-align: center;
	font-weight: bold;
}

.pub_show_content {
	margin-bottom: 20px;
}

.pub_show_content:last-child {
	margin-bottom: 0;
}

.pub_show_video {
	margin-bottom: 20px;
}

.pub_show_video:last-child {
	margin-bottom: 0;
}

.pub_show_video .forum_video {
	max-width: 800px;
	margin: 0 auto;
}

.pub_show_video .forum_video_clip {
	max-width: 325px;
	margin: 0 auto;
}

.pub_show_slider {
	margin-bottom: 20px;
	padding: 10px 0 10px 0;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: var(--color-menu-border);
	border-radius:10px;
	background: #e6e6fa;
}

.pub_images_slider {
	display: flex;
	flex-wrap:nowrap;
}

.pub_slider_img {
	width: 100%;
	flex-shrink: 0;
}

.pub_slider_img img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	padding: 0;
}

.pub_slider_counter {
	background-color: var(--color-menu);
	padding: 3px 6px;
	border-radius: 5px;
	color: var(--color-menu-text);
	width: fit-content;
	position: absolute;
	z-index: 50;
	margin:  0 0 0 10px;
	font-size: 0.9rem;
}

@media screen and (max-width: 1480px) {

.pub_show_slider {
	padding: 0 0 10px 0;
}

.pub_slider_counter {
	margin:  10px 0 0 10px;
}

}


.publ_opros {
	display: grid;
	gap:20px;
	grid-template-columns: 3fr 2fr;
}

.pub_userpic_forum {
	width: 75px;
	height: 75px;
	border-radius: 5px;
	float:left; 
	margin-right:10px;
}

.pub_userpic_forum img {
	width: 75px;
   height: 75px;
}


@media screen and (max-width: 1200px) {

.publ_opros {
	gap:15px;
	grid-template-columns: auto;
}

}

.forum_user_inform {
	display: grid;
	gap:20px;
	grid-template-columns: 250px auto;
}

.forum_user_pubt {
	padding:10px; 
	border: 2px solid var(--color-menu-msg);
	background: var(--color-content-bg);
	border-radius:10px;
}

@media screen and (max-width: 1000px) {

.forum_user_inform {
	gap:15px;
	grid-template-columns: auto;
}

.pub_userpic_forum {
	width: 50px;
	height: 50px;
}

.pub_userpic_forum img {
	width: 50px;
   height: 50px;
}

}

.link_to_comment {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px;
	background: var(--color-forumbutton);
}

.open_hastags_list {
	display: flex;
	gap:10px;
	flex-wrap:wrap;
	padding-left: 28px;
	max-height: 200px;
	overflow-y: auto;
}

.open_hastags_list:not(:empty) {
	margin-top: 10px;
}

.open_hastags_list div a{
	display: block;
	padding: 5px 10px;
	border:1px solid #e0e0e0;
	border-radius:5px;
}

.app_hashtags {
	display: flex;
	gap:10px;
	flex-wrap:wrap;
	padding-left: 28px;
}

.app_hashtags:not(:empty) {
	margin-top: 10px;
	margin-bottom: 10px;
}

.app_hashtags span{
	display: block;
	padding: 5px 30px 5px 10px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	background: url(/images8/close-circle.svg) no-repeat right 5px center / 16px 16px, var(--color-tabbutton);
	cursor: pointer;
}