.new_meet_link a{
	display: block;
	background: url(/images8/cocktail.svg) no-repeat 10px 10px / 30px 30px, var(--color-tabbutton);
	padding: 15px 15px 15px 50px;
	font-weight: bold;
	margin-bottom: 15px;
	border-radius: 5px;
	transition: background 0.3s;
}

.new_meet_link a:hover {
	background: url(/images8/cocktail.svg) no-repeat 10px 10px / 30px 30px, var(--color-tabbutton_selected);
}

.meet_list {
	display: grid;
	grid-template-columns: 200px 1fr 1fr 30px;
	grid-gap: 15px;
	padding: 10px;
	margin-bottom: 15px;
}

.meet_list:nth-child(2n) {
	background: var(--color-forum-vazhno);
	border-radius: 5px;
}

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

.meetl_calendar_icon {
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(/images8/calendar.svg) no-repeat 0px 0px / 18px 18px;
}

.meetl_place_icon {
	padding-left: 25px;
	background: url(/images8/pin.svg) no-repeat 0px 0px / 18px 18px;
	min-height: 18px;
}

.meetl_user_icon {
	padding-left: 25px;
	background: url(/images8/user.svg) no-repeat 0px 0px / 18px 18px;
	min-height: 18px;
}

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

.mt_status_2 {
	color: var(--color-ramka2);
}

.mt_status_3, .mt_status_4 {
	color: var(--color-warning);
}

.meet_block_info {
	padding: 10px;
	margin-bottom: 15px;
	background: var(--color-forum-vazhno);
	border-radius:5px;
	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 15px;
	
}

.meet_users_list {
	display: grid;
	grid-template-columns: 50px auto 70px;
	grid-gap: 15px;
	max-width:700px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style:dotted;
	border-width: 0 0 1px 0;
	border-color: gray;
}

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

.userpic_meet {
	width: 50px;
	margin-right: 10px;
	float: left;
}

.userpic_meet img {
	display: block;
	width: 50px;
	height: 50px;
	border-radius:5px;
}


.button_hide_meet a{
	background: url(/images8/stop.svg) no-repeat 7px 8px / 16px 16px;
}

.button_edit_meet a{
	background: url(/images8/pencil.svg) no-repeat 7px 8px / 16px 16px;
}

.button_meet_forum a{
	background: url(/images8/comments.svg) no-repeat 7px 8px / 16px 16px;
}


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

.meetl_date_place {
	grid-area: meetl_date_place;
}

.meetl_title {
	grid-area: meetl_title;
}

.meetl_users {
	grid-area: meetl_users;
}

.meetl_edit {
	grid-area: meetl_edit;
}


.meet_list {
	display: grid;
	grid-template-columns: 200px auto 30px;
	grid-gap: 15px;
	padding: 10px;
	
	grid-template-areas:
	"meetl_date_place meetl_title meetl_edit"
	"meetl_date_place meetl_users meetl_users";
}

}


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

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


.meet_block_info .meetl_place_icon, .meet_block_info .meetl_calendar_icon {
	margin-left: 35px;
}


.meet_list {
	display: grid;
	grid-template-columns: auto 30px;
	grid-template-rows: auto auto auto auto;
	grid-gap: 15px;
	padding: 10px;
	
	grid-template-areas:
	"meetl_date_place meetl_edit"
	"meetl_title meetl_title"
	"meetl_users meetl_users"
}

}