.member-card{
  background-color: var(--#{$variable-prefix}background-white);
  .member-button-wrap{
    .leading-icon{
      border-radius: 50rem;
    }
  }
}

.upload-img-wrapper{
  width: 13.625rem;
  height: 7.625rem;
  background: #f2f4f7;
  border: 1px dashed #c3c8cc;
  border-radius: .25rem;
  img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.upload-sec-sm{
  .upload-img-wrapper{
    width: 8.5rem;
    height: 3.75rem;
    border-width: 2px;
  }
}

.icon-title-desc-wrapper{
  .title-desc-wrapper {
    flex: 1;
    margin-top: .125rem;
    h1{
      font-size: .75rem;
      font-weight: 700;
    }
  }
}

.product-list{
  padding-left: 1.25rem;
}

.logo-title-product{
  max-width: 16.25rem;
  &.fade-title{
    width: 5rem;
    .product-desc{
      flex: 1;
      h2{
        font-size: .625rem;
        font-weight: 400;
        color: var(--#{$variable-prefix}light-text-color);
      }
    }
  }

  .product-logo{
    width: 2.75rem;
    height: 2.75rem;
    padding: .625rem;
    background: var(--#{$variable-prefix}product-img-gray-bg);
    border-radius: .313rem;
    img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  .product-desc{
    flex: 1;
    h2{
      margin-bottom: 0;
      font-size: .75rem;
      font-weight: 700;
      line-height: 1.3;
      color: var(--#{$variable-prefix}report-title-color);
    }
    .product-link{
      font-size: .625rem;
      color: var(--#{$variable-prefix}report-title-color);
      word-break: break-all;
    }
  }
}

.horizontal-links {
  .separator{
    opacity: .2;
    @media (max-width: 991px){
      display: none;
    }
  }
}

.update-password{
  padding-left: 1.5rem;
}

.info-list{
  padding-left: 1.5rem;
  list-style: inherit;
  list-style-type: disc;
  .list-group-item{
    padding: 0 0 0 .875rem;
    font-size: .625rem;
    color: var(--#{$variable-prefix}light-text-color);
    background: var(--#{$variable-prefix}background-white);
    border: 0;
    &::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 3px;
      height: 3px;
      content: "";
      background-color: var(--#{$variable-prefix}light-text-color);
      border-radius: 50%;
      transform: translateY(-50%);
    }
  }
}

.action-btns{
  position: absolute;
  top: 15px;
  right: 15px;
}

.form-organization {
  .action-btns{
    top: 22px;
    right: 22px;
  }
}