@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

$classPrefix: cap-custom-document-upload;

.#{$classPrefix} {
  .upload-doc {
    margin-right: $CAP_SPACE_08;
  }
  .input-div {
    display: none;
  }
  .image-info-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: $CAP_SPACE_08;
  }
  .whatsapp-background div {
    background: $CAP_G10;
    .ant-upload-list-item .ant-upload-list-item-progress {
      display: none;
    } 
  }
  .uploaded-container {
    width: 162px;
    margin: auto;
  }
  .pdf-img-box {
    width: 162px;
    height: 80px;
    overflow: hidden;
  }
  .pdf-preview-img {
      width: 162px;
  }
  .pdf-label {
    width: 162px;
    height: 44px;
    background-color: $CAP_G09;
    display: flex;
    .cap-image-v2 {
      margin: $CAP_SPACE_06 $CAP_SPACE_04;
      width: 32px;
      height: 32px;
    }
    .pdf-info {
      margin: $CAP_SPACE_08 $CAP_SPACE_04;
      max-width: 114px;
      .pdf-info-sec {
        color: $CAP_G03;
        font-size: $CAP_SPACE_08;
        font-weight: 400;
        line-height: $CAP_SPACE_12;
      }
      .pdf-name-div {
        display: flex;
        .pdf-name{
          max-width: 112px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
      }
    }
  } 
  
}
.document-div {
  padding-top: $CAP_SPACE_20;
}
