/*
 * Bootstrap Steps v1.0.3
 */
.steps{padding:0;margin:0;list-style:none;display:flex;overflow-x:auto}
.steps .step:first-child{margin-left:auto}
.steps .step:last-child{margin-right:auto}
.step:first-of-type .step-circle::before{display:none}.step:last-of-type 
.step-content{padding-right:0}
.step-content{box-sizing:content-box;display:flex;align-items:center;flex-direction:column;width:5rem;min-width:5rem;max-width:5rem;padding-top:.5rem;padding-right:1rem}
.step-circle{position:relative;display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;color:#adb5bd;border:1px solid #adb5bd;border-radius:100%;background-color:#fff}
.step-circle::before{content:"";display:block;position:absolute;top:50%;left:-2px;width:calc(5rem + 1rem - 1.5rem);height:2px;transform:translate(-100%,-50%);color:#f1f0ef;background-color:currentColor}
.step-text{color:#ffffff;word-break:break-all;margin-top:.25em;font-size: 12px;}
.step-active .step-circle{color:#fff;background-color:#ffc300;border-color:#ffc300}
.step-active .step-circle::before{color:#ffc300}
.step-active .step-text{color:#ffc107}
.step-error .step-circle{color:#ffffff;background-color:#dc3545;border-color:#dc3545}
.step-error .step-circle::before{color:#dc3545}
.step-error .step-text{color:#dc3545;font-size: 12px;}
.step-success .step-circle{color:#0243a5;background-color:#fff;border-color:#ffffff}
.step-success .step-circle::before{color:#28a745}
.step-success .step-text{color:#ffffff;font-size: 12px;}