.on_off { display: inline-block; vertical-align: top; zoom: 1; width: 16px; height: 16px; background: #CCC;}
a.on_off { border: 1px solid #FFF; box-shadow: inset 1px 1px 1px #999;}
/*.on_off i { display: inline-block; zoom: 1; width: 10px; height: 16px; margin-top: -1px; line-height: 1; background: #333;}*/
.on_off.isOn { /*text-align: right;*/ background: #43B200 url(images/check.png) no-repeat 50% 50%;}
a.on_off.isOn { box-shadow: inset 1px 1px 1px #2E7C00;}
.on_off.disabled { background: #FF6700;}

/* img upload box */
.imgUpdateBox { position: relative; min-width: 60px; min-height: 26px; background: #DDD;}
.imgUpdateBox.box-medium { min-width: 220px; min-height: 120px;}
.imgUpdateBox .inputFileBtn { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -13px;}
.hasImg .inputFileBtn { display: none; background: #000; background: rgba(0,0,0,.6);}
.inputFileBtn a { color: #FFF; line-height: 2;}
.hasImg:hover .inputFileBtn { display: block;}
.uploading:hover .inputFileBtn { display: none;}
.uploading .loading { position: absolute; top: 0; left: 0; height: 100%; width: 100%; 
	background: rgba(255,255,255,.7) url(images/loading.gif) no-repeat 50% 50%;}
.imgUpdateBox img { display: block; margin: 0 auto; max-width: 100%;}

.imgUpdateBox .field-validation-error { position: absolute; top: 0; left: 50px;}

.productAlbum { float:left; width:370px;}
.productAttrs { margin-left:395px;}
.productAlbum > img { max-width: 370px; display: block; margin: 0 auto 10px;}
.productAlbum .imgBox img, .parodImgBox img,#labelsImageDiv img,#showcaseImageDiv img { max-width: 100px;}

form .gridItems li { padding: 0;}
.gridItems li { display: inline-block; zoom:1; *display: inline; margin:0 5px 10px 0; min-width: 140px; max-width: 300px;
	position: relative; overflow: hidden; background: #EEE;}
.gridItems li h3 { font-size: 14px;}

.gridItems li .info { padding: 5px 10px 3px;}
.gridItems li .remove { display: none; position: absolute; top: 0; right: 0; width: 17px; height: 17px;
	line-height:17px; text-align:center; background: #F9AC02; color: #FFF;}
.gridItems li:hover .remove { display: block;}
.gridItems li .remove:hover { background: #FA4B05;}

.gridItems li img, .gridItems .imgUpdateBox, .gridItems .img { height: 150px; border-bottom: 1px solid #FFF;}
.gridItems .img { display: block;}
.gridItems li img { max-width: none; display: block; margin: 0 auto;}
.gridItems .imgUpdateBox { width: 100%;}

.gridItems li > label { display: block; padding: 0; margin: 0; text-align: left;}
.gridItems li strong { display: block; padding: 5px 10px 3px;}

/* category */
.cateList > li .cateInfo { margin: 5px 0;}
.cateList li { margin-bottom: 5px;}
.cateList .cateInfo { position: relative; width: 350px; background: #F0F0F0;}
.cateList li ul { display: none; border-left: 1px solid #DDD;}
.cateList .hasChildren ul { margin: 30px 0 30px -8px;}
.cateList .cateInfo, 
.cateList ul.on,
.cateList li .showChildren { display: inline-block; zoom:1; *display: inline; vertical-align: middle;}
.cateList li li { padding-left: 15px; background: url(images/line_gray.png) no-repeat 0 50%;}
.cateList li li:first-child { margin-top: -25px;}
.cateList li li:last-child { margin-bottom: -25px;}
.cateList .cateCover { float: left; margin-right: 10px; width: 75px;}
.cateList .cateCover img { max-width: 75px;}

.cateList .imgUpdateBox { min-height: 50px;}

.cateList li h3 { margin-left: 85px; font-size: 14px; 
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}/*
.cateList li h3 i { padding-right: 5px; font-size: 12px; font-weight: normal; color: #999;}*/
.cateList li p { margin-left: 85px;}
.cateList .showChildren { width: 16px; height: 16px; position: relative; z-index: 1;
	text-align: center; cursor: pointer; background: #F9AC02; color: #FFF;}
.cateList li .operation { display: none; position: absolute; top: 0; right: 0;}
.cateList li .cateInfo:hover .operation { display: block;}
.cateList .cateInfo .operation a { background: #999; color: #FFF;}

.checkList li i { position: absolute; top: 40%; left: 50%; z-index: 1; width: 80px; height: 80px; margin: -40px 0 0 -40px;
	border-radius: 40px;}
.checkList li.on i { background: rgba(255,255,255,.7) url(images/checked.png) no-repeat 50% 50%; }
.checkList li.on > strong { background: #43B200}
.checkList li input { opacity: 0; position: absolute; top: 0; left: 0;}

/*.IE8- .brandsSetting li input { opacity: 1;}*/
.checkList li img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.checkList li:hover img, .checkList li.on img { -webkit-filter: grayscale(0); filter: grayscale(0); filter: none;}

.fullColForForm { margin-bottom: 20px;}
.fullColForForm .imgUpdateBox { width: 980px; height: 240px;}
.fullColForForm .imgUpdateBox .inputFileBtn { width: 250px;  border: 1px solid #FFF; border-left-color: #2672EC;
	margin-top: -35px; padding: 15px 15px 8px; background: rgba(255,255,255,.9);}
.fullColForForm .imgUpdateBox .inputFileBtn a { background: #2672EC;}
.fullColForForm .imgUpdateBox .inputFileBtn input { margin: 15px 15px 0;}
.fullColForForm .imgUpdateBox .inputFileBtn em { display: block; padding-top: 5px; color: #999;}

.appBoutiqueImage { margin-bottom: 20px;}
.appBoutiqueImage .imgUpdateBox {width: 750px; height: 352px;}
.appBoutiqueImage .imgUpdateBox .inputFileBtn { width: 250px;  border: 1px solid #FFF; border-left-color: #2672EC;
    margin-top: -35px; padding: 15px 15px 8px; background: rgba(255,255,255,.9);}
.appBoutiqueImage .imgUpdateBox .inputFileBtn a { background: #2672EC;}
.appBoutiqueImage .imgUpdateBox .inputFileBtn input { margin: 15px 15px 0;}
.appBoutiqueImage .imgUpdateBox .inputFileBtn em { display: block; padding-top: 5px; color: #999;}

.appBoutiqueImageLarge { margin-bottom: 20px;}
.appBoutiqueImageLarge .imgUpdateBox {width: 1080px; height: 400px;}
.appBoutiqueImageLarge .imgUpdateBox .inputFileBtn { width: 250px;  border: 1px solid #FFF; border-left-color: #2672EC;
    margin-top: -35px; padding: 15px 15px 8px; background: rgba(255,255,255,.9);}
.appBoutiqueImageLarge .imgUpdateBox .inputFileBtn a { background: #2672EC;}
.appBoutiqueImageLarge .imgUpdateBox .inputFileBtn input { margin: 15px 15px 0;}
.appBoutiqueImageLarge .imgUpdateBox .inputFileBtn em { display: block; padding-top: 5px; color: #999;}

.commonImageCss { margin-bottom: 20px;}
.commonImageCss .imgUpdateBox {width: 600px; height: 150px;}
.commonImageCss .imgUpdateBox .inputFileBtn { width: 250px;  border: 1px solid #FFF; border-left-color: #2672EC;
    margin-top: -35px; padding: 15px 15px 8px; background: rgba(255,255,255,.9);}
.commonImageCss .imgUpdateBox .inputFileBtn a { background: #2672EC;}
.commonImageCss .imgUpdateBox .inputFileBtn input { margin: 15px 15px 0;}
.commonImageCss .imgUpdateBox .inputFileBtn em { display: block; padding-top: 5px; color: #999;}

.commonImageEditCss { margin-bottom: 20px;}
.commonImageEditCss .imgUpdateBox {min-width: 600px; max-height: 1000px;}
.commonImageEditCss .imgUpdateBox .inputFileBtn { width: 250px;  border: 1px solid #FFF; border-left-color: #2672EC;
	margin-top: -35px; padding: 15px 15px 8px; background: rgba(255,255,255,.9);}
.commonImageEditCss .imgUpdateBox .inputFileBtn a { background: #2672EC;}
.commonImageEditCss .imgUpdateBox .inputFileBtn input { margin: 15px 15px 0;}
.commonImageEditCss .imgUpdateBox .inputFileBtn em { display: block; padding-top: 5px; color: #999;}

.location1Image { margin-left: 316px;}
.location1Image .imgUpdateBox { width: 534px; height: 296px;}
.boutiqueNormalImg .imgUpdateBox { width: 296px; height: 296px;}

.labelBox { display: inline-block; font-weight: bold; padding-left: 5px;
	text-transform: capitalize; line-height: 21px; background: #DDD;}
.labelBox a { margin-left: 5px;}
.labelBox a.on_off { height: 19px; width: 19px;}

form .setSkus { margin-left: 98px;}
.setSkus .skuNo { background: #43B200; padding: 5px 10px 3px;}
.setSkus .btnAdd { margin-top: 10px;}
	.skuAttrs { margin-top: 10px; width: 240px; display: inline-block; zoom:1; *display: inline; border-top: 2px solid #43B200;
		margin-right: 14px; padding-bottom: 6px; background: #EEE;vertical-align:top;}
.stage .skuAttrs { width: 340px;}
	.skuAttrs ul { padding: 0;}
	.skuAttrs li { display: block; padding: 8px 10px 0;}
	.skuAttrs li.imageBox { padding: 0;}
	.skuAttrs .skuOperation { position: relative; z-index: 11;}
		.skuOperation .on_off { position: absolute; top: 4px; right: 10px;}
		.skuOperation .delete { width: 20px; height: 20px; line-height: 20px; top: -10px;}
	
	/*.skuAttrs .skuOperation a.btn { padding: 2px 5px 1px; margin: 0; margin-left: 2px;}*/

	.skuAttrs .imgUpdateBox { display: block; min-height: 80px; border-bottom: 1px solid #FFF;}
	.skuAttrs li.imgLine { padding: 0; border-bottom: 1px solid #FFF; margin-bottom: 3px;}
	.skuAttrs img { max-width: 100%; max-height: 200px; min-height: 50px; display: block; margin: 0 auto;}
	.skuAttrs label.checkbox { min-width: 30px;}
	.skuAttrs .typeC > label, .skuAttrs .typeR > label { float: left;}
	.skuAttrs .typeC .checkboxs, .skuAttrs .typeR .checkboxs { display: block; margin-left: 98px;}
	.skuAttrs .typeC label, .skuAttrs .typeR label { padding-top: 0}
    .skuAttrs .typeupc .upcList {display: block; margin-left: 98px;}
    .skuAttrs .typeupc .upcList .upc  {text-align: left; margin-left: -7px;}
    .skuAttrs li .upcView {margin-left: 95px;}

.skuAttrs input[type="text"] { width:110px;}
.rack_off { border-color: #999}
.rack_off .skuNo { background: #999;}
tr.rack_off { color: #AAA;}

.detailAttrs .rack_off img {
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);        
            filter: grayscale(100%);
}

.detailAttrs .rack_off:hover img {
	-webkit-filter: grayscale(0);
       -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
         -o-filter: grayscale(0);
            filter: grayscale(0);
}

.hasCheckboxs .skuAttrs { width: 320px;}
.hasCheckboxs .skuAttrs input.text { width: 190px;}
.hasCheckboxs .skuAttrs input.upcText { width: 140px; margin-right: 2px;}

.hasTextarea .skuAttrs { width: 350px;}
.hasTextarea .skuAttrs textarea { width: 220px; height: 50px;}
.hasTextarea .skuAttrs input.text { width: 224px;}

.skuAttrs li.typePrice input.text { width: 60px;}

a.upcDelete { position:absolute; width:15px; height:15px;margin-left: 3px;
    line-height:15px; text-align:center; background:#FA5F05; color:#FFF; border-radius:100%; font-family:Tahoma;}
a.upcDelete:hover { background:#FA3108}
/*type*/
.multipleItems .labels i, .multipleItems li > i { margin-right: 5px; width: 200px;
	display: inline-block; zoom:1; *display: inline; vertical-align: top;}
.multipleItems i.short { width: 88px;}
.multipleItems i.x_short { width: 55px;}
.multipleItems i.normal { width: 110px;}
.multipleItems i.x_normal { width: 130px;}
.multipleItems i.long { width: 265px;}
.multipleItems i.x_long { width: 335px;}
.multipleItems i.operation a { margin-left: 3px; min-width: 12px; text-align: center;}

/*.productSkuList { width: 58%; float: left;}
.skusIncluded { width: 40%; float: right;}*/

.productSkuList td.skus { padding: 1px 0;}
.productSkuList td p { border-top: 1px solid #DDD; border-top: 1px solid rgba(0,0,0,.2); padding: 6px 5px 4px;}
.productSkuList .skus i, .productSkuList .skus input { text-align: right;}
.productSkuList .skus i.attr { text-align: left;}
.productSkuList td p.the_0 { border: none;}

.includedLast td { border-bottom: 3px solid #F9AC02}

/* boutique preview */
.boutiquePreview { background: url(images/boutique-bg.png) repeat-y 50% 0;
	max-width: 1100px; box-shadow: 0 0 8px #666; min-width: 990px; margin: 25px auto 0; padding: 30px 0; font-size:12px;}
.boutiquePreview img { display: block;}
.boutiquePreview .banner, .boutiquePreview ul { width: 980px; margin: 0 auto;}

.boutiquePreview .banner { height:240px; overflow:hidden; margin-bottom: 25px; position:relative; background-color:#EEE7CB;}
.banner .banner img { max-width:980px;}

.boutiquePreview ul {}
.boutiquePreview li { width:290px; float:left; margin:0 13px 16px 0; padding:10px 13px; border-radius:2px; position:relative;
	background: #FFF;}
.boutiquePreview li.item3n { margin-right: 0;}
.boutiquePreview li .skuBox { max-height: 300px; overflow: auto; width: 316px; position: absolute; bottom: 10px; left: 0; 
	background: #DDD; background: rgba(255,255,255,.6);}
.boutiquePreview li .cover { display: block; width: 316px; height: 316px; margin: 0 -13px; overflow: hidden;
	border-top: 1px solid #F0EAE4;}
.boutiquePreview li h4, .boutiquePreview li .name { text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.skuBox::-webkit-scrollbar-thumb:vertical { background-color: #FFEDBF; border-radius: 5px;}

/* add (+) / remove(-) icon */
.add-link,
.remove-link{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
	line-height: 13px;
	margin-left: 7px;
	margin-bottom: 6px;
	
}
.add-link:before,
.remove-link:before{
	padding-top:3px;
	display:block;
}
.add-link{ background-color: #00f; }
.remove-link{ background-color: #f00; }
.add-link:hover, .remove-link:hover{  box-shadow: 0 3px 4px 0 #888888; text-decoration: none; }
.add-link:hover{ color: #95B9C7; }
.remove-link:hover{ color: #E77471; }

.customBoutiqueTileTranslucentLayer{background-color:#777;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.messageBox{position:absolute;width:251px;left:50%;height:auto;z-index:100;background-color:#fff;border:1px #ddd solid;padding:1px;}

.customProductTileTranslucentLayer{background-color:#777;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.customProductTileMessageBox{position:absolute;width:251px;left:50%;height:auto;z-index:100;background-color:#fff;border:1px #ddd solid;padding:1px;}
.multidropdown{height:60px;}
.multidropdown option:selected {background:blue;}
.multidropdown::selection {background:blue;}

.child-products-container {display: flex; margin: 14px 0 70px 0; flex-wrap: wrap;}
.child-products-container .child-product {box-sizing: border-box; width: 200px; padding: 8px;border: 1px solid #0000001F; flex-shrink: 0; flex-grow: 0;}
.child-products-container .child-product + .child-product {border-left: none;}
.child-products-container .child-product img {width: 100%;}
.child-products-container .child-product .child-product-info-wrapper {margin-top: 4px;}
.child-products-container .child-product .child-product-info {display: flex; font-size: 14px;}
.child-products-container .child-product .child-product-info span{flex-basis: 50%;}
.child-products-container .child-product .child-product-info span:first-child{font-weight: 600;}
.child-products-container .child-product .child-product-info span:last-child a{color: #ED54A4;}
.child-products-container .child-product .child-product-info span:last-child a:hover{color: #df368d;}

.product-edit-child-products { display: flex; margin-block: 10px; }
.product-edit-child-products .child-products-container { margin: 0 0 0 3px; }