.steps-timeline{padding:20px;margin-top:40px}.steps-timeline i{color:#000}.steps-one,.steps-two,.steps-three,.steps-four{outline:1px dashed rgba(green,100%);float:left;width:25%;padding-top:20px;padding-bottom:20px;height:120px}.barre-green{background-image:url(../images/barre-green.png);background-repeat:no-repeat;background-position:left 0;background-size:100% 100px}.barre-green-p1{background-image:url(../images/barre-green.png);background-repeat:no-repeat;background-position:left 0;background-size:50% 100px}.step1-barre-green-p2{background-image:url(../images/barre-green.png);background-repeat:no-repeat;background-position:right 0;background-size:50% 100px}.barre-green-p2{background-image:url(../images/barre-green.png);background-repeat:no-repeat;background-position:right -20px;background-size:50% 100px}.barre-red{background-image:url(../images/barre-red.png);background-repeat:no-repeat;background-position:left;background-size:100% 100px}.barre-red-p1{background-image:url(../images/barre-red.png);background-repeat:no-repeat;background-position:left 0;background-size:50% 100px}.barre-red-p2{background-image:url(../images/barre-red.png);background-repeat:no-repeat;background-position:right -20px;background-size:50% 100px}.step1-barre-red-p2{background-image:url(../images/barre-red.png);background-repeat:no-repeat;background-position:right 0;background-size:50% 100px}.barre-gray{background-image:url(../images/barre-gray.png);background-repeat:no-repeat;background-position:left;background-size:100% 100px}.barre-gray-p1{background-image:url(../images/barre-gray.png);background-repeat:no-repeat;background-position:left 0;background-size:50% 100px}.barre-gray-p2{background-image:url(../images/barre-gray.png);background-repeat:no-repeat;background-position:right -20px;background-size:50% 100px}.step1-barre-gray-p2{background-image:url(../images/barre-gray.png);background-repeat:no-repeat;background-position:right 0;background-size:50% 100px}.steps-img{display:block;margin:auto;width:50px;height:50px;border-radius:50%;padding-top:15px;padding-left:17px}.steps-img.green{background-color:#88ae42}.steps-img.red{background-color:#c30000}.steps-img.gray{background-color:#333}.steps-img.active{box-shadow:0 0 0 10px rgba(50,50,50,.5);border-radius:50%;width:50px;height:50px}.steps-img.active i{color:#fff}h3.steps-name{font-size:12px;color:#323232;font-weight:400;text-align:center;margin-top:10px}h3.steps-name.green{color:#88ae42;font-size:14px}h3.steps-name.red{color:#c30000;font-size:14px}.steps-description{overflow:hidden;text-align:center}.note_gray{font-size:11px;color:#323232}.note_yellow{font-size:11px;color:#f5c603}.underline{text-decoration:underline}.message_description{padding-left:10px}.message_green{padding-top:20px;color:#88ae42}.message_tracking{padding-bottom:10px}