.avatar-upload {
    position: relative;
    max-width: 100px;
    margin: auto;
    margin-bottom: 20px;

    .avatar-edit {
      position: absolute;
      right: 1px;
      z-index: 1;
      top: 58px;
      input {
          display: none;
          + label {
              display: inline-block;
              width: 24px;
              height: 24px;
              margin-bottom: 0;
              border-radius: 100%;
              background: #FFFFFF;
              border: 1px solid #FFFFFF;
              box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
              cursor: pointer;           
              font-weight: normal;
              transition: all .2s ease-in-out;
              &:hover {
                  background: #f1f1f1;
                  border-color: #d6d6d6;
              }
              &:after {
                  content: "\e984";
                  font-family: 'boxicons';
                  color: #5156be;
                  position: absolute;
                  left: 0;
                  right: 0;
                  text-align: center;
                  line-height: 24px;
                  margin: auto;
              }
          }
      }
    }
}

.img-upload {
    position: relative;
    max-width: 100px;

    .img-edit {
      position: absolute;
      left: -10px;
      z-index: 10;
      top: -10px;
      input {
          display: none;
          + label {
              display: inline-block;
              width: 24px;
              height: 24px;
              margin-bottom: 0;
              border-radius: 100%;
              background: #FFFFFF;
              border: 1px solid #FFFFFF;
              box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
              cursor: pointer;           
              font-weight: normal;
              transition: all .2s ease-in-out;
              &:hover {
                  background: #f1f1f1;
                  border-color: #d6d6d6;
              }
              &:after {
                  content: "\e984";
                  font-family: 'boxicons';
                  color: #5156be;
                  position: absolute;
                  left: 0;
                  right: 0;
                  text-align: center;
                  line-height: 24px;
                  margin: auto;
              }
          }
      }
    }
}
.logo-txt {
    font-size: 14px !important;
}

.transaction-hist {
  margin-top: -130px;
}

@media (max-width: 1024px) {
  .transaction-hist {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .transaction-hist{
    margin-top: 0;
  }
}
@media print {
    .inv{
      flex-wrap: nowrap;    
    }
}