body {
    background-color: #F0F5F9;
}

.mdl-color--primary {
    background-color: #1C2365;
}

.mdl-button.mdl-button--colored {
    background-color: #2962FF !important;
    color: #fff;
}

.mdl-layout {
    align-items: center;
    justify-content: center;
}
.mdl-layout__content {
    padding: 24px;
    flex: none;
}

.mdl-flex {
    display: flex !important;
}

.mdl-justify-center {
    justify-content: center !important;
}

.mdl-ta-center {
    text-align: center !important;
}

.auth-layout {
    background-image: url('img/auth_bg.jpg');
    background-repeat:  no-repeat;
    background-position:  center;
}

.auth-textfield {
    width: 100%;
}

.auth-form {
    width: 400px;
    border-radius: 6px;
    padding: 20px;
}

.auth-textfield__input {
    padding: 20px 5px;
}

.auth-form__header {
    padding: 25px 16px;
    background-color: #fff !important;
}

.auth-form__footer {
    padding: 20px 16px;
}

.auth-button {
    font-size: 18px;
    height: 55px;
    width: 100%;
    color: #fff !important;
    text-align:center;
}

.spinner {
    display: none;
    margin: 0 auto;
}

.auth-error-text {
    font-weight: bold;
    text-align: center;
    color: red;
}