/**
Additional styling for web components
**/

.wc-upload-box {
  border: 2px dashed #d6d6d6;
  border-radius: 5px;
  height: 60px;
  background-color: #ffffff;
}

.wc-clickable {
  cursor: pointer;
}

.wc-hidden {
  display: none;
}

.wc-grabbable {
    cursor: grab;
}

.wc-drag-source {
    background-color: #beeaf7;
}

/* sortable-list's dirty-gated save bar: a nudge over the 14px row text.
   Bootstrap's own steps overshoot here — h6 keeps 14px but drops to weight
   500, and h5 jumps to 17.5px, which reads as a section heading. */
.wc-sortable-bar-title {
    font-size: 15px;
}

/* CoreUI's .text-danger (#e55353) only reaches 3.1:1 on the bar's #ebedef
   background, short of the 4.5:1 WCAG AA needs. This darker shade is CoreUI's
   own a.text-danger:hover and clears it at 4.7:1. */
.wc-sortable-bar-error {
    color: #cd1f1f;
}