.terminal-card { transition: opacity 0.3s ease; } .loading-card { background-color: #f9f9f9; color: #aaa; } .loading-card .loaded-content { display: none; } .loaded-card .loading-content { display: none; } .status-running { border-left: 0.8em solid #59bd55; border-left: 0.4em solid #89fd85; } .status-stopped { background: #d1ffd1; border: 1px solid #89fd85; } .hidden { display: none; } .card-money { font-family: 'Consolas', 'Courier New', Courier, monospace; margin-top: 0.5em; font-weight: bold; } .card-money .title { position: absolute; display: inline-block; margin-top: -1em; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 0.75em; color: cadetblue; font-weight: normal; } .card-money .balance { color: #3e81d3; } .card-money .equity { color: #4a7c2b } .card-money .profit { color: #599235 } .card-money .profit.neg { color: #a3482c } .card-money .profit-pct { display: inline-block; font-size: 0.8em; padding: 0.2em 0.4em; margin-left: 0.5em; margin-top: -0.25em; font-family: 'Consolas', 'Courier New', Courier, monospace; color: #599235; background: #eafff3; border: 1px solid #bbdbbe; border-radius: 4px; } .card-money .profit-pct.neg { color: #a3482c; background: #fdede8; border-color: #fbc2b1; } .fade-out { opacity: 0; } .company { background-size: contain; width: 1.25em; height: 1.25em; display: inline-block; vertical-align: middle; } .company-MetaQuotes-Demo { background-image: url(/static/img/MetaQuotes-Demo.ico); } .fa-spin, .fa-pulse { animation: fa-spin 2s infinite linear !important; } .tc-controls .btn { width: 2.25em; }