/**
 * @name		Page Builder CK
 * @package		com_pagebuilderck
 * @copyright	Copyright (C) 2015. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author		Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr
 */

[data-type="contact"].ckpointerevents.editfocus:after {
	pointer-events: none;
}

.contactck > div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contactck-column,
.contactck-column-fullwidth {
	position: relative;
}

.editfocus .contactck-column::after,
.editfocus .contactck-column-fullwidth::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px dashed burlywood;
	content: "";
	pointer-events: none;
}

.editfocus .contactck-actions:before,
.editfocus .contactck-group:before {
	display: inline-block;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-move" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9l3 3l-3 3" /><path d="M15 12h6" /><path d="M6 9l-3 3l3 3" /><path d="M3 12h6" /><path d="M9 18l3 3l3 -3" /><path d="M12 15v6" /><path d="M15 6l-3 -3l-3 3" /><path d="M12 3v6" /></svg>');
	height: 24x;
	background: rgba(50,50,50, 0.2);
	color: white;
	width: 24px;
	float: left;
	line-height: 30px;
	font-family: fontawesome;
	text-align: center;
	margin: 0 3px 0 0;
	cursor: move;
	position: absolute;
}

.editfocus .contactck-actions.uick-sortable-helper,
.editfocus .contactck-group.uick-sortable-helper {
	max-width: 200px !important;
	max-height:170px !important;
	border: 2px solid black !important;
	overflow: hidden;
}

.editfocus[data-type="contact"] {
	border: 1px solid transparent !important;
}

.editfocus .contactck {
	margin-top: 30px !important;
}

.editfocus[data-type="contact2"] {
	padding-top: 1px !important;
}

#workspaceck .cktype.editfocus[data-type="contact2"]:hover::after {
	pointer-events: none;
}

.editfocus .contactck-column-fullwidth {
	width: 100%;
	min-height: 50px;
}

.contactck-column-fullwidth {
	width: 100%;
}

.ckcontactfieldedition {
	padding: 4px;
	margin: 2px 0;
	border: 1px solid #ccc;
	position: relative;
	background: #fff;
}

.ckcontactfieldedition-label {
	padding: 0 4px;
}

.ckcontactfieldedition-edit, .ckcontactfieldedition-remove {
	background: #e2e2e2;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	box-sizing: border-box;
	width: 30px;
	text-align: center;
	border-left: 1px solid #ccc;
	cursor: pointer;
}

.ckcontactfieldedition-remove {
	right: 30px;
}

.ckcontactfieldedition-remove .fa {
	color: red;
}

label.contactck-label-radio,
label.contactck-label-checkbox {
	dislay: inline-block;
	width: 150px;
}

.emailmessagefield {
	display: inline-block;
	padding: 1px 5px;
	background: #f5f5f5;
	margin: 0 2px 2px;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
}

.emailmessagefield:hover {
	background: #f0f0f0;
}

.pagebuilderck textarea.ckcontactfield {
	resize: vertical;
	width: inherit !important;
}

.ckfieldinterface-row label {
	width: 100px;
}
.ckfieldinterface-row {
	display: flex;
	margin-bottom: 5px;
}

.contactck [data-name="copyemail"] {
	width: auto !important;
	float: left;
	margin: 5px;
}