#stProgressBar-stStepsSetup { margin: 0px auto; width: 348px; } .stProgressBar-title { font-size: 32px; font-weight: 300; color: #000; line-height: 100%; margin: 7px 0 10px; } .stPrograssBar-main-div { max-width: 426px; margin-bottom: 4px; margin: 5px auto 15px auto; background-color: #dcdcdc; border-radius: 8px; } .stPrograssBar-main-div:before, .stPrograssBar-main-div:after { display: table; content: " "; clear: both; } .stProgressBar-progress-div { float: left; background: rgb(241,56,55); background: -moz-linear-gradient(270deg, rgba(241,56,55,1) 0%, rgba(221,28,27,1) 100%); background: -webkit-linear-gradient(270deg, rgba(241,56,55,1) 0%, rgba(221,28,27,1) 100%); background: linear-gradient(270deg, rgba(241,56,55,1) 0%, rgba(221,28,27,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f13837",endColorstr="#dd1c1b",GradientType=1); height: 15px; border-radius: 8px; position: relative; } .stProgressBar-complete-tick { position: absolute; right: -22px; } .bar_title { display: inline-block; margin-bottom: 3px; } #progress_bar, .progress-bar .progress-bar-container { margin-bottom: 25px; text-align: center; text-align: center; } #progress_bar .admin_actions, #progress_bar .admin_actions li, .progress-bar .progress-bar-container .admin_actions .progress-bar .progress-bar-container .admin_actions li { float: none !important; display: inline-block; } #progress_bar table th, .progress-bar .progress-bar-container table th { background: #f1f1f1; } .progress-bar { text-align: center; clear: both; } .progress-bar .progress-bar { margin-top: 25px; }