.btn-social,.btn-social-icon {
    -webkit-transition-property : scale;
    -webkit-transition-duration : 0.2s;
    -webkit-transition-timing-function : ease-in-out;
    -moz-transition : all 0.2s ease-in-out;
}

.btn-social-icon:hover , .btn-social:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    margin-bottom: 20px;
}

.btn-social {
    text-align: center;
}

ul.social-vlist > li {
    display: block;
    margin-bottom: 6px;
}
.btn-social,.btn-social-icon {
    -webkit-transition-property : scale;
    -webkit-transition-duration : 0.2s;
    -webkit-transition-timing-function : ease-in-out;
    -moz-transition : all 0.2s ease-in-out;
}
.btn-social-icon {
    margin: 5px;
}

.btn-social-icon:hover , .btn-social:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.btn-social :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
}

.btn-social.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.btn-social.btn-sm {
    padding-left: 38px;
}

.btn-social.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.btn-social.btn-xs {
    padding-left: 30px;
}

.btn-social.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding-left: 0;
    padding-right: 0;
}

.btn-social-icon :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
}

.btn-social-icon.btn-lg {
    padding-left: 61px;
}

.btn-social-icon.btn-lg :first-child {
    width: 45px;
    font-size: 1.3em;
}

.btn-social-icon.btn-sm {
    padding-left: 38px;
}

.btn-social-icon.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.btn-social-icon.btn-xs {
    padding-left: 30px;
}

.btn-social-icon.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-social-icon :first-child {
    border: none;
    text-align: center;
    width: 100% !important;
}

.btn-google {
    color: #fff;
    background-color: #fff;
    border-color: rgba(0,0,0,0.2);
}

.btn-google svg {
    margin-top: 5px;
}

.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open .dropdown-toggle.btn-google {
    color: #fff;
    background-color: #eee;
    border-color: rgba(0,0,0,0.2);
}

.btn-google:active,.btn-google.active,.open .dropdown-toggle.btn-google {
    background-image: none;
}

.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active {
    background-color: #fff;
    border-color: rgba(0,0,0,0.2);
}

.btn-facebook {
    color: #3b5998 !important;
    background-color: #fff;
    border-color: rgba(0,0,0,0.2);
}

.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook {
    color: #3b5998 !important;
    background-color: #eee;
    border-color: rgba(0,0,0,0.2);
}

.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook {
    background-image: none;
}

.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active {
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

.btn-twitter {
    color: #2ba9e1 !important;
    background-color: #fff;
    border-color: rgba(0,0,0,0.2);
}

.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter {
    color: #2ba9e1 !important;
    background-color: #eee;
    border-color: rgba(0,0,0,0.2);
}

.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter {
    background-image: none;
}

.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active {
    background-color: #fff;
    border-color: rgba(0,0,0,0.2);
}

input[type=password], input[name=username], select, textarea {
    border: 1px solid #ccc;
    background-color: white;
}

#main-content {
    padding-top: 0px;
}

@media (min-width: 768px) {
    .omb_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
}

.omb_login .omb_authTitle {
    text-align: center;
    line-height: 300%;
}

.omb_socialButtons {
    padding-top: 200px;
    margin-bottom: 20px;
}
.omb_login .omb_socialButtons a {
    color: white; // In yourUse @body-bg
opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
    color: white;
    opacity:1;
}

.omb_login .omb_loginOr {
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.6em;
    margin-left: -1.5em;
    background-color: white;
    width: 3em;
    text-align: center;
}

.omb_login .omb_loginForm .input-group.i {
    width: 2em;
}
.help-block {
    color: red;
}

#remember-me {
    margin-top:10px;
    color: #333;
    line-height: 23px;
    font-size: 13px;
}

@media (min-width: 768px) {
    .omb_login .omb_forgotPwd {
        text-align: right;
        margin-top:10px;
    }
}

p.login-with {
    margin-bottom: 5px;
    text-align: center;
}

.input-group-addon:first-child {
    min-width: 40px;
}

.login-form::-webkit-input-placeholder {
    font-size: 12px!important;
    color: #b9b9b9 !important;
}
.login-form:-moz-placeholder {
    font-size: 12px!important;
    color: #b9b9b9 !important;
}
.login-form::-moz-placeholder {
    font-size: 12px!important;
    color: #b9b9b9 !important;
}