body {
    background-color: #f2f2f2;
    margin-top: 0px;
    margin-bottom: 0px;
}
.center-container {
    display: grid;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-family: 'Arial',sans-serif;
}
.center-content {
    background-color: white;
    padding-bottom: 120px;
}
span.logo-container {
    display: inline-block;
    /*! float: left; */
    /*! left: -28px; */
    position: relative;
}
img.logo {
    width: 260px;
}
.cornerlinks {
    display: block; 
    float: right;
    position:relative;
    min-width:262px;
    margin-top: 28px;
    margin-bottom: 28px;
}
label.langselect {
    font-weight: bold;
}
span.divider {
    margin-left: 10px;
}
span.title {
    display: inline-block;
    position: relative;
    top: 50%;
/*  transform: translate(-50%, -55%); */
    font-weight: bold;
    font-size: 20pt;
/*  left: 55%; */
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}
span.title-container {
    position: relative;
    display: inline-block;
    width: fit-content;
    height: fit-content;
}
h1 {
    font-size: x-large;
    margin-bottom: 32px;
}
h2 {
    font-size: medium;
    font-weight: normal;
    margin-bottom: 32px;
}
h3 {
    clear:both;
    margin-top: 40px;
}
ul {
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.dataitem {
    display: inline-block;
}
div.tagsitem {
    display: inherit;
}
span.label {
    display: inline grid;
    width: 230px;
    justify-items:end;
    padding-right:16px;
}
span.tagslabel {
    padding-top: 8px;
}
span.tagLabel {
    font-size: 80%;
}
span.value, span.tagValues, div.tagValues {
    display: inline grid;
    width: 268px;
    padding-left:8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 8px;
    background-color: #f2f2f2
}
div.edit {
    background-color: white;
}
span.input {
    background-color:white;
}
input[type=text] {
    width: 260px;
}
div.inner {
    display: block;
    clear: both;
    margin-left: 40px;
    margin-right: 40px;
    max-width: 530px;
}
div.header {
    height: auto;
/*    outline: 2px solid black; */
/*    border-radius: 4px; */
    margin-bottom: 36px;
    display: block;
    min-height: 80px;
}
div.groupcontrols {
    margin-top:10px;
    display: inline-block;
    float: right;
}
div.tagValues {
    max-width: 450px;
}
.button-container {
    margin-left: 1ex;
}
p.emailprompt {
    margin-bottom: 6px;
}
input#loginemail {
    width: 328px;
    margin-right: 1ex;
    margin-bottom: 1ex;
}
button.requestlink {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 4px;
}
@media only screen and (max-width: 350px) {
    input#loginemail {
        width: 80%;
    }
}
@media only screen and (max-width: 630px) {
    div.inner {
        max-width: 283px;
    }
    span.label {
        justify-items: start;
        margin-top: 8px;
    }
}
select {
    width: 268px;
    background-color: white;
    color: black;
    border: 1px solid #868686;
}
select.country:hover {
    background-color: #f2f2f2;
}
input[type='radio']{
    -webkit-appearance:none;
}
label.radiolabel, a {
    color: #8b5dcb;
    font-weight:bold;
    text-decoration:none;
}
label.radiolabel:hover, a:hover {
    cursor: pointer;
    text-decoration: underline;
}
button.logoutbutton:hover {
    background-color: white;
    border: 2px white;
}
button,input:is([type="button"],type["reset"],type["submit"]){
    background-color: #8b5dcb;
    color: white;
    border: 2px solid #8b5dcb;
    /*border-radius: 4px; */
}
button:enabled:hover,input:is([type="button"],type["reset"],type["submit"]):enabled:hover{
    background-color: #664494;
    border: 2px solid #664494;
    text-decoration: underline;
    cursor: pointer;
}
button.cancelbutton {
    background-color: black;
    color: white;
    border: 2px solid black;
}
button.cancelbutton:hover {
    background-color: black;
    color: white;
    border: 2px solid black;
    text-decoration: underline;
}
/*
button:enabled:active,select:enabled:active,input:is([type="button"],type["reset"],type["submit"]):enabled:active{
    background-color:lightblue;
}
*/
button:disabled,select:disabled,input:is([type="button"],type["reset"],type["submit"]):disabled{
    background-color: #868686;
    border: 2px solid #868686;
    cursor: not-allowed;
}
img.footerlogo {
    width: 260px;
}
div.privacynotice {
    margin-top: 24px;
}
a.privacynoticelink {
    color: white;
    font-weight: normal;
}
div.footer {
    display: grid;
    background-color: black;
    justify-items: center;
}
div.footerfill {
    background-color: black;
    min-height: 400px;
}