// Login
// -------------------------

.login-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 65537;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    background-color: @blueNight;
}

.login-overlay__background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/login.jpg');
    width: 100%;
    height: 100%;
    position: absolute;
}

.login-overlay__logo {
    position: absolute;
    top: 12.5px;
    left: 20px;
    right: 25px;
    min-width: 112px;    
    height: 30px;
    z-index: 1;
}
.login-overlay__logo img {
    height: 100%;
}

.login-overlay .umb-modalcolumn {
    background: none;
    border: none;
}

.login-overlay .umb-login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
}

@media (max-width: 565px) {
    // making sure we don't crash into the logo
    .login-overlay .umb-login-container {
        padding-top: 80px;
    }
}

.login-overlay .form {
    background: @white;
    padding: 30px;
    width: 500px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: @doubleBorderRadius;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.12);
}

.login-overlay .form input[type="text"],
.login-overlay .form input[type="password"],
.login-overlay .form input[type="email"] {
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

.login-overlay .form label {
    font-weight: bold;
}

.login-overlay h1 {
    display: block;
    text-align: center;
    color: @black;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.login-overlay .alert {
    display: inline-block;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 10px;
    text-align: center;
}

.login-overlay .external-logins form {
    margin-bottom: 20px;
}

.login-overlay .btn-social {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0;
    margin-bottom: 5px;
}

.login-overlay .btn-social>:first-child {
    line-height: 36px;
}

.login-overlay .text-error,
.login-overlay .text-info
{
    font-weight:bold;
}

.password-toggle {
    position: relative;    
    text-align: right;
    user-select: none;
    margin-left: auto;

    button {
        opacity: .5;
        display: inline-block;
        z-index: 1;
        -webkit-tap-highlight-color: transparent;

        .password-text {
            background-repeat: no-repeat;
            background-size: 18px;
            background-position: 0 1px;
            padding-left: 24px;

            &.show {
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23444' d='M16 6C9 6 3 10 0 16c3 6 9 10 16 10s13-4 16-10c-3-6-9-10-16-10zm8 5.3c1.8 1.2 3.4 2.8 4.6 4.7-1.2 2-2.8 3.5-4.7 4.7-3 1.5-6 2.3-8 2.3s-6-.8-8-2.3C6 19.5 4 18 3 16c1.5-2 3-3.5 5-4.7l.6-.2C8 12 8 13 8 14c0 4.5 3.5 8 8 8s8-3.5 8-8c0-1-.3-2-.6-2.6l.4.3zM16 13c0 1.7-1.3 3-3 3s-3-1.3-3-3 1.3-3 3-3 3 1.3 3 3z'/%3E%3C/svg%3E");
            }

            &.hide {
                display: none;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23444' d='M29.6.4C29 0 28 0 27.4.4L21 6.8c-1.4-.5-3-.8-5-.8C9 6 3 10 0 16c1.3 2.6 3 4.8 5.4 6.5l-5 5c-.5.5-.5 1.5 0 2 .3.4.7.5 1 .5s1 0 1.2-.4l27-27C30 2 30 1 29.6.4zM13 10c1.3 0 2.4 1 2.8 2L12 15.8c-1-.4-2-1.5-2-2.8 0-1.7 1.3-3 3-3zm-9.6 6c1.2-2 2.8-3.5 4.7-4.7l.7-.2c-.4 1-.6 2-.6 3 0 1.8.6 3.4 1.6 4.7l-2 2c-1.6-1.2-3-2.7-4-4.4zM24 13.8c0-.8 0-1.7-.4-2.4l-10 10c.7.3 1.6.4 2.4.4 4.4 0 8-3.6 8-8z'/%3E%3Cpath fill='%23444' d='M26 9l-2.2 2.2c2 1.3 3.6 3 4.8 4.8-1.2 2-2.8 3.5-4.7 4.7-2.7 1.5-5.4 2.3-8 2.3-1.4 0-2.6 0-3.8-.4L10 25c2 .6 4 1 6 1 7 0 13-4 16-10-1.4-2.8-3.5-5.2-6-7z'/%3E%3C/svg%3E");
            }
        }
    }
}
