.stepper-wrapper{margin:40px 0;display:flex;width:100%}.stepper-item{position:relative;display:flex;flex-grow:1;flex-shrink:1;flex-direction:column;align-items:center}.stepper-item::before{position:absolute;content:"";border-bottom:2px solid #d1d1d1;width:100%;top:15.5px;left:-50%;z-index:2}.stepper-item::after{position:absolute;content:"";border-bottom:2px solid #d1d1d1;width:100%;top:15.5px;left:50%;z-index:2}.stepper-item.completed .step-counter{background-color:#16a34a;border-color:#16a34a}.stepper-item.completed .step-counter::before{font-family:"Font Awesome 5 Free";font-size:12px;content:"\f00c";font-weight:600;color:#fff}.stepper-item.completed:after{position:absolute;content:"";border-bottom:2px solid #16a34a;width:100%;top:15.5px;left:50%;z-index:3}.stepper-item.completed .step-name .status{color:#333}.stepper-item.completed:hover .step-counter{background-color:#047857;border-color:#047857}.stepper-item.active .step-counter{background-color:#fff;border:2px solid #186ade}.stepper-item.active .step-counter::before{font-family:"Font Awesome 5 Free";font-size:12px;font-weight:600;content:"\f111";padding:1px 0 0 0;color:#186ade}.stepper-item.active .step-name .status{font-weight:bold}.stepper-item.active:hover .step-counter{border-color:#1354b0}.stepper-item.active:hover .step-counter::before{color:#1354b0}.stepper-item.inactive .step-name .status{color:#676767}.stepper-item.inactive:hover .step-counter{border-color:#a4a4a4}.stepper-item:first-child::before{content:none}.stepper-item:last-child::after{content:none}.stepper-item:hover{cursor:pointer}.step-counter{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;width:31px;height:31px;border-radius:50%;background:#fff;border:2px solid #d1d1d1;margin-bottom:6px}.step-name{text-align:center}.step-name .status{font-size:14px}.step-name .date{font-size:12px;color:#676767}#step-received{flex-basis:17%}#step-validated,#step-consultation,#step-decision{flex-basis:20%}#step-recommendation{flex-basis:23%}.progress-modal{display:none;position:fixed;z-index:5000;padding-top:10%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.progress-modal .modal-content{margin:0 auto;max-height:300px;overflow-y:auto;background-color:#fff;padding:2rem 1.5rem;border:1px solid #ddd;border-radius:4px;width:50%}.progress-modal .modal-content .close-modal{background:none;border:none;padding:0;color:#6b7280;float:right;font-size:1.3rem;font-weight:bold;line-height:1em}.progress-modal .modal-content .close-modal:hover,.progress-modal .modal-content .close-modal:active,.progress-modal .modal-content .close-modal:focus{cursor:pointer}.progress-modal .modal-content h2{font-size:1.25rem;font-weight:bold;margin:0}@media screen and (max-width: 768px){.stepper-item .step-name .status{font-size:12px}}