/* MAIN STEP */


.is-step-bar
{
	padding: 30px 0 25px 0;
	line-height: 1.1em;
}
.is-step-box
{
	float: left;
	/*display: inline-block;*/
	text-align: center;
	border-top: solid 1px silver;
}
.is-step-box.is-total-of-1
{
	width: 100%;
}
.is-step-box.is-total-of-2
{
	width: 50%;
}
.is-step-box.is-total-of-3
{
	width: 33.3%;
}
.is-step-box.is-total-of-4
{
	width: 25%;
}
.is-step-box.is-total-of-5
{
	width: 20%;
}
.is-step-box.is-total-of-6
{
	width: 16.6%;
}
.is-step-bar .is-step
{
	font-size: 23px;
	line-height: 28px;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	border-style: solid;
	border-width: 1px;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center; /* align vertical */
	overflow: hidden;
	padding: 4px 0 0 0;
	margin: -18px auto 0 auto;
}
.is-step-bar .is-step.is-grey
{
	background-color: silver;
	border-color: silver;
	color: white;
}
.is-branded-as-gtue .is-step-bar .is-step.is-grey
{
	background-color: silver;
	border-color: silver;
	color: white;
}
.is-step-bar .is-step.is-green
{
	background-color: #18a15f;
	border-color: #18a15f;
	color: white;
}
.is-branded-as-gtue .is-step-bar .is-step.is-green
{
	background-color: #323234;
	border-color: #323234;
	color: white;
}
.is-step-bar .is-step.is-lightgreen
{
	background-color: white;
	border-color: #18a15f;
	color: #18a15f;
}
.is-branded-as-gtue .is-step-bar .is-step.is-lightgreen
{
	background-color: white;
	border-color: #323234;
	color: #323234;
}
.is-step-bar .is-step.is-red
{
	background-color: #e30613;
	border-color: #e30613;
	color: white;
}
.is-branded-as-gtue .is-step-bar .is-step.is-red
{
	background-color: #888B8D;
	border-color: #888B8D;
	color: white;
}

/*simple colouring************************************************************/

/*is filled*/
.is-step-bar .is-step.is-filled
{
	background-color: #005681;
	border-color: #005681;
	color: white;
}
.is-branded-as-gtue .is-step-bar .is-step.is-filled
{
	background-color: #323234;
	border-color: #323234;
	color: white;
}

/*is unfilled*/
.is-step-bar .is-step.is-unfilled
{
	background-color: white;
	border-color: #005681;
	color: black;
}
.is-branded-as-gtue .is-step-bar .is-step.is-unfilled
{
	background-color: white;
	border-color: #323234;
	color: #323234;
}

/******************************************************************************/

/* current at last */
.is-step-bar .is-step.is-current
{
	background-color: #005681;
	border-color: #005681;
	color: white;
}
.is-branded-as-gtue .is-step-bar .is-step.is-current
{
	/*background-color: #d40032;*/
	/*border-color: #d40032;*/
	/*color: white;*/
}

.is-step-bar .is-step-text
{
	padding: 10px 0 0 0;
	margin: -43px 0 0 0;
}
.is-step-bar .is-step-text p
{
	padding: 2px 5px 0 5px;
	color: black;

	overflow: hidden;
	text-overflow: ellipsis;
}
.is-step-bar .is-step-text.is-green p,
.is-step-bar .is-step-text.is-lightgreen p
{
	font-family: my-new-regular-italic-font, sans-serif;
	color: black;
}
.is-step-bar .is-step-text.is-grey p
{
	color: silver;
}
.is-branded-as-gtue .is-step-bar .is-step-text.is-grey p
{
	color: silver;
}

/* current at last */
.is-step-bar .is-step-text.is-current p
{
	/*padding: 10px 0 0 0;*/
	font-family: my-new-bold-font, sans-serif;
	color: black;
}

.is-branded-as-gtue .is-ring,
.is-ring
{
	width: 50px;
	height: 50px;
	top: -43px;
	border: 3px solid transparent;
	position: relative;
	left: 0px;
	margin: 0 auto 0 auto;
	border-radius: 24px;
}
.is-ring.is-current-step
{
	border: 3px solid #005681;
}
.is-branded-as-gtue .is-ring.is-current-step
{
	border: 3px solid #d40032;
}



/* SUB STEP */



