﻿

.count-down-timer {
    white-space: nowrap;
    float: right;
}

[dir="rtl"] .count-down-timer {
    float: left;
}

.count-down-timer__svg {
    transform: scaleX(-1);
}

.count-down-timer_svg_container {
    max-width: 25px;
    min-width: 25px;
    width: 25px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
}

.count-down-timer__circle {
    fill: none;
    stroke: none;
}

.count-down-timer__path-elapsed {
    stroke-width: 10px;
    stroke: #d9d9d9;
}

.count-down-timer__path-remaining {
    stroke-width: 10px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

    .count-down-timer__path-remaining.green {
        color: #802529;
    }

    .count-down-timer__path-remaining.orange {
        color: #802529;
    }

    .count-down-timer__path-remaining.red {
        color: #d9d9d9;
    }

.count-down-timer-label {
    font-size: 14px;
    white-space: nowrap;
    padding: 5px 10px !important;
}

@media only screen and (max-width: 980px) {

    .count-down-timer-label {
        font-size: 12px;
        white-space: nowrap;
        padding: 5px !important;
    }
}
