.default-sortable.horizontal .rank-list {
  display: flex;
}

.default-sortable.horizontal .rank-list-item {
  flex-grow: 1;
}

.default-sortable.rank-list-container {
  flex: 1 0 200px;
  background-color: transparent;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 5px;
  display: flex;
  flex-flow: column nowrap;
}

.default-sortable .rank-list-title {
  flex: 0 0 auto;
}

.default-sortable .rank-list {
  flex: 1 0 auto;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  background-color: white;
  margin: 5px;
  min-height: 45px;
}

.default-sortable .rank-list.rank-list-empty {
  border-style: dashed;
  border-color: #ddd;
}

.default-sortable .rank-list-item {
  border-radius: 3px;
  display: block;
  padding: 10px 15px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  overflow: hidden;
}

.default-sortable .rank-list-item:hover:not(.disabled) {
  background-color: #ddeaf6;
  cursor: grab;
}

.default-sortable .rank-list-item.sortable-ghost {
  color: transparent;
}

.default-sortable .rank-list-item.sortable-ghost:hover:not(.disabled) {
  cursor: grabbing;
}

.default-sortable .rank-list-item.sortable-selected, .default-sortable .rank-list-item.sortable-chosen, .default-sortable .rank-list-item.sortable-ghost.sortable-chosen, .default-sortable .rank-list-item.sortable-drag {
  background-color: #75aadb;
  border: 1px solid #4d91d0;
}

.default-sortable .rank-list-item.sortable-selected:hover:not(.disabled), .default-sortable .rank-list-item.sortable-chosen:hover:not(.disabled), .default-sortable .rank-list-item.sortable-ghost.sortable-chosen:hover:not(.disabled), .default-sortable .rank-list-item.sortable-drag:hover:not(.disabled) {
  cursor: grabbing;
}

.default-sortable .rank-list-item.disabled {
  cursor: not-allowed;
}
