.ed-bg-red { background-color: #ff5654; }
.ed-bg-light-red { background-color: #ffacb0; }
.ed-bg-green { background-color: #6ce676; }
.ed-bg-light-green { background-color: #c3ffc5; }
.ed-bg-blue { background-color: #596bff; }
.ed-bg-light-blue { background-color: #b9d2ff; }
.ed-bg-yellow { background-color: yellow; }
.ed-bg-cyan { background-color: cyan; }
.ed-bg-teal { background-color: teal; }
.ed-bg-orange { background-color: orange; }
.ed-bg-brown { background-color: brown; }
.ed-bg-light-brown { background-color: #e34e1f; }
.ed-bg-purple { background-color: purple; }
.ed-bg-pink { background-color: pink; }
.ed-bg-gray { background-color: gray; }
.ed-bg-light-gray { background-color: #c7c7c7; }

input[type="color"] {
  padding: 0;
  width: 25px;
  height: 25px;
  border: none;
  cursor: pointer;
}


.ed-hoverParent .ed-hoverChild{
  visibility: hidden;
  position: relative;
}

.ed-hoverParent:hover .ed-hoverChild{
  visibility: visible;
}

.ed-delete {
  color: #bf0000;
}

.ed-delete:hover {
  color: #ec0000;
}

html.fancybox-lock {
  overflow: visible !important;
}