:root{--primary:#056aab;--primaryShade:#001a51;--primaryHighlight:#00aaff;--secondary:#fffcdc}body{min-height:100vh;flex-direction:column;display:flex}.PageBody{width:100%;flex-grow:1}header{display:none}#headerButton{display:block;outline:none;width:100%;border:0;padding:0}header h1{text-align:center;color:var(--secondary);background:linear-gradient(var(--primary),var(--primaryShade));padding:5px 0 8px;margin:0;font-variant:small-caps;text-shadow:2px 2px #000000;letter-spacing:.2em}nav{position:sticky;top:0;z-index:2}.PageContent{max-width:1200px}#personnelList{position:relative}#personnelOptions{position:sticky;top:0;z-index:1;background:white;border-top-style:solid;border-top-color:white;border-bottom:4px solid #aaa}#nav-tab{font-size:4vw;flex-direction:column;align-items:start;border-bottom:0;flex-wrap:nowrap}.navbar{align-items:start;max-width:min(50vw,200px)}@media all and (min-width:992px){.navbar{max-width:250px;background-color:var(--secondary);border-right:1px solid #bbb}}#nav-tab button.nav-link.active{color:var(--primary)}#nav-tab button.nav-link:hover{color:var(--primaryHighlight)}#nav-tab button{font-weight:bold;color:#444;border:0;background:transparent}#addButton{background-color:var(--primaryShade);color:white;font-weight:bold;border:none;border-radius:15px;padding:8px 20px}#addButton:hover{background-color:var(--primary)}#noResultsDiv{display:none}#personnelTable tr.letterRow{cursor:default}#personnelTable td.letterRow{background:linear-gradient(to right,var(--primary),var(--primaryShade));color:var(--secondary)}.personnel-button{min-width:200px}#orderPersonnelButton.btn-outline-companyDirectory{color:var(--primary);border-color:var(--primary);outline:none;box-shadow:none;vertical-align:baseline}.btn-outline-companyDirectory:hover{background-color:var(--secondary)}div.departmentLocationNarrow{font-weight:normal;padding:0}.departmentLocationWide{display:none}#personnelTable tr,#adminDepartments tr,#adminLocations tr{cursor:pointer}#employeeDepartment[value=''],#employeeDepartmentInput:invalid:not(:focus),#departmentLocationInput:invalid:not(:focus){color:grey}input:invalid,select:invalid{border-color:#f88}.requiredFootnote{font-size:.85em}.navigation-button{min-width:160px}#waitingSpinner{position:fixed;top:46%;left:0;width:100%;font-size:2em;color:white}.waitingOverlay{z-index:3;background-color:rgba(0,0,0,.7);opacity:0;transition:opacity .5s;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.waitingOverlay.displayed{opacity:1}@media all and (min-width:400px){.departmentLocationNarrow{display:none}.departmentLocationWide{display:table-cell}#nav-tab{font-size:1em}}@media all and (max-width:450px){.nav-link{padding-left:.4rem;padding-right:.4rem}#personnelTable tr:not(:first-child) td:first-child{padding-bottom:0}#personnelTable td:nth-child(2){padding-top:0}#confirmEmployeeTable th,#employeeData th{display:block;padding-bottom:0;border-bottom-width:0}#confirmEmployeeTable td,#employeeData td{display:block;padding-top:0}}@media all and (max-width:576px){#personnelTable tr:not(:first-child) td:first-child{border-bottom-width:0}}