.login-pf body {
    background: radial-gradient(#572258, #341435);
    font-family: Lato,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;

}
.login-pf-page {
    height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding:0 0 0 0;
}
.login-pf-page .login-pf-page-header {
    margin-bottom: 10px;
}
.powered-by-opus {
    height:10vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:0;
}

.powered-by-opus__logo {
    background: url("../img/PoweredByOpus2.svg") no-repeat center center;
    width:150px;
    height:85px;
    background-size:contain;
}
.powered-by-opus h2 {
    margin:0;
    padding:8px;
    font-weight:300;
    color:white;
}
#kc-header-wrapper {
    width:300px;
    height:60px;
    text-indent:-9999px;
    background: url("../img/Opus2White.svg") no-repeat center center;
    background-size:contain;
    padding:0;
}
.card-pf {
    margin: 0 auto;
    box-shadow: 0 40px 53px 0 rgba(27, 3, 10, 70%);
    padding: 0 48px 0px 48px;
    max-width: 80%;
    border:none;
    border-radius:16px;
}
.login-pf-page .login-pf-header h1 {
    font-size: 22px;
    font-weight:bold;
    color:#515B66;
}
.login-pf-page h2, .login-pf-page p, .login-pf-page ul {
    color: #515B66;
}
.pf-c-form__label-text {
  color:#515B66;
  font-size:14px;
}
.pf-c-form-control {
    font-size: 16px;
    border-width: 0 0 2px 0;

    border-color: #99A3AF;
    background-color: #F6F7F8;
    border-radius: 3px 3px 0 0;

    height: 36px;

    padding: 5px 0.5rem;

}
.pf-c-form-control:hover {
	border-color: #99A3AF;
}
.pf-c-form-control:focus {
	border-color:#00D2E6;
	outline:none;
	background-color: #FFFFFF;
}

.pf-c-button.pf-m-primary {
    color: white;
    background-color: #008392;
    padding:8px 16px;
    font-size:16px;
    border:none;
    border-radius:3px;
}

.pf-c-button.pf-m-primary:focus {
	border:none;
	outline:none;
	box-shadow: 0 0 0 3px #00D2E6;
}
.pf-c-button.pf-m-primary:focus::after {
	border:none;
}
#kc-terms-text {
    max-height: 50vh;
    overflow-y: auto;
}
#kc-content ul {
    padding-left: 30px;
    list-style: circle;
}