.THIS .IconClass { background: #27ae60; height: 31px; width: 31px; text-align: center; float: left; border-radius: 40px; margin-right: 4px; } .THIS .IconClass:hover{ background: #f5b44b; } .THIS .zoom { transition: transform .2s; margin: 0 auto; box-sizing: border-box; } .THIS .zoom:hover { -webkit-text-stroke: thin; -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari 3-8 */ transform: scale(1.02); } .THIS .progress { margin-bottom: 0px !important; } .THIS .ProgressStart{ width: 2%; background-color: darkcyan; } .THIS .ProgressProduct{ width: 5%; background-color: darkcyan; } .THIS .ProgressVariant{ width: 15%; background-color: darkcyan; } .THIS .ProgressAccount{ width: 25%; background-color: royalblue; } .THIS .ProgressContact{ width: 32%; background-color: royalblue; } .THIS .ProgressOrder{ width: 39%; background-color: darkorange; } .THIS .ProgressOpp{ width: 45%; background-color: darkorange; } .THIS .ProgressSmart{ width: 48%; background-color: darkorange; } .THIS .ProgressCustom{ width: 51%; background-color: darkorange; } .THIS .ProgressCollect{ width: 70%; background-color: darkorange; } .THIS .ProgressLocation{ width: 81%; background-color: green; } .THIS .ProgressInventory{ width: 89%; background-color: green; } .THIS .ProgressDraft{ width: 95%; background-color: darkorange; } .THIS .ProgressCompleted{ width: 100%; background: green; } .THIS .socialMediaHandler { margin-top: 5%; margin: 0 auto; width: fit-content; } .THIS .footer { font-size: 198%; margin-top: 15% ; width: 100%; } .THIS .footer .socialMediaHandler a img { max-width: 100%; height: auto; vertical-align: middle; } .THIS .builtWithLove { margin-top:1% !Important; font-size: larger; text-align: center; } .THIS .StatusCompleted{ color:green; } .THIS .StatusIncompleted{ color:red; }