.report-container {
  margin: 20px 20px 0 20px;
  font-size: 14px;
}

#download-csv {
  margin: 10px 0;
  color: rgb(122, 73, 0);
  border-color: rgb(122, 73, 0);
}

.report {
  margin-top: 10px;
  padding-bottom: 15px;
}

.time-report {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  display: inline;
  width: 95%;
}

.task-view .fa-times {
  float: right;
  cursor: pointer;
  opacity: 0.5;
}

.report-container .spinner {
  margin: 20px 0 0 20px;
  width: 40px;
}

.report-container th {
  padding: 0 5px !important;
  color: rgb(122, 73, 0);
}

.report-container .expand-button.has-values {
  cursor: pointer;
}
.report-container .expand-button.has-values:hover td {
  background-color: #f9f9f9;
}

.report-container .inset-table {
  margin-top: 0;
}
.report-container .inset-table td,
.report-container .inset-table th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-container td,
.report-container .inset-table th {
  border: none !important;
}

.report-container label {
  font-weight: normal;
}

.report-container ::-webkit-clear-button,
.report-container ::-webkit-inner-spin-button {
  display: none;
}
.report-container ::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
}
.report-container ::-webkit-calendar-picker-indicator:hover {
  background-color: transparent;
}

.report .time {
  text-align: right;
}

.report-container .form-control {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-weight: bold;
  border: 1px solid transparent;
  color: rgb(122, 73, 0);
  margin-top: -1px;
  max-width: 300px;
}
.report-container .form-control:hover {
  border: 1px solid rgb(122, 73, 0);
}

.report-container .desc,
.report-container .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report .data-source {
  font-weight: normal;
  font-style: italic;
}

/* when expanded, hide the inline subtotals (via transparency so the bg color shows) */
.report tr .inline-subtotal {
  color: transparent;
}
.report tr.collapsed .inline-subtotal {
  color: black;
}
.report tr.subtotal {
  font-style: italic;
}

.report-controls .audit-disabled {
  opacity: 0.33;
}

.report .eq {
  width: 20px;
  font-size: 16px;
  line-height: 16px;
  background-color: white;
}

.report .time {
  text-align: right;
}

.report > .table > thead > tr > th.project {
  width: 250px; /* 80 + 150 + 20 = .date + .name + padding */
}
.report > .table > thead > tr > th.time {
  width: 60px;
}
.report > .table > thead > tr > th.proj_time {
  width: 310px; /* spans .project & .time */
}

.sticky-header th {
  position: sticky;
  top: 0;
  background-color: rgb(122, 73, 0);
  color: white;
  padding: 2px 5px !important;
  font-weight: normal;
}

.sticky-header th:nth-child(3) {
  padding-left: 15px !important;
}

.report > .table > thead.no-border > tr > th {
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
}

.inset-table .date {
  width: 80px;
}
.inset-table .name {
  width: 150px;
}
.inset-table .time {
  width: 60px;
}
.inset-table .submitted {
  width: 100px;
}

.inset-table td.added {
  background-color: #eeffee;
}
.inset-table td.removed {
  background-color: #ffeeee;
}
.inset-table td.noteq {
  background-color: #ffff00;
  font-weight: bold;
}

.report div.collapse,
.report div.collapsing {
  padding-left: 20px;
}

.inset-table {
  table-layout: fixed;
  background-color: rgba(122, 73, 0, 0.1);
}

.report-container .total-hours {
  font-weight: bold;
  color: rgb(122, 73, 0);
}

.report-container .total-unsubmitted-time {
  font-weight: bold;
}

i.fa.fa-angle-right.expansion {
  width: 12px !important;
}
i.fa.fa-angle-down.expansion {
  width: 12px !important;
}

.filter-to-diff {
  cursor: pointer;
}

.filter-to-diff .fa {
  font-size: 14px;
}

.filter-to-diff .fa.fa-check-square {
  color: green;
}

.expand-button[aria-expanded='false'] .fa-angle-right {
  display: inline-block;
}
.expand-button[aria-expanded='true'] .fa-angle-right {
  display: none;
}
.expand-button[aria-expanded='false'] .fa-angle-down {
  display: none;
}
.expand-button[aria-expanded='true'] .fa-angle-down {
  display: inline-block;
}

.total-unsubmitted-time {
  margin-bottom: 10px;
}

.download-csv-link {
  padding-bottom: 70px;
}

/* deleted users in time-report */
.report .deleted {
  text-decoration: line-through;
}

button.report-picker,
button.report-picker:hover,
button.report-picker:focus,
button.report-picker:active,
button.report-picker:active:focus {
  font-weight: bold;
  background-color: transparent;
  outline: none;
  font-size: 14px;
  border: 1px solid transparent;
  color: rgb(122, 73, 0);
  margin-top: -1px;
  box-shadow: none;
}

button.report-picker .caret {
  margin-left: 5px;
}

div.report-person-picker {
  margin-bottom: 3px;
}

/* bootstrap menu */
ul.report-person-picker,
ul.report-project-picker {
  position: relative;
  top: -35px;
  left: -12px;
}

/* Overtime Report */
div.overtime-report {
  overflow-x: auto;
  width: 98%;
}
.overtime-table {
  white-space: nowrap;
  empty-cells: show;
  margin-bottom: 50px;
}

.overtime-table tr:first-of-type th {
  text-align: right;
}

.week-totals {
  opacity: 0.5;
  text-align: right !important;
}

.outside-date {
  background-color: #80808014 !important;
}

td.outside-date > span {
  opacity: 0.5;
}

th.pretty-date {
  text-align: right !important;
  padding-left: 15px !important;
}

.ot-top-border {
  border-top: 2px solid #80808059;
}

.overtime-table tr:first-of-type .ot-top-border:last-child {
  border-right: 2px solid #80808059 !important;
}

td.ot-right-border,
th.ot-right-border {
  border-right: 2px solid #80808059 !important;
  padding-right: 5px !important;
}

th.ot-person-name {
  padding-right: 30px;
  padding-top: 10px;
}

.ot-delim {
  height: 10px;
  padding-right: 30px !important;
}

.ot-table-total,
.inside-date {
  font-weight: bold;
}

.hours-type,
th.hours-type {
  padding-left: 10px !important;
  color: rgb(122, 73, 0);
}

.hours-entry {
  text-align: right;
  padding-left: 10px;
}

button.run-report {
  border-color: hsla(30,15%,26%,1);
  color: hsla(30,15%,26%,1);
  margin: 0;
}

ul.pagination {
  margin: 0 !important;
}

.detail-table {
  margin-bottom: 10px;
}

li.page-item:not(.disabled) > span {
  cursor: pointer !important;
}