body {
    /*background-color: #eef1f4 !important;
    background: url('../images/background.jpg') center center;
    background-size: cover;*/

    background-color: #373737 !important;
}

md-content {
    background-color: transparent !important;
}

md-card.md-default-theme, md-card {
    color: #465155;
    background-color: rgb(255,255,255);
    border-radius: 2px;
}

a, a:active, a:visited {
    color:#00BCD4;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.q-login-box {
    width:90%;
    max-width:430px;
}

.md-headline {
    font-size:20px;
}

.q-logo {
    text-align: center;
    margin-bottom: 40px;
    margin-top:60px;
}

.q-icon {
    margin: 30px 0 0 0;
    text-align: center;
}

.q-forgot {
    font-size:12px;
    margin-top:10px;
    text-align: right;
}

.q-suite {
    margin-top:30px;
    text-align: center;
}

.q-suite-title {
    font-size:14px;
    margin-bottom:10px;
    color:#fff;
}

.q-suite span {
    margin:0 2px;
    color:#FFF;
    font-size:45px;
}

.q-error {
    background-color:#F44336;
    color:#FFFFFF;
    border-radius:2px;
    padding:10px;
    text-align: center;
    font-size:14px;
    margin-bottom:6px;
}

.q-success {
    background-color:#4CAF50;
    color:#FFFFFF;
    border-radius:2px;
    padding:10px;
    text-align: center;
    font-size:14px;
    margin-bottom:6px;
}

.q-back {
    position:absolute;
}

.q-back .active {
    display:none;
}

@keyframes fade_card {
    from {
        transform: translateY(+4%);
        opacity:0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.animated-card {
    animation: fade_card 0.6s cubic-bezier(.55, 0, .1, 1);
}

.animated-card.ng-hide-animate {
    display: none !important;
}

.q-view-wrapper {
    transition:height ease .3s;
    overflow: hidden;
}

.q-animated-icon {
    animation: fade_icon 0.6s cubic-bezier(.55, 0, .1, 1);
}

@keyframes fade_icon {
    from {
        transform: translateX(-100%);
        opacity:0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.q-suite-register {
    margin-top:20px;
}

.q-suite-register span {
    margin:2px;
    font-size:40px;
}

.q-services {
    color:#FFF;
    text-align: center;
}

.q-service-icon {
    font-size:140px;
    margin-bottom:20px;
}

.q-service-link {
    color:#FFF !important;
}

.q-service-link:hover {
    text-decoration: none;
}