.page {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(
    0deg,
    rgba(71, 134, 255, 0.4) 0%,
    rgba(71, 134, 255, 0) 100%
  );
  background: url('../../../../assets/images/bg_tokens.png');
  height: $appHeight;
  width: $appWidth;
}
.submittingTransactionSubContainer {
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.transactionContainer{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.imgContainer {
  width: 48.23px;
  height: 48px;
}
.transactionText {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
}
.progressBar {
  display: flex;
  flex-direction: row;
  width: 270px;
  height: 7px;
  border-radius: 10px;
  margin-top: 16px;
}
.leftSide {
  width: 74px;
  background: #2496ff;
  border-radius: 10px 0px 0px 10px;
}
.rightSide {
  width: 196px;
  background: #ffffff;
  opacity: 0.18;
  border-radius: 0px 10px 10px 0px;
}
.subText {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #a5acbb;
  display: inline-block;
  margin-top: 32px;
  margin-bottom: 16px;
}
.ethText {
  color: #ffff;
}
.viewText {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #3aa1ff;
  display: inline-block;
}
