/* Add here all your CSS customizations */
/* Life Training skin CSS only */
 
.text-white {
    color: #fff;
}

img.reflect-image {
	-webkit-box-reflect: below 10px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(250, 250, 250, 0.2)));
	border-radius: 10px;
}

.notification-primary{
		background-color:#00a4e3!important;
	}
	.notification.ui-pnotify-container{
		background-color:#00a4e3!important;
	}

    .pricing-table .most-popular h3,
    .pricing-table.princig-table-flat .plan h3 span,
    .pricing-table.princig-table-flat .plan h3
    {
        background-color:#00a4e3!important;
        
    }
    .pricing-table .most-popular{
        border-color: #00a4e3!important;
    }
    section.page-header h1{
        border-bottom-color: #00a4e3!important;
    }


.modal {
		text-align: center;
	}

@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.modal-dialog {
	 	width:100%;
		margin:0px;
	}
}
.btn-primary{
	color:#fff!important;
	background-color:#00a4e3!important;
	border-color:#00a4e3!important;
}
.fa-question-circle{
	color:#00a4e3;
	/*font-size:1.2em;*/
}
select{
	background-color:#fff;
}

.sidebar-left{
	background-color:#000!important;
}

html.no-overflowscrolling .sidebar-left .nano{
		background-color:#000!important;
		box-shadow:none!important;
}



.btn-success{
	color:#fff!important;
}


.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #0088cc;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
					box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
			 -o-transition: width .6s ease;
					transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:			-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:				 linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
					background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
			 -o-animation: progress-bar-stripes 2s linear infinite;
					animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-primary {
	background-color: #0088cc!important;
}
.progress-bar-success {
	background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:			-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:				 linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
	background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:			-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:				 linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
	background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:			-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:				 linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
	background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:			-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:				 linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}




.panel {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	/* WHY?
	+ .panel {
		margin-top: 35px;
	}*/
}

.panel-heading {
	background: #f6f6f6;
	color: #FFF;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #DADADA;
	padding: 18px;
	position: relative;
}

.panel-heading.bg-primary {
	background: #00a4e3;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-secondary {
	background: #E36159;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-tertiary {
	background: #2BAAB1;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-quartenary {
	background: #734BA9;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-success {
	background: #47a447;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-warning {
	background: #ed9c28;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-danger {
	background: #d2322d;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-info {
	background: #5bc0de;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-dark {
	background: #171717;
	color: #FFF;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-white {
	background: #fff;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading a{
	color:#fff!important;	
}


.panel-actions {
	right: 15px;
	position: absolute;
	top: 15px;
}

.panel-actions a,
.panel-actions .panel-action {
	background-color: transparent;
	border-radius: 2px;
	color: #B4B4B4;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
}

.panel-actions a:hover,
.panel-actions .panel-action:hover {
	background-color: #eeeeee;
	color: #B4B4B4;
	text-decoration: none;
}

.panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited,
.panel-actions .panel-action,
.panel-actions .panel-action:focus,
.panel-actions .panel-action:hover,
.panel-actions .panel-action:active,
.panel-actions .panel-action:visited {
	outline: none !important;
	text-decoration: none !important;
}

.panel-title {
	color: #33353F;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	padding: 0;
	text-transform: none;
}

.panel-title-primary{
		color: #FFF!important;

}
.panel-subtitle {
	color: #808697;
	font-size: 12px;
	line-height: 1.2em;
	margin: 7px 0 0;
	padding: 0;
}

