.item-details
	background #fff
	border 1px solid mediumgray
	border-radius 2px
	position relative
	margin-left 20px
	min-height 45px
	overflow hidden
	transform translate3d(0,0,0)
	width 449px
	&.transitions
		transition .45s ease .15s
	&:hover,&.dragged
		.item-details-order
			overflow hidden
			text-indent -10000px
			background url(img/details/item-sort-icon.png) center center no-repeat
	.item-details-right .preview
		display none
	.item-details-attributes .control + .control
		display none
	+ .item-details
		margin-top 10px
	&.active
		.item-details-right .preview
			display block
		.item-details-attributes .control + .control
			display block
	&.dragged
		padding 0
		position absolute
		z-index 2000
		box-shadow 0 0 6px rgba(0,0,0,0.3)
		border-radius 4px
		margin-left 0
	.control-help
		top -2px
body.dragging, body.dragging *
	cursor move !important

.editor-content
	list-style none !important
	.placeholder
	.sortable-placeholder
		border-top 1px solid #000
		margin 10px 30px
	.placeholder
		margin 10px 0 10px 20px
.item-details-order
.item-details-right
.item-details-attributes
	display inline-block
	vertical-align top
.item-details-order
	width 35px
	text-align center
	line-height 45px
	font-family 'ProximaNova-Semibold', sans-serif
	font-size 14px
	cursor move
	color black
	position absolute
	z-index 1
	border-bottom 1px dashed mediumgray
	height 45px
.item-details-attributes
	width 100%
	overflow hidden
	> .control
		&:first-child
			margin-left 35px
			height 45px
			border-left 1px solid mediumgray
			display inline-block
			width 100%
			vertical-align top
			transition none
			.control-help, .control-label
				display none !important
			.control-input
				height 33px
				width 337px
				margin 0px 0 0 4px
			&.control-text .control-input
				margin 6px 0 0 4px
				.no-attributes&
					width 370px
		.item-details.active &:first-child
			border-bottom 1px dashed mediumgray
			display inline-block
			width 100%
		&:nth-child(2)
			margin-top 18px
		&:nth-child(n+2)
			margin 15px 15px 0
		&:last-child
			margin-bottom 15px
		&:first-child
			margin-bottom 0
	.control-label
		font 14px/12px 'ProximaNova-Semibold'
		color darkpurple
		margin 0 1px 10px
.item-details-right
	height 45px
	line-height 45px
	absolute top right
	margin-right 15px

.item-details-right .preview
	height 80px
	margin-bottom 11px

.item-details-delete
	font-size 12px
	display inline-block
	vertical-align middle
	color darkgray
	cursor pointer
	line-height 12px
	height 12px
	&:hover
		color #c4363e

.item-details-toggle
	display inline-block
	width 12px
	height 12px
	padding 0
	margin-right 20px
	cursor pointer
	background url('img/maximize.png') no-repeat center
	opacity .6
	vertical-align middle
	.item-details.active .item-details-right &
		background url('img/minimize.png') no-repeat center
	.no-attributes + .item-details-right &
		display none
	&:hover
		opacity 1
.item-details.item-invalid
	.item-details-toggle
		display none

.isTouch
	.item-details-toggle
		width 32px
		height 45px
		margin-right 0
	.item-details-delete
		width 29px
		text-align center
		margin-right -10px