.login-page {
    background-color:#fff;
    background-size:180px 24px;
    box-sizing:border-box;
    display:table!important;
    padding:64px;
    width:100vw;
    height:100vh
}

.login-page .login-page-inner {
    background:#acd86c url(/images/logo.png) 64px 30px no-repeat;
    box-sizing:border-box;
    display:table-cell;
    vertical-align:middle
}

.login-page .login-page-inner .login-page-centered-content {
    margin:0 auto;
    width:744px
}

.login-page .login-page-inner .login-page-centered-content h1 {
    color:#fff;
    font-size:48px;
    font-weight:400;
    line-height:64px;
    margin:0 0 64px;
    max-width:480px
}

.login-page .login-page-inner .login-page-centered-content h1 em {
    color:#7aad32;
    font-style:normal;
    font-weight:700
}

.login-page .login-page-inner .login-page-centered-content .login-entry {
    background-color:transparent;
    border:none;
    border-bottom:2px solid #7aad32;
    box-sizing:border-box;
    color:#fff;
    font-size:24px;
    line-height:64px;
    padding:0 16px;
    width:468px
}

.login-page .login-page-inner .login-page-centered-content .login-entry:focus {
    outline:none
}

.login-page .login-page-inner .login-page-centered-content .login-entry::-webkit-input-placeholder {
    color:hsla(0,0%,100%,.5)
}

.login-page .login-page-inner .login-page-centered-content .login-entry::-moz-placeholder {
    color:hsla(0,0%,100%,.5)
}

.login-page .login-page-inner .login-page-centered-content .login-entry:-ms-input-placeholder {
    color:hsla(0,0%,100%,.5)
}

.login-page .login-page-inner .login-page-centered-content .login-entry:-moz-placeholder {
    color:hsla(0,0%,100%,.5)
}

.login-page .login-page-inner .login-page-centered-content .login-button {
    transition:background-color .1s ease,color .1s ease;
    background-color:#7aad32;
    border:none;
    color:#fff;
    cursor:pointer;
    float:right;
    font-size:14px;
    font-weight:700;
    letter-spacing:4px;
    line-height:1;
    padding:24px 24px 22px;
    text-decoration:none;
    text-transform:uppercase;
    width:232px
}

.login-page .login-page-inner .login-page-centered-content .login-button:hover {
    background-color:#fff;
    border:none;
    color:#7aad32
}

.login-page .login-page-inner .login-page-centered-content .login-button:focus {
    outline:none
}

.login-page .login-page-inner .login-page-centered-content .message {
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin:16px 16px 0;
    visibility:hidden
}

.login-page .login-page-inner .login-page-centered-content.has-error input,
.login-page .login-page-inner .login-page-centered-content.has-no-access input {
    border-bottom-color:#f48fb1
}

.login-page .login-page-inner .login-page-centered-content.has-error .message,
.login-page .login-page-inner .login-page-centered-content.has-no-access .message {
    visibility:visible
}

.getting-started-page {
    color:#666;
    padding:32px 64px;
    overflow-y:auto
}

.getting-started-page p {
    line-height:1.5
}

.getting-started-page h2 {
    line-height:48px
}

.getting-started-page h2:first-child {
    margin-top:0
}

.getting-started-page .warning {
    background-color:rgba(229,87,76,.1);
    border-left:4px solid #e5574c;
    padding:12px 12px 12px 16px
}

.getting-started-page .warning h4 {
    color:#e5574c;
    margin:16px 0
}

.getting-started-page .warning h4:first-child {
    margin-top:0
}

.getting-started-page .warning p:last-child {
    margin-bottom:0
}

.getting-started-page code {
    background-color:#f2f2f2;
    border-left:4px solid #ccc;
    color:#999;
    display:block;
    font-size:16px;
    padding:12px 12px 12px 16px
}

.getting-started-page code em {
    font-weight:700
}

button.documentation {
    border-radius: 0 !important;
    background-color: #86bc42 !important;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 8px 16px;
    color: white;
    transition: 150ms;
    cursor: pointer;
    border: 1px solid #86bc42;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    box-shadow: none;
    text-transform: uppercase;
}