.item-dropzone{

    width: 60px;

    min-height: 60px !important;

    height: 60px !important;

    display: inline-block;

    float: left;

    position: relative;

    margin-right: 6px;

}

.previewsContainer{float: left;}

.custom-drop .dropzone{min-height: 143px; width: 140px; line-height: 123px; float: left;}

.custom-drop.done{border: 1px solid #5cb85c;background-color: #ccc;}

.custom-drop .dropzone .dz-default.dz-message span{display: none}

.custom-drop{position: relative;width: 100%;background-color: #eee;overflow: hidden;padding: 10px;/* padding-left: 90px; */min-height: 83px;}

.custom-drop .dropzone{border: 1px dashed #ddd;text-align: center;}

.custom-drop .dropzone .fa{font-size: 32px;text-align: center;color: #666;}



.custom-drop .dropzone a.dz-remove, .custom-drop .dropzone-previews a.dz-remove {

    background: url("../images/ic_delete.png") no-repeat;

    background-size: 20px;

    display: block;

    padding: 0px;

    text-align: center;

    /* color: #aaa; */

    position: absolute;

    right: 0px;

    top: 0px;

    overflow: hidden;

    text-indent: -1100px;

    width: 22px;

    border: none;

}

.custom-drop .dropzone .dz-preview,.custom-drop .dropzone-previews .dz-preview {

    margin-right: 15px;

    width: 115px;

}

.custom-drop .dz-image img{width: 100%;}

.custom-drop .dz-image{margin-right: 0px;}

.custom-drop.lage .dropzone.dz-clickable {min-height: 64px;width: 64px;/* position: absolute; *//* left: 15px; */}

.custom-drop.lage .dropzone{line-height: 64px;}

.custom-drop.lage .dropzone .fa{/* line-height: 64px; */font-size: 19px;width: 100%;}



.custom-drop.item-big .dropzone.dz-clickable {min-height: 171px;width: 170px;}

.custom-drop.item-big .dropzone{line-height: 170px;}

.custom-drop.item-big .dropzone .fa{ line-height: 128px; font-size: 32px;}

.input-color{width: 100%; height: 30px;}

.img-edit{width: 120px;height: 120px;}

.show_thumb{width: 100%;margin-top: 8px;}

.group-attr h3{font-size: 16px; margin-top: 10px; font-weight: bold}

.list-attr{border: 1px solid #ddd;border-radius: 3px;overflow: hidden;padding: 15px;margin-top: 15px;position: relative;background-color: #fafafa;}

.list-attr .item{ width: 20%; float: left; margin-bottom: 15px; list-style: none}

.list-color-box{

    overflow: hidden;

    margin-bottom: 15px;

}

.list-color-box a{width: 30px;height: 30px;border: 1px solid #d7d7d7;float: left;margin-right: 10px;}

.list-color-box a.active{border: 1px solid #000;}



.form-group .box-name{

    position: absolute;

    left: 15px;



    color: #fff;



}

.box-config-attr .right{

    margin-left: 77px;

}

.box-name .name-size{

    background-color: #abb0ab;

    width: 30px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    font-weight: bold;

    margin-right: 6px;

    display: block;

    float: left;

}

.box-name .checkbox-item{float: left;margin-right: 15px;}

.box-config-attr{background-color: #fff; border: 1px solid #ddd; padding: 15px}

.box-config-attr .form-control{border-radius: 0px;

    border: 1px solid #d7d7d7;

    box-shadow: none;

}

.ctrl-color{

    overflow: hidden;

    margin-bottom: 20px;

    position: relative;

    min-height: 92px;

    padding-left: 89px;

    background-color: #eee;

    padding: 15px;

    padding-left: 89px;

}

.thumb-add{border: 1px solid #ddd;background-color: #eee;width: 60px;height: 60px;position: absolute;left: 0px;overflow: hidden;background-color: #fff;padding: 0px;display: block;line-height: 60px;text-align: center;}

.thumb-add .show_thumb{margin-top: 0px;}

.txt-bill .input{}

/*.input-group{width: 100%}*/

.txt-bill .form-label{position: absolute; left: 0px; top: 0px; z-index: 99}

.box-input{margin-left: 40px}

.item-group-addone .input-group,

.item-group-addone label{float: left;min-width: 120px;}

.item-group-addone .form-inline{margin: 15px 0px}

.detail-order{border: 1px solid #ddd; padding: 15px 30px}

.box-rep-customer{border: 1px solid #ddd;padding: 8px 10px;background-color: #fff;position: relative;display: none;}

.box-select-customer.show-customer .box-rep-customer{display: block;}

.box-select-customer.show-customer .input-customer{display: none}

.box-rep-customer .del-customer{

    position: absolute;

    /* right: 0px; */

    top: 7px;

    right: 10px;

    z-index: 999;

    color: red;

    cursor: pointer;

}

.attr-title{position: relative;}

.list-attr .bootstrap-tagsinput{width: 100%;}

.list-attr .btn-del{

    position: absolute;

    right: 15px;

    top: 76px;

    margin-top: -39px;

}

.select-attr{

    position: absolute;

    left: 15px !important;

    width: 180px;

    margin-left: 0px !important;

}

.tag-group{

    margin-left: 190px !important;

    margin-right: 60px !important;

}

.attr-title .toggle-add{position: absolute; right: 10px; top: 15px; z-index: 9}

.box-attr{background-color:#eee; border: 1px solid #d7d7d7; position: relative; overflow: hidden}

.pro-attr .bootstrap-tagsinput,

.pro-attr .form-control{border: 1px solid #ddd; border-radius: 0px; box-shadow: none;}

#rep_image{margin-top: 5px;}



.check_out .box{

    margin-bottom: 30px;

}

.check_out .title{

    font-size: 16px;

    margin-bottom: 15px;

}

.h3-header,

.title{

    margin-top: 0px;

    font-size: 16px;

    margin-bottom: 15px;

}

.title span{

    font-size: 14px;

    font-weight: normal;

    text-transform: none;

}