html, body {
    height: 100%;
}

.jumbotron {
    background: url("") center/cover no-repeat #eee;
    min-height: calc(100vh - 100px);
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    height: 100%;
    margin: 0 auto;
    background-position: bottom right;
}

    .jumbotron h1 {
        font-size: 36px;
        /*margin-top: 1em;*/
        font-weight: 100;
    }

.container {
    /*padding-top: 2vh;*/
    /*margin-top: 5em;*/
}

.navbar-default {
    background-color: #005d8a;
    color: #fcfcfc;
}

.navbar-toggle {
    margin-top: 13px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #c1c1c1;
}

.navbar-default .navbar-nav > li > a, a.navbar-right {
    color: white;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-logo {
    background-image: url("ofihotelcloudlogo-1.png");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

footer {
    /*margin-top: 7%;*/
    height: 50px; /* .push must be the same height as .footer */
}

.btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus, .jumbotron .btn-success, .jumbotron .btn-primary.btn-success {
    border: 1px solid #427088 !important;
    border-radius: 0px !important;
    background-color: #427088 !important;
}

    .btn-success, .btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus, .jumbotron .btn-success, .jumbotron .btn-primary {
        border: 1px solid #427088 !important;
        border-radius: 0px !important;
        background-color: #427088 !important;
    }

        .btn-success, .btn-primary:hover {
            border: 1px solid #427088 !important;
            border-radius: 0px !important;
            background-color: #224255 !important;
        }

            .btn-success:hover, .btn-primary:hover, .jumbotron .btn-success:hover, .jumbotron .btn-primary:hover {
                background-color: #224255 !important;
                border-color: #427088 !important;
            }

.dropdown-menu {
    background-color: #224255 !important;
    border: none;
}

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        background-color: #427088;
        color: #fff;
    }

footer .nav > li > a {
    border-radius: 0;
    color: #427088;
    padding: 15px;
}

footer .navbar-text {
    color: #000 !important;
}

.loginText strong:before {
    content: "OfiHotel";
}

.formulario-acceso {
    background-color: rgba(221,221,221,0.6);
    margin: 25px 0;
}

.image-section {
    background: url("bg-login-ofihotel.jpg") no-repeat center center;
    background-size: cover;
}

.logoApp {
    background-image: url("ofihotelcloudlogo-1.png");
    height: 66px;
    width: 66px;
    min-height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.login .round-button {
    background-color: #0e77bd;
    border: none;
    color: white;
    border-radius: 5px;
    height: 44px;
    font-weight: 400;
    font-size: 16px;
}

.login .round-button:active:focus,
.login .round-button:hover {
    background-color: #2894db;
}

.forgot-password a {
    color: #1378fb;
}

.input-group input:focus {
    border: 1px solid #3f8eff !important;
}

.revisar-email .volver-reenviar-email a {
    color: #1378fb;
    font-weight: 400;
}

.reestablecer-contraseña .user-email-style {
    color: #1378fb;
}

@media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #d7d7d7;
    }
}