// TODO:UX include only one var file
@import 'variables';
@import 'pages/scss/var';
@import 'mixins';

$screen-md: 992px;

.ActivityWithdrawal {
  border-top: 1px solid $activity-payment-separator-color;
  padding: 12px;
}
.icon {
  float: left;
  width: 15%;
  font-size: 55px;
  text-align: center;
}
.description {
  float: left;
  width: 85%;
  padding-left: 15px;

  .message {
    font-size: 18px;
    line-height: 35px;
  }
  .date {
    font-size: 13px;
    line-height: 15px;
    color: $activity-date-text-color;
  }
}
.amount {
  font-size: 22px;
  text-align: right;
  line-height: 53px;
  color: $activity-negative;

  @media (max-width: $screen-md) {
    font-size: 20px;
  }

  &:before {
    content: "– ";
  }
}