/*
 * Created By : Ahmad Windi Wijayanto
 * Email : ahmadwindiwijayanto@gmail.com
 * Github : https://github.com/whendy
 * LinkedIn : https://www.linkedin.com/in/ahmad-windi-wijayanto/
 *
 */

.f1-steps{overflow:hidden;position:relative;margin-top:20px;margin-bottom:25px}.f1-progress{position:absolute;top:24px;left:0;width:100%;height:1px;background:#ddd}.f1-progress-line{position:absolute;top:0;left:0;height:1px;background:#194D62}.f1-step{position:relative;float:left;width:25%;padding:0 5px;font-weight:700}.f1-step{width:16%}.f1-step-icon{display:inline-block;width:40px;height:40px;margin-top:4px;background:#ddd;font-size:16px;color:#fff;line-height:40px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center}.f1-step.activated .f1-step-icon{background:#fff;border:1px solid #194D62;color:#338056;line-height:38px}.f1-step.active .f1-step-icon{width:48px;height:48px;margin-top:0;background:#194D62;font-size:22px;line-height:48px;text-align:center}.f1-step p{color:#ccc}.f1-step.activated p{color:#338056}.f1-step.active p{color:#338056}.f1 fieldset{display:none;text-align:left}.f1-buttons{text-align:right}.f1 .input-error{border-color:#f35b3f}.input-error{border:2px solid #dc3545!important;background-color:#ffeaea}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}.shake{animation:shake 0.4s}@media (max-width:576px){.f1-step-icon{width:30px;height:30px;margin-top:8px;line-height:33px}.f1-step.active .f1-step-icon{width:38px;height:38px;margin-top:4px;line-height:38px}.f1-step.activated .f1-step-icon{line-height:29px}}