body {
    width: 100%;
    padding-top: 150px;
}

div.card {
    width: 40%;
    margin: 0 auto;
}

div.card-header {
    background: #000046;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1CB5E0, #000046);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1CB5E0, #000046); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

p.card-title {
    margin: 0px;
    color: white;
}

.login-btn {
    border: solid 1px #ced4da;
}

button.login-btn.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

div.alert {
    width: 40%;
    margin: 0 auto;
    margin-bottom: 20px;
}