:root {
    --ms-blue-rgb: rgb(0, 64, 128);
    --ms-bg-rgb: rgb(215, 215, 215);
    --ms-border-inner-rgb: rgb(255, 255, 255);
    --ms-border-outer-rgb: rgb(240, 240, 240);
    --ms-header-rgb: rgb(153, 180, 209);
    --ms-border: #a9aaab;
}
body {
    background-color: var(--ms-blue-rgb);
}
.form-signin {
    max-width: 400px;
}
fieldset, legend {
    all: revert;
    display: block;
}
fieldset {
    border: 2px solid var(--ms-border);
}
legend, .text-body-error {
    color: maroon;
    user-select: none;
}
label {
    user-select: none;
}
.retro-field {
    background-color: white;
    border: 2px solid var(--ms-border);
}
.retro-field:hover, .retro-field:checked {
    border-color: gray;
}
.btn-ms.retro-field:hover, .retro-field:checked {
    background-color: darkgray;
    color: white;
}
.ms-w {
    background-color: var(--ms-border-inner-rgb);
    border: 2px solid var(--ms-border-outer-rgb);
    padding: 2px;
}
.ms-w-h {
    background-color: var(--ms-header-rgb);
    color: var(--bs-dark);
    font-family: sans-serif;
    padding: 0 5px;
    user-select: none;
}
.ms-w-c {
    background-color: var(--ms-bg-rgb);
    color: var(--bs-dark);
    padding: 10px;
}

/* Disable form input highlighting */

.retro-field:focus {
  border-color: darkgray;
  box-shadow: none;
  outline: none;
}