.datepicker:after, .datepicker:before {
  content: '';
  display: inline-block;
  position: absolute
}
.datepicker:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, .2);
  top: -7px;
  left: 6px
}
.datepicker:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -6px;
  left: 7px
}
.datepicker > div {
  display: none;
  padding: 10px;
}
.datepicker table {
  width: 100%;
  margin: 0
}
.datepicker td, .datepicker th {
  text-align: center;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eee
}
.datepicker td.new, .datepicker td.old {
  color: #999
}
.datepicker td.active, .datepicker td.active:hover {
  background-color: #01A765;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  border-radius: 4px;
  height: 35px;
}
.datepicker td.active.active, .datepicker td.active.disabled, .datepicker td.active:active, .datepicker td.active:focus, .datepicker td.active:hover, .datepicker td.active:hover.active, .datepicker td.active:hover.disabled, .datepicker td.active:hover:active, .datepicker td.active:hover:focus, .datepicker td.active:hover:hover, .datepicker td.active:hover[disabled], .datepicker td.active[disabled] {
  color: #fff;
  background-color: #01A765;
  border-radius: 4px;
  height: 35px;
}
.datepicker td.active.active, .datepicker td.active:active, .datepicker td.active:hover.active, .datepicker td.active:hover:active {
  background-color: #039\9
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eee;
}
.datepicker td span.active {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active:active, .datepicker td span.active:focus, .datepicker td span.active:hover, .datepicker td span.active[disabled] {
  color: #fff;
  background-color: #04c;
}
.datepicker td span.active.active, .datepicker td span.active:active {
  background-color: #039\9
}
.datepicker td span.old {
  color: #999
}
.datepicker th.switch {
  width: 230px;
}
.datepicker th.next, .datepicker th.prev {
  font-size: 22px;
}
.datepicker thead tr:first-child th {
  cursor: pointer
}
.datepicker thead tr:first-child th:hover {
  background: #eee
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 35px;
  height: 35px;
}