main {
  margin-top: 60px;
}

.errorChoices {
    list-style: none;
}

.errorChoices li {
    margin-top: 10px;
}

.event {
  border-width: 1px;
  font-size: 0.85em;
  padding: 0 0.75em;
  line-height: 1em;
  min-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
  border-radius: 4px;
  cursor: pointer;
}

.week .event {
  display: flex;
}

.event.clear {
  background: none;
  border: 1px solid transparent;
}

.approved {
  color: #3c763d;
}

.event.approved {
  border: 1px solid #b2dba1;
  background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
  background-repeat: repeat-x;
}

.pending {
  color: #b36b00;
}

.event.pending {
  border: 1px solid #ffd699;
  background-image: linear-gradient(to bottom, #ffebcc 0px, #ffe0b3 100%);
  background-repeat: repeat-x;
}

.refused {
  color: #b32d00;
}

.event.refused {
  border: 1px solid #ffb399;
  background-image: linear-gradient(to bottom, #ffece6 0px, #ffd9cc 100%);
  background-repeat: repeat-x;
}

.event .range {
  font-style: italic;
  margin-right: 0.5em;
}

/* to force 100% height for events */
table.week {
  margin-top: 0.5em;
  height:1px;
}

table.week tr, table.week td {
  height:100%;
}

table.week th {
  padding: 10px;
}

table.week td {
  padding-top: 2px;
  padding-bottom: 2px;
}

table.week td > div {
  height:100%;
}

table.week th.time {
  width: 1px;
  white-space: nowrap;
}

table.week th.day {
  width: 15%;
}

table tr.deleted {
  text-decoration: line-through;
}

table.month {
  margin-top: 0.5em;
}

table.month .other-month {
  color : lightgray;
}

table.month .today, table.week .today {
  background-color : #dae0e5;
}