.my-pro-img{
	max-width: 14%;
    border: 2px solid #ced4da;
    margin-top: 10px;
    border-radius: 5px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn-img {
  border: 1px solid #b9b9b9!important;
  color: #424242;
  background-color: #e9e9e9;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/* 3d Product View Outer */
.product-view-popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}
 
/* 3d Product View Inner */
.product-view-popup-inner {
    max-width:1080px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}

.btn-img-1 {
	border: 2px solid #ced4da!important;
    color: #dfdfdf!important;
    background-color: #28a745;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
	
}

#tags{
	float: left;
    border: 2px solid #ccc;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
}
#tags > span{
	cursor: pointer;
    display: block;
    float: left;
    border-radius: 20px;
    color: #fff;
    text-transform: capitalize;
    background: #dc3545;
    padding: 5px 37px 7px 16px;
    margin: 4px;
}

#tags > span:hover{
  opacity:0.7;
}
#tags > span:after{
	position: absolute;
    content: "×";
    padding: 0px 8px 0px 6px;
    background-color: #00000047;
    color: white;
    border-radius: 20px;
    margin-left: 8px;
    font-size: 16px;
}
#tags > input{
	background: #eee;
    border: 0;
    text-transform: capitalize;
    margin: 4px;
    padding: 7px 16px;
    border-radius: 20px;
    width: auto;
}

.colorField {
  display: flex;
  gap: 12px;
  align-items: center;
}

a.remove-lnk i {
  font-size: 22px;
  color: #646464;
}

button.btn.add-btn {
  color: white;
  background: gray;
}

.color-block {
    padding: 20px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #efefef;
}

input[type="color"] {
	-webkit-appearance: none;
	border: none;
	width: 32px;
	height: 32px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}