html, body { height: 100%; } body { background-color:#ffffff; } .displaynone { display:none; } #wrap { min-height: 100%; height: auto; /* Negative indent footer by its height */ margin: 0 auto -60px; /* Pad bottom by footer height */ padding: 0 0 60px; } #footer { height: 60px; background-color: #f5f5f5; padding-top: 20px; } .alert { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; } #fees .txi_regular { background: #d3d3d3; } #fees .txi_segwit { background: #bae1ff; } #fees .txi_multisig { background: #baffc9; } #fees .txi_hodl { background: #ffdfba; } #fees .txi_unknown { background: #ffb3ba; } #fees .txo_p2pkh { background: #E679C8; } #fees .txo_p2sh { background: #FAFE92; } #fees .txinputs { } #fees .txoutputs { } .hideOverflow { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #fees .slider { -webkit-appearance: none; appearance: none; width: 100%; height: 25px; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; border: 2px dotted #c3c3c3; } #fees .slider:hover { opacity: 1; } #fees .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 32px; height: 32px; border: 0; background: url('https://coinb.in/images/btc32x.png'); cursor: pointer; } #fees .slider::-moz-range-thumb { width: 32px; height: 32px; border: 0; background: url('https://coinb.in/images/btc32x.png'); cursor: pointer; } #fees .total { font-size: 100px; }