* {
            box-sizing: border-box;
        }

        body {
            font-family: Helvetica, Arial, sans-serif;
            background: #F8F9FA;
        }

        .main {
            margin-left: 10px;
            margin-right: 10px;
        }

        #input-container {
            display: flex;
            flex-direction: row;
            align-items: center;

            margin-left: auto;
            margin-right: auto;
            margin-top: 40px;
            width: 100%;
            margin-bottom: 40px;
        }

        #input-container input {
            padding-left: 10px;
            padding-right: 10px;
            border: 1px solid #eee;
            height: 48px;
        }

        #input-container button {
            background-color: #3498db;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            color: white;
            border: none;
            width: 48px;
            height: 48px;
            cursor: pointer;
        }

        #input-container button:hover {
            background-color: #2c81b9;
        }

        #input {
            width: 100%;
        }

        #address-container {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        #account-header {
            font-size: 24px;
            margin-right: 10px;
        }

        #account-name {
            color: gray;
            font-size: 20px;
            font-family: monospace;
        }

        .overview-container {
            margin-top: 20px;
            width: fit-content;
            padding-left: 10px;
            padding-right: 10px;

            background-color: white;
            border-radius: 4px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

            font-size: 16px;
            max-width: 90vw;
        }

        .overview-row {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .overview-title {
            font-weight: bold;
            border-bottom: 1px solid #eee;
        }

        .overview-h {
            width:200px;
            color: #444;
            
        }

        .overview-v {
            flex-grow: 1;
        }

        table {
            background-color: white;
            border-radius: 4px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px;

            width: fit-content;
        }

        td {
            padding-top: 10px;
            padding-bottom: 10px;

            border-bottom: 1px solid #eee;
            padding-left: 10px;
            padding-right: 10px;
        }

        tr:last-child td {
            border-bottom: none;
        }

        thead {
            font-weight: bold;
        }

        thead td {
            border-bottom: 1px solid #eee !important;
        }

        .addr {
            font-family: monospace;
            font-size: 14px;

            width: 260px;
            hyphens: manual;
            user-select: text;
            -webkit-user-select: text;
            -moz-user-select: text;
            cursor: text;
        }

        .internal-in {
            color: #02977e;
            background-color: rgba(0, 201, 167, .2);
            font-weight: bold;
            display: inline-block;
            padding-top: 4px;
            padding-bottom: 4px;
            border-radius: 4px;
            font-size: 12px;
            width: 48px;
            text-align: center;
        }

        .internal-out {
            color: #b47d7d;
            background-color: rgba(219, 154, 4, .2);
            font-weight: bold;
            display: inline-block;
            padding-top: 4px;
            padding-bottom: 4px;
            border-radius: 4px;
            font-size: 12px;
            width: 48px;
            text-align: center;
        }

        .log-out {
            color: #b4b4b4;
            background-color: rgba(154, 154, 154, .2);
            font-weight: bold;
            display: inline-block;
            padding-top: 4px;
            padding-bottom: 4px;
            border-radius: 4px;
            font-size: 12px;
            width: 48px;
            text-align: center;
        }
        .external-in {
            color: #0400b4;
            background-color: rgba(24, 4, 219, .2);
            font-weight: bold;
            display: inline-block;
            padding-top: 4px;
            padding-bottom: 4px;
            border-radius: 4px;
            font-size: 12px;
            width: 48px;
            text-align: center;
        }
        a, a:active, a:hover {
            color: #3498db;
            text-decoration: none;
            cursor: pointer;
        }

        #no-tx {
            margin-top: 100px;
            font-size: 20px;
            text-align: center;
        }

        .description {
            text-align: center;
        }
        .amount-debit {
            font-weight: bold;
            color: #006600;
        }
        .amount-credit {
            font-weight: bold;
            color: #660000;
        }
        .row-even-true {
            background:#fdffc433;
        }
        .tabheader {
          display:flex;
        }
        .tabheader-name {
          margin: -0.5px;
          border-top: solid 1px;
          border-left: solid 1px;
          border-right: solid 1px;
          padding: 10px;
          border-radius: 10px 10px 0px 0px;
          opacity: 30%;
        }
        .tabheader-name-active {
          opacity: 100%;
        }
        .tab {
          display: none;
        }
        .tab-active {
          display: grid;
        }
        pre {
          overflow-x: scroll;
          max-width: 80vw;
          font-family: ui-monospace;
          background: #eee;
          padding:8px;
        }
        .nft-img-inline {
          display:inline-block;
        }
        .nft-thumbnail {
          width: 1.5em;
          height: 1.5em;
          object-fit: contain;
          vertical-align: middle;
          border-radius: 15%;
        }
        .jetton-label-inline {
          display:inline;
        }
        .jetton-amount-inline {
          display:inline;
        }
        .entity-panel {
          max-width:450px;
        }
        .token-image {
          width:170px;
          height:170px;
          min-width:170px;
          min-height:170px;
          border-radius:15%;
          background-color:#ddd;
          object-fit: contain;
        }
        #metadata-type {
          padding:10px;
        }
        #next-button {
            width: fit-content;
        }
        .showcase {
          display:flex;
          flex-wrap:wrap;
          max-width:100%;
        }
        .nft-showcase-box {
          display:block;
          margin:auto;
          width:300px;
        }
        .rungetmethod-params {
          display:inline-flex;
          margin:20px;
        }
        .rungetmethod-param-box {
          display:grid;
        }