/* ------------------------------------------------------------------------------
 *
 *  # Login and related forms
 *
 *  Styles related to user login - logins, registration, password revovery, unlock etc.
 *
 *  Version: 1.1
 *  Latest update: Nov 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.login-cover {
    background: url('../images/login_cover.jpg') no-repeat;
    background-size: cover;
}

.login-container {
    display: table;
    width: 100%;
    height: 100%;
}

.navbar + .login-container {
    height: calc(100% - 46px);
}

.navbar-lg + .login-container {
    height: calc(100% - 50px);
}

.navbar-sm + .login-container {
    height: calc(100% - 44px);
}

.navbar-xs + .login-container {
    height: calc(100% - 42px);
}

.login-container .page-content {
    display: table-row;
    height: 100%;
}

.login-container .login-form {
    width: 320px;
}

.login-container .login-form,
.login-container .registration-form {
    margin: 0 auto 20px auto;
}

@media (max-width: 480px) {
    .login-container .login-form,
    .login-container .registration-form {
        width: 100%;
    }
}

.login-container .footer {
    left: 0;
    right: 0;
    text-align: center;
}

.login-container .content-wrapper {
    vertical-align: middle;
    display: table-cell;
}

.login-container .nav-tabs.nav-justified {
    margin-bottom: 0;
}

    .login-container .nav-tabs.nav-justified > li > a {
        border-top: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #f5f5f5;
    }

    .login-container .nav-tabs.nav-justified > li:first-child > a {
        border-left: 0;
        border-radius: 3px 0 0 0;
    }

    .login-container .nav-tabs.nav-justified > li:last-child > a {
        border-right: 0;
        border-radius: 0 3px 0 0;
    }

    .login-container .nav-tabs.nav-justified > li.active > a {
        background-color: transparent;
    }

@media (max-width: 768px) {
    .login-container .nav-tabs.nav-justified {
        padding: 0;
        border-width: 0 0 1px 0;
        border-radius: 0;
    }

        .login-container .nav-tabs.nav-justified:before {
            content: none;
        }

        .login-container .nav-tabs.nav-justified > li > a {
            border-width: 0 !important;
        }
}

@media (max-width: 768px) {
    .login-options,
    .login-options .text-right {
        text-align: center;
    }
}