/*--------------------------------------------------------------
# Overwrite Sitefinity 
--------------------------------------------------------------*/
.RadDockZone .tabs {
    visibility: visible;
}

    .RadDockZone .tabs > div {
        margin-bottom: 15px;
        background: #eee;
    }


.sfPageContainer #wrapper{
	padding: 20px;
}

html .sfPageContainer .RadDockZone{
  border-width: 3px!important;
  border-color: #FFA8A8!important;
  padding: 10px!important;
  margin-bottom: 10px !important;
  margin-top: 22px !important;
  position: relative!important;
}
	html .sfPageContainer .RadDockZone:before{
		content:"Layout";
		display: inline-block;
		background-color: #FFA8A8;
		padding: 6px 12px;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff; 
		position: absolute;
		left: -3px;
		bottom: 100%;
	}

.sfPageContainer .RadDockZone:after{
	content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)!important;
}
.sfPageContainer .RadDockZone:hover:after{
	opacity: 1;
}
.sfPageContainer .RadDockZone.zeDockZoneHasLabel:hover:after{
	opacity: 0;
}


html .sfPageContainer .zeControlDock{
	border: 1px dashed #b7d2e6!important;
}
html .sfPageContainer .zeControlDock>table{
		margin-left: 2px!important;
		margin-right: 2px!important;
}

html .sfPageContainer .zeDockZoneHasLabel{
	border: 5px solid #DEE2E7!important;
	padding: 10px!important;
	margin-top: 47px!important;
	margin-bottom: 20px!important;
}
html .sfPageContainer .zeDockZoneHasLabel:before{
	background: #DEE2E7!important;
	font-size: 12px;
	color: #333!important;
	content: "ZONE: " attr(placeholderid);
	left: -5px;
}