@charset "utf-8";

#nav-gapper { height: 57.72px; background-color: rgb(0, 52, 78); width: 100vw; position: relative; }

.dropdown-divider { border-top: 1px solid lightgray; }

#gray-backdrop { position: fixed; top: 0px; left: 0px; width: 105vw; height: 105vh; background-color: rgba(100, 100, 100, 0.5); z-index: 99998; display: none; overflow: hidden; }

#generic-modal { background-color: white; width: 50vw; margin: 5vh calc(-12px + 25vw); padding: 20px; text-align: center; position: fixed; top: 0px; display: none; z-index: 99999; border-radius: 3px; overflow: hidden auto; max-height: 80vh; }

#printer-image { width: 380px; margin: 5px auto; padding-left: 80px; display: block; }

@media (max-width: 992px) {
  #generic-modal { width: 75vw; margin: 5vh calc(-12px + 12.5vw); }
  #printer-image { width: 380px; margin: 5px auto; padding-left: 80px; }
}

@media (max-width: 767px) {
  #generic-modal { width: 90vw; margin: 5vw; max-height: 90vh; top: 5vh; }
  #printer-image { width: 260px; margin: 5px auto; padding-left: 0px; }
}

#close-modal { top: -15px; position: relative; font-size: 24px; right: -10px; float: right; }

#close-modal:hover { color: darkslategray; cursor: pointer; }

#printer-error-icon-box { background-color: rgb(244, 78, 78); display: block; width: 80px; height: 80px; margin: auto; font-size: 55px; border-radius: 12px; padding: 10px; border: 2px solid gray; }

#navbar { position: fixed; top: 0px; width: 100%; transition: transform 0.5s; z-index: 999; }

#navbar.hidden { transform: translateY(-100%); }

.skip-to-content { position: absolute; left: 0px; top: 0px; transform: translate(-100%, -100%); }

.skip-to-content:focus { transform: translate(0.2rem, 0.2rem); z-index: 9000; }