:root {
    --fxtm-color-orange:#ff4521;
    --fxtm-color-green: #a4e22d;
    --fxtm-color-bule: #4cb1ff;
    --fxtm-color-dark: #252842;
    --fxtm-color-secondary: #f8f8f8;
}


.color-fxtm-orange {
    color: var(--fxtm-color-orange);
}

.btn-fxtm {
    font-size: 16px;
    font-weight: 700;
    border-radius: 32px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 10px 33px !important;
    transition: .2s;
}

.btn-fxtm.btn-fxtm-top {
    min-height: 36px;
    min-width: 154px;
    padding: 8px!important;
}

.btn-fxtm:hover {
    text-decoration: none!important;
}

.btn-fxtm-orange {
    background-color: var(--fxtm-color-orange);
    color: #ffffff;
    border: 1px solid var(--fxtm-color-orange);
}

.btn-fxtm-orange:hover {
    background-color: transparent;
    border: 1px solid var(--fxtm-color-orange);
    color: var(--fxtm-color-orange);
}

.btn-fxtm-green {
    background-color: var(--fxtm-color-green);
    color: #000000;
    border: 1px solid var(--fxtm-color-green);
}

.btn-fxtm-green:hover {
    background-color: transparent;
    border: 1px solid var(--fxtm-color-green);
    color: var(--fxtm-color-green);
}

.btn-fxtm-white {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: var(--fxtm-color-orange);
}

.btn-fxtm-white:hover {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.section-fxtm-dark .percentage {
    fill: #fff;
}


.circular-chart {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
    max-height: 250px;
}

.percentage {
    fill: #252842;
    font-size: 0.4em;
    text-anchor: middle;
}

.circular-chart.green .circle {
    stroke: #69D548;
}

.circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

.section-fxtm-dark .circle-bg {
    stroke: #393B53;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}

.circular-chart.speed {
    background: url(https://www.ziizhtk.cn/fxtm/images/trading-stats-speed_0.dc72e5.svg) no-repeat;
    background-size: 100%;
}


.section-fxtm-dark .speed .circle-bg {
    stroke: transparent;
}

.percentage.second {
    font-size: 0.15em;
}

.circular-chart.blue .circle {
    stroke: var(--fxtm-color-bule);
}

.circular-chart.orange .circle {
    stroke: var(--fxtm-color-orange);
}