.posify-pc-container {
	margin:0;
	padding:0;
	/* set min-height to make sure the container have space for droppable event */
	min-height:60px;
	border-top:1px solid transparent;
}
.posify-pc-container.container-hide {
	min-height:0;
}
.posify-pc-container:hover {
	border-top:1px solid #00a65a;
}
.container-separator {
	border-top:1px dashed #008edd;
	margin-bottom:35px;
}
.posify-pc-container:hover + .container-separator {
	border-top:1px solid #00a65a;
}
/* 2019-11-23 - TK: container label for page builder */
.posify-pc-container .component-label {
	position:absolute;
	top:-30px;
	left:0;
	background-color:#1A9ADF;
	color:#fff;
	line-height:30px;
	padding:0 15px;
	transition: .5s ease-in-out;
}
.posify-pc-container:hover .component-label {
	background-color:#00a65a;
}
/* 2018-12-31 - TK: add published class to make sure min-height:180px not exists */
.posify-pc-container.published {
	min-height:30px;
	border:none !important;
}

.posify-pc-container .container-background-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.posify-pc-container .container-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media(min-width: 768px){
	.posify-pc-container .col-grid{
		background-size: 100px, calc(8.33% + 0px) 100px, 20px 20px, 20px 20px;
		background-position: -2px -2px, -1px -2px, -1px -1px, -1px -1px;
		opacity: .2;
	}
}

.posify-pc-container > .pc-toolbox {
	position:absolute;
	top:-1px;
	right:-30px;
	background-color:#00a65a;
}
.posify-pc-container > .pc-toolbox > button {
	display:block;
}
.posify-pc-container > .pc-toolbox > .margin-inputs {
	top:auto;
	bottom:100%;
	background-color:#00a65a;
	border-top:none;
	border-bottom:1px solid #ccc;
}
/* 2019-12-3 - TK: gridstack dragging border */
.posify-pc-container .grid-stack-placeholder > .placeholder-content {
  border: 1px dashed #666;
}