.landing_block {
	border: 0px solid #eee;
	padding: .5rem;
	border-radius: .25rem;
	margin-bottom: 1rem;
	background: rgba(0, 0, 0, .05);
}

.landing_block_header {
	font-weight: bold;
	padding: .5rem 1rem;
	margin-bottom: 1rem;
}

.field_name {
	font-weight: bold;
	font-size: .75em;
	margin-bottom: 0em;
}

.Website input, .Skype input, .Viber input, .Whatsapp input, .Instagram input, .Telegram input, .Facebook input, .Vk input, .Twitter input, .Youtube input, .LinkedIn input, .TikTok input, .url_vcard input {
	padding-left: 3em;
	position: relative;
}

.Website .inline-block:after, .Skype .inline-block:after, .Viber .inline-block:after, .Whatsapp .inline-block:after, .Instagram .inline-block:after, .Telegram .inline-block:after, .Facebook .inline-block:after, .Vk .inline-block:after, .Twitter .inline-block:after, .Youtube .inline-block:after, .LinkedIn .inline-block:after, .TikTok .inline-block:after, .url_vcard .inline-block:after {
	font-family: 'Font Awesome 5 Brands';
	display: block;
	position: absolute;
	left: calc(1rem + 1em);
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.Website .inline-block:after {
	content: '\f0ac';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.Skype .inline-block:after {
	content: '\f17e';
	
}

.Viber .inline-block:after {
	content: '\f409';
	
}

.Whatsapp .inline-block:after {
	content: '\f232';
	
}

.Instagram .inline-block:after {
	content: '\f16d';
	
}

.Telegram .inline-block:after {
	content: '\f3fe';
	
}

.Facebook .inline-block:after {
	content: '\f39e';
	
}

.Vk .inline-block:after {
	content: '\f189';
	
}

.Twitter .inline-block:after {
	content: '\f099';
	
}

.Youtube .inline-block:after {
	content: '\f167';
	
}

.LinkedIn .inline-block:after {
	content: '\f0e1';
	
}

.TikTok .inline-block:after {
	content: '\e07b';
	
}

.url_vcard.ok .inline-block:nth-child(2):after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: '\f058';
	color: #3ee351
}

.url_vcard.bad .inline-block:nth-child(2):after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: '\f057';
	color: #d5003f
}



.vcard_preview {
	position: sticky;
	top: calc(80px + 1rem);
	border: 1px solid #ddd;
	max-height: calc(100vh - 80px - 2rem);
	overflow-y: auto;
	overflow-x: hidden;
}

.file-upload-button input[type="file"] {
	position: absolute;
	z-index: 3;
	opacity: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.image_box {
	border: 1px dashed rgba(0, 0, 0, .2);
}

.file_list_preview {
	width: 150px;
	height: 150px;
	padding: .5rem;
	position: relative;
	float: left;
	cursor: pointer;
}

.file_list_preview .upload_preview {
	width: 100%;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	border: 1px dotted rgba(0, 0, 0, .2);
	overflow: hidden;
	background-color: #fff;
}

.file_list_preview .upload_preview.bg_image {
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.file_list_preview .delete_upload {
	position: absolute;
	display: none;
	right: 1rem;
	top: 1rem;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	color: white;
	background: #d5003f;
	cursor: pointer;
	z-index: 2;
	text-align: center;
}

.file_list_preview .delete_upload .fas, .file_list_preview .delete_upload .far, .file_list_preview .delete_upload .fab {
	line-height: 2em;
}

.file_list_preview:hover .delete_upload {
	display: block;
}

.file_upload_highlight {
	background-color: #FFFCBF;
}