.wallet-details { &__tx-amount { font-size: 16px; &--recent { color: $mid-gray; font-weight: bold; } &--received { color: #30af6c; } &--sent { color: $dark-gray; } } &__tx-time { color: $light-gray; font-size: 14px; } &__tx-title { //padding-top: 10px; flex-grow: 1; color: $dark-gray; overflow: hidden; } &__tx-icon { float: left; margin-right: 25px; } &__tx-message { margin-right: 1rem; } &__list { } &__item { display: flex; align-items: center; background: #fff; padding-left: 1rem; &.proposal { position: relative; } &__marker { position: absolute; height: 100%; width: 3px; background: #F5A623; left: 0; } } &__tx-content { display: flex; align-items: center; flex-grow: 1; padding: 1rem 0; padding-right: 1rem; border-bottom: 1px solid rgb(245, 245, 245); overflow: hidden; } &__tx-amount { white-space: nowrap; } &__group-label { font-size: 14px; font-weight: 300; color: #727272; padding: 2px 1rem; } } #walletDetails { background: #F8F8F9; .bar-header { border: 0; background: none; .title, .button { color: #fff; } .button { background-color: transparent; } } .nav-bar-block, .bar { background-color: inherit !important; } .amount { width: 100%; text-align: center; padding: 2rem 1rem 1.5rem 1rem; color: #fff; height: 140px; margin-bottom: 10px; &-alternative { line-height: 36px; } strong { line-height: 100%; } } .item.item-footer { font-weight: lighter; } .tx-search:before { font-size: 22px !important; } .description { background-color: #f2f2f2; text-align: center; font-size: 13px; color: $mid-gray; } } .wallet-details-wallet-info { position: absolute; top: inherit; left: 10px; bottom: 15px; font-size: 20px; color: #fff; }