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

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

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

}


.userpic img{
	display: block;
	width: 100px;
}

.sobes_open_menu {
	width: 28px;
	opacity: 0.5;
	display: none;
	cursor: pointer;
}

.sobesedniki_list_n:hover .sobes_open_menu{
	display: block;
}

.deleted_sobes {
	opacity: 0.7;
}

.adel {
	font-size: 12px;
	text-align: center;
}


.sobes_menu {
	display: none;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-style: dotted;
	border-width:  0 0 1px 0;
	border-color: var(--color-menu-border);
}


.btn_ignorsob{
	background: url(/images8/stop.svg) no-repeat 0 2px / 15px 15px;
	padding: 0 0 0 22px;
	max-width: 130px;
	cursor: pointer;
}

.btn_ignorsob:hover {
	text-decoration: underline;
}

.btn_delsob{
	background: url(/images8/delete.svg) no-repeat 0 2px / 17px 17px;
	padding: 0 0 0 22px;
	min-height: 19px;
	cursor: pointer;
	max-width: 200px;
}


.btn_delsob:hover {
	text-decoration: underline;
}

.btn_toanketa a{
	display: block;
	background: url(/images8/forvard.svg) no-repeat 0 1px / 16px 16px;
	padding: 0 0 0 22px;
}


.btn_toanketa_zamok a{
	display: block;
	background: url(/images8/lock.svg) no-repeat 0 1px / 16px 16px;
	padding: 0 0 0 22px;
	color: var(--color-link-sendotvet);
}

.btn_sobfolder{
	background: url(/images8/folder.svg) no-repeat 0 center / 16px 16px;
	padding: 0 0 0 23px;
	white-space: nowrap;
}

.btn_deistviya_sob a{
	display: block;
	background: url(/images8/calendar.svg) no-repeat 0 1px / 16px 16px;
	padding: 0 0 0 22px;
}

.btn_para_list a{
	display: block;
	background: url(/images8/hearts.svg) no-repeat 0px 1px / 1rem 1rem;
	padding: 0 0 0 22px;
}


.btn_sobabuse a{
	display: block;
	background: url(/images8/warn.svg) no-repeat 0 1px / 1rem 1rem;
	padding: 0 0 0 22px;
}


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

.btn_toanketa a{
	padding: 5px 5px 5px 27px;
	border-radius: 5px;
	background: url(/images8/forvard.svg) no-repeat 5px 6px / 1rem 1rem;
	border: 1px solid var(--color-lightgray);
}

.btn_toanketa_zamok a{
	padding: 5px 5px 5px 27px;
	background: url(/images8/lock.svg) no-repeat 5px 6px / 1rem 1rem;
	border: 1px solid var(--color-lightgray);
}

.btn_deistviya_sob a{
	background: url(/images8/calendar.svg) no-repeat 5px 6px / 1rem 1rem;
	padding: 5px 5px 5px 27px;
	border-radius: 5px;
	border: 1px solid var(--color-lightgray);
}

.btn_para_list a{
	background: url(/images8/hearts.svg) no-repeat 5px 6px / 1rem 1rem;
	padding: 5px 5px 5px 27px;
	border-radius: 5px;
	border: 1px solid var(--color-lightgray);
}


.btn_sobabuse a{
	background: url(/images8/warn.svg) no-repeat 6px 6px / 1rem 1rem, var(--color-tabbutton);
	padding: 5px 5px 5px 28px;
	border-radius: 5px;
}

.btn_delsob{
	background: url(/images8/delete.svg) no-repeat 6px 6px / 1rem 1rem, var(--color-tabbutton);
	padding: 5px 5px 5px 28px;
	border-radius: 5px;
	max-width: none;
}

.btn_ignorsob{
	background: url(/images8/stop.svg) no-repeat 6px 6px / 1rem 1rem, var(--color-tabbutton);
	padding: 5px 5px 5px 28px;
	border-radius: 5px;
	max-width: none;
}

.btn_sobfolder{
	background: url(/images8/folder.svg) no-repeat 5px center / 1rem 1rem;
	padding: 5px 5px 5px 29px;
}

}





.newmsg_round {
	display: block;
	padding: 5px 5px;
	color: var(--color-bg);
	background: var(--color-newmsg_round);
	border-radius: 10px;
	margin-top: 10px;
	text-align: center;
	font-size:12px;
}

.msg_btn_mobile {
	display: none;
}

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

