.arrow-td { width: 30px; padding-top: 0; padding-bottom: 0; } .green, .grey, .red { font-size: 16px; top: 1px; position: relative; @media( min-width: 576px){ font-size: 19px; } } .green { color:#28a745; } .red { color:#dc3545; } .grey { color:#6c757d; } .mobile-bottomcol { margin-top: 15px; @media (min-width: 992px) { margin-top: 0px; } } .smaller-text { font-size: 12px; @media (min-width: 576px) { font-size: 14px !important; } } .row{ flex-direction: column; @media (min-width: 992px) { flex-direction: row; } } td.amount { width: 32.5%; } .extra-info { display: none; @media (min-width: 576px) { display: inline-table; } .fiat { font-size: 14px; margin-left: 10px; text-align: right; } .sats { color: #ffffff66; font-size: 11px; } } .transaction-fee { display: block; margin: 0px auto 5px; @media (min-width: 576px) { display: inline-table; } } .btn-container { text-align: right; @media (min-width: 576px) { display: inline-table; float: right; } } .fiat { margin-left: 10px; } .tx-page-container { display: flex; flex-direction: row; align-items: baseline; white-space: nowrap; padding: 10px; margin-bottom: 10px; margin-top: 10px; } .assetBox { background-color: #653b9c90; } .details-container { padding: 0px; tr td { padding: 0.75rem; font-size: 12px; &:first-child { color: #ffffff66; white-space: pre-wrap; width: 150px; } &:nth-child(2) { word-break: break-all; white-space: normal; font-family: "Courier New", Courier, monospace; } } } .error-unblinded { display: block; width: 100%; color: #d43131; text-align: right; margin-top: 0px; margin-bottom: 10px; } h2 { line-height: 1; } .highlight { background-color: #181b2d; } .summary { margin-top: 10px; } .address { font-family: monospace; } .grey-info-text { color:#6c757d; font-style: italic; font-size: 12px; } .tx-link { width: 0; flex-grow: 1; margin-inline-end: 2em; } .vin-witness { .witness-item.accordioned { max-height: 300px; overflow: hidden; } input:checked + .witness-item.accordioned { max-height: none; } .witness-toggle { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin-bottom: 1em; .show-all { display: inline; } .show-less { display: none; } .ellipsis { visibility: visible; } } input:checked ~ .witness-toggle { .show-all { display: none; } .show-less { display: inline; } .ellipsis { visibility: hidden; } } }