.ptcf-type {
	display        : flex;
	flex-direction : column;
	margin-top     : 10px;
}
.ptcf-type-header {
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : space-between;
	padding         : 5px 0;
}
.ptcf-type-btn {
	display         : flex;
	align-items     : center;
	justify-content : center;
	flex-shrink     : 0;
	margin-left     : 5px;
}
.ptcf-type-title {
	margin        : 0;
	white-space   : nowrap;
	overflow      : hidden;
	text-overflow : ellipsis;
	flex-grow     : 1;
	padding       : 4px;
	padding-left  : 10px;
	color         : var(--color-c7);
	border-left   : 5px solid var(--color-c7);
}
.ptcf-type-fields {
	padding     : 5px;
	padding-top : 10px;
}
.ptcf-field {
	display        : flex;
	flex-direction : row;
	align-items    : center;
}
.ptcf-field-container {
	flex-grow     : 1;
	padding-right : 5px;
}
.ptcf-field-rmv {
	display         : flex;
	align-items     : center;
	justify-content : center;
	flex-shrink     : 0;
	border-radius   : 50%;
	width           : 26px;
	height          : 26px;
	margin          : 3px;
}
.ptcf-wrapper {
	display    : none;
	overflow-x : hidden;
	margin-top : 5px;
}
.ptcf-wrapper.active {
	display : block;
}
.ptcf-field-group {
	border        : 1px solid var(--color-lightgrey);
	border-radius : 4px;
	padding       : 5px;
	margin        : 0 5px;
}
.ptcf-field-group-hdr {
	display         : flex;
	align-items     : center;
	justify-content : flex-end;
}
.ptcf-field-group-hdr > h4 {
	margin  : 0;
	padding : 0 5px;
}
.ptcf-field-group-fld {
	margin-top : 5px;
}
.ptcf-type-groupheader {
	display          : flex;
	flex-direction   : row;
	align-items      : center;
	justify-content  : space-between;
	padding          : 0;
	border-top       : 1px solid var(--color-c1);
	border-left      : 1px solid var(--color-c1);
	border-right     : 1px solid var(--color-c1);
	border-radius    : 4px;
	background-color : var(--color-c1);
}
.ptcf-type-grouptitle {
	margin        : 0;
	white-space   : nowrap;
	overflow      : hidden;
	text-overflow : ellipsis;
	flex-grow     : 1;
	padding       : 4px;
	border        : none;
	color         : var(--color-c7);
	font-size     : 14px;
	margin-left   : 6px;
}
.ptcf-type-groupbtn {
	display          : flex;
	align-items      : center;
	justify-content  : center;
	flex-shrink      : 0;
	margin-left      : 5px;
	background-color : transparent !important;
	border           : none !important;
}
.ptcf-flash {
	border-radius : 5px;
}