.panel-body {
	background: #fdfdfd;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

.panel-body-nopadding {
	padding: 0;
}

.panel-heading + .panel-body {
	border-radius: 0 0 5px 5px;
}

.panel-footer {
	border-radius: 0 0 5px 5px;
	margin-top: -5px;
}

.panel-footer-btn-group {
	display: table;
	width: 100%;
	padding: 0;
}

.panel-footer-btn-group a {
	background-color: #f5f5f5;
	display: table-cell;
	width: 1%;
	border-left: 1px solid #ddd;
	padding: 10px 15px;
	text-decoration: none;
}

.panel-footer-btn-group a:hover {
	background-color: #f0f0f0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}

.panel-footer-btn-group a:first-child {
	border-left: none;
}

.panel-body.bg-primary {
	background: #CCC;
	color: #FFF;
}

.panel-body.bg-secondary {
	background: #E36159;
	color: #FFF;
}

.panel-body.bg-tertiary {
	background: #2BAAB1;
	color: #FFF;
}

.panel-body.bg-quartenary {
	background: #734BA9;
	color: #FFF;
}

.panel-body.bg-success {
	background: #47a447;
	color: #FFF;
}

.panel-body.bg-warning {
	background: #ed9c28;
	color: #FFF;
}

.panel-body.bg-danger {
	background: #d2322d;
	color: #FFF;
}

.panel-body.bg-info {
	background: #5bc0de;
	color: #FFF;
}

.panel-body.bg-dark {
	background: #171717;
	color: #FFF;
}

.panel-featured {
	border-top: 3px solid #33353F;
}

.panel-featured .panel-heading {
	border-radius: 0;
}

.panel-featured-top {
	border-top: 3px solid #33353F;
}

.panel-featured-right {
	border-right: 3px solid #33353F;
}

.panel-featured-bottom {
	border-bottom: 3px solid #33353F;
}

.panel-featured-left {
	border-left: 3px solid #33353F;
}

.panel-featured-primary {
	border-color: #00a4e3;
}

.panel-featured-primary .panel-title {
	color: #CCC;
}

.panel-featured-secondary {
	border-color: #E36159;
}

.panel-featured-secondary .panel-title {
	color: #E36159;
}

.panel-featured-tertiary {
	border-color: #2BAAB1;
}

.panel-featured-tertiary .panel-title {
	color: #2BAAB1;
}

.panel-featured-quartenary {
	border-color: #734BA9;
}

.panel-featured-quartenary .panel-title {
	color: #734BA9;
}

.panel-featured-success {
	border-color: #47a447;
}

.panel-featured-success .panel-title {
	color: #47a447;
}

.panel-featured-warning {
	border-color: #ed9c28;
}

.panel-featured-warning .panel-title {
	color: #ed9c28;
}

.panel-featured-danger {
	border-color: #d2322d;
}

.panel-featured-danger .panel-title {
	color: #d2322d;
}

.panel-featured-info {
	border-color: #5bc0de;
}

.panel-featured-info .panel-title {
	color: #5bc0de;
}

.panel-featured-dark {
	border-color: #171717;
}

.panel-featured-dark .panel-title {
	color: #171717;
}

.panel-highlight .panel-heading {
	background-color: #CCC;
	border-color: #CCC;
	color: #fff;
}

.panel-highlight .panel-title {
	color: #fff;
}

.panel-highlight .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-highlight .panel-body {
	background-color: #CCC;
	color: #fff;
}

.panel-highlight-title .panel-heading {
	background-color: #2BAAB1;
}

.panel-highlight-title .panel-title {
	color: #fff;
}

.panel-highlight-title .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight-title .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-heading-icon {
	margin: 0 auto;
	font-size: 4.2rem;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 55px;
	border-radius: 55px;
}

.panel-heading-icon.bg-primary {
	background: #CCC;
	color: #FFF;
}

.panel-heading-icon.bg-secondary {
	background: #E36159;
	color: #FFF;
}

.panel-heading-icon.bg-tertiary {
	background: #2BAAB1;
	color: #FFF;
}

.panel-heading-icon.bg-quartenary {
	background: #734BA9;
	color: #FFF;
}

.panel-heading-icon.bg-success {
	background: #47a447;
	color: #FFF;
}

.panel-heading-icon.bg-warning {
	background: #ed9c28;
	color: #FFF;
}

.panel-heading-icon.bg-danger {
	background: #d2322d;
	color: #FFF;
}

.panel-heading-icon.bg-info {
	background: #5bc0de;
	color: #FFF;
}

.panel-heading-icon.bg-dark {
	background: #171717;
	color: #FFF;
}

.panel-heading-profile-picture img {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.panel-icon {
	color: #fff;
	font-size: 42px;
	float: left;
}

.panel-icon ~ .panel-title, .panel-icon ~ .panel-subtitle {
	margin-left: 64px;
}

/* Dark - Panels */
html.dark .panel-heading {
	background: #282d36;
	border-bottom-color: #1d2127;
}

html.dark .panel-actions a:hover {
	background-color: #242830;
}

html.dark .panel-body {
	background: #2e353e;
}

html.dark .panel-footer {
	background: #242830;
	border-top-color: #191c21;
}

html .panel-primary .panel-heading {
	background: #CCC;
}

html .panel-primary .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-primary .panel-title {
	color: #FFF;
}

html .panel-primary .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-secondary .panel-heading {
	background: #E36159;
}

html .panel-secondary .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-secondary .panel-title {
	color: #FFF;
}

html .panel-secondary .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-tertiary .panel-heading {
	background: #2BAAB1;
}

html .panel-tertiary .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-tertiary .panel-title {
	color: #FFF;
}

html .panel-tertiary .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-quartenary .panel-heading {
	background: #734BA9;
}

html .panel-quartenary .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-quartenary .panel-title {
	color: #FFF;
}

html .panel-quartenary .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-success .panel-heading {
	background: #47a447;
}

html .panel-success .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-success .panel-title {
	color: #FFF;
}

html .panel-success .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-warning .panel-heading {
	background: #ed9c28;
}

html .panel-warning .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-warning .panel-title {
	color: #FFF;
}

html .panel-warning .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-danger .panel-heading {
	background: #d2322d;
}

html .panel-danger .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-danger .panel-title {
	color: #FFF;
}

html .panel-danger .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-info .panel-heading {
	background: #5bc0de;
}

html .panel-info .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-info .panel-title {
	color: #FFF;
}

html .panel-info .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-dark .panel-heading {
	background: #171717;
}

html .panel-dark .panel-subtitle {
	opacity: 0.8;
	color: #FFF;
}

html .panel-dark .panel-title {
	color: #FFF;
}

html .panel-dark .panel-actions a {
	background-color: transparent !important;
	color: #FFF;
}

html .panel-transparent > .panel-heading {
	background: none;
	border: 0;
	padding-left: 0;
	padding-right: 0;
}

html .panel-transparent > .panel-heading .panel-actions {
	right: 0;
}

html .panel-transparent > .panel-heading + .panel-body {
	border-radius: 5px;
}

html .panel-transparent > .panel-body {
	padding: 0;
	border-radius: 0;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

html .panel .panel-heading-transparent {
	background: none;
	border: 0;
	padding-left: 0;
	padding-right: 0;
}

html .panel .panel-heading-transparent .panel-actions {
	right: 0;
}

html .panel .panel-heading-transparent + .panel-body {
	border-radius: 5px;
}

.panel-horizontal {
	display: table;
	width: 100%;
}

.panel-horizontal .panel-heading,
.panel-horizontal .panel-body,
.panel-horizontal .panel-footer {
	display: table-cell;
	vertical-align: middle;
}

.panel-horizontal .panel-heading {
	border-radius: 5px 0 0 5px;
}

.panel-horizontal .panel-heading + .panel-body {
	border-radius: 0 5px 5px 0;
}

.panel-horizontal .panel-footer {
	border-radius: 0 5px 5px 0;
	margin-top: 0;
}

.panel-action-toggle,
.panel-action-dismiss {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.panel-action-toggle:before {
	content: "\f0d7";
}

.panel-collapsed .panel-action-toggle:before {
	content: "\f0d8";
}

.panel-action-dismiss:before {
	content: "\f00d";
}

.panel-collapsed .panel-body,
.panel-collapsed .panel-footer {
	display: none;
}

@media only screen and (max-width: 767px) {
	.panel-actions {
		float: none;
		margin-bottom: 15px;
		position: static;
		text-align: right;
	}

	.panel-actions a {
		vertical-align: top;
	}
}






















.panel-body .wizard-tabs {
	margin: -15px -15px 15px;
}

.panel-body-nopadding .wizard-tabs {
	margin: 0;
}

.wizard-tabs ul {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.wizard-tabs ul > li {
	display: table-cell;
	border-bottom: 1px solid #EEE;
}

.wizard-tabs ul > li.active {
	border-bottom-color: transparent;
}

.wizard-tabs ul > li.active > a, .wizard-tabs ul > li.active > a:hover, .wizard-tabs ul > li.active > a:focus {
	background: #FFF;
	color: #555;
}

.wizard-tabs ul > li.active > a:after {
	border-left-color: #FFF;
}

.wizard-tabs ul > li.active .badge {
	background-color: #CCC;
}

.wizard-tabs ul > li.disabled > a, .wizard-tabs ul > li.disabled > a:hover, .wizard-tabs ul > li.disabled > a:focus {
	color: #CCC;
}

.wizard-tabs ul > li.disabled .badge {
	background-color: #CCC;
}

.wizard-tabs ul > li > a {
	position: relative;
	display: block;
	padding: 5px;
	font-size: 1.3rem;
	text-decoration: none;
	color: #555;
}

.wizard-tabs ul > li > a .badge {
	border-radius: 100%;
}

.wizard-tabs ul > li > a, .wizard-tabs ul > li > a:hover {
	background: #F4F4F4;
	color: #555;
}

.wizard-tabs ul > li > a:hover {
	box-shadow: none;
}

.wizard-tabs ul > li > a:active, .wizard-tabs ul > li > a:focus {
	border-bottom: 0;
}

.wizard-tabs ul > li > a:before, .wizard-tabs ul > li > a:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 1;
	border: 17px solid transparent;
	border-right: 0;
	border-left: 10px solid transparent;
	width: 0;
	height: 0;
}

.wizard-tabs ul > li > a:before {
	z-index: 1;
	right: -11px;
	border-left-color: #E0E0E0;
}

.wizard-tabs ul > li > a:after {
	z-index: 2;
	border-left-color: #F4F4F4;
}

.wizard-tabs ul > li:last-child > a:before, .wizard-tabs ul > li:last-child > a:after {
	display: none;
}

html.dark .wizard-tabs ul > li {
	border-color: #282d36;
}

html.dark .wizard-tabs ul > li.active {
	border-color: #2e353e;
}

html.dark .wizard-tabs ul > li.active a, html.dark .wizard-tabs ul > li.active a:hover, html.dark .wizard-tabs ul > li.active a:active {
	background: #2e353e;
	color: #EEE;
}

html.dark .wizard-tabs ul > li.active a:before {
	border-left-color: #21262d;
}

html.dark .wizard-tabs ul > li.active a:after {
	border-left-color: #2e353e;
}

html.dark .wizard-tabs ul > li a, html.dark .wizard-tabs ul > li a:hover {
	background: #282d36;
	color: #EEE;
}

html.dark .wizard-tabs ul > li a:before {
	border-left-color: #21262d;
}

html.dark .wizard-tabs ul > li a:after {
	border-left-color: #282d36;
}

html .wizard-progress,
html.dark .wizard-progress {
	margin: 0 15px;
}

html .wizard-progress .steps-progress,
html.dark .wizard-progress .steps-progress {
	height: 2px;
	margin: 0 38px;
	position: relative;
	top: 15px;
	background: #CCC;
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
	height: 100%;
	width: 0;
	background: #CCC;
	-webkit-transition: width 0.2s ease-in;
	-moz-transition: width 0.2s ease-in;
	transition: width 0.2s ease-in;
}

html .wizard-progress .wizard-steps,
html.dark .wizard-progress .wizard-steps {
	list-style: none;
	margin: 0;
	padding: 15px 0 0;
	display: inline-block;
	width: 100%;
	font-size: 0;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	/* IE8+ */;
}

html .wizard-progress .wizard-steps:after,
html.dark .wizard-progress .wizard-steps:after {
	/*
	* We don't need IE6 and IE7 inline-block hack support here
	* since they don't support :after anyways (the text-justify
	* properties for them are above)... IE8 and above have native
	* inline-block support so for IE8+, both the text-justify and
	* :after will take effect but it doesn't have any negative
	* effects since this element is invisible
	*/
	display: inline-block;
	width: 100%;
	content: '.';
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
html .wizard-progress .wizard-steps li,
html.dark .wizard-progress .wizard-steps li {
	display: inline-block;
	vertical-align: top;
	min-width: 50px;
	max-width: 100px;
}
html .wizard-progress .wizard-steps li a,
html.dark .wizard-progress .wizard-steps li a {
	position: relative;
	display: block;
	padding: 25px 8px 0;
	font-size: 11px;
	color: #33333F;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	word-break: break-all;
}
html .wizard-progress .wizard-steps li a span,
html.dark .wizard-progress .wizard-steps li a span {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	background: #CCC;
	color: #FFF;
	line-height: 26px;
	text-align: center;
	margin-top: -15px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	border-radius: 35px;
	font-size: 13px;
	text-indent: -1px;
	border: 2px solid #CCC;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
	background: #CCC;
	color: #FFF;
}
html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
	background: #FFF;
	color: #CCC;
	border-color: #CCC;
}
html .wizard-progress .wizard-steps li.completed.active a span,
html.dark .wizard-progress .wizard-steps li.completed.active a span {
	color: #FFF;
}
html .wizard-progress.wizard-progress-lg,
html.dark .wizard-progress.wizard-progress-lg {
	margin: 0 auto 30px;
	width: 80%;
}
html .wizard-progress.wizard-progress-lg .steps-progress,
html.dark .wizard-progress.wizard-progress-lg .steps-progress {
	margin: 0 52px;
	height: 4px;
	top: 34px;
}
html .wizard-progress.wizard-progress-lg .wizard-steps,
html.dark .wizard-progress.wizard-progress-lg .wizard-steps {
	padding-top: 30px;
}
html .wizard-progress.wizard-progress-lg ul li,
html.dark .wizard-progress.wizard-progress-lg ul li {
	max-width: 135px;
}
html .wizard-progress.wizard-progress-lg ul li a,
html.dark .wizard-progress.wizard-progress-lg ul li a {
	padding-top: 40px;
	font-size: 14px;
}
html .wizard-progress.wizard-progress-lg ul li a span,
html.dark .wizard-progress.wizard-progress-lg ul li a span {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	border-radius: 60px;
	line-height: 52px;
	font-size: 22px;
	border-width: 4px;
}

html.dark .wizard-progress .wizard-steps li a {
	color: #808697;
}
html.dark .wizard-progress.wizard-progress ul li a span {
	background: #242830;
	border-color: #242830;
}
html.dark .wizard-progress .wizard-steps li.active a span {
	background: #242830;
}
html.dark .wizard-progress .steps-progress {
	background: #242830;
}

@media only screen and (max-width: 991px) {
	html .wizard-progress, html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress, html.dark .wizard-progress.wizard-progress-lg {
		width: auto;
		margin-bottom: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
		display: none;
	}
	html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {
		display: block;
		font-size: 0;
		overflow: hidden;
		white-space: nowrap;
		text-align: left;
		width: 100%;
	}
	html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li {
		-webkit-transition: margin 0.5s linear;
		-moz-transition: margin 0.5s linear;
		transition: margin 0.5s linear;
		display: inline-block;
		float: none;
		position: relative;
		width: 100%;
		min-width: 0;
		max-width: none;
	}
	html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
		position: relative;
		z-index: 2;
	}
	html .wizard-progress .wizard-steps li:before, html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:after {
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		top: 0;
		width: 50%;
	}
	html .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:before {
		background: #CCC;
		left: 0;
	}
	html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:after {
		background: #CCC;
		right: 0;
	}
	html .wizard-progress .wizard-steps li.active, html.dark .wizard-progress .wizard-steps li.active {
		margin-left: 0;
	}
	html .wizard-progress .wizard-steps li.completed, html.dark .wizard-progress .wizard-steps li.completed {
		margin-left: -100%;
	}
	html .wizard-progress .wizard-steps li.completed:after, html.dark .wizard-progress .wizard-steps li.completed:after {
		background: #CCC;
	}
	html .wizard-progress .wizard-steps li.completed.active, html.dark .wizard-progress .wizard-steps li.completed.active {
		margin-left: 0;
	}
	html .wizard-progress .wizard-steps li:first-child:before, html.dark .wizard-progress .wizard-steps li:first-child:before {
		display: none;
	}
	html .wizard-progress .wizard-steps li:last-child:after, html.dark .wizard-progress .wizard-steps li:last-child:after {
		display: none;
	}
	html .wizard-progress.wizard-progress-lg .wizard-steps li, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li {
		min-width: 0;
		max-width: none;
	}
	html .wizard-progress.wizard-progress-lg .wizard-steps li:before, html .wizard-progress.wizard-progress-lg .wizard-steps li:after, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:before, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:after {
		height: 4px;
	}
}
.form-wizard {
	margin-bottom: 20px;
}
.form-wizard .tabs {
	margin-bottom: 0;
}
.form-wizard .tab-content {
	background: #FFF;
	border: 0 none;
	box-shadow: none;
}
.form-wizard ul.pager .next a,
.form-wizard ul.pager .previous a,
.form-wizard ul.pager .first a,
.form-wizard ul.pager .last a,
.form-wizard ul.pager .finish a {
	cursor: pointer;
}
.form-wizard ul.pager .disabled a {
	cursor: not-allowed;
}

html.dark .form-wizard .pager li > a,
html.dark .form-wizard .pager li > a:hover,
html.dark .form-wizard .pager li > a:focus,
html.dark .form-wizard .pager li > span {
	background: #2e353e;
	border-color: #282d36;
	color: #EEE;
}
html.dark .form-wizard .pager .disabled > a, html.dark .form-wizard .pager .disabled > a:hover, html.dark .form-wizard .pager .disabled > a:focus, html.dark .form-wizard .pager .disabled > span {
	background: #282d36;
	border-color: #282d36;
	color: #EEE;
}




.toggle > label {
	background: #00a4e3;
	color: #fff;
}

.toggle > label:hover {
	background: #00a4e3;
}

html .toggle-primary .toggle label {
	color: #000;
	border-left-color: #fff ;
	border-right-color: #00a4e3 ;
}

html .toggle-primary .toggle.active > label {
	background-color: #00a4e3 ;
	border-color: #00a4e3 ;
	color: #ffffff;
}

html .toggle-primary.toggle-simple .toggle > label:after {
	background-color: #00a4e3 ;
}




/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}