/* LOGIN */
.login {
    margin:168px 0;
    position:relative
}
.login label {
    color:#707478
}
.login .login-header {
    position:absolute;
    top:-80px;
    left:50%;
    right:0;
    width:450px;
    padding:0 40px;
    margin-left:-225px;
    font-weight:300
}
.login .login-header .brand {
    padding:0;
    font-size:28px
}
.login .login-header .brand .logo {
    border:14px solid transparent;
    border-color:#4DCACA #31A3A3 #1D8888;
    width:28px;
    height:28px;
    position:relative;
    font-size:0;
    margin-right:10px;
    top:-9px
}
.login .login-header .brand small {
    font-size:14px;
    display:block
}
.login .login-header .icon {
    position:absolute;
    right:40px;
    top:-2px;
    opacity:.1;
    filter:alpha(opacity=10)
}
.login .login-header .icon i {
    font-size:70px
}
.login .login-content {
    padding:30px 40px;
    color:#999;
    width:450px;
    margin:0 auto
}
.login-v2 {
    background:url(../img/transparent/black-0.4.png);
    background:rgba(0,0,0,.4);
    color:#ccc;
    width:450px;
    margin:168px auto;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.login-v2 .login-content {
    padding:40px
}
.login.login-v2 label {
    color:#ccc
}
.login.login-v2 .login-header,.login.login-v2 a {
    color:#fff
}
.login.login-v2 .login-header .icon {
    opacity:.4;
    filter:alpha(opacity=40)
}
.login-v2 .form-control {
    background:url(../img/transparent/black-0.4.png);
    background:rgba(0,0,0,.4);
    border:none;
    color:#fff
}
.login-cover,.login-cover-bg,.login-cover-image {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.login-cover-image img {
    max-width:100%;
    width: 100%;
    top:0;
    left:0;
    position:absolute
}
.login-cover-bg {
    background:#666;
    background:-moz-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#666),color-stop(100%,#000));
    background:-webkit-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background:-o-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background:-ms-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background:radial-gradient(ellipse at center,#666 0,#000 100%);
    filter:;
    progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000', GradientType=1);
    opacity:.6;
    filter:alpha(opacity=60);
    -webkit-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000', GradientType=1);
}
.login-bg-list {
    position:absolute;
    right:20px;
    bottom:20px;
    z-index:1020;
    list-style-type:none;
    margin:0;
    padding:0 0 0 20px
}
.login-bg-list>li {
    width:80px;
    height:60px;
    overflow:hidden;
    float:left;
    transition:all .2s linear;
    -webkit-transition:all .2s linear
}
.login-bg-list>li a {
    display:block;
    height:60px
}
.login-bg-list>li.active {
    outline:#fff solid 3px;
    z-index:1020;
    position:relative
}
.login-bg-list>li img {
    max-height:100%
}