/* scrivito marker + field highlighting */


[data-scrivito-field-type="widget"] { min-height: 25px;}

.scrivito_empty_widget_field {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3) inset;
  background: rgba(0,0,0,.05);
  box-shadow: 0 0 5px rgba(0,0,0,.3) inset;
  min-height: 50px;
  visibility: visible!important;
}

.scrivito_widget_drop_placeholder,
.scrivito_empty_widget_field.scrivito_widget_drop_allowed {
  -webkit-box-shadow: 0 0 5px rgba(152,187,225,.9) inset;
  background: rgba(152,187,225,.3);
  box-shadow: 0 0 5px rgba(152,187,225,.9) inset;
  max-height: 150px;
  min-height: 100px;
  visibility: visible!important;
}

[data-scrivito-private-widget-id] .scrivito_empty_widget_field { min-height: 100px; }

.ui-sortable-helper { opacity:0.5;}

/* widgets */
[data-scrivito-display-mode="editing"] *[data-scrivito-widget-obj-class] {
  -webkit-box-shadow:0 0 0 2px transparent;
  box-shadow:0 0 0 2px transparent;
  -webkit-transition: box-shadow linear .3s;
  transition: box-shadow linear .3s;
}
body.scrivito_widget_dragging_active[data-scrivito-display-mode="editing"] *[data-scrivito-widget-obj-class],
body.scrivito_widget_dragging_active[data-scrivito-display-mode="editing"] *[data-scrivito-widget-obj-class] *[data-scrivito-field-type="widget"],
[data-scrivito-display-mode="editing"] *[data-scrivito-widget-obj-class]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-widget-obj-class]:hover *[data-scrivito-field-type="widget"] {
  -webkit-box-shadow:0 0 0 2px #439439;
  box-shadow:0 0 0 2px #439439;
  }

/* margin for nested widgets */
[data-scrivito-display-mode="editing"] *[data-scrivito-widget-obj-class] *[data-scrivito-field-type="widget"],
[data-scrivito-display-mode="added"] *[data-scrivito-widget-obj-class] *[data-scrivito-field-type="widget"],
[data-scrivito-display-mode="deleted"] *[data-scrivito-widget-obj-class] *[data-scrivito-field-type="widget"] { margin-top: 35px;}

/* highlight cms fields */
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="string"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="text"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="html"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="reference"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="referencelist"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="linklist"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="enum"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="multienum"],
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="date"] {
  outline: 2px dotted transparent;
  -webkit-transition: outline-color linear .3s;
  transition: outline-color linear .3s;
}

/* highlight cms fields on hover */
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="string"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="text"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="html"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="reference"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="referencelist"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="linklist"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="enum"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="multienum"]:hover,
[data-scrivito-display-mode="editing"] *[data-scrivito-field-type="date"]:hover {
  outline: 2px dotted #439439;
}

/* highlight unmodified but moved widgets */
[data-scrivito-private-widget-container-modification="deleted"] {
  -webkit-box-shadow:0 0 0 2px #808080;
  box-shadow:0 0 0 2px #808080;
  }

[data-scrivito-private-widget-container-modification="deleted"] * {
  opacity:.7;
}

[data-scrivito-private-widget-container-modification="deleted"] .scrivito_editing_marker,
[data-scrivito-private-widget-container-modification="deleted"] .scrivito_editing_marker .scrivito_icon,
[data-scrivito-private-widget-modification="edited"][data-scrivito-private-widget-container-modification="deleted"] * {
  opacity:1;
}

/* highlight modified "edited" cms widget */
[data-scrivito-private-widget-modification="edited"],
[data-scrivito-private-child-list-modification="edited"],
[data-scrivito-private-widget-container-modification="new"] {
  -webkit-box-shadow:0 0 0 2px #4f749d;
  box-shadow:0 0 0 2px #4f749d;
  }
/* highlight modified "added" cms widget */
[data-scrivito-private-widget-modification="new"], [data-scrivito-private-obj-modification="new"] {
  -webkit-box-shadow:0 0 0 2px #4c8c07;
  box-shadow:0 0 0 2px #4c8c07;
  }
