.leftside {
    width: 50%;
    float: left;
}
.leftside img {
    height: 60px;
    width: 60px;
    margin-left:30px;
    margin-top:20px;
}
.rightside{
    float:right;
    margin-right:30px;
    /*margin-right:30px;*/
}

.wrapper:after{
    content:"";
    clear:both;
    display:block;
}
.banner {
    background:url('../images/background.jpg') no-repeat center center;
    background-size:cover;
    min-width:200px;
    
}

#form_id .short {
    font-weight: bold;
    color: #FF0000;
    font-size: larger;
}

#form_id .weak {
    font-weight: bold;
    color: orange;
    font-size: larger;
}

#form_id .good {
    font-weight: bold;
    color: #2D98F3;
    font-size: larger;
}

#form_id .strong {
    font-weight: bold;
    color: limegreen;
    font-size: larger;
}
div .linewrapper{
    position:relative;
    padding:3px 3px;
}
#form_id hr.line1 {
    width: 100px;
    height: 14px;
    background: rgba(43, 226, 20, 0.9);
    border: 0;
    position: absolute;
    margin: 5px 0 7px 0;
    padding: 0;
    top: -3px;
    left: 0px;
    display: none;
    /*transition:ease all .3s;*/
}
#form_id hr.line2 {
    width: 100px;
    height: 14px;
    background: rgba(2, 191, 27, 0.90);
    border: 0;
    color: red;
    position: absolute;
    margin: 5px 0 5px 0;
    padding: 0;
    top: -3px;
    left: 100px;
    display: none;
}
#form_id hr.line3 {
    width: 100px;
    height: 14px;
    background: rgba(49, 150, 37, 0.9);
    border: 0;
    color: red;
    position: absolute;
    margin: 5px 0 0 0;
    padding: 0;
    top: -3px;
    left: 200px;
    display: none;
}
.form-control{
    /* color:red; */
    border-radius: 0;
    border: none;
}
span{
    color: red;
}

.form-control:focus  {
    color: #495057;
    /* background-color:rgba(2, 191, 27, 0.90); */
    /* border-color: #80BE01; */
    outline: 0;
    /* box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important; */
    box-shadow: none;
}


label{
font-size:13px !important;
margin: 5px 0 5px 5px;
/* color: red; */
/* padding: -20px; */
}
.form-group{
    border: 1px solid gray;
    border-radius: 5px;
    padding-bottom:5px;

}

#form_firstname{
 width:300px;
    /* margin: 10px; */
    font-size: 20px;
}
#p1 {
    display: none;
}

#p2 {
    display: none;
}

.form-group label{
    font-size:18px;
}
.has-error .form-control {
    /* background: rgba(230, 12, 52, 0.11); */
}
.btn{
    color:white;
    background:green;

}