.calendar {
  width: 100%;
  border-style: solid;
  border-color: #bbb;
  border-width: 0px 1px 1px;
}

.calendar div {
  text-align: center;
  overflow: hidden;
  cursor: default;
}

.calendar .field {
  padding: 6px 4% 6px 4%;
}

.calendar .header {
  padding: 4px 0 4px;
}

.calendar .weeks {
  border-style: solid;
  border-color: #bbb;
  border-width: 0 0 1px;
  margin-bottom: 4px;
}

.calendar .weeks div {
  font-weight: bold;
  font-size: 12px;
}

.calendar .week div {
  font-size: 14px;
}

.calendar .weeks div,
.calendar .week div {
  float: left;
  width: 14.28%;
  border-style: solid;
  border-color: white;
  border-width: 3px 0 3px;
}

.calendar .week .now {
  border-width: 3px 0 3px;
}