#customize-tools {
	clear: both;
}
.w20 {
	width: 20%;
}
.editable {
	border: 1px solid green !important;
}

.editable:after {
    background-color: #008000;
    border-radius: 0 0 0 5px ;
    color: #FFFFFF;
    content: "Editable";
    font-size: 12px;
    font-weight: 700;
    right: 0;
    letter-spacing: 1px;
    padding: 5px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: right;
}
.lodingIcon {
	margin-top: 20%; 
	margin-bottom: 20%;
	text-align:center;
}
.capitalize {
	text-transform: capitalize;
}
.text-upr-first:first-letter {
    text-transform: uppercase;
}
.draggable:hover {
	cursor:move;
}
.action {
	width: 15%;
	text-align:center;
}
.dataTables_wrapper tr th {
	text-align:center;
}
.border1 {
	border: 1px solid #D9D9D9;
}

#pagemaker-body {
	height: 500px;
	overflow: auto;
}

.pagemakerDiv {
	min-height: 400px;
	border: 1px solid #D9D9D9;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	background-color: rgba(0, 0, 0, 0.5); /*dim the background*/
	display: none;
	text-align: center;
}
#page_preview_div {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	background-color: white; /*dim the background*/
	display: block;
}
.error-message {
	color: red !important;
}

#photoGalleriesList .photo-action {
	display: none;
	position: absolute;
	right: 10px;
	top: 3px;
}

#photoGalleriesList .photoList:hover .photo-action {
	display: block;
}

.layout-box {
	border: red 1px solid;
	min-height:400px;	
}

#pagemaker-body .custome-tools {
	display: none;
	/*position: absolute;*/
	top: 5px;
	left: 5px;
}

.dropdisable{
	background-color: #E8DDDC;
}