/* Archivo: wp-content/plugins/portalaseo-pedido/assets/css/progress.css */
/* Versión: 1.0.0 */

.pap-progress{
    position:fixed;
    top:56px;
    left:0;
    width:100%;
    height:42px;
    padding:0 16px;
    display:flex;
    align-items:center;
    background:#000;
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.08);
    z-index:999;
}

.pap-progress-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:#8f8f8f;
    font-size:10px;
    font-weight:600;
    line-height:1;
    user-select:none;
}

.pap-progress-circle{
    width:20px;
    height:20px;
    margin-bottom:3px;
    border:2px solid #555;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1f232a;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.pap-progress-line{
    flex:1;
    height:2px;
    margin:0 8px 14px;
    background:#444;
}

.pap-progress-step.active{
    color:#f4b400;
}

.pap-progress-step.active .pap-progress-circle{
    background:#f4b400;
    border-color:#f4b400;
    color:#000;
}

.pap-progress-step.completed{
    color:#f4b400;
}

.pap-progress-step.completed .pap-progress-circle{
    background:#f4b400;
    border-color:#f4b400;
    color:#000;
}

.pap-progress-step.completed + .pap-progress-line{
    background:#f4b400;
}