.msgmenu_folder div{
	padding: 8px;
	padding-left: 36px;
	border: 1px solid var(--color-lightgray);
	font-weight: bold;
	cursor: pointer;
	border-radius: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.msg_folder {
	padding: 8px;
	padding-left: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

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

.msgmenu_folder_default{
	background: url(/images8/folder.svg) no-repeat 8px 6px / 20px 20px, var(--color-content-bg);
}

.msgmenu_folder_ignored{
	background: url(/images8/stop.svg) no-repeat 12px 13px / 12px 12px, url(/images8/folder.svg) no-repeat 8px 6px / 20px 20px, var(--color-content-bg);
}

.msgmenu_folder_deleted{
	background: url(/images8/folder_gray.svg) no-repeat 8px 6px / 20px 20px, var(--color-content-bg);
}

.msgmenu_folder_lovemsg{
	background: url(/images8/loveletter1.svg) no-repeat 8px 6px / 20px 20px, var(--color-content-bg);
}

.msgmenu_folder_para{
	background: url(/images8/para.svg) no-repeat 8px 6px / 20px 20px, var(--color-content-bg);
}

.msgmenu_folder_unreg{
	background: url(/images8/mail.svg) no-repeat 8px 6px / 20px 20px, var(--color-content-bg);
}

.msgmenu_folder_edit{
	background: url(/images8/loon-icon.svg) no-repeat 12px 13px / 28px 28px, url(/images8/folder.svg) no-repeat 8px 6px / 20px 20px, var(--color-content-bg);
}

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

.msg_folder span {
	display: block;
}


.msgmenu_online a{
	display: block;
	padding: 8px;
	padding-left: 36px;
	border: 1px solid var(--color-lightgray);
	border-radius: 6px;
	float: left;
}

.msgm_online, .msgmenu_online a:hover {
	color: var(--color-text);
	background: url(/images8/tick1.svg) no-repeat 8px center / 20px 20px,var(--color-btn_online2) ; /*#e2f1c3*/
}

.msgm_offline {
	color: var(--color-darkgray);
	background: url(/images8/tick1_off.svg) no-repeat 8px center / 20px 20px, var(--color-btn_online1); /*#e2f1c3*/
}


.msgmenu_opensearch div {
	padding: 8px;
	padding-left: 36px;
	border: 1px solid var(--color-lightgray);
	border-radius: 6px;
	float: right;
	background: url(/images8/search.svg) no-repeat 8px 6px / 20px 20px, var(--color-bg);
	cursor: pointer;
}

@media screen and (max-width: 480px) {
.msgmenu_opensearch div {
	width: 0px;
	color: transparent;
	padding-right: 0;
}
}

.messages_folders {
	padding: 0px;
	background: var(--color-content-bg);
	border: 1px solid var(--color-lightgray);
	margin-top: 10px;
	padding-bottom: 2px;
	border-radius:6px;
}

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

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

.sobesed_search {
	padding: 8px;
	border: 1px solid var(--color-lightgray);
	background: var(--color-content-bg);
	margin-top: 10px;
	border-radius: 6px;
}

.sobesed_search .submit_button {
	min-width: 0;
	padding-left: 15px;
	padding-right: 15px;
}

.sob_search {
	display: grid;
	gap:0 15px;
	grid-template-columns: 150px auto 100px 70px;
	grid-template-areas:
	"sobs_title sobs_input sobs_submit sobs_cancel";
	align-items: center;
}

.sobs_title {
	grid-area: sobs_title;
}

.sobs_input {
	grid-area: sobs_input;
}

.sobs_submit {
	grid-area: sobs_submit;
}

.sobs_cncel {
	grid-area: sobs_cancel;
}


.cancel_search {
	display: block;
	background: var(--color-lightgray);
	color: var(--color-darkgray);
	border-radius: 5px;
	cursor: pointer;
	padding: 5px;
	font-size: 14px;
	text-align: center;
}

.for_lovemsgs {
	float:left; 
	width:170px;
}

.frl_first {
	margin: 0 20px 10px 0;
}

.usersfolders_list {
	max-width: 500px;
}

.usfolders_info{
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: var(--color-gray);
	display: grid;
	gap:30px;
	grid-template-columns: auto 80px 28px 28px;
	align-items: center;
	margin-bottom: 5px;
	marg-in-top: 5px;
}

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


.save_ftitle {
	min-width: 0;
}

.folder_buttons {
	text-align: right;
}


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

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

}

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

.sobesedniki_list_n {
	grid-template-columns:100px auto 25px;
	gap:10px;
}

.sobes_open_menu {
	width: 25px;
	display: block;
}

.msg_btn_desktop {
	display: none;
}

.msg_btn_mobile {
	display: block;
}

.msg_sf {
	border-radius:0 !important;
}

}

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