.is-sub-step-bar
{
	padding: 0 0 25px 0;
	line-height: 1.1em;
}
.is-sub-step-box
{
	/*width: 200px;*/
	height: 35px;
	position: relative;
	background: white;
	float: left;
	margin: 0 0 9px -1px;
	margin: 5px 0 9px -1px;
	border-top: solid 1px silver;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	border-left: dotted 1px silver;
}
.is-sub-step-box.is-first,
/*.is-sub-step-box:first-child*/
.is-sub-step-link:first-child div
{
	border-left: solid 1px silver;
}
.is-sub-step-box:after
{
	width: 10px;
	height: 10px;
	content: '';
	position: absolute;
	/*position: relative;*/
	right: -6px;
	top: 11px;
	border-top: solid 1px silver;
	border-right: solid 1px silver;
	transform: rotate(45deg);
	background: white;
}
.is-sub-step-box.is-position-1,
.is-sub-step-link:nth-child(1) div
{
	z-index: 9;
}
.is-sub-step-box.is-position-2,
.is-sub-step-link:nth-child(2) div
{
	z-index: 8;
}
.is-sub-step-box.is-position-3,
.is-sub-step-link:nth-child(3) div
{
	z-index: 7;
}
.is-sub-step-box.is-position-4,
.is-sub-step-link:nth-child(4) div
{
	z-index: 6;
}
.is-sub-step-box.is-position-5,
.is-sub-step-link:nth-child(5) div
{
	z-index: 5;
}
.is-sub-step-box.is-position-6,
.is-sub-step-link:nth-child(6) div
{
	z-index: 4;
}
.is-sub-step-box.is-position-7,
.is-sub-step-link:nth-child(7) div
{
	z-index: 3;
}
.is-sub-step-box.is-position-8,
.is-sub-step-link:nth-child(8) div
{
	z-index: 2;
}
.is-sub-step-box.is-position-9,
.is-sub-step-link:nth-child(9) div
{
	z-index: 1;
}



.is-sub-step-box.is-lightgreen,
.is-sub-step-box.is-lightgreen:after
{
	border-color: #18a15f;
	background-color: white;
}
.is-branded-as-gtue .is-sub-step-box.is-lightgreen,
.is-branded-as-gtue .is-sub-step-box.is-lightgreen:after
{
	border-color: #323234;
	background-color: white;
}
.is-sub-step-box.is-lightblue,
.is-sub-step-box.is-lightblue:after
{
	border-color: #005681;
	background-color: white;
}
.is-branded-as-gtue .is-sub-step-box.is-lightblue
{
	border-color: #323234;
	border-right-color: white;
	background-color: #323234;
}
.is-branded-as-gtue .is-sub-step-box.is-lightblue:after
{
	border-color: #323234;
	border-color: white;
	background-color: #323234;
}
.is-sub-step-box.is-green
{
	/*border-color: #18a15f;*/
	/*border-right-color: white;*/
	/*background-color: #18a15f;*/
}
.is-sub-step-box.is-green:after
{
	/*border-color: white;*/
	/*background-color: #18a15f;*/
}
.is-branded-as-gtue .is-sub-step-box.is-green
{
	/*border-color: #323234;*/
	/*border-right-color: white;*/
	/*background-color: #323234;*/
}
.is-branded-as-gtue .is-sub-step-box.is-green:hover
{
	border-color: #323234;
	border-right-color: white;
	background-color: #323234;
}
.is-branded-as-gtue .is-sub-step-box.is-green:after
{
	/*border-color: white;*/
	/*background-color: #323234;*/
}
.is-branded-as-gtue .is-sub-step-box.is-green:hover:after
{
	/*border-color: white;*/
	/*background-color: #323234;*/
}
.is-sub-step-box.is-red
{
	/*border-color: #e30613;*/
	/*border-right-color: white;*/
	/*background-color: #e30613;*/
}
.is-sub-step-box.is-red:after
{
	/*border-color: white;*/
	/*background-color: #e30613;*/
}
.is-branded-as-gtue .is-sub-step-box.is-red
{
	/*border-color: #888B8D;*/
	/*border-right-color: white;*/
	/*background-color: #888B8D;*/
}
.is-branded-as-gtue .is-sub-step-box.is-red:after
{
	/*border-color: white;*/
	/*background-color: #888B8D;*/
}

