/* /Pages/Messaging/Compose/ComposeTemplate.razor.rz.scp.css */

.step-indicator[b-kpz6qb2vvy] {
    display: table;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    padding-left: 0;
    padding-top: 20px;
}

    .step-indicator li[b-kpz6qb2vvy] {
        display: table-cell;
        position: relative;
        width: 1%;
    }

        .step-indicator li[b-kpz6qb2vvy]:after {
            background-color: #ccc;
            content: "";
            display: block;
            height: 1px;
            position: absolute;
            width: 100%;
            top: 32px;
        }

        .step-indicator li[b-kpz6qb2vvy]:after {
            left: 50%;
        }

        .step-indicator li:last-child[b-kpz6qb2vvy]:after {
            display: none;
        }

        .step-indicator li.active .step[b-kpz6qb2vvy] {
            border-color: #4183d7;
            color: #4183d7;
        }

        .step-indicator li.active .caption[b-kpz6qb2vvy] {
            color: #4183d7;
        }

        .step-indicator li.complete[b-kpz6qb2vvy]:after {
            background-color: #e95420;
        }

        .step-indicator li.complete .step[b-kpz6qb2vvy] {
            border-color: #e95420;
            color: #e95420;
        }

        .step-indicator li.complete .caption[b-kpz6qb2vvy] {
            color: #e95420;
        }

.step[b-kpz6qb2vvy] {
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin: 0 auto;
    position: relative;
    width: 64px;
    z-index: 1;
}

    .step:hover[b-kpz6qb2vvy] {
        cursor: pointer;
    }