/* Default format */

div.schedulePanel {
	margin-left:10px;
	padding: 5px;
	border: 1px solid #ddd
}




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.step-bar-default {

}

td.sequence-arrow-wrapper-default {
    padding: 10px
}

td.sequence-wrapper-default {
    padding: 10px
}

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

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

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

/* Compact format */

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
}

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
}