html, body {
    height: 100%;
    padding: 0;
}

body {
    background-color: #f5f5f5;
}

.login-well {
    margin-top: 20px;
    background-color: white;
}

.login-container {
    padding-left: 20px;
    padding-right: 20px;
}

.nowrap {
    white-space: nowrap;
}

#logo {
    display: block;
    margin-bottom: 20px;
}

#logo-small {
    display: block;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #logo {
        display: block;
    }

    #logo-small {
        display: none;
    }
}

#logo {
    background-image: url("../img/realeco-logo.png");
    width: 250px;
    height: 50px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 250px 50px;
    border: none;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi) {
    #logo {
        background-image: url("../img/realeco-logo-hdpi.png");
    }
}

.alert-social-auth {
    background-color: #f2dede;
    border-color: #eed3d7;
}