header {
  transition: all .4s ease-out;
  height: auto;
  padding: 1rem 0;
  background-color: #0e416b; }
  header .logo-link {
    height: 70px;
    width: 280px;
    max-width: 50%; }
    header .logo-link img {
      width: 18em;
      padding: 5px;
      max-width: 100%; }

#content {
  margin-top: 40px; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.monospace {
  font-family: "Courier", monospace; }

.light {
  color: #aaa; }

#admin-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    #admin-nav {
      justify-content: space-between;
      padding-top: 0px !important; } }
  #admin-nav .welcome-msg {
    margin-bottom: 0;
    color: #fff; }
  #admin-nav #sidebar-toggle {
    margin-left: 2em; }

@media only screen and (max-width: 480px) {
  header #sidebar-toggle {
    font-size: 1.28571429rem; } }

@media only screen and (max-width: 400px) {
  header #sidebar-toggle {
    font-size: 1.14285714rem; } }

.receipt-image-selector + .checked {
  display: none; }

.receipt-image-selector:checked + .checked {
  display: block; }

.light {
  color: #aaa; }

.ui.header .sub.header.invalid {
  color: #bf5329; }

#dropzone-uploader .ui.cards img {
  max-width: 100%;
  height: auto;
  align-self: flex-start;
  margin-bottom: 1em; }