.reg-detail-container{
    margin:30px 30px 0;
}
.reg-choose-account .account-options-title {
    margin:30px 0;
}
.border-kiri {
    border-left:4px solid #ddd;
}
.col-choose-btn {
    margin:20px;
}
.user-type {
    width:auto;
    margin:20px 0;
}
.user-type:hover .user-type-icon {
    -webkit-filter: drop-shadow(5px 5px 5px #333);
    filter: drop-shadow(5px 5px 5px #333);    
    cursor:pointer;
}
.user-type.selected {
    border-width:5px;    
    border-color:#111;
}
.user-type:hover .user-type-name {
    cursor:pointer;
}
.user-type .user-type-name {
    font-size:14px;
    color:#000;
    padding-bottom:10px;
}
.user-type:hover .user-type-name {
    font-weight:bold;
}
.user-type:hover .icons {
    opacity:1;
}
.icons {
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 14px;
    vertical-align: text-top;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(../../../img/icons.png);
    background-repeat: no-repeat;
    opacity:0.75;
}
.icons.icon-student {
    background-position: 0 0;
}
.icons.icon-teacher {
    background-position: -120px 0;
}
.icons.icon-parent {
    background-position: -240px 0;
}
.icon-guru, .icon-siswa, .icon-ortu {
    margin-bottom: 10px;
}
.icon-center {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}
input.typeahead {
    min-width:270px;
    font-size:14px;
    line-height:inherit!important;
}
.col-reg-info {
    padding:30px 0;
}
.col-reg-detail {
    padding:30px 0;
}
.info-text {
    font-size:9px!important;
}
.img-loading {
    margin-left:10px;
    margin-top:5px;
}
img.captcha {
    cursor:pointer;
}
.form-group.has-error .control-label, .form-group.has-error .help-inline {
    color:#393939;
}
.selected-user-type-name {
    font-weight:bold;
}
@media only screen and (max-width: 540px) {
    .reg-detail-container {
        margin: 30px 0px 0;
    }
}