div#body > div.content > div.right label {
    color: var(--light);
    display: block;
}

div#body > div.content > div.right form .error {
    color: var(--error);
    display: block;
    margin-top: 5px;
    padding-left: 1.25rem;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20fill%3D%27%23a01314%27%3E%3Cpolygon%20class%3D%27st0%27%20points%3D%2723.4%2C11.4%2012%2C0%200.6%2C11.4%202.8%2C13.5%2010.5%2C5.9%2010.5%2C24%2013.5%2C24%2013.5%2C5.9%2021.2%2C13.5%20%27%2F%3E%3C%2Fsvg%3E);
    background-size: 0.75rem 0.75rem;
    background-repeat: no-repeat;
    background-position: left 0;
    font-size: var(--smaller);
    line-height: 1.2;
}

div#body > div.content > div.right div.checkboxfield div.field {
    display: flex;
}

div#body > div.content > div.right div.checkboxfield div.checkbox {
    border: 2px solid grey;
    border-radius: 3px;
    margin-right: 10px;
    min-width: 20px;
    height: 20px;
    width: 20px;
}

div#body > div.content > div.right div.checkboxfield div.checkbox.checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzQwIDM0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaXQ9IiIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgZm9jdXNhYmxlPSJmYWxzZSI+PHBvbHlnb24gcG9pbnRzPSIyNjAuNDUgNjkuODggMTM3LjU5IDE5Mi43NCA3OS41NSAxMzQuNjkgNDAuODUgMTczLjM5IDEzNy41OSAyNzAuMTIgMjk5LjE0IDEwOC41NyAyNjAuNDUgNjkuODgiLz48L3N2Zz4=");
    background-position: center center;
    background-repeat: no-repeat;
}

div#body > div.content > div.right div.textfield {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--highlightlight);
    max-width: 400px;
    margin-top: 20px;
}

div#body > div.content > div.right div.textfield.container {
    border-bottom: none;
    margin-top: 0;
}

div#body > div.content > div.right div.textfield.container span.smaller {
    margin-top: 5px;
}

div#body > div.content > div.right div.textfield div.input-text,
div#body > div.content > div.right div.textfield input[type=text],
div#body > div.content > div.right div.textfield input[type=email],
div#body > div.content > div.right div.textfield input[type=password],
div#body > div.content > div.right div.textfield input[type=text]:focus,
div#body > div.content > div.right div.textfield input[type=email]:focus,
div#body > div.content > div.right div.textfield input[type=password]:focus {
    position: relative;
    font-family: inherit;
    font-size: 1em;
    height: 24px;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    border: none;
    outline: none;
}

div#body > div.content > div.right div.groups {
    padding-bottom: 10px;
}

div#body > div.content > div.right input[type=submit] {
    font-size: var(--normal);
    background-color: var(--highlightlight);
    border-bottom: 3px solid var(--highlightdark);
    border-top: none;
    border-left: none;
    border-right: none;
    color: white;
    cursor: pointer;
    height: 2.5rem;
    padding: 0.125rem 1.25rem;
}

div#body > div.content > div.right input[type=submit]:hover {
    background-color: var(--highlightdark);
}

div#body > div.content > div.right button[type=button],
div#body > div.content > div.right input[type=button] {
    font-size: var(--normal);
    background-color: var(--light);
    border-bottom: 3px solid var(--dark);
    border-top: none;
    border-left: none;
    border-right: none;
    color: white;
    cursor: pointer;
    height: 2.5rem;
    padding: 0.125rem 1.25rem;
}

div#body > div.content > div.right button[type=button],
div#body > div.content > div.right input[type=button]:hover {
    background-color: var(--dark);
}

div#body > div.content > div.right button[type=button],
div#body > div.content > div.right input[type=button]:disabled,
div#body > div.content > div.right input[type=submit]:disabled {
    background-color: var(--info);
    border-color: var(--light);
}