/* main styles */ 

body, html {
    background-color: #f8faff;
    height: 100%;
    color: #2C2C2C;
}

.main-content {
    background-color: white;
    padding: 30px 40px;
}

h1 {
    font-size: 1.5em;
    margin-bottom: 30px;
    font-weight: 500;
}

.sonatype-logo {
    width: 65%;
    margin: 20px auto 40px auto;
}

a {
    color: #045DD1;
}

.button.is-link {
    background-color: #045DD1;
}

.alert .message {
    font-size: .8em;
}

.notification.is-error {
    background-color: #f14668;
    color: #fff;
}

.notification.is-error.is-light {
    background-color: #feecf0;
    color: #cc0f35;
}

p {
    color: #474747;
}


/* helpers */

.clear-both {
    clear: both;
}

.full-width {
    width: 100%;
}

.flex-space-between {
    justify-content: space-between !important;
}

.flex-1 {
    flex: 1;
}
 

/* social login buttons */

ul.social-list {
    display: block;
    padding: 0;
    margin: 22px 0 0 0;
    list-style-type: none;
}

li.social-item a {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    text-align: center;
    padding: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 18px 0 0 0;
}

li.social-item.google a {
    background: #4285F4;
}

li.social-item.github a {
    background: #24292D;
}

li.social-item a:hover p {
    color: #efefef;
}

li.social-item img {
    width: 38px;
    height: 38px;
    padding: 8px;
    background: white;
}

li.social-item.github img {
    background: #24292D;
}

li.social-item p {
    font-family: 'Roboto-Medium';
    font-size: 14px;
    color: white;
    margin-left: 8px;
}


/* terms and conditions screen */ 

#kc-terms-text {
    height: 400px;
    max-height: calc(100vh - 330px);
    overflow: auto;
}