@charset "UTF-8";
.area-upload .input-file {
    border-radius: 0px;
    cursor: pointer;
    margin-right: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.area-upload .block-formed {background-color: #ffffff;border: 1px solid #e2e2e2;height: auto;margin-top: -1px;padding: 15px 0;width: 100%;}
.area-upload-image-preview{position:relative;}
.area-upload-image-preview.over-old-image{width: auto;height: 120px;position: relative;margin-right: 20px;}
.area-upload-image-preview.thumb-photo {float:left; width:auto;height:120px;margin-right: 20px;margin-bottom: 20px; border: 1px solid #afafaf;}
.area-upload-image-preview.thumb-photo canvas{width:auto;height:100%;}
.thumb-photo.image-from-upload .crop-photo {width: auto;height: 118px;position: relative;margin-right: 1px;}
.area-upload-image-preview .crop-photo {width: 100%;height: 120px;position: relative;/*margin-right: 20px;*/}
.preview-image-product-cover {position: absolute;top: 0px; width: auto;}
.preview-image-product-cover img,.preview-image-product-cover canvas {height: 100%;width: auto;}
.product-cover-wrapper .preview-image-product-cover img,.product-cover-wrapper .preview-image-product-cover canvas {height: 117px;max-height: 117px;width: auto;}
.preview-image .dl-photo, .backend .promotion-image .dl-photo {position: absolute;top: -12px;right: -12px;background:url("/assets/product/btn-delete-upload.png") no-repeat;background-size: 25px 24px;width: 25px;height: 24px;}
.preview-image .thumb-product-slide-wrapper {width: auto;float: left;position: relative;height: 115px;text-align: center;margin-right: 20px;margin-bottom: 20px;}
.preview-image .thumb-product-slide-wrapper img {width:auto;height: 118px;border: 1px solid #afafaf;}
.block-photo-upload {background:url("/assets/icons/btn-additems.png") no-repeat;background-color:#ededed;border:1px solid #afafaf;width:117px;height:117px;margin-right:20px;position:relative;}

.area-upload.change-img-profile {
	background: url("/assets/icons/camera.png") no-repeat;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 26px;
	height: 25px;
	z-index: 99;
}
@media (min-width: 641px) {
	.area-upload.change-img-profile {
		right: 10px;
		top: 10px;
	}
}

#profile_photo .area-upload.change-img-profile {
    border-radius: 0;
    border: 1px solid #f7981e;
    width: 24px;
    height: 24px;
    background-position: center;
}


.area-upload.change-img-cover {
	 background: url("/assets/icons/coverchange.png") no-repeat;
	 position: absolute;
	 top: 5px;
	 right: 5px;
	 width: 102px;
	 height: 39px;
	 z-index: 99;
	 border-radius: 0;
	 border: 1px solid #f7981e;
	 width: 98px;
	 height: 36px;
	 background-position: center;
}
@media (min-width: 641px) {
	.area-upload.change-img-cover {
		top: 10px;
		right: 10px;
	}
}


#cover_photo .area-upload-image-preview.over-old-image {position: absolute;right: 115px;top: 135px;width: 78px;height: 39px;z-index: 99;}
#cover_photo .area-upload-image-preview.over-old-image .crop-photo {width: 30px;height: 36px;float: left;line-height: 36px;display: none;}
.thumb-product-slide-wrapper .dl-photo {position: absolute;top: -12px;right: -12px;background:url("/assets/product/btn-delete-upload.png") no-repeat;background-size: 25px 24px;width: 25px;height: 24px;}
.cover-preview-box .thumb-product-slide-wrapper>img{
    width: 100%;
}
#cover_photo .area-upload-image-preview.over-old-image .dl-photo {
    width: 36px;
    height: 36px;
    float: left;
    line-height: 36px;
    text-align: center;
    border-right: 1px solid #FFAC40;
    color: #FFAC40;
    margin-right: 3px;
    background-color: #F8F8F8;
    border-radius: 3px;
    border: 1px solid #FFAC40;
    position: relative;
}
#cover_photo .area-upload-image-preview.over-old-image .dl-photo:before {
	font-family: 'Glyphicons Halflings';
	content: "\e014";
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#cover_photo .area-upload-image-preview.over-old-image .btn-save-upload {
    width: 36px;
    height: 36px;
    float: left;
    line-height: 36px;
    right: 0px;
    color: #FFAC40;
    text-align: center;
    background-color: #F8F8F8;
    border-radius: 3px;
    border: 1px solid #FFAC40;
    margin-top:-1px;
}

/*@media screen and (max-width: 640px) {*/
    /*#cover-wrapper .img-profile-wrapper {*/
        /*!*   bottom: -30px;position: absolute;*!*/
        /*margin: 0;*/
        /*width: 100%;*/
        /*padding: 0;*/
        /*top:30px;*/
    /*}*/
    /*#cover-wrapper .img-profile-wrapper .img-profile {*/
        /*width:160px;height:160px;*/
        /*top:-16px!important;*/
    /*}*/
/*}*/
#cover-wrapper .img-profile-wrapper .img-profile {
    /*top:170px;*/
}

#cover-wrapper .img-profile-wrapper .img-profile img {width: 100%;height: 100%;display: block;}
#cover-wrapper .img-profile-wrapper .img-profile .area-upload-image-preview {
	position: absolute;
    top: 0px;
    z-index: 9;
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
}
#cover-wrapper .img-profile-wrapper .img-profile .area-upload-image-preview  .crop-photo {width: 100% !important;height: 100% !important;}
#cover-wrapper .img-profile-wrapper .img-profile .area-upload-image-preview  .crop-photo canvas{width: 100% !important;height: 100% !important;}
#cover-wrapper .img-profile-wrapper .img-profile .area-upload-image-preview .dl-photo {
    width: 26px;
    height: 25px;
    float: left;
    line-height: 25px;
    text-align: center;
    color: #FFAC40;
    margin-right: 3px;
    border-radius: 3px;
    border: 1px solid #FFAC40;
    top: 10px;
    position: absolute;
    right: 60px;
    background: url("/assets/icons/icon-delete-imgprofile.png") no-repeat left #F8F8F8;
    background-size: 25px 25px;
}
#cover-wrapper .img-profile-wrapper .img-profile .area-upload-image-preview .btn-save-upload {
    width: 26px;
    height: 25px;
    float: left;
    line-height: 25px;
    text-align: center;
    color: #FFAC40;
    margin-right: 3px;
    background-color: #F8F8F8;
    border-radius: 3px;
    border: 1px solid #FFAC40;
    top: 10px;
    position: absolute;
    right: 92px;
}

.backend .promotion-image {
    position: relative;
}
.backend .promotion-image .area-upload-image-preview, .backend .promotion-image .area-upload-image-preview .crop-photo, .backend .promotion-image .area-upload-image-preview .crop-photo canvas {
    width: 100%;
    height: auto;
}
.backend .has-image-preview .old-preview, .backend .has-image-preview .change-img-profile{
    display: none;
}

@media (max-width: 480px){
    #cover-wrapper .img-profile-wrapper .img-profile .area-upload-image-preview .btn-save-upload{right: 100px;}
    #cover-wrapper .img-profile-wrapper .img-profile .area-upload-image-preview .dl-photo{right: 70px;}
}