.login{
    background: url('../../pages/img/fondo-forpo.JPG') top center no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #E4E4E4;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body:before {
    content: "";
    z-index: -99999999;
    background: white;
    background: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 100%;
    padding: 0;
    position: fixed;	
}
.login .logo{padding:15px;text-align:center;position: relative;}

.login .content{
    background-color:#fff;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -ms-border-radius:7px;
    -o-border-radius:7px;
    border-radius: 7px 7px 7px 7px !important;
    width:400px;
    margin:20px auto 10px;
    padding:5px 30px 30px;
    overflow:hidden;position:relative
}
.login .content h3{
    color:#4db3a5;text-align:center;font-size:28px;font-weight:400!important
}
.login .content h4{color:#555}
.login .content .hint{color:#999;padding:0;margin:15px 0 7px}
.login .content .forget-form,.login .content .login-form{padding:0;margin:0}
.login .content .form-control{background-color:#dde3ec;height:43px;color:#8290a3; font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;border:1px solid #dde3ec; border-radius: 7px 7px 7px 7px !important;}
.login .content .form-control:active,
.login .content .form-control:focus{border:1px solid #c3ccda}
.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}
.login .content .form-control:-ms-input-placeholder{color:#8290a3}
.login .content .form-control::-webkit-input-placeholder{color:#8290a3}
.login .content select.form-control{padding-left:9px;padding-right:9px}
.login .content .forget-form,.login .content .register-form{display:none}
.login .content .form-title{font-weight:300;margin-bottom:25px}
.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-left:-30px;margin-right:-30px; text-align: center;}
.login .content .form-actions>.btn{margin-top:-2px}
.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden}
.login-options h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}
.login-options .social-icons{float:right;padding-top:3px}
.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}
.login .content .form-actions .checkbox{margin-left:0;padding-left:0}
.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}
.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}
.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}
.login .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}
.login .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}
.login .content .forget-password{font-size:14px;float:right;display:inline-block;margin-top:10px}
.login .content .check{color:#8290a3}
.login .content .rememberme{margin-left:8px}
.login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#006BA9;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}
.login .content .create-account>p{margin:0}
.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}
.login .content .create-account a{display:inline-block;margin-top:5px}
.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}

@media (max-width:440px){
    .login .content,.login .logo{
        margin-top:10px}
    .login .content{width:280px}
    .login .content h3{font-size:22px}
    .forget-password{display:inline-block;margin-top:20px}
    .login-options .social-icons{float:left;padding-top:3px}
    .login .checkbox{font-size:13px}}

#overlay {
    -moz-animation: overlay 1.5s 1.5s forwards;
    -webkit-animation: overlay 1.5s 1.5s forwards;
    -ms-animation: overlay 1.5s 1.5s forwards;
    animation: overlay 1.5s 1.5s forwards;
    background-attachment: fixed, fixed;
    background-image: url("../../global/img/overlay-pattern.png"), url("../../global/img/overlay.svg");
    background-position: top left, center center;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 100%;
    left: 0;
    background: #006BA9;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
}