/* COLOR PICKER */

/* context pad */
.djs-context-pad .entry {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.6);
}

/* color popup menu */
[class^="color-icon-"]:before,
[class*=" color-icon-"]:before {
  display: inline-block;
  content: '';
  /*width: 1.5em;
  height: 0.6em;
  border-radius: 0.1em;
  border: 0.03em solid black;*/
  width: 16px;
  height: 16px;
  margin: 5px;
  border-radius: 1px;
  border: solid 1px #c5c5c5;
  /*background-color: #eaf0ff;*/
}

.color-icon-clear:before {
  background-color: #fff;
  border-color: #c5c5c5;
}

.color-icon-blue:before {
  background-color: #e9fcff;
  border-color: #7acff0;
}

.color-icon-orange:before {
  background-color: #fff3dd;
  border-color: #fab250;
}

.color-icon-indigo:before {
  background-color: #e5f5ff;
  border-color: #3ba5e9;
}

.color-icon-green:before {
  /*background-color: #e5f5ff;
  border-color: #3ba5e9;*/
  background-color: #c8e6c9;
  border-color: #43a047;
}

.color-icon-red:before {
  background-color: #fff1ed;
  border-color: #f3987d;
}

.color-icon-purple:before {
  background-color: #eaf0ff;
  border-color: #8ba0d1;
}

/* transparancy for shapes with colors */
.color-transparancy {
  fill-opacity: 0.50;
}