body {
 background-color: white;
 font-family:Montserrat,Arial,sans-serif;
 color: #333333;
 padding:5px;
 max-width:600px;
}

ul.grouplist li {
 margin-left:25px;
}

#uni h4 {
 padding-top:0px;
 margin-top:0px;
}

img.logo {
 max-width:70%;
 margin-right:12%;
}

#logo {
 text-align:center;
 max-width:600px; 
 color:#31548C;
 font-weight:bold;
}

p {
 max-width:600px;
}

.message {
 background-color:#FFFFCC;
 padding:10px;
}

.error {
 background-color:#FFC0CB;
 padding:10px;
}

a {
 color: #31548C;
}

/*responsive styles mostly from w3schools*/
/* Style inputs, select elements and textareas */
input[type=text], input[type=password], select, textarea{
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-sizing: border-box;
 resize: vertical;
}

input[type=password] {
 margin-top:5px;
}

.awdll_subtitle {
font-weight:bold;
}

/* Style the login container */

.container {
 border-radius: 5px;
 background-color: #f2f2f2;
 padding: 20px;
 max-width:600px;
 font-size: smaller;
}

.shibboleth a, a.buttonlink, input[type=submit] {
    display:block;
    color:white !important;
    width:50%;
    align:center;
    font-size:1rem;
    margin: 10px 10px 10px 0;
    padding: 8px 20px;
    text-align: center;
    border-radius: 4px;
    background-color: #31548C !important;
    border:none;
    text-decoration: none;
    font-family:Montserrat,Arial,sans-serif;
}

p.help {font-size:smaller;}

div.mtop2 {margin-top:2em;}
.mtop2 a {font-size: 0.9em;}

p.introtext {line-height:1.5em;}