.bgone{
    background:rgb(243, 243, 243)
}
.paddingtop20
{
    padding-top:20px;
}


select option {
	padding:6px 6px 6px 10px
}
.design span.ui-button-text {
	color:#fff;
	text-transform:uppercase
}
#fopt {
	border:0
}
#fopt {
	width:100%;
	text-align:left;
	border:0
}
.DdlStyleOpt {
	padding:10px;
	clear:both;
	border-bottom:1px solid #eaeaea;
	display:inline-block;
	width:100%
}
.DdlStyleOpt span.text {
	color:#494949;
	font-size:11px;
	letter-spacing:.05em;
	font-weight:600;
	display:inline-block;
	text-transform:uppercase
}

.DdlStyleOpt select.optvalId-units {
	width:100px;
	float:none;
	margin-left:5px
}
.product-options-mobile select {
	max-width:400px
}
.preview-product-option.Imgdd {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:flex-start;
	width:100%
}
select:disabled.preview-product-option {
	opacity:.5
}
.optionvalue-icon {
	display:block;
	width:100px;
	text-align:center;
	float:left;
	padding:0;
	text-decoration:none;
	margin:10px 5px 0 0
}
.optionvalue-icon:first-of-type {
	margin-left:0
}
.optionvalue-icon:last-of-type {
	margin-right:0
}
.optionvalue-icon-disable {
	pointer-events:none!important;
	cursor:default;
	opacity:.3
}
.optionvalue-icon label {
	font-size:10px;
	line-height:1.4em;
	margin-top:4px;
	display:inline-block;
	width:100%
}
.optionvalue-icon span img {
	background-color:#b2b2b2;
	border:1px solid #f5f5f5;
	padding:2px;
	width:100px;
	height:100px;
	transition:all ease-in-out .3s
}
.montageContext {
	display:none
}
#canvas-tabs li {
	float:right
}
#canvas-tabs ul.ui-tabs-nav {
	visibility:hidden;
	display:none
}
#info-area {
	visibility:hidden;
	padding:7px 0 7px 7px;
	background-color:white;
	height:17px
}
#info-area p {
	margin:0;
	font-size:12px
}
#info-area p img {
	vertical-align:text-top
}
@media screen\0 {
	#info-area {
	height:30px
}
}#tab-canvas {
	width:100%;
	left:0;
	position:relative
}
#tab-preview {
	padding:0!important;
	width:100%;
	text-decoration:none
}
#area-accordion {
	list-style:none;
	margin:8px 0 20px 0;
	padding:2px;
	position:relative;
	width:100%;
	float:left;
	display:block
}
#area-accordion--caption {
	float:left;
	width:100%;
	text-align:left;
	padding-left:5px
}
.mobile-canvas-column-right #area-accordion {
	margin:0;
	padding:2px
}
.mobile-canvas-column-left .template-area-accordion-control.image {
	padding:0
}
.layers-list li {
	border-bottom:1px solid #ccc;
	padding:2px 0 5px;
	width:100%;
	border-radius:0;
	float:left;
	position:relative;
	text-align:right;
	cursor:pointer
}
.layers-list li:hover {
	background-color:#f1f1f1
}
.layers-list li:last-child {
	border-bottom:0;
	margin-bottom:60px
}
.layers-list .default-buttons button {
	border:0;
	border-width:0;
	cursor:pointer;
	width:36px;
	height:36px;
	background-color:transparent;
	text-align:center
}
.layers-list .default-buttons button:hover {
	color:#26B4E0!important
}
.layers-list .default-buttons button i {
	font-size:22px;
	margin:auto
}
.layers-list .default-buttons button i:hover {
	color:#26B4E0!important
}
.default-buttons button.remove {
	margin-right:5px
}
.layers-list .default-buttons button.replace-image,.layers-list .default-buttons button.edit-text {
	width:auto
}
.layers-list .default-buttons button.replace-image:hover,.layers-list .default-buttons button.edit-text:hover {
	text-decoration:underline
}
.label-name-text,.label-name-img,.label-name-montage {
	color:#696969;
	font-style:italic;
	font-size:11px;
	position:relative;
	padding:2px;
	text-align:left;
	float:left;
	display:block;
	clear:both;
	display:table;
	margin-bottom:1px
}
.label-name-text:after,.label-name-img:after,.label-name-montage:after {
	clear:both
}
.label-align {
	position:relative;
	width:100%;
	float:left;
	display:block
}
.thumb-container {
	width:40px;
	height:40px;
	float:left;
	overflow:hidden;
	text-align:center;
	background-color:#E7E7E7
}
.thumb-container img {
	max-height:40px;
	margin:auto
}
.drag-container {
	width:40px;
	height:40px;
	float:left;
	text-align:center;
	position:relative;
	cursor:-moz-grab;
	cursor:-webkit-grab
}
.drag-container .drag_tooltip {
	display:none
}
.drag-container i {
	font-size:16px;
	margin-top:6px;
	display:inline-block;
	color:#696969;
	cursor:-moz-grab
}
.drag-container:hover i {
	color:#26B4E0
}
.drag-container:hover .drag_tooltip {
	display:block;
	position:absolute;
	top:10px;
	left:90px;
	background-color:#000;
	border-left:10px solid #000;
	padding:3px 3px 3px 3px;
	color:#fff;
	display:inline-block;
	min-width:150px;
	text-align:left;
	z-index:888
}
@media(max-width:990px) {
	.drag-container:hover .drag_tooltip {
	display:none
}
}.thumb-text {
	width:40px;
	height:40px;
	float:left;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:center;
	margin-right:5px;
	font-size:1.785em;
	display:flex;
	align-items:center
}
.thumb-text i {
	margin:0 auto
}
.accordion-el .text-preview {
	width:200px;
	height:40px;
	float:left;
	text-align:left;
	overflow:hidden;
	padding:3px 10px;
	border:1px solid #ccc;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
.drag-container img {
	height:25px;
	margin-top:7px
}
.layers-list li.borderDrag {
	border:1px dashed #26B4E0;
	border-bottom:1px dashed #26B4E0!important;
	border-left:1px dashed #26B4E0!important
}
.layers-list li .drag-handle {
	width:10px;
	height:30px;
	background:url("/eStore/Content/Images/drag-handle.png") transparent 0 0 no-repeat;
	float:left
}
.layers-list li.placeHolder {
	background-color:#fff0a5;
	width:100%;
	height:48px;
	-moz-border-radius:0;
	-webkit-border-radius:0
}
.layers-list li.active {
	border-bottom:1px solid #ccc;
	border-radius:0!important;
	background-color:#e7e7e7!important
}
#optvalId-LengthOptionValueOpenInput, #optvalId-WidthOptionValueOpenInput, .optvalId-units {
    padding: 4px;
    font-size: 14px;
}
input[type='text'].preview-product-option {
    width: 70px;
}
.DdlStyleOpt select.optvalId-units {
    width: 100px;
    float: none;
    margin-left: 5px;
}
#optId-FabricLength, #optId-FabricWidth {
    padding: 10px;
    position: relative;
}