.sortable-horizontal{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	li.sortable-item{
		display: block;
		width: 120px;
		border: 1px solid #D1D1D1;
		border-top-width: 10px;
		border-radius: 4px;
		background: #F1F1F1;
		padding: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		cursor: move;
		&:hover{
			border-color: #888888;
		}
		&.dragged {
			position: absolute !important;
			opacity: 0.25 !important;
			z-index: 999 !important;
		}
		.img-box{
			margin-bottom: 10px;
		}
	}
	li.placeholder{
		position: relative;
		border: 2px dotted #888888;
		background: transparent;
		padding: 10px;
		margin-bottom: 5px;
		margin-right: 5px;
		width: 120px;
	}
}

.sortable-vertical{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	li.sortable-item{
		display: block;
		width: 100%;
		border: 1px solid #D1D1D1;
		border-left-width: 10px;
		border-radius: 4px;
		background: #F1F1F1;
		padding: 5px;
		margin-bottom: 5px;
		cursor: move;
		&:hover{
			border-color: #888888;
		}
		&.dragged {
			position: absolute !important;
			opacity: 0.25 !important;
			z-index: 999 !important;
		}
		ul{
			&:not(:empty){
				//margin-top: 5px;
			}
		}
		.img-box{
			display: inline-block;
			vertical-align: middle;
			margin-right: 5px;
		}
	}
	li.placeholder{
		position: relative;
		border: 2px dotted #888888;
		background: transparent;
		padding: 10px;
		margin-bottom: 5px;
		width: 100%;
	}
}