body {
  margin: 0;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.invalid .MuiOutlinedInput-root {
  border-color: red !important;
}

.calculated {
  text-align: center;
  background-color: #f0f0f0;
}

.sortable-ghost {
  background-color: #fffbcc !important;
  opacity: 0.9;
}
input[type=text] {
  min-width: 82px;
}
.highlighted {
  animation: fadeHighlight 3s ease-out;
}

@keyframes fadeHighlight {
  0% { background-color: lightyellow; }
  100% { background-color: transparent; }
}
.invalid .MuiOutlinedInput-root {
  border: 2px solid red !important;
  border-radius: 4px;
}
.react-calendar {
  width: 100%;
}
.MuiContainer-maxWidthLg {
  width: auto !important;
  max-width: 100% !important;
}
.workTimeTable {
  width: auto !important;
  margin: auto;
}
#arbeitszeiten-table {
  width: auto !important;
}