/*
 * SASS variables for OWS Wallet applet plugin client.
 */
/*
 * SASS for OWS Wallet applet plugin client.
 */
body {
  background: black; }

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.popup .button-primary.button-clear {
  color: #00afff !important; }

.popup .button-secondary.button-clear {
  color: #444444 !important; }

#ows-collapsible.view-content {
  height: 100%;
  position: relative; }

#ows-collapsible ion-content {
  padding-top: 0;
  margin-bottom: 0;
  top: 0;
  bottom: 44px;
  bottom: calc(constant(safe-area-inset-bottom) + constant(safe-area-inset-top)) + 44px;
  bottom: calc(env(safe-area-inset-bottom) + env(safe-area-inset-top)) + 44px; }
  #ows-collapsible ion-content .content-wrapper {
    position: relative; }

#ows-collapsible .head-wrapper {
  position: relative; }

#ows-collapsible .head-content {
  width: 100%; }
  #ows-collapsible .head-content.is-collapsing {
    box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.3); }
  #ows-collapsible .head-content .balance-wrapper,
  #ows-collapsible .head-content .error-wrapper {
    transform-origin: left top;
    -webkit-transform: scale3d(1, 1, 1) translateY(20px);
    transform: scale3d(1, 1, 1) translateY(20px); }

#ows-keypad .keypad {
  background: none;
  color: #444455;
  text-align: center;
  font-size: 28px;
  width: 100%; }
  @media (max-height: 480px) {
    #ows-keypad .keypad {
      font-size: 12px; } }
  #ows-keypad .keypad .row {
    padding: 0 !important;
    margin: 0 !important; }
  #ows-keypad .keypad .col {
    line-height: 45px; }
  #ows-keypad .keypad .digit {
    cursor: pointer;
    background: none;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-left: 1px solid rgba(255, 255, 255, 0.05); }
    #ows-keypad .keypad .digit:active {
      background: rgba(255, 255, 255, 0.05); }
    #ows-keypad .keypad .digit svg {
      height: 30px;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      #ows-keypad .keypad .digit svg * {
        fill: #444455; }

#ows-session-log {
  background: #f5f5f5; }
  #ows-session-log .log-entry {
    font-family: monospace;
    font-size: 12px;
    line-height: 18px;
    border: none;
    background: transparent; }
    #ows-session-log .log-entry .log-timestamp {
      font-weight: bold; }
    #ows-session-log .log-entry .log-level {
      font-weight: bold; }
    #ows-session-log .log-entry .debug {
      color: #444444; }
    #ows-session-log .log-entry .info {
      color: #00afff; }
    #ows-session-log .log-entry .warning {
      color: #ffa500; }
    #ows-session-log .log-entry .error {
      color: #ff473a; }

#ows-transactions .list:first-child {
  border-top: none; }

#ows-transactions .list .item.item-divider {
  color: rgba(255, 255, 255, 0.5); }

#ows-transactions .tx-description {
  top: 50%;
  position: absolute;
  transform: translateY(-50%); }
  #ows-transactions .tx-description .tx-title {
    color: #ffffff; }
  #ows-transactions .tx-description .tx-subtitle {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px; }

#ows-transactions .tx-amount.recent {
  font-weight: bold; }

#ows-transactions .tx-amount.received {
  color: #0EC286; }

#ows-transactions .tx-amount.sent {
  color: #ff473a; }

#ows-transactions .tx-time {
  color: rgba(255, 255, 255, 0.5); }

#ows-transactions .tx-note {
  font-size: 14px;
  line-height: 22px;
  float: right;
  right: 16px;
  text-align: right;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

#ows-wallet-transactions .item:first-child {
  border-top: none; }

#ows-wallet-transactions .tx-description {
  color: #444455;
  font-weight: 500;
  top: 50%;
  position: absolute;
  transform: translateY(-50%); }

#ows-wallet-transactions .tx-amount-recent {
  font-weight: bold; }

#ows-wallet-transactions .tx-amount-received {
  color: #0EC286; }

#ows-wallet-transactions .tx-amount-sent {
  color: #ff473a; }

#ows-wallet-transactions .tx-amount-moved {
  color: #444455; }

#ows-wallet-transactions .tx-time {
  color: #444455; }

#ows-wallet-transactions .tx-detail {
  color: #444455;
  font-size: 14px;
  line-height: 22px;
  float: right;
  position: absolute;
  top: 50%;
  right: 16px;
  text-align: right;
  transform: translateY(-50%); }

#ows-wallets .list {
  padding: 0; }

#ows-wallets a.item {
  height: 81px; }
  #ows-wallets a.item.item-icon-left {
    padding-left: 57px; }
  #ows-wallets a.item > .item-description {
    color: #444455;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  #ows-wallets a.item > .item-note {
    color: #9b9bab;
    font-size: 14px;
    text-align: right;
    line-height: 22px;
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 48px; }
  #ows-wallets a.item .error {
    color: #ff0000;
    font-weight: 500; }