/*
*
*   Login
*
*/

html, body {
    height: 100%;
}

.login-body {
    display: flex !important;
    align-items: center !important;
}

.loginPageDiv
{
	width: 300px !important;
    margin: auto !important; 
    padding-bottom: 150px;
}

.login-header
{
    margin-bottom: 2px !important;   
}


.login-details
{
    margin-bottom: 15px !important;
    
}

.login-image {
    margin-bottom: 40px !important;
    max-width: 100% !important;
}


.login-label
{
    /*margin-top: 6px !important;   */
}

.login-title
{
    min-height: 15px !important;   
}

.account-register
{
    color: #428bca !important;
    font-weight: bold !important;   
}

.forgot-password
{
    padding-top: 10px !important; 
    border: none;
}

.login-panel-body
{
    padding-bottom: 5px !important;   
}

.register-panel
{
    margin-left: 10px !important;
    margin-right: 10px !important;   
}

.billing
{
    margin-left: 20px !important;
    color: grey !important;   
}

.login-button {
    margin-top: 25px;
    background-color: var(--md-sys-color-primary) !important;
    color: var(--md-sys-color-on-primary) !important;
    border-radius: 3px !important;
}

    .login-button:hover {
        background-color: var(--main-bg-hoverover-colour) !important;
    }

.username:focus, .password:focus {
    border-color: var(--md-sys-color-primary) !important;
    border-width: 2px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(0, 0, 0, 0.075);

}

.username, .password {
    border: 2px solid #ededed;
}