.messages_menu, .messages_folders, .sobs_title {
	font-size: 0.9rem;
	gap:7px;
}

.messages_folders {
	grid-template-columns: auto;
}


.sob_search {
	gap:7px;
	grid-template-columns: auto auto 70px;
	grid-template-areas:
	"sobs_title sobs_title sobs_title"
	"sobs_input sobs_submit sobs_cancel";
	align-items: center;
}

.usfolders_info{
	gap:15px;
}

}


@media screen and (max-width: 430px) {
.folders_list{
	grid-template-columns:1fr;
}

.msg_folder span {
	display: inline;
}

.usfolders_info{
	gap:10px;
}

}

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

.msg_sf {
	padding: 5px !important;
}

}



.usersfolders {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0 20px;
}

.usersfolders > div {
	border-color:var(--color-gray);
	border-style:solid;
	border-width:0 0 1px 0;
}

.usersfolders > div a{
	padding: 5px 5px 5px 30px;
	display: block;
	background: url(/images8/folder.svg) no-repeat 5px 6px / 16px 16px;
	color: var(--color-text);
	cursor: pointer;
}

.usersfolder_add a {
	background: url(/images8/plus.svg) no-repeat 12px 13px / 12px 12px, url(/images8/folder.svg) no-repeat 5px 6px / 16px 16px !important;
}

.usersfolder_ignor a {
	background: url(/images8/stop.svg) no-repeat 12px 13px / 12px 12px, url(/images8/folder.svg) no-repeat 5px 6px / 16px 16px !important;
}

.usersfolder_deleted a {
	background: url(/images8/folder_gray.svg) no-repeat 5px 6px / 16px 16px !important;
}

.usf_title {
	width:calc(100% - 74px);
	float:left;
}

.usf_icons {
	width:74px;
	padding-top: 3px;
}


.edit_usf_img,.del_usf_img {
	display:none;
	margin-left: 10px;
}


.usersfolders > div:hover .edit_usf_img, .usersfolders > div:hover .del_usf_img {
	display:inline;
}

.current_usf .edit_usf_img, .current_usf .del_usf_img {
	display:inline !important;
}

.edit_usf {
	display:none;
	margin-top:10px;
}

.current_usf {
	background-color: var(--color-tabbutton);
}

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

#create_new_usf {
	display: none;
	margin-top:10px;
}

.usf_form_top{
	margin-bottom:10px;
}

.usf_form_close {
	width: 22px;
	padding-left: 10px;
}

.usf_form_title {
	width: calc(100% - 32px);
	float: left;
}


.sobesedniki_list {
	display: grid;
	grid-template-columns: 30px 100px auto 150px;
	gap: 15px;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: var(--color-gray);
}








.btn_ignored {
	background: url(/images8/stop.svg) no-repeat 0px 6px / 15px 15px;
	padding: 0 10px 5px 22px;
	font-size: 14px;
	color: var(--color-warning);
}

.btn_forumonly {
	background: url(/images8/info.svg) no-repeat 0px 2px / 16px 16px;
	padding: 0 10px 5px 22px;
	font-size: 14px;
}


.btn_vbrake {
	background: url(/images8/jewel.svg) no-repeat 0px 1px / 17px 17px;
	padding: 0 10px 5px 22px;
	font-size: 14px;
	color: var(--color-lastvisit);
}


.messages_grid {
	display: grid;
	grid-template-columns: auto 300px;
	gap: 15px 30px;
}

/*
.open_messages_menu {
    cursor: pointer;
    background: url(/images8/down-arrow.svg) no-repeat 12px 7px / 18px 18px, #cbdae5;
    min-height: 24px;
    border-radius: 5px;
    padding: 6px 5px 4px 40px;
}
*/

.unreg_message{
	padding:10px; 
	border: var(--color-menu-border) 2px solid;
	background: url(/images/unreg_mail.png) no-repeat 20px 12px;
	padding-left: 72px;
	min-height: 30px;
	border-radius:5px;
	display: grid;
	gap:10px;
	grid-template-columns: auto 30px;
}


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

.messages_grid {
	grid-template-columns: auto;
}

}



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

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

.unreg_message{
	background: url(/images/unreg_mail.png) no-repeat 10px 12px;
	padding-left: 52px;
}

}

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

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

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

.check_user {
	grid-row: 2 / 2;
}

.sobes_msg {
	grid-row: 2 / 2;
	grid-column: 2 / 3;
}

}