body {
    /*background: radial-gradient(#25d1e6 55%, #14a1d1 90%);*/
    color: #333;
}

    body a,
    body a:hover {
        color: #333;
    }

.login-image > div {
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    background-size: contain;
}

.login-image {
    background-color: white;
    border-radius: 5px !important;
}

body > main.container {
    max-width: 550px;
}

#login-user {
    text-transform: uppercase;
}

/*#region Transition on choose field*/
.login-toggle-fields {
    max-height: 86px;
    overflow: hidden;
}

    .login-toggle-fields > * {
        transition: width ease .5s, display ease .2s;
        width: 50%;
        float: left;
        max-height: 70px;
        overflow: hidden;
        white-space: nowrap;
    }

        .login-toggle-fields > *:nth-child(1) {
            padding-right: 5px;
        }

        .login-toggle-fields > *:nth-child(2) {
            padding-left: 5px;
        }

    .login-toggle-fields > .login-focusin {
        width: 100%;
        padding: 0;
    }

    .login-toggle-fields > .login-hidden {
        padding: 0;
        width: 0;
    }
    
    .login-toggle-fields .input-group {
        overflow: hidden;
        max-height: 38px;
    }

        .login-toggle-fields .input-group > * {
            min-height: 38px;
        }
/*#endregion*/