.form-control
{
    font-family: 'Lato', sans-serif;
}
/*User-Registration-Steps-view*/
.User-Registration-Step
{
    padding:2em 0em;
}
.User-Registration-Step .active-step
{
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #f6ba18;
    font-size: 30px;
    margin: 10px 0px;
    float: right;
}
.User-Registration-Step .inactive-step
{
    background:#ccc;
}
.User-Registration-Step hr
{
    border-top: 2px solid #c7c7c7;
    position:relative;
}
.User-Registration-Step hr:before
{
    content: "";
    position: absolute;
    left: 25px;
    top: -3px;
    width: 30%;
    height: 4px;
    background: #f6ba18;
}
/*User-Registration-Steps-view*/

/*User-Registration-form*/
.user-verification-form  .form-horizontal{
    margin: 3em 0em;
}
/*User-Registration-form*/

.user-verification-form .well
{
    background-image: none;
    box-shadow: none;
    padding: 20px 30px;
}
.highlight
{
    font-size: 23px;
    color: #f6ba18;
    font-weight: bold;
    line-height:1.6;
}
.errorMessage{
    display: block;
    color: red;
    position: relative;
    margin: auto;
    text-align: center;
    font-size: 16px;
}
.errorMessage ul{
    list-style: none;
}
.user-verification-form .btn-link {
    font-weight: 600;
    color: #1397cf;
    font-size: 16px;
    padding: 6px 0px;
}
.user-verification-form .btn-link .fa {
    margin-left:3px;
}
/*media query*/
@media only screen and (max-width:480px) and (min-width:240px) {
    .User-Registration-Step .active-step{
        width: 25px;
        height: 25px;
        font-size: 16px;
    }
    .User-Registration-Step h3{
        /*margin-top: 11px;*/
        font-size: 10px;
        /*margin-left: -23px;*/
    }
    .User-Registration-Step hr:before{
        width: 21%;
    }
    .label{
        margin-top: 7px;
        font-size: 15px;
    }
    .next-btn {
        margin-left:24px;
    }
    .step_h3_div{
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media only screen and (max-width:800px) and (min-width:480px) 
{ 
    /*    .next-btn {
          width:40%;margin-left: 50px;
          
        }*/


}
@media only screen and (max-width:980px) and (min-width:768px) 
{  .label{
       margin-top: 7px;
       font-size: 18px;
   }
   .user-verification-form .form-control-static
   {
       margin-top:10px;
   }
}

@media only screen and (min-width:1000px) and (max-width:1024px) {
    .label{
        margin-top: 0px;
    }
    .user-verification-form .form-control-static
    {
        margin-top:10px;
    }
}


/*media query*/