body{
/*	background-image: url("bk.JPG"), url("bk.JPG");
  	background-repeat: no-repeat, repeat;
	background-size: 100% 100%;*/
	height: 100vh;
    position: relative;
	margin: 0;
    background: #f5f5f5;
}
/*body:after {
    position: fixed;
    content: '';
    background: #aaa;
    border-radius: 50%;
    right: -30%;
    left: 160px;
    z-index: -1;
    top: 100px;
    bottom: -80%;
    border-top-right-radius: 45%;
}*/
.login_wrap {
    max-width: 470px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.live_logo{
    max-width: 200px !important;
}
.live_logo br{
    display: none;
}
.live_logo img{
    width: 100%;
    margin: 0 0 30px;
}
.login_wrap2{
 	padding: 70px 40px 20px;
 	background: #fff;
    border-radius: 10px;
}
.wizard > .content{min-height: 180px !important;}
.wizard > .steps > ul > li {
    width: 33% !important;
}
.wizard > .actions > ul > li{display: block; float: none;}
.wizard > .actions > ul {
    display: block;
    text-align: center;
}
.wizard > .actions > ul > li:first-child{
	display: none;
}
.login_wrap .form-group{position: relative; margin-bottom: 0;}
.login_wrap .fa {
    position: absolute;
    top: 17px;
    left: 11px;
    color: #8ea2b2;
    font-size: 22px;
}
.login_wrap section.body  input{
	padding-left: 40px;
	border-radius: 0px;
	height: 60px;
}
.login_wrap section.body input[type="password"]{
	padding-right: 0px;
}
.login_wrap section.body#steps-uid-0-p-2 input[type="password"]{
	padding-left: 10px;
}

.login_wrap #steps-uid-0-p-0 a {
    position: absolute;
    top: 19px;
    right: 10px;
    color: #999;
}
.pathhub {
    background: #00a7e8;
    padding: 12px;
    margin-bottom: 30px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    margin-top: 15px;
}
.pathhub a{color: #fff; border-bottom: 1px dotted transparent}
.pathhub a:hover, .pathhub a:focus {color: #fff; border-color: #fff}
.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active {
    background: #00a7e8
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:focus {
    padding: 12px;
    font-size: 16px;
    background: #00a7e8; 
/*	background: #333;*/
    text-transform: uppercase;
    border-radius: 10px;
}
.signUp a{color: #fff; text-decoration: underline;}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active{
    background: #00a7e8 !important;
}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active{
    background: #00a7e8 
}