input, textarea { max-width: 100%; min-width: 0; min-height: 0; padding: 0.25em; display: inline-block; font-size: 1rem; line-height: 1; border: 0.05rem solid grey; border-radius: 0.25em; vertical-align: center; overflow: hidden; user-select: none; }
input:focus, textarea:focus { outline: none; border: 0.05rem solid rgb(50, 35, 249); }
select:focus { outline: none; }
form { display: flex; flex-flow: column nowrap; font-size: 0.9em; row-gap: 0.25em; }
input[type='submit'] { font-family: 'label'; cursor: pointer; background: rgb(7, 142, 61); color: white; border: none; transition: background 200ms ease-in-out; }
input[type='submit']:active { background: rgb(0, 242, 255); }
.formrow { flex: 1; display: inline-block; min-height: 0; display: flex; flex-flow: row nowrap; gap: 0.25em; }
#namefirst { flex: 1; display: inline-block; }
#namemiddle { display: none; }
#namelast { flex: 1; display: inline-block; }
#emailaddr { flex: 1; display: inline-block; }
#phoneno { flex: 1; display: inline-block; }
#namelast { flex: 1; display: inline-block; }
#department { flex: 1; min-width: 0; min-height: 0; padding: 0 0.25em; display: inline-block; font-size: 1rem; line-height: 1; border: 0.05rem solid grey; border-radius: 0.25em; vertical-align: center; cursor: pointer; user-select: none; }
#batch { min-width: 0; max-width: 4em; display: inline-block; }
#department * { max-width: 100%; min-width: 0; overflow: hidden; }
#id, #iid, #uid { all: unset; max-width: 0; min-width: 0; max-height: 0; min-height: 0; margin: 0; padding: 0; position: fixed; }
@media (hover: hover) { input[type='submit']:hover { background: rgb(13, 83, 0); } input[type='submit']:active { background: rgb(0, 242, 255); } }