@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(52,152,219, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(52,152,219, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(52,152,219, 0);
    }
}

div.workflow-bar-compact {
    background-color: #eee;
    padding: 3px;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 5px;
}

div.process-section-compact {
	border: 1px solid #bbb;
	margin: 5px;
	border-radius: 5px;
}

div.process-bar-compact {
	background-color: #eee;
	padding: 3px;
	border-radius: 5px 5px 0px 0px;
}

div.process-arrow-section-compact {
    text-align: left;
    margin-left: 10px
}

div.step-section-compact {
	border: 1px solid #ddd;
	background-color: white;
	color: black;
	margin: 5px 10px 5px 50px;
	padding: 5px;
	border-radius: 5px
}

div.step-section-started-current-compact {
	border: 1px solid #ddd;
	background-color: yellow;
	color: black;
	margin: 5px 10px 5px 50px;
	padding: 5px;
	border-radius: 5px;
    animation: pulse 1s infinite alternate;
}

div.step-section-started-notcurrent-compact {
    border: 1px solid #ddd;
    background-color: #ffff99;
    color: black;
    margin: 5px 10px 5px 50px;
    padding: 5px;
    border-radius: 5px
}

div.step-section-finishedwithsuccess-current-compact {
    border: 1px solid #ddd;
    background-color: #4CAF50;
    color: white;
    margin: 5px 10px 5px 50px;
    padding: 5px;
    border-radius: 5px
}

div.step-section-finishedwithsuccess-notcurrent-compact {
    border: 1px solid #ddd;
    background-color: #b8e0b9;
    color: black;
    margin: 5px 10px 5px 50px;
    padding: 5px;
    border-radius: 5px
}

div.step-section-finishedwithwarning-current-compact {
    border: 1px solid #ddd;
    background-color: orange;
    color: black;
    margin: 5px 10px 5px 50px;
    padding: 5px;
    border-radius: 5px
}

div.step-section-finishedwithwarning-notcurrent-compact {
    border: 1px solid #ddd;
    background-color: #ffdb99;
    color: black;
    margin: 5px 10px 5px 50px;
    padding: 5px;
    border-radius: 5px
}

div.step-section-finishedwithfailure-current-compact {
    border: 1px solid #ddd;
    background-color: red;
    color: white;
    margin: 5px 10px 5px 50px;
    padding: 5px;
    border-radius: 5px
}

div.step-section-finishedwithfailure-notcurrent-compact {
    border: 1px solid #ddd;
    background-color: #ff9999;
    color: black;
    margin: 5px 10px 5px 50px;
    padding: 5px;
    border-radius: 5px
}

div.step-arrow-section-compact {
    text-align: left;
    margin-left: 50px
}

div.sequence-section-compact {
    border: 1px solid #bbb;
    border-radius: 5px
}

div.sequence-bar-compact {
    background-color: #eee;
    padding: 3px;
    border-radius: 5px 5px 0px 0px;
}

div.step-bar-compact {
}


td.sequence-arrow-wrapper-compact {
    padding: 5px
}

td.sequence-wrapper-compact {
    padding: 5px
}

button.btn-xs {
	padding  : .25rem .4rem;
	font-size  : .75rem;
	line-height  : .5;
	border-radius : .2rem;
}

span.workflow-buttons-compact {
    margin: 0px 3px
}

span.process-buttons-compact {
    margin: 0px 3px
}

span.step-buttons-compact {
    margin: 0px 3px
}