/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.htmx-indicator {
  opacity:0;
  transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator {
  opacity:1
}

table.points td.name label, .remove-label label {
  display:none;
}

.partial-update form div {
  display: inline;
}
form.partial-update, form.partial-update input {
  display: inline;
}
form.partial-update input {
  /* max-width: 10em !important; */
}
form.partial-update .full-width input {
  max-width: 999em !important;
}

.partial-update .icon {
  float:right;
}

.hidden {
  display:none
}

.section_head {
  font-weight:bold;
  font-size:larger;
}

.pusher {

}

#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  top: 8px;
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 8px;
  transform: rotate(0deg);
  display: none;
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
  overflow: scroll;
}
.menu__btn {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 102;
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: 8px;
}
.menu__btn > span::after {
  content: '';
  top: 16px;
}
.menu__box {
  display: block;
  position: fixed;
  top: -10px;
  left: -100%;
  width: 300px;
  height: 110%;
  margin: 0 !important;
  padding: 80px 0;
  transition-duration: .25s;
  z-index: 100;
}
.menu__item:hover {
  background-color: #CFD8DC;
}
.main.content {
  padding-top:2em;
}

#map-container {
  margin: 0;box-sizing: content-box;
  height: 100%;
  width: 100%;
  position:absolute;
  top:0;
  font-family: sans-serif;
}

@media only screen and (min-width: 1127px) {
  .menu__btn {
  display:none;
  }
  .menu__box {
    left:0;
  }
  .main.content {
    margin-left:18rem;
    padding-left:2em;
  }
  .ui.container {
    margin-left:0 !important;
  }
  #map-container {
    margin-left:18rem;
    width: -webkit-calc(100% - 18rem);
    width:    -moz-calc(100% - 18rem);
    width:         calc(100% - 18rem);
    }
}

.mobile-only {
  display:none;
}

@media only screen and (max-width: 1127px) {
  .mobile-only {
    display:unset;
  }
}

select.django-select2 {
  max-width:20em !important;
}

@media only screen and (min-width: 1128px) {
  thead {
    position: sticky !important;
    top:0;
    z-index: 2;
  }
}

html, body {
  height: 100%;
}

.billing-project tr i.edit {
    visibility: hidden;
}
.billing-project tr:hover i.edit {
    visibility: visible;
}

i.edit, i.trash, .cursor-pointer {
  cursor: pointer;
}

.dropzone input[type=file] {
  display: none;
}

tr.segment .dropzone {
  min-height: 80px;
}

/* select {
  min-width: 20em;
} */

#timesheet-table input[name=quantity] {
  min-width: 6em !important;
}

tr.timelog td:first-child {
  z-index: 50;
  min-width: 12em;
}

#checklist-template-table input[name=title] {
  min-width: 15em !important;
}

.hx-action {
  cursor: pointer;
}

table.billing-project td.yellow, table.billing-project td.amount {
  text-align:right !important;
}

.billing_section_sum {
  font-weight: bold;
  position: sticky;
  bottom: 0px;
  font-size: 1.1em;
}

.billing_section_sum.felt {
  z-index: 80;
}

.billing_section_sum.lab {
  z-index: 60;
}

.billing_section_sum.rapport {
  z-index: 40;
}

.billing_section_sum.admin {
  z-index: 20;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.main-page-menu .ui.dropdown .menu {
  z-index: 1200 !important;
}

table.calendar {
  text-align: left;
  table-layout: fixed;
  width: 100%;
}

table.calendar tr td:first-child {
  z-index: 100;
}

table.calendar tbody, table.calendar thead {
  display: table;
  width: auto;
}

table.calendar td {
  background-color: white;
}

 .cell_content {
  width: 160px !important;
}

.x-auto {
  overflow-x: auto;
  overflow-y: hidden;
}

table.calendar thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

table.calendar thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

table.calendar tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}