/* use outer ring (a:before) only, no inner ring (a:after) */

.sw-theme-dots > ul.step-anchor > li > a:after  {
	display: none;
}

.sw-theme-dots > ul.step-anchor > li.active > a{
    color: #047faf;
}

	/* in case of multiple lines of tile, ensure the entire line is at bottom of the highest title */
.sw-theme-dots > ul.step-anchor:before  {
	/* unset top so that bottom can take effect */
	top: auto;
	bottom: -20px;
	background: #e6e5e5
}

.sw-theme-dots > ul.step-anchor > li > a:before {
	bottom: -30px;
	color: #edebeb;
}

.sw-theme-dots > ul.step-anchor > li.done > a:before {
    background: #5cb85c;
}

.sw-theme-dots > ul.step-anchor > li.active > a:before {
    background: #047faf;
}

/* for Bootstrap 3 only: http://techlaboratory.net/smartwizard/documentation */

/*
.justify-content-start {
	text-align: left;
}

.justify-content-end {
	text-align: right;
}

.justify-content-center {
	text-align: center;
}
*/

/* start: copied from http://techlaboratory.net/smartwizard/demo */

.justify-content-start {
    justify-content: flex-start!important;
}

.justify-content-end {
    justify-content: flex-end!important;
}

.justify-content-center {
    justify-content: center!important;
}

.justify-content-between {
    justify-content: space-between!important;
}

.justify-content-around {
    justify-content: space-around!important;
}
	
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex !important;
    vertical-align: middle;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* end: copied */

.sw-btn-group.btn-group {
	float: none;
}

.btn-toolbar .sw-btn-group .btn {
	margin-right: 2px;
	min-width: 100px;
}

.sw-btn-prev.disabled, .sw-btn-next.disabled {
	display: none;
}

/* the followings are for AODA compliant (high contrasted) purpose only */
	
.sw-theme-dots > ul.step-anchor > li:focus{
    border: none;
}
	
.sw-theme-dots > ul.step-anchor > li.clickable > a:focus{
    color: #999;
}

.sw-theme-dots > ul.step-anchor {
	font-size: 1.1em;
	margin-bottom: 30px;
}

.sw-theme-dots > ul.step-anchor > li > a,
.sw-theme-dots > ul.step-anchor > li.done > a
{
    color: black;
}

/* others */
	
.step-id {
	display: block;
	font-weight: bold;
}

.step-title {
	display: block;
	font-weight: bold;
}

.sw-theme-dots > ul.step-anchor, .sw-theme-dots > ul.step-anchor > li{
	/* no border when focused */
    outline-style:none;
}

.sw-theme-dots .sw-container:focus {
	/* the tab content outline when focused
	outline: #999999 dotted 1px; */
	outline: none;
}

.btn-group.sw-btn-group {
	order: 1;
	flex-grow: 5;
    justify-content: flex-end;
}

.btn-group.mr-2.sw-btn-group-extra {
	order: 0;
	flex-grow: 5;
    justify-content: flex-start;
}