.popup
	position absolute
	left 0
	right 0
	top 0
	bottom 0
	background rgba(255,255,255,0.7)
	text-align center
	border-radius 4px
	z-index 4
	&:after
		content ""
		display inline-block
		vertical-align middle
		height 100%

.popup-wrapper
	display inline-block
	vertical-align middle
	background rgba(0,0,0,0.3)
	padding 5px
	border-radius 6px
	width 307px

.popup-inner
	background #fff
	border-radius 4px
	text-align left

.popup-header
	padding 0 30px
	border-bottom 1px dashed #d5d5d5
	line-height 60px
	height 60px
	background #fafafa
	position relative
	.close
		width 13px
		height 13px
		cursor pointer
		position absolute
		color #a0a0a0
		right 30px
		top 24.5px
		font-size 13px
		&:hover
			color #675c68
		&:before
			display block
.popup-title
	font-smoothing antialiased
	font-size 14px
	span
		line-height 16px
		display inline-block
		vertical-align middle
		padding-right 15px

.popup-content
	padding 30px
	label
		font-size 12px
		display block
		font-family 'ProximaNova-Semibold'
		color #665b68
	div
		margin-top 20px
		display inline-block
	label
		margin-top 9px

	.no-icons
		&.confirm-button, &.cancel-button
			margin-top 0
			padding 0 10px
		&.confirm-button
			margin-right 15px
		&.cancel-button
			margin-left 15px
	.button--save
	.button--overwrite
	.popup-content-separator
		display block

.popup-content-separator
	border-bottom 1px dashed #d5d5d5

.skin-save-popup
	display none
	z-index 5
	.popup-content
		.general-input
			padding-left 35px
			background url(img/skin/popup-name-icon.png) no-repeat 11px center
.skin-delete-popup
	display none
	z-index 5
	.popup-title
		max-height 60px
		overflow hidden
		text-overflow ellipsis
		max-width 230px
		white-space nowrap
	.popup-button
		text-transform uppercase
		font-size 14px
		color #fff
		display inline-block
		vertical-align top
		height 35px
		line-height 37px
		border-radius 2px
		padding-left 20px
		padding-right 20px
		font-smoothing antialiased
		cursor pointer
		text-shadow
		text-shadow 0 1px #9854a5
		margin-top 0
		position relative
		&:hover:after
			position absolute
			content ""
			display block
			top 0
			left 0
			right 0
			bottom 0
			background #fff
			opacity 0.10
			z-index 1
		&:before
			font-size 12px
			padding-right 9px
	.red-button
		background #c63840
		text-shadow none
		&:before
			content "⏍"
			font-family 'BlogvioEditor'
	.dark-purple-button
		background #635965
		float right
		&:before
			content 'x'
			font-family 'BlogvioEditor'
			speak none
			font-weight normal
			font-variant normal
			text-transform none
			line-height 1
			font-smoothing antialiased