

.account-drawer {
  background-color: #fbfbfb;

  &__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 18px;
    padding: 15px;
    background: white;
    border: 1px solid #d2dce2;

    > div{
      flex-grow: 1;
      font-size: 14px;
      margin: 15px 0;

      > span {
        color: #666666;
        font-weight: 500;
      }

      .balance,
      p {
        text-transform: capitalize;
        margin: 5px 0;
      }

      .balance {
        font-size: 28px;
        color: #c06361;
        margin: 6px 0;
        font-weight: 600;
        margin-bottom: 0;
      }

      &.account-normal{

        .bp3-icon{
          position: relative;
          top: -2px;
          margin-left: 2px;

          svg{
            fill: #6a7994;
          }
        }
      }
    }

    &--desc {
      flex-basis: 100%;
    }
  }

  &__table {
    margin: 18px;
    background: #fff;
    border: 1px solid #d2dce2;

    .table {
      .thead {
        .tr .th {
          padding: 0.7rem 0.8rem;
          font-weight: 500;
        }
      }

      .tbody .tr .td {
        padding: 0.8rem;
      }
    }

    &-footer{
      padding: 12px 14px;
      display: inline-block;
      
      a{
        text-decoration: underline;
        font-size: 12px;
        color: #37639c;
      }
    }
  }
}