section.enrollment-tracker{font-size:18px;padding-bottom:30px}
section.enrollment-tracker .tracker-disclaimer{font-size:14px;margin-top:30px}
section.enrollment-tracker p.collapse-text{font-size:13px;margin-bottom:0}
section.enrollment-tracker div.modern-form-with-image-container{display:flex}
section.enrollment-tracker div.modern-form-with-image-container div.form-container{background-color:#e6f2f6}
section.enrollment-tracker div.modern-form-with-image-container div.form-container .tracker-btn-group{display:flex;justify-content:center;margin-top:10px;margin-bottom:6px}
section.enrollment-tracker div.modern-form-with-image-container div.form-container .tracker-btn-group .btn-tracker{padding:13px 20px;min-width:120px}
section.enrollment-tracker div.modern-form-with-image-container div.form-container .tracker-btn-group .btn-tracker.active{z-index:0}
section.enrollment-tracker div.update-phone-form-container{padding-top:45px;align-items:flex-start}
section.enrollment-tracker div.update-phone-form-container div.update-phone-form{margin:0 0 30px 0}
section.enrollment-tracker div.update-phone-form-container div.update-phone-form .update-phone-container{padding:0 20px}
section.enrollment-tracker div.update-phone-form-container div.update-phone-form .update-phone-container .form-abstract{padding-bottom:15px;text-align:center}
@media screen and (min-width:992px){section.enrollment-tracker div.update-phone-form-container div.update-phone-form .update-phone-container .form-abstract{text-align:left}
}
section.enrollment-tracker div.update-phone-form-container div.update-phone-form .update-phone-container input.constellation-checkbox{transform:scale(1.5);margin:10px 0 0}
section.enrollment-tracker div.update-phone-form-container div.update-phone-form .update-phone-container input.constellation-input{width:200px;margin:10px auto;padding:20px;border-radius:2px;text-align:center}
section.enrollment-tracker div.update-phone-form-container div.update-phone-form .update-phone-container button.update-phone-button{margin:0 auto;display:block}
section.enrollment-tracker div.update-phone-form-container div.update-phone-form .update-phone-container .agreementDescription{font-weight:normal}
section.enrollment-tracker .track-container{height:150px;padding:30px 0}
section.enrollment-tracker .track-container.vertical-track{margin:0 60px;height:100%}
section.enrollment-tracker .track-container .line-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:10px;padding-left:10px;padding-right:10px;position:relative}
section.enrollment-tracker .track-container .line-container.vertical-track{width:10px;height:100%;padding-right:0;padding-left:30px;flex-direction:column}
@media screen and (min-width:992px){section.enrollment-tracker .track-container .line-container{padding-left:30px;padding-right:30px}
}
@media screen and (min-width:1200px){section.enrollment-tracker .track-container .line-container{padding-left:70px;padding-right:70px}
}
section.enrollment-tracker .track-container .line,section.enrollment-tracker .track-container .animated-line{position:absolute;top:5%;left:0;right:0;height:10px;background-color:#d1d3d4}
section.enrollment-tracker .track-container .line.vertical-line,section.enrollment-tracker .track-container .animated-line.vertical-line{top:0;bottom:0;left:26px;height:auto;width:10px}
section.enrollment-tracker .track-container .line.vertical-loading,section.enrollment-tracker .track-container .animated-line.vertical-loading{background:linear-gradient(180deg,#6ba543 25%,#f0f6ec 50%,#6ba543 75%);background-size:100% 200%;animation:fillVerticalLine 3s linear infinite}
section.enrollment-tracker .track-container .animated-line{background:linear-gradient(to right,#088e47 0,#6ba543 50%,transparent 50%,transparent 100%);background-size:200% 100%;animation:fillLine 3s linear 1 forwards}
section.enrollment-tracker .track-container .animated-line.no-record{width:0}
section.enrollment-tracker .track-container .animated-line.loading{background:linear-gradient(90deg,#6ba543 25%,#f0f6ec 50%,#6ba543 75%);background-size:200% 100%;animation:loadingPattern 10s linear infinite}
section.enrollment-tracker .track-container .line.loading{background:linear-gradient(90deg,#6ba543 25%,#f0f6ec 50%,#6ba543 75%);background-size:200% 100%;animation:loadingPattern 3s linear infinite}
@keyframes fillLine{0{background-position:100% 0}
100%{background-position:0 0}
}
@keyframes loadingPattern{0{background-position:200% 0}
100%{background-position:-200% 0}
}
@keyframes fillVerticalLine{0{background-position:0 100%}
100%{background-position:0 0}
}
section.enrollment-tracker .track-container .point{width:40px;height:40px;background-color:#6ba543;border-radius:50%;position:relative;text-align:center;left:0}
section.enrollment-tracker .track-container .point.disabled{background-color:#d1d3d4}
section.enrollment-tracker .track-container .point.vertical-track{margin:20px 0}
section.enrollment-tracker .track-container .svg-container{position:absolute;top:35%;left:50%;width:45%;height:45%;transform:translate(-50%,-50%)}
section.enrollment-tracker .track-container .svg-container.vertical-track{top:36%}
section.enrollment-tracker .track-container .tracker-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:5px;font-size:12px;color:#333;width:240%;white-space:normal}
section.enrollment-tracker .track-container .tracker-label p{margin:0}
section.enrollment-tracker .track-container .tracker-label p.active{font-weight:bold}
section.enrollment-tracker .track-container .tracker-label.vertical-track-label{top:50%;left:100%;transform:translateY(-50%);margin-left:10px}