* {box-sizing:border-box;}
body { margin:0; padding: 0; min-height: 100vh;}
body.wait,
body.wait * { cursor:wait; }
a[href*="/address/"],
ul.comments a,
p.contract-text,
h2 a { word-wrap:anywhere;}
.top-menu-bar { display: flex; flex-direction:row; align-items:center; flex-wrap:wrap; justify-content: space-around;}
.top-menu-bar a {margin: 3px 2em; text-align:center; }
.top-menu-bar a:first-child { flex: 1 0 100%; }
@media (max-width: 440px) {
  table { display: flex; flex-wrap: wrap;}
  table tr{ display: flex; flex-direction: column;}
}
@media (max-width: 600px) {
  .window { width: 98%; }
}
.top-menu-bar a.wallet { float:right; }
.top-menu-bar a.wallet:hover .address,
.top-menu-bar a.wallet .hover { display:none; }
.top-menu-bar a.wallet.address,
.top-menu-bar a.wallet:hover .hover { display:inline; }
a:visited { color: #000; }
button { cursor: pointer; }
.blue a:visited { color:#fff; }
a.button:visited { color:#fff; }
menu { padding:0;}
menu li { padding: 10px; display:inline-block; }
table {width:100%;}
table>a {display:table-row;}
.commands {text-align:center; padding:20px;}
select {width: 100%; background:#ccc; color:#000; cursor:pointer; margin: 10px 0; }
div.field { padding: 10px; 0;}
div.field span.hint { display:block; }
.percentage {display:flex;}
span.preview { display:block;}
.wrap {word-wrap:anywhere; white-space:pre-wrap;}
pre i { color: #030; font-weight: bold; }
.notice { padding: 10px; background:#fcc; color: #000; }

ul.proposals>li { display: flex; align-items: center; border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 10px; }
ul.proposals>li>a { padding-right: 10px; }
ul.proposals>li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.proposal-passing { color: #090; }
.proposal-not-passing { color: #d00; }
.proposal-waiting { color:#090; font-weight:bold; }

ul.comments>li { border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 10px; }
ul.comments>li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

ul.tx ul.tx { margin-left: 20px; }

.page-options { display:flex; justify-content: space-between; }

.loader{
      display: block;
      position: relative;
      height: 12px;
      width: 80%;
      max-width: 600px;
      margin: 20px auto;
      border: 1px solid #fff;
      border-radius: 10px;
      overflow: hidden;
    }
    .loader::after {
      content: '';
      width: 40%;
      height: 100%;
      background: #FF3D00;
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      animation: animloader 2s linear infinite;
    }

    @keyframes animloader {
      0% {
        left: 0;
        transform: translateX(-100%);
      }
      100% {
        left: 100%;
        transform: translateX(0%);
      }
    }