.wireframe-canvas {
	box-shadow: 0 0 3px 1px #BBB inset;
}

.wireframe-properties .webix_el_counter .webix_inp_counter_value {
	width: 100px;
}

.wireframe-properties .webix_template {
	padding: 0;
}

.webix_view a,
.webix_view a:hover {
	text-decoration: none;
}

.wireframe-selected {
	box-shadow: 0 0 0 2px rgb(28, 161, 193);
	border-radius: 4px;
}

.resizableComponent {
	background-color: transparent;
}


.webix_wf_selection_layer {
	display: none;
	position: absolute;
	pointer-events: none;
	flex: none;
	box-sizing: border-box;
	border: 1px solid #1ca1c1;
	box-shadow: inset 0 0 6px -3px #1ca1c1;
}
.webix_selected .webix_wf_selection_layer {
	display: block;
}

.webix_selected:not(.webix_wf_connect_start) .webix_wf_resize,
.webix_selected.webix_wf_connect_start .webix_wf_connect {
	display: block;
}

.webix_wf_connect_end:not(.webix_selected) {
	z-index: 2;
}

.webix_wf_connect_end:not(.webix_selected) .webix_wf_selection_layer {
	display: block;
	border-color: transparent;
	box-shadow: none;
}

.webix_wf_connect_end:not(.webix_selected) .webix_wf_connect {
	display: block;
}

.webix_wf_resize,
.webix_wf_connect {
	pointer-events: all;
	display: none;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: -8px 0 0 -8px;
	background-color: #1ca1c1;
	transition-duration: 0.15s;
	transform: scale(0.5);
	transition-property: transform;
}

.webix_wf_touch_diagram .webix_wf_resize,
.webix_wf_touch_diagram .webix_wf_connect {
	transform: scale(0.8);
}

.webix_wf_selected_dot,
.webix_wf_resize:hover,
.webix_wf_connect:hover {
	transform: scale(1);
}

.webix_wf_resize.webix_wf_top_left:hover,
.webix_wf_resize.webix_wf_bottom_right:hover {
	cursor: nwse-resize;
}

.webix_wf_resize.webix_wf_top_right:hover,
.webix_wf_resize.webix_wf_bottom_left:hover {
	cursor: nesw-resize;
}

.webix_wf_top_left {
	top: 0;
	left: 0;
}

.webix_wf_left {
	top: 50%;
	left: 0;
}

.webix_wf_bottom_left {
	top: 100%;
	left: 0;
}

.webix_wf_top {
	top: 0;
	left: 50%;
}

.webix_wf_center {
	top: 50%;
	left: 50%;
}

.webix_wf_bottom {
	top: 100%;
	left: 50%;
}

.webix_wf_top_right {
	top: 0;
	left: 100%;
}

.webix_wf_right {
	top: 50%;
	left: 100%;
}

.webix_wf_bottom_right {
	top: 100%;
	left: 100%;
}

.webix_selected:not(.webix_wf_connect_start) .webix_wf_rotate {
	display: block;
}