/* highlight modified "deleted" cms widget */
[data-scrivito-private-widget-modification="deleted"], [data-scrivito-private-obj-modification="deleted"] {
  -webkit-box-shadow:0 0 0 2px #ff1f01;
  box-shadow:0 0 0 2px #ff1f01;
  }


/* highlight modified "edited" cms fields */
[data-scrivito-field-type="widget"] *[data-scrivito-field-modification="edited"],
[data-scrivito-field-type="widget"] *[data-scrivito-field-modification="new"] ,
[data-scrivito-field-type="widget"] *[data-scrivito-field-modification="deleted"] {
  outline: 2px dotted transparent;
  -webkit-transition: outline-color linear .3s;
  transition: outline-color linear .3s;
}

*[data-scrivito-field-modification="edited"],
[data-scrivito-field-type="widget"]:hover *[data-scrivito-field-modification="edited"],
.scrivito_details_dialog *[data-scrivito-field-modification="edited"] {
  outline: 2px dotted #4f749d;
  outline: 2px dotted rgba(79, 116, 157, 1);
}
/* highlight modified "added" cms fields */
[data-scrivito-field-type="widget"]:hover *[data-scrivito-field-modification="new"],
.scrivito_details_dialog *[data-scrivito-field-modification="new"]{
  outline: 2px dotted #4c8c07;
  outline: 2px dotted rgba(76, 140, 7, 1);
}
/* highlight modified "deleted" cms fields */
[data-scrivito-field-type="widget"]:hover *[data-scrivito-field-modification="deleted"],
.scrivito_details_dialog *[data-scrivito-field-modification="deleted"]{
  outline: 2px dotted #ff1f01;
  outline: 2px dotted rgba(255, 31, 1, 1);
}

/* highlight ins and del tags in cms fields with textual diff */
[data-scrivito-field-type="string"] ins,
[data-scrivito-field-type="html"] ins,
[data-scrivito-field-type="text"] ins {
  background-color: rgba(76, 140, 7, 0.3);
  text-decoration: none;
}
[data-scrivito-field-type="string"] del,
[data-scrivito-field-type="html"] del,
[data-scrivito-field-type="text"] del {
  background-color: rgba(255, 31, 1, 0.3);
  text-decoration: line-through;
}

/* scrivito_editing_marker edit colors */
.scrivito_editing_marker {background: #439439; background:rgba(67, 148, 57, .5);}
.scrivito_editing_marker:hover,
.scrivito_editing_marker:active { background: #439439; background: rgba(67, 148, 57, 1); }

/* scrivito_editing_marker edited/new/deleted colors */
[data-scrivito-private-widget-modification="edited"] .scrivito_editing_marker,
[data-scrivito-field-modification="edited"] .scrivito_editing_marker,
[data-scrivito-private-widget-modification="edited"][data-scrivito-private-widget-container-modification="new"] .scrivito_editing_marker,
[data-scrivito-private-widget-modification="edited"][data-scrivito-private-widget-container-modification="deleted"] .scrivito_editing_marker {
  background: #4f749d;
}

[data-scrivito-private-widget-modification="new"] .scrivito_editing_marker,
[data-scrivito-field-modification="new"] .scrivito_editing_marker,
[data-scrivito-private-widget-modification="new"][data-scrivito-private-widget-container-modification="new"] .scrivito_editing_marker {
  background: #4c8c07;
}
[data-scrivito-private-widget-modification="deleted"] .scrivito_editing_marker,
[data-scrivito-field-modification="deleted"] .scrivito_editing_marker,
[data-scrivito-private-widget-modification="deleted"][data-scrivito-private-widget-container-modification="deleted"] .scrivito_editing_marker {
  background: #ff1f01;
}

/* scrivito_editing_marker colors for unmodified but moved widgets */
[data-scrivito-private-widget-container-modification="deleted"] .scrivito_editing_marker {
  background: #808080;
}