#loginField{margin:2em auto 0;width:400px}@media (max-width: 480px){#loginField{width:90%}}#loginField label,#loginField input{width:100%}#loginField input{text-align:center;font-size:18pt;height:1.8em;line-height:1.8em}.staff_disabled{background:#eee !important}.staff_suspended{background:#eff4f9 !important}.checkboxes .select,.radiobuttons{display:flex;flex-wrap:wrap}.checkboxes .select .checkbox,.radiobuttons label{width:100px;margin-right:.5rem;position:relative}.checkboxes .select label,.checkboxes .select>label{width:100%}.checkboxes .select label span,.radiobuttons label span{display:block;background:#ddd;height:60px;line-height:60px;border-radius:5px;text-align:center}.checkboxes .select input[type="checkbox"],.radiobuttons input[type="radio"]{position:absolute;top:4px;left:4px}.checkboxes .select input[type="checkbox"]:checked+span,.radiobuttons input[type="radio"]:checked+span{background-color:#007bff;color:#fff}.input.date>label,.input.time>label{padding-right:0.5rem}