.modal__content #inv_buts,
.modal[data-group=invite] .modal__content .buttons {
	height: auto;
	text-align: center;
	font: 14px/20px var(--font-base);
}

.modal[data-group=invite] .modal__content .buttons .button_big {
	margin: 0 auto 16px;
	width: 240px;
}

.modal[data-group=invite] .modal__content .buttons .button_big.button_white {
	width: 120px;
	border-radius: 20px;
}

.modal[data-group=invite] .modal__content #inv_buts {
}

.modal[data-group=invite] .modal__content #inv_buts .button_big {
	width: 390px;
	margin: 16px auto;
}

.modal[data-group=invite] .modal__content .buttons a.inline {
	border-bottom-width: 0;
	font-size: 12px;
}

#invite {
	font: 14px/20px var(--font-base);
}

#invite .projects_contact {
	font: italic 13px/20px var(--font-serif);
	color: var(--base-txt-tertiary);
	margin: 0 0 15px;
	display: none
}

#invite.inv_contact .projects_contact {
	display: block
}

#invite.inv_contact .projects, #invite.inv_contact .projects_txt, #invite.inv_contact .text {
	display: none
}

#invite p.more {
	font: 13px/20px var(--font-base);
	color: var(--base-txt-tertiary);
	padding-right: 24px;
}

#invite div.more {
	border: 1px solid var(--menu-inp-brd);
	background: var(--menu-inp-cont);
	padding-right: 20px;
	margin: 0 0 15px 0;
	display: none
}

#invite div.more textarea {
	width: 100%;
	font: 14px/20px var(--font-base);
	border-width: 0;
	border-bottom: 1px solid var(--menu-inp-brd);
	padding: 5px 10px;
	height: 80px;
	resize: vertical;
	background: transparent;
}

#invite div.more .buts {
	height: 32px;
	padding: 10px 15px;
	margin: 0 -20px 0 0
}

#invite div.more .buts .button_r {
	float: right;
	margin: 0 0 0 12px;
}

#invite.inv_more {
	margin-bottom: 40px
}

#invite.inv_more div.more {
	display: block
}

#invite.inv_more p.more, #invite.inv_more p.text {
	display: none
}

#inv_buts.inv_more {
	display: none !important
}

#inv_buts p.task_email {
	padding: 0
}

#invite p {
	color: var(--base-txt-secondary)
}

#invite p a {
	font-weight: bold
}

#invite p b {
	color: var(--base-txt-primary)
}

#invite .projects_txt {
	font: 13px/20px var(--font-base)
}

#invite .focus {
}

#invite p.text {
	font: italic 14px/20px var(--font-serif);
	color: var(--base-txt-tertiary);
	border-top: 1px solid var(--base-line-alt-gap-minor);
	padding: 15px 0 0 0
}

#invite p.text_inp {
	padding-right: 20px;
}

#invite p.text textarea {
	width: 100%;
	padding: 8px;
	resize: vertical;
	font: 14px/20px var(--font-base);
	height: 60px;
	background: var(--menu-inp-cont);
	border: 1px solid var(--menu-inp-brd);
}

#invite_group {
	/* font: 13px/20px var(--font-base); */
	/* text-align: left; */
	/* color: var(--base-txt-secondary); */
}

#invite_group div.m, #invite_group div.l {
	float: left;
	width: 200px;
}

#invite_group div.r {
	float: right;
	width: 200px;
}

#invite_group a.drop_select span.r {
	background: var(--inp-hlt-bg)
}

#invite_group .r .drop_select_gray, #invite #invite_group .drop_select_gray {
}

#invite_group .r .drop_select_gray span.drop, #invite #invite_group .drop_select_gray span.drop {
	background-color: var(--base-cont-mod-low);
	border-color: var(--base-cont-mod-low);
}

#invite #invite_group div.m, #invite #invite_group div.l {
	width: 180px;
	margin: 0 30px 0 0;
}

#invite #invite_group div.r {
	width: 180px;
}

#invite_group.invite_contact div.l {
}

#invite_group.invite_contact div.r {
	display: none
}

#invite_link {
	width: 390px;
	margin: 0 auto 20px;
	font: var(--font-ui-15-large-reg);
	text-align: center;
}

#invite_link input {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 15px 15px;
	background: var(--base-hlt-easy);
	border-radius: 8px;
	border: 1px solid var(--base-hlt-selected);
	margin: 16px 0;
}

#invite_link .ico_c {
	margin: 30px auto -20px;
	transform: scale(2);
}

#invite_link img {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 200px;
}
#invite_link .inputBlock__qrCaption {
	display: block;
	margin-top: 10px;
	font: var(--font-ui-13-small-reg);
	font-family: var(--font-mono);
}

#invite_link a.deleted span {
	display: none;
	color: var(--base-txt-tertiary)
}

#invite_link a.deleted {
	color: var(--base-txt-tertiary);
	cursor: text
}

@media print {
	#invite_link a, #invite_link input, #invite_link .ico_c {
		display: none
	}

	#invite_link img {
		transform: scale(3);
		margin: 200px 0
	}
}

.modal .only_inv_link, .modal .only_inv_email {
	display: none
}

.modal .inv_link .no_inv_link {
	display: none
}

.modal .inv_link .only_inv_link {
	display: inline-block
}

.modal .inv_link div.only_inv_link {
	display: block
}

#invite .ico_qr {
	margin: 4px;
}


.modal #invite_group {
	/* margin:0 -9px 12px; */
}

#invite .editBlock__picker {
	margin: 10px 0 16px;
}

@media (max-width: 640px) {
	#invite #invite_group div.m {
		float:none;
		width: auto;
		margin: 0;
	}

	#invite #invite_group {
		height: 180px;
	}

	#invite #invite_group div.l, #invite #invite_group div.r {
		width: 47%;
		margin: 0;
	}
}

@media (max-width: 480px) {
	#invite {
		width:auto;
		margin: 0;

		max-height: 100%;
	}

	#invite .editBlock__picker-inline,
	#invite .editBlock__picker-fake {
		/* flex-shrink: 1; */
		min-height: 78px;
		.editBlock__picker__body.scrollZone {
			max-height: unset;
		}
	}

	#invite_group {
		height: auto;
		width: auto;
	}

	#invite_group div.l, #invite_group div.r {
		float: none;
		width: auto
	}

	#invite #invite_group div.l, #invite #invite_group div.r, #invite #invite_group div.m {
		float: none;
		width: auto;
		margin: 0;
	}

	#invite #invite_group {
		flex-direction: column;
		gap: 0;
		height: auto;
	}

	#invite #invite_group div.r font {
		opacity: 1 !important
	}

	#invite .inputBlock {
		width: 100%;
	}

	#invite .editBlock__picker-emails {
		order: -1;
		margin-bottom: 8px;
	}

	#invite .editBlock__picker .vcard {
		display: none !important;
	}

	#invite .editBlock__bigSwitch {
		height: 56px;
		border-radius: 12px;
	}

	#invite p.more {
		display: none
	}

	.modal[data-group=invite] .modal__content #inv_buts .button_big {
		width: 200px;
	}

	.modal[data-group=invite] .modal__content .buttons ws-btn {
		width: 100%;
	}

	#invite_link {
		width: unset;
		margin: 0 0 20px;
		padding: 12px;
	}

	#invite_link ws-btn {
		max-width: 100%;
	}
}
#inv_rolemenu .menu__item-disabled {
	pointer-events: unset; /* cause has info icon inside */
}

.modal[data-group=invite] .modal__header > .in {
	padding-left: 0;
}