@font-face {
    font-family: 'Helvetica-regular';
    src: url('./font/Helvetica-Condensed.woff2') format('woff2'),
        url('./font/Helvetica-Condensed.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-lighter';
    src: url('./font/Helvetica-Condensed-Light.woff2') format('woff2'),
        url('./font/Helvetica-Condensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

html,
body {
    height: 100%;
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #5a707d;
    background-color: #f7f7f7;
    font-family: 'Helvetica-lighter';
}

.form-signin {
    width: 100%;
    max-width: 300px;
    margin: auto;
}

.md-form label,
.md-form .active {
    letter-spacing: 1px;
}

.md-form .active {
    color: #444650!important;
}

.login-page {
    background: url('fondo_v3.jpg') left bottom fixed no-repeat;
    background-size: cover!important;
    overflow-y: hidden;
     transition: background 5s;
}

.login-color {
    height: 100px;
}

.btn-default {
    max-width: 250px;
    max-height: 40px;
    background-color: #e2211c!important;
    letter-spacing: 1px;
}

.text-login a {
    color: #ffff;
}

.text-login {
    color: #ffff;
}

.btn-defaultb {
    padding: 2px 8px!important;
    font-size: .8rem;
    background-color: #e2211c!important;
    text-transform: capitalize;
}


.contenerdor{
    width: 980px;
}

input{
    background: #cccc!important;
}

.md-form .active, {
    color: #fff!important;
    
}

.md-form label.active{
    color: #fff!important;
    transform: translateY(-25px) scale(.8)!important;
}