/*is grey*/
.is-sub-step-box.is-grey
{
	border-color: silver;
	border-right-color: white;
	background-color: silver;
}
.is-sub-step-box.is-grey:after
{
	border-color: white;
	background-color: silver;
}
.is-branded-as-gtue .is-sub-step-box.is-grey
{
	border-color: silver;
	border-right-color: white;
	background-color: silver;
}
.is-branded-as-gtue .is-sub-step-box.is-grey:after
{
	border-color: white;
	background-color: silver;
}

/*simple colouring************************************************************/

/*is filled*/
.is-sub-step-box.is-filled
{
	border-color: #005681;
	border-right-color: white;
	background-color: #005681;
}
.is-sub-step-box.is-filled:after
{
	border-color: white;
	background-color: #005681;
}
.is-sub-step-box.is-filled p
{
	color: white;
}
.is-sub-step-link:first-child div.is-filled
{
	border-left: solid 1px #005681;
}
.is-branded-as-gtue .is-sub-step-box.is-filled
{
	border-color: #323234;
	border-right-color: white;
	background-color: #323234;
}
.is-branded-as-gtue .is-sub-step-box.is-filled:after
{
	border-color: white;
	background-color: #323234;
}
.is-branded-as-gtue .is-sub-step-box.is-filled p
{
	color: white;
}
.is-branded-as-gtue .is-sub-step-link:first-child div.is-filled
{
	border-left: solid 1px #323234;
}

/*is unfilled*/
.is-sub-step-box.is-unfilled
{
	border-color: #005681;
	background-color: white;
}
.is-sub-step-box.is-unfilled:after
{
	border-color: #005681;
	background-color: white;
}
.is-sub-step-box.is-unfilled p
{
	color: #005681;
}
.is-sub-step-link:first-child div.is-unfilled
{
	border-left: solid 1px #005681;
}
.is-branded-as-gtue .is-sub-step-box.is-unfilled
{
	border-color: #323234;
	background-color: white;
}
.is-branded-as-gtue .is-sub-step-box.is-unfilled:after
{
	border-color: #323234;
	background-color: white;
}
.is-branded-as-gtue .is-sub-step-box.is-unfilled p
{
	color: #323234;
}
.is-branded-as-gtue .is-sub-step-link:first-child div.is-unfilled
{
	border-left: solid 1px #323234;
}


/******************************************************************************/
.is-sub-step-box.is-last:after,
/*.is-sub-step-box:last-child:after*/
.is-sub-step-link:last-child div:after
{
	display: none;
}

/* current at last */
.is-sub-step-box.is-current-sub-step
{
	border-color: #005681;
	border-right-color: white;
	background-color: #005681;
}
.is-sub-step-box.is-current-sub-step:after
{
	border-color: white;
	background-color: #005681;
}
.is-current-sub-step
{
	/*border-bottom-color: black;*/
	background-color: #005681;
	height: 3px;
	position: relative;
	top: 14px;
}
.is-branded-as-gtue .is-current-sub-step
{
	/*border-bottom-color: black;*/
	background-color: #d40032;
	height: 3px;
	position: relative;
	top: 14px;
}

.is-sub-step-box p
{
	padding: 9px 12px 0 15px;
	white-space: nowrap;
}
.is-sub-step-box.is-first p,
/*.is-sub-step-box:first-child p*/
.is-sub-step-link:first-child p
{
	padding: 9px 12px 0 12px;
}
.is-sub-step-box.is-green p
{
	font-family: my-new-regular-italic-font, sans-serif;
	color: white;
}
.is-sub-step-box.is-red p,
.is-sub-step-box.is-grey p
{
	color: white;
}
.is-sub-step-box.is-lightblue p
{
	color: #005681;
}
.is-branded-as-gtue .is-sub-step-box.is-lightblue p
{
	color: #323234;
	color: white;
}
.is-sub-step-box.is-lightgreen p
{
	font-family: my-new-regular-italic-font, sans-serif;
	color: #18a15f;
}
.is-branded-as-gtue .is-sub-step-box.is-lightgreen p
{
	font-family: my-new-regular-italic-font, sans-serif;
	color: #323234;
}

/* current at last */
.is-sub-step-box.is-current p
{
	font-family: my-new-bold-font, sans-serif;
	color: white;
}
.is-branded-as-gtue .is-sub-step-box.is-current p
{
	font-family: my-new-bold-font, sans-serif;
	color: white;
}