SyncMadeEasy/force-app/main/default/aura/BatchProcessingPage/BatchProcessingPage.css

145 lines
2.1 KiB
CSS

.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;
}