/**
 * @provides phui-calendar-day-css
 */

.device .phui-day-view-column {
  display: none;
}

.device .phui-calendar-list-container {
  width: 100%;
}

.aphront-multi-column-column-outer.phui-day-view-upcoming,
.aphront-multi-column-column-outer.phui-day-view-column{
  padding: 0;
}

.aphront-multi-column-column-outer.phui-day-view-upcoming .phui-header-shell {
  margin: 0;
}

.phui-calendar-day-view {
  overflow: scroll;
  width: 100%;
}

.phui-calendar-day-hour {
  width: 60px;
  color: {$lightgreytext};
  text-align: right;
  padding: 4px 4px;
  border-right: 1px solid {$lightgreyborder};
}

.phui-calendar-day-view tr {
  height: 60px;
}

.phui-calendar-day-view td {
  position: relative;
  cursor: pointer;
}

.phui-calendar-day-view td:hover {
  background: {$lightbluebackground};
}

.phui-calendar-day-view tr + tr td.phui-calendar-day-events {
  border-top: 1px solid {$lightgreyborder};
}

.phui-drag {
  opacity: .25;
}

div.phui-calendar-day-event {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  min-height: 30px;
}

.can-drag a {
  cursor: move;
}

div.phui-calendar-day-event.all-day {
  position: relative;
}

.phui-calendar-day-event-link {
  margin: 0 0 -1px -1px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.phui-calendar-day-event-link.viewer-invited-day-event {
  border-color: {$green};
  background-color: {$lightgreen};
  color: {$green};
}

.day-view-all-day,
.phui-calendar-day-event-link {
  padding: 8px;
  border: 1px solid {$lightblueborder};
  background-color: {$bluebackground};
  color: {$greytext};
  text-decoration: none;
}

.day-view-all-day {
  margin: 3px 0 3px 4px;
  display: block;
}

.phui-calendar-day-event + .phui-calendar-day-event .day-view-all-day {
  border-top-style: none;
  border-top-width: 0;
}

.phui-calendar-all-day-label {
  color: {$greytext};
  float: right;
  margin: 8px 8px 0 0;
}