@charset "UTF-8";
body{background:#f9f9f9!important;}
button, input, input[type="checkbox"], select, textarea{border-radius: 4px!important;}
button{ width: 100%; height: 45px; line-height: 45px;}

input.submit{width: 100%; height: 45px; line-height: 45px;}

.mt-checkbox, .mt-radio{ margin: 10px 0!important;}
.mt-checkbox>span, .mt-radio>span{border-radius: 4px!important;}
.fc-code{ border: 0px!important; }
.page-footer,.page-footer a{ font-size: 14px; color: #999; }
.page-logo{ width: 30%; float: left; height: 68px; margin: 6px 0; overflow: hidden; }
.page-logo a{ display: block; background: url(/static/assets/logo-member.png) 0 0 no-repeat; height: 68px;}
.page-login{ width: 50%; float: right; height: 55px; padding-top: 25px; text-align: right;}
.page-login a{height: 35px; line-height: 35px; padding: 0 20px;  display: inline-block;border-radius: 4px!important; text-decoration: none;}
.page-login .reg{ color: #FFF;background-color: #40aae2;border-color: #40aae2; }

.page-login .login{border:1px solid #ddd; margin-left: 10px; color: #333;}
.page-login .reg,.page-login .login{
    -webkit-transition: all .2s cubic-bezier(0, 0, 0, 0.48);
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.page-login .reg:hover,.page-login .login:hover{
    background-color: #333!important;
    border-color: #333!important;
    color: #fff!important;
}
.page-content{ background:#f9f9f9; }
.portlet{ border-radius: 8px!important; overflow: hidden; }
.portlet-body.login{padding: 50px 0!important;}

.form-control{
height: 45px;
line-height: 45px;
border: 1px solid #ddd;
font-size: 14px;
padding: 0 10px;
}
.form-control{border-radius: 4px!important; }
.form-control:focus{
border-color: #3fa5ed !important;
outline: 0!important;
border: 1px solid #40aae2!important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(50,114,210,.6)!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(50,114,210,.6)!important;
}
.input-icon>i {
    color: #ccc;
    position: absolute;
    margin: 16px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    left: 0;
}
.form-actions{ display: block!important; height: 40px; margin-bottom: 20px;}
.login-oauth{ float: right; margin: 7px!important; }
.login-oauth li{ list-style: none; display: inline-block; }

.create-account{ font-size: 14px; color: #999; padding: 20px 0 0 0; }
.create-account a:first-child{ color:#40aae2!important; }
.create-account a:nth-child(2){ color:#999!important; float: right;  }


.portlet-body.reg .form-body{ width: 60%; float: left; }
.portlet-body.reg .form-other{ padding: 50px; border-left: 1px dashed #eee; width: 40%; float: right; }

.portlet-body.reg .form-other .login-oauth{ float: none!important; padding: 0!important;margin: 0!important; }

.portlet-body.reg .form-body .col-md-2{ width: 30%!important; }
.portlet-body.reg .form-body .col-md-9{ width: 70%!important; }

.portlet-body.verify{ padding: 30px 0; }

.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #40aae2!important;
    border-color: #40aae2!important;
}
.btn.green:hover{
    background-color: #333!important;
    border-color: #333!important;
}

.tabbable-line>.nav-tabs>li.active {
    background: 0 0;
    border-bottom: 4px solid #40aae2!important;
    position: relative;
}