.puiwidget {
	& .counter {
		/*color: var(--primarycolor);*/
		font-weight: 800;
		/*font-size: 2.5em;*/
	}

	& .v-input__slot {
		right: -15px !important;
	}

	& input {
		margin: 0px !important;
		padding: 0px !important;
	}

	& .v-card__text {
		padding-bottom: 0px;
	}

	& .v-data-table-header__icon {
		opacity: 1;
		margin-left: 12px;
	}
}

// PuiGridLayout.vue
.vue-grid-layout {
	margin-top: 6%;
}
.v-input + .vue-grid-layout {
	margin-top: 1%;
}
.vue-grid-item .resizing {
	opacity: 0.9;
}
.vue-grid-item .no-drag {
	height: 100%;
	width: 100%;
}
.vue-draggable-handle {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>")
		no-repeat;
	background-position: bottom right;
	padding: 0 8px 8px 0;
	background-repeat: no-repeat;
	background-origin: content-box;
	box-sizing: border-box;
	cursor: pointer;
}
.remove {
	position: absolute;
	right: 2px;
	top: 0;
	cursor: pointer;
}