h1 {
    margin-top: 0.5em;
    margin-bottom: 0em;
}

h3 {
margin-top:0em;
margin-bottom:0.75em;
}

body {
background-image: url('./images/uon_92signin_bg.jpg');
background-repeat: no-repeat; 
background-size: cover; 
}

.ps_logo-PS {
 display:block; 
 margin-top: 10px
}

.ps_text-PS {
 color: #5a5a5a;
 font-size:0.75em;
 font-weight:normal;
}

.signonMain {
    max-width: 20em;
    width: 100%;
    padding-bottom: 1em;
}

.ps_signinentry {
    min-width: 200px;
    padding-top: 0.5em;
    padding-bottom: 5em;
    padding-left: 1em;
    padding-right: 1em;
}

@media (max-width: 625px) {
body {
background-image: none;
 }

.signonMain {
    background: white;
    max-width: 35em;
    width: 100%;
    height: 90%;
 }
}

.signonMain:before {
background: none;
}

.ps-button {
    background: #18194f;
    color: #ffffff;
    border: 1px solid #1d2733;
    border-radius: 0em;
}

.ps-button:hover {
    background: #007ca7;
}

.reset-link {
    font-size: 14px;
    font-weight: normal;
    color: #007ca7;
    padding-top: 0.5em;
    
}
.btn-active {
    display: inline;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid #333;
    background: rgb(255 255 255 / 15%);
}

.pserror .signonMain {
    max-width: 50em;
    width: 60vw;
    background: #fcfcfc;
}

input[type="text"], input[type="password"],textarea {
border-radius:0em; 
}

input[type="text"]:focus, input[type="password"]:focus {
    outline: 2px solid #18194f;
}

.ps-button:hover, .ps-button:focus {
    text-shadow: none;
}

.ps-button:focus {
    outline: 2px solid #18194f;
}

a:link:hover, .ps-link:hover {
    text-decoration: none;
}

.btn-active:hover {
    color: #fcfcfc;
    background: #007ca7;
}

#login_error {
    color: #A50216;
}

#error_link {
    outline: none;
}