@media (max-width: 40em) {
  /* Remove spacing around content */
  .main {
    padding: 0px;
  }
  /* Add back spacing around title bar */
  .main .title-user {
    margin: 8px 8px 16px;
  }
  /* Remove Unlock Entries button and account dropdown */
  .lock-unlock-entries {
    display: none;
  }
  .account-dropdown {
    display: none ;
  }
  /* Make table full width */
  table.timesheet-day.timesheet-table {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    table-layout: fixed;
  }
   .timesheet-day thead tr th:first-child {
    width: 60vw; /* Set Project Phase width */
  }
  .timesheet-table thead tr th:last-child div {
    display: none; /* Remove Notes header */
  }

  /* Move delete buttons inside table and other fixes to avoide horizontal scrolling */
  .timesheet-week .total .delete,
  .timesheet-day .total .delete {
    display: block;
    right: 16px;
    width: 24px;
    height: 24px;
    margin: auto 0;
  }
  .timesheet-week .total::after,
  .timesheet-day .total::after {
    content: none;
  }
  .timesheet-day tbody .project-selected-phase .notes-for-day-input {
    display: none; /* Remove notes field, use integrated notes like week view later */
  }
  /* Make Project Phase content longer before clipping */
  .timesheet-week tbody .project-selected .name,
  .timesheet-day tbody .project-selected .name {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 75vw;
  }

  /* Resize header */
  h1.h1 {
    font-size: 24px;
  }
  /* Hide header in Time Tracking */
  main.home h1.h1 {
    /* display: none; */
  }
  /* Hide subtitle in Time Tracking */
  main.home .timesheet-nav h2 {
    /* display: none; */
  }
  /* Move day picker to the top */
  .timesheet-nav .day-week-picker {
    /* position: absolute;
    top: 0;
    margin: 8px 0 16px; */
  }
  /* Hide go to today button */
  .timesheet-nav .goto-today {
    /* display: none !important; */
  }
}

/* Margins for Report pages */
table.dataTable {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.text h2 {
  margin-left: 20px;
}

/* Dev Site Banner Notice */
html::before {
    content: "— THIS IS DEV SITE —";
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    background: #FF8435;
    /* position: absolute;
    left: 0;
    top: 0; */
    width: 100vw;
    display: block;
}