/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

.list-items-group {
  transition: min-height 0.25s ease-in-out;
  min-height: 0px;
}

.list-items-group__on-move {
  min-height: 50px;
}

/* List items and action buttons */

.list-item-action {
  padding: 3px 6px;
  background: #eee;
  font-size: 16px;
  color: #333;
}

.list-item-action:hover {
  color: #333;
  background: #dedede;
}

.list-item {
  position: relative;
  transition: height 0.4s ease, height 0.4s ease, opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.list-container.disabled .list-item {
  pointer-events: none;
  cursor: inherit;
}

.list-container.disabled .list-item:active {
  cursor: inherit;
}

.list-container.disabled .list-item-content > * {
  pointer-events: auto;
}

.list-item:not(.list-item__temporary) .list-item-action__unhide {
  display: none;
}

.list-item-actions {
  position: absolute;
  z-index: 10000;
  top: 10px;
  right: 10px;
}

.list-item-actions .tooltip-inner {
  white-space: nowrap;
}

.list-item:not(.list-item__temporary) .list-item-actions{
  display: none;
}

.list-container:not(.disabled) .list-item:hover .list-item-actions {
  display: block;
}

.list-item__hidden .list-item-content {
  overflow: hidden;
}

.list-item__hidden {
  overflow: hidden;
  opacity: 0;
  max-height: 0px;
}

.list-item__hiding {
          animation: list-item-hide 0.5s;
}

.list-item__showing {
  animation: list-item-hide 0.5s;
  animation-direction: reverse;
  animation-timing-function: ease;
}

.list-item__temporary .list-item-content {
  opacity: 0.3;
  outline: 1px solid rgba(0, 0, 0, 0.2);
}

.list-item__temporary .list-item-action__hide {
  display: none;
}

.list-container:not(.disabled) .list-item:not(.list-item__not-hoverable).themetweaker-hover:after,
.list-container:not(.disabled) .list-item:not(.list-item__not-hoverable).selected:after{
  content: '';
  display: block;
  position: absolute;
  z-index: 9999;
  top: -0px;
  bottom: -0px;
  left: -0px;
  right: -0px;
  border-radius: 0;
  border: 1px dashed #ABABAB;
  background: #ddf1ff4d;
  visibility: visible;
  width: 100%;
  height: 100%;
}

/* Hide/show animation */
@keyframes list-item-hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 0.3;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}

.list-item .list-item-content div.category-description:empty {
  height: 1px;
}