.online-register-form {
    width: 820px;
    margin: 7% auto;
}
@media (max-width:820px){
    .online-register-form{
        width:90%;
        margin-top:20px
    }
}
.online-register-box-body{
    background:#fff;
    padding:0px;
    border-top:0;
    color:#666;
    position: relative;
}
.online-register-box-body>.overlay{
    position:absolute;top:0;left:0;width:100%;height:100%;
}
.online-register-box-body .overlay{
    z-index:50;
    background:rgba(255,255,255,0.7);
    border-radius:3px
}
.online-register-box-body .overlay>.fa{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-15px;
    margin-top:-15px;
    color:#000;
    font-size:30px
}
img {
    width: 100%;
    height: auto;
}

.online-register-form h1,
.online-register-form h2,
.online-register-form h3,
.online-register-form h4,
.online-register-form h5,
.online-register-form p
{
    margin: 20px;
}

/*  bhoechie tab */
div.bhoechie-tab-container{
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    /*border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    border:1px solid #ddd;
    margin-top: 20px;
    /*margin-left: 50px;*/
    /*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
    /*box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
    /*-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
    border-radius: 0;
    -moz-border-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
    border-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
    background-color: #5A55A3;
    background-image: #5A55A3;
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
    display: none;
}