/**
 * @file
 * Operations dropbutton menu styles.
 */
.dropbutton-wrapper.dropbutton-multiple {
  position: relative;
}

.dropbutton-multiple .dropbutton-widget {
  position: absolute;
  z-index: 50;
}

/* Shows the expanded menu as an opaque panel above the rows below. */
.dropbutton-multiple.open .dropbutton-widget {
  min-width: 100%;
  padding: 2px 0;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

/* Keeps each action on a single line. */
.dropbutton-multiple.open .dropbutton-action a {
  white-space: nowrap;
}