mt5-manager/static/styles.css

.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;
}