/* SmartWizard v4.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */


/* SmartWizard Theme: Dots */

.sw-theme-dots {
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);*/
}

.sw-main ul {
	margin: 0 30px 130px;
}

.sw-theme-dots .sw-container {
	min-height: 300px;
	margin-bottom: 60px;
}

.sw-theme-dots .step-content {
	margin: 0;
	padding: 20px 0;
	border: 0px solid #D4D4D4;
	background-color: #FFF;
	text-align: left;
}

.sw-theme-dots .sw-toolbar {
	background: #fff;
	border-radius: 0 !important;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0 !important;
}

.sw-theme-dots .sw-toolbar-top {
	border: none !important;
}

.sw-theme-dots .sw-toolbar-bottom {
	border: none !important;
	border: none !important;
}

.sw-theme-dots > ul.step-anchor {
	background: #fff;
	display: block;
	border: 0px solid #ccc !important;
	width: 92%;
}

.sw-theme-dots > ul.step-anchor:before {
	top: 25px;
	/*bottom: 0;*/
	position: absolute;
	content: " ";
	width: 87%;
	height: 11px;
	background-color: #f5f5f5;
	-moz-box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.15), /*bottom internal shadow*/
	inset 0 1px 1px rgba(255, 255, 255, 1);
	/*top internal highlight*/
	border-radius: 3px;
	z-order: 0;
}

.sw-theme-dots > ul.step-anchor > li {
	position: relative;
	background: transparent;
	margin-top: 25px;
	height: 11px;
	display: block;
	border-radius: 3px;
	width: 16.2%;/*width: 19.5%;*/
}

.sw-theme-dots > ul.step-anchor > li > a {
	position: relative;
	text-align: center;
	font-weight: bold;
	z-index: 99;
	width: 72px;
	padding: 20px;
	display: block;
	background: #fff;
	top: 2px;
	left: 76%;
	margin-top: -36px;
	border-radius: 50%;
	border: 0 !important;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #428bca;
	text-decoration: none;
    transition: all 0.5s ease;
}

.sw-theme-dots > ul.step-anchor > li > a small {
	position: absolute;
	left: -32px;
	display: block;
	color: #787878;
	margin-top: 55px;
	width: 140px;
	font-size: 14px;
}

.sw-theme-dots > ul.step-anchor > li.done > a small {
	color: #b8503b;
}

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

.sw-theme-dots > ul.step-anchor > li > a,
.sw-theme-dots > ul.step-anchor > li > a:hover {
	text-decoration: none;
	outline-style: none;
	border-color: #e28619 !important;
	color: #e28619 !important;
	background: #fff;
	-webkit-box-shadow: 0px 4px 25px -6px rgba(0, 0, 0, 0.3);
	-mos-box-shadow: 0px 4px 25px -6px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 4px 25px -6px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 4px 25px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 4px 25px -6px rgba(0, 0, 0, 0.3);
    
}

.sw-theme-dots > ul.step-anchor > li.clickable > a:hover {
	color: #4285F4 !important;
}

