#login .card{width:25rem;display:block}.loss{color:red}.gain{color:green}.short{color:#8b0000}td.total.value{text-align:center}th.asset{padding-left:0;white-space:nowrap}th.asset.fiat{padding-left:20px}td,th{padding:4px;position:relative}div.exVal{position:absolute;display:none;z-index:100;background-color:#fff;padding:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:4px;box-shadow:1px 1px 2px #00000080;right:0;top:2px}.pct{text-align:right;white-space:nowrap;padding-left:0}td:hover div.exVal,th:hover div.exVal{display:block}table.striped tr{border-bottom:1px solid rgba(0,0,0,.12)}.trail0s{opacity:.1}#portfolio td.total{font-weight:600}@media only screen and (min-width: 401px){.masonry{padding:10px}.masonry>*{break-inside:avoid;margin-top:0;margin-bottom:var(--gap)}}.asset{text-align:left}.tradeList td.leverage{width:20px;padding-left:1px;font-size:small;text-align:left}.accMark{font-size:small;padding-right:3px}nav{background-color:green}nav .title{font-size:1.8rem;padding-left:10px}a.title:hover{color:#fff}.material-icons{vertical-align:middle}td{text-align:right}thead tr th{text-align:center}input{height:2rem!important;line-height:2.2rem!important;margin-top:4px!important}a:hover{text-decoration:none}.select-wrapper .caret{margin-top:4px!important}#appVersion{margin-left:10px}.select-wrapper{width:80px;display:inline-block}.btn-floating.halfway-fab{right:70px}#dropdown-user{right:10px;top:10px}.dropdown-content li>a:not([href]){cursor:not-allowed}#dropdown-add{right:66px;top:30px}.dropdown:hover .dropdown-content,.dropdown:active .dropdown-content{display:block!important;opacity:1}.dropdown-content{left:auto}.card-title .filter{padding-right:1rem;padding-left:5rem}input+label{pointer-events:none!important}@media only screen and (max-width: 600px){.card-title{white-space:nowrap;padding:1rem 1rem 0}nav{height:52px;line-height:52px}nav .title{font-size:1.5rem}#dropdown-user{right:10px;top:4px}#dropdown-add{right:66px;top:20px}}:root{--card-width: 400px;--gap: 14px}@media only screen and (min-width: 0){html{font-size:12px}}.masonry{margin:0 auto}.card{width:auto}@media only screen and (min-width: 401px){.card{display:block;position:initial;padding-left:0!important;width:calc(var(--card-width) - var(--gap))}.card .content{padding:.2rem 1rem 1rem}html{font-size:13px}}@media only screen and (min-width: 1200px){html{font-size:14px}}*,*:before,*:after{box-sizing:border-box}.flex{display:flex}.flex-center{align-items:center}.flex-center{justify-content:center}