/* Minification failed. Returning unminified contents.
(213,14): run-time error CSS1039: Token not allowed after unary operator: '-colors-text-white'
(223,25): run-time error CSS1039: Token not allowed after unary operator: '-colors-semantic-danger-0'
(227,25): run-time error CSS1039: Token not allowed after unary operator: '-colors-neutral-40'
(231,25): run-time error CSS1039: Token not allowed after unary operator: '-colors-semantic-warning-0'
(235,25): run-time error CSS1039: Token not allowed after unary operator: '-colors-semantic-success-0'
 */
#ParentStages.nav-tabs {
	border-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	width: 100%;
}

#ParentStages.nav-tabs > li {
	border-bottom: 0;
	margin-left: -42.1px;
	margin-top: 10px;
	text-align: center;
}

#ParentStages.nav-tabs > li:first-child {
	margin-left: 0;
}

#ParentStages.nav-tabs > li.stage-block > a,
#ParentStages.nav-tabs > li.stage-block > a:hover,
#ParentStages.nav-tabs > li.stage-block > a:visited {
	border: 0;
	border-bottom: 1px solid;
	border-radius: 0;
	border-top: 1px solid;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 60px;
	line-height: 1.3em;
	margin: 0;
	margin-top: 10px;
}

#ParentStages.nav-tabs > li.stage-arrow {
	-moz-transform: scale(0.5, 0.86);/* Firefox */
	-ms-transform: scale(0.5, 0.86);/* IE 9 */
	-o-transform: scale(0.5, 0.86);/* Opera */
	-webkit-transform: scale(0.5, 0.86);/* Safari and Chrome */
	filter: drop-shadow(4px 0 1px #fff);
	font-size: 67px;
	margin-bottom: -4px;
	margin-left: -14px;
	margin-top: -2.7px;
	padding-top: 8px;
	text-indent: -16px;
	transform: scale(0.5, 0.86);
	width: 56px;
	z-index: 10;
}

/* Make the active stage have more top and bottom padding */

#ParentStages.nav-tabs > li.active {
	border: 0;
	margin-top: 0;
}

#ParentStages.nav-tabs > li.active > a,
#ParentStages.nav-tabs > li.active > a:hover {
	border: 0;
	height: 80px;
	padding: 21px;
}

#ParentStages.nav-tabs > li > span.fa {
	color: #ddd;
	display: none;
	float: left;
	font-size: 60px;
	height: 38px;
	margin-left: 15px;
	margin-top: -20px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#ParentStages.nav-tabs > li.active > span.fa {
	display: inline-block;
}

/* NotReady, Unused, Unfinished, and Ready styles for icons and tabs */

.nav-tabs > li.NotReady > a,
.nav-tabs > li.active.NotReady > a,
.nav-tabs > li.NotReady > a:hover,
.nav-tabs > li.active.NotReady > a:hover,
li.NotReady > .Mini {
	background-color: red;
}

.nav-tabs > li.Unused > a,
.nav-tabs > li.active.Unused > a,
.nav-tabs > li.Unused > a:hover,
.nav-tabs > li.active.Unused > a:hover,
li.Unused > .Mini {
	background-color: #777;
}

.nav-tabs > li.Unfinished > a,
.nav-tabs > li.active.Unfinished > a,
.nav-tabs > li.Unfinished > a:hover,
.nav-tabs > li.active.Unfinished > a:hover,
li.Unfinished > .Mini {
	background-color: #FFA500;
}

.nav-tabs > li.Ready > a,
.nav-tabs > li.active.Ready > a,
.nav-tabs > li.Ready > a:hover,
.nav-tabs > li.active.Ready > a:hover,
li.Ready > .Mini {
	background-color: #478A47;
}

svg.NotReady,
li.NotReady,
span.NotReady {
	color: red;
	font-size: 1.1em;
	vertical-align: text-top;
}

svg.Unused,
li.Unused,
span.Unused {
	color: #777;
	font-size: 1.1em;
	vertical-align: text-top;
}

svg.Unfinished,
li.Unfinished,
span.Unfinished {
	color: #FFA500;
	font-size: 1.1em;
	vertical-align: text-top;
}

svg.Ready,
li.Ready,
span.Ready {
	color: #478A47;
	font-size: 1.1em;
	vertical-align: text-top;
}

/* Popover style tweaks */

.ProcessStatusMini {
	cursor: default;
}

.ProcessStatusMini .popover-content {
	padding: 0 !important;
}

.ProcessStatus {
	width: 500px;
}

.ProcessStatus #ParentStages {
	margin-left: -8px;
	margin-top: -24px;
	width: 733px;
}

.popover.left {
	height: 75px;
	max-width: 750px;
	width: 750px;
}

.Mini {
	color: #fff;
	display: block;
	font-size: 10px;
	height: 15px;
	margin-right: 1px;
	padding-top: 1px;
}

.ProcessSummaryInfo {
	display: inline-block;
	vertical-align: top;
}

.HeaderApplyButton {
	margin-bottom: -8px;
	margin-left: 12px;
	margin-right: -12px;
	margin-top: -8px;
}

.HeaderApplyButton .btn {
	padding: 5px 9px;
}

#Summary #StartDate,
#Summary #EndDate {
	width: 100% !important;
	text-align: center;
}

.stage-status {
}

.stage-status > li {
	margin-left: 0px !important;
	min-height: 15px;
	color: var(--colors-text-white);
}

.stage-status-content {
	margin-right: 1px;
	display: block;
	cursor: default;
}

.stage-status-content.NotReady {
	background-color: var(--colors-semantic-danger-0);
}

.stage-status-content.Unused {
	background-color: var(--colors-neutral-40);
}

.stage-status-content.Unfinished {
	background-color: var(--colors-semantic-warning-0);
}

.stage-status-content.Ready {
	background-color: var(--colors-semantic-success-0);
}

