@import "../../../styles/varibale.scss";
.title{
    font-weight: 500;
    font-size: 32px; 
    color:$primaryColor;
}
.itemContainer{
    width: 100%;
    display: inline-flex;
    align-items: center;
    border: 1px solid #ccc;
}
.imageData{
  width: 100px;
  height: 100px;
  border: 1px solid $primaryColor;
  padding: 1em 0.25em;
  margin-top: 1rem;

}
.image{
    width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: center;
    float: left;
}
.contentContainer{
    width: calc(100% - 100px);
    float: left;
}
.productName{

}

.loaderContainer{
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  width: 100%;
  background: rgb(0 0 0 / 50%);
  height: 100%;
  transform: translate(-50%, -50%);
   & span{
    font-size: xxx-large;
    position: fixed !important;
    top: 50%;
    left: 50%;
    z-index: 99999;
   }
}


.fileUploadContainer {
  width: 108px;
  height: 107px;
  display: flex;
  background-color: $fourthColor;
  border-radius: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.buttonContainer {
  width: 100%;
  height: 225px;
}

.buttonSubContainer {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.returnWarning{
  background: rgba(243, 70, 95, 0.07);
border: 1px solid #ECC8CD;
border-radius: 5px;
font-weight: 500;
font-size: 16px;
display: flex;
align-items: center;
padding: 0.25rem 0.5rem;
margin: 1rem 0;
}

.iconRightDisplay{
    color: #B7B7B7;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -25px;
    top: calc(50% - 16px);
    font-size: 30px;
    &:hover {
      color:$primaryColor;
    }
  }
  
  .iconLeftDisplay{
    color: #B7B7B7;
      width: 32px;
      height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      position: absolute;
      left: -25px;
      top: calc(50% - 16px);
      z-index: 9;
      font-size: 30px;
      &:hover {
        color:$primaryColor;
      }
  }