.btn-x-file{display:block;position:absolute;z-index:300;opacity:0;top:5px;color:#fff}[dir] .btn-x-file{background:transparent;cursor:pointer;border-radius:5px;background:rgba(0,0,0,.4)}[dir=ltr] .btn-x-file{right:5px}[dir=rtl] .btn-x-file{left:5px}[dir] .btn-x-file:hover{background-color:rgba(255,71,87,.9)}.img-upload:hover .btn-x-file{opacity:1}.img-upload{width:200px;height:200px;display:flex;position:relative;overflow:hidden;justify-content:center}[dir] .img-upload{border-radius:10px;margin-top:5px;border:1px dashed rgba(0,0,0,.1)}[dir=ltr] .img-upload{float:left;margin-right:5px}[dir=rtl] .img-upload{float:right;margin-left:5px}.img-upload img{max-width:none;max-height:100%}.con-input-upload{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;top:5px}[dir] .con-input-upload{background:#f5f5f5;border-radius:10px;border:1px dashed rgba(0,0,0,.1)}.con-input-upload input{position:absolute;width:100%;height:100%;opacity:0;top:0}[dir] .con-input-upload input{cursor:pointer}[dir=ltr] .con-input-upload input{left:0}[dir=rtl] .con-input-upload input{right:0}