/*****************************************
 * Item Container Styles.
 ****************************************/
.item-container {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}

.item-context-menu-container {
  position: absolute;
  display: none;
}

.item-container-expanded {
  background-color: #e8e8e8;
}

.item-container:not(.item-container-not-highlight):not(.item-container-hidden):hover, .item-container-highlight {
  background-color: #fff;
  cursor: pointer;
}
.item-container:not(.item-container-not-highlight):not(.item-container-hidden):hover .item-quick-action-buttons, .item-container-highlight .item-quick-action-buttons {
  display: block;
}

.item-container-unavailable {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  background-color: #e8e8e8;
}

.item-container-hidden {
  background-color: #e8e8e8;
}

.item-container-unavailable:not(.item-container-not-highlight):not(.item-container-hidden):hover .item-quick-action-buttons {
  display: block;
}

/*****************************************
 * Quick Action Button Styles.
 ****************************************/
.item-quick-action-buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0);
}

.item-quick-action-buttons:not(.item-quick-action-buttons-always-show) {
  display: none;
}

.item-action-buttons button:not([class*=btn-outline-]),
.item-action-buttons a.btn:not([class*=btn-outline-]) {
  color: #ffffff;
  background-color: #4D426C;
  border: none;
}
.item-action-buttons button:not([class*=btn-outline-]):hover,
.item-action-buttons a.btn:not([class*=btn-outline-]):hover {
  color: #ffffff;
  background-color: #786F8F !important;
  border: none;
}
.item-action-buttons button:not([class*=btn-outline-]):not(:last-child),
.item-action-buttons a.btn:not([class*=btn-outline-]):not(:last-child) {
  margin-right: 1px;
}

/*****************************************
 * Overlay Styles.
 ****************************************/
.item-context-menu-overlay-container {
  position: relative;
}

.item-context-menu-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(150, 150, 150, 0.5);
}

/*****************************************
 * Spinner Styles.
 ****************************************/
.load-more-shown {
  height: 150px;
}

.load-more-hidden {
  display: none;
  height: 0;
}