.sw-theme-dots > ul.step-anchor > li.active {
	background: #fbbd19;
	background: -o-linear-gradient(top, #e9a81f 0%, #e28619 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9a81f 0%, #e28619 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #e9a81f 0%, #e28619 100%);
}

.sw-theme-dots > ul.step-anchor > li.active > a  {
	border-color: #4285F4 !important;
	color: #4285F4 !important;
	background: #E28619;
	background: -webkit-linear-gradient(-90deg, #e28619, #e9a81f);
	background: -o-linear-gradient(-90deg, #e28619, #e9a81f);
	background: -moz-linear-gradient(-90deg, #e28619, #e9a81f);
	background: linear-gradient(-90deg, #e28619, #e9a81f);
    
}


/*.sw-theme-dots > ul.step-anchor > li.active > a:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #fbbd19;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}*/

.sw-theme-dots > ul.step-anchor > li.done {
	background: #fbbd19;
	background: -o-linear-gradient(top, #e9a81f 0%, #e28619 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9a81f 0%, #e28619 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #e9a81f 0%, #e28619 100%);
}

.sw-theme-dots > ul.step-anchor > li.done > a {
	border-color: #5cb85c !important;
	color: #5cb85c !important;
	background: #E28619;
	background: -webkit-linear-gradient(-90deg, #e28619, #e9a81f);
	background: -o-linear-gradient(-90deg, #e28619, #e9a81f);
	background: -moz-linear-gradient(-90deg, #e28619, #e9a81f);
	background: linear-gradient(-90deg, #e28619, #e9a81f);
}

.sw-theme-dots > ul.step-anchor > li > a svg {
	vertical-align: middle;
}

.sw-theme-dots > ul.step-anchor > li > a .steps-icon {
	fill: #E28619;
}

.sw-theme-dots > ul.step-anchor > li.done > a .steps-icon,
.sw-theme-dots > ul.step-anchor > li.active > a .steps-icon {
	fill: #fff !important;
}


/*.sw-theme-dots > ul.step-anchor > li.done > a:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #5cb85c;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}*/

.sw-theme-dots > ul.step-anchor > li.danger > a {
	border-color: #d9534f !important;
	color: #d9534f !important;
	background: #fff !important;
}

.sw-theme-dots > ul.step-anchor > li.disabled > a,
.sw-theme-dots > ul.step-anchor > li.disabled > a:hover {
	color: #eee !important;
}

.sw-theme-dots > ul.step-anchor > li:first-child {
	margin-left: -18%;
	background: transparent !important;
}


/* Loader Animation
 * Courtesy: http://bootsnipp.com/snippets/featured/loading-button-effect-no-js
 */

@-webkit-keyframes ld {
	0% {
		transform: rotate(0deg) scale(1);
	}
	50% {
		transform: rotate(180deg) scale(1.1);
	}
	100% {
		transform: rotate(360deg) scale(1);
	}
}

@-moz-keyframes ld {
	0% {
		transform: rotate(0deg) scale(1);
	}
	50% {
		transform: rotate(180deg) scale(1.1);
	}
	100% {
		transform: rotate(360deg) scale(1);
	}
}

@-o-keyframes ld {
	0% {
		transform: rotate(0deg) scale(1);
	}
	50% {
		transform: rotate(180deg) scale(1.1);
	}
	100% {
		transform: rotate(360deg) scale(1);
	}
}

@keyframes ld {
	0% {
		transform: rotate(0deg) scale(1);
	}
	50% {
		transform: rotate(180deg) scale(1.1);
	}
	100% {
		transform: rotate(360deg) scale(1);
	}
}

.sw-theme-dots > ul.step-anchor > li.loading:before {
	content: '';
	display: inline-block;
	position: absolute;
	background: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #4285f4;
	border-right-color: #4285f4;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	-webkit-animation: ld 1s ease-in-out infinite;
	-moz-animation: ld 1s ease-in-out infinite;
	-o-animation: ld 1s ease-in-out infinite;
	animation: ld 1s ease-in-out infinite;
}

/* Responsive CSS */
@media screen and (max-width: 768px) {
    .sw-theme-dots > ul.step-anchor:before {
        top: 0;
        bottom: 0;
        left: 10px;
        width: 5px;
        height: 100%;
        background-color: #f5f5f5;
        display: block;
        margin-right: 10px;
    }
    
    .sw-theme-dots > ul.step-anchor > li{
        margin-left: 20px;
        display: block;
        clear: both;
    }
    
    .sw-theme-dots > ul.step-anchor > li > a{
        text-align: left;
        margin-left: 0;
        display: block;
    }
    
    .sw-theme-dots > ul.step-anchor > li > a:before {
        top: 5px;
        left: -23px;
        margin-right: 10px;
        display: block;
    }
    .sw-theme-dots > ul.step-anchor > li > a:after  {
        top: -38px;
        left: -31px;
        margin-right: 10px;
        display: block;
    }
}

/* Loader Animation
 * Courtesy: https://codepen.io/emjay/pen/VjVBRq
 */
.sw-theme-dots > ul.step-anchor > li.loading > a:before{
    -webkit-animation: help-bubble-pulse 1.5s linear infinite;
    -moz-animation:    help-bubble-pulse 1.5s linear infinite;
    -o-animation:      help-bubble-pulse 1.5s linear infinite;
    animation:         help-bubble-pulse 1.5s linear infinite;   
}
.sw-theme-dots > ul.step-anchor > li.loading > a:after{
    background-color: #ccc;
    opacity: 1;
    -webkit-animation: help-bubble-pulse 1.5s linear infinite;
    -moz-animation:    help-bubble-pulse 1.5s linear infinite;
    -o-animation:      help-bubble-pulse 1.5s linear infinite;
    animation:         help-bubble-pulse 1.5s linear infinite;
}

@keyframes help-bubble-pulse {
	0% {
		transform: scale(1);
		opacity: .75
	}

	25% {
		transform: scale(1);
		opacity: .75
	}

	100% {
		transform: scale(2.5);
		opacity: 0
	}
}