.calendar {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #cfd8dc;
  text-align: center; }

.calendar {
  background-color: #ffffff;
  box-shadow: 0px 2px 19.6px 0.4px rgba(0, 0, 0, 0.27); }

.calendar-month-bar, .calendar-days-bar {
  color: #212121; }

.calendar-current-month {
  color: #607d8b; }

.calendar .calendar-day {
  display: block;
  float: left;
  text-align: center;
  padding: 15px 0; }

.calendar-week {
  position: relative; }

.calendar-day-notice {
  display: block;
  padding: 15px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: left;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: opacity .7s, visibility 0s linear 0.7s, z-index 0s linear 0.7s;
  -webkit-transition: opacity .7s, visibility 0s linear 0.7s, z-index 0s linear 0.7s; }

.calendar-day-notice, .calendar-day-notice a {
  color: #ffffff; }

.calendar-day.show .calendar-day-notice {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transition-delay: 0s, 0s, 0s;
  -webkit-transition-delay: 0s, 0s, 0s;
  cursor: auto; }

.calendar-week:after, .calendar-top-bar:after {
  content: "";
  display: block;
  clear: both; }

.calendar .calendar-top-bar {
  padding: 11px 0; }

.calendar-month-bar {
  font-size: 16px; }

.calendar-month-control {
  transition: color 700ms ease;
  -webkit-transition: color 700ms ease; }

.calendar-day.calendar-current-month.calendar-day-event, .calendar-day-other-month, .calendar-month-control,
.calendar-datapicker-control, .calendar-datapicker .calendar-day.calendar-current-month {
  cursor: pointer; }

.calendar-month-control, .calendar-datapicker-control {
  font-family: FontAwesome;
  font-size: 16px; }

.calendar-month-control svg, .vc-calendar-datapicker-control svg {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  vertical-align: -.125em; }

.vc-calendar-datapicker-control span, .vc-calendar-datapicker-control svg {
  height: 19px; }

.vc-calendar-datapicker-control {
  transition: color 700ms ease;
  -webkit-transition: color 700ms ease;
  display: inline-block;
  position: relative;
  z-index: 10;
  cursor: pointer; }

.vc-calendar-datapicker-control span {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 9px;
  transform: translateY(-50%); }

.calendar-datapicker-control.calendar-active, .calendar-datapicker-control:hover {
  color: #ffffff;
  background-color: #4dd0e1; }

.calendar-day.calendar-current-month.calendar-day-event {
  background-color: #4dd0e1;
  color: #ffffff;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease; }

.calendar-day-other-month {
  transition: background-color 700ms ease, color 700ms ease;
  -webkit-transition: background-color 700ms ease, color 700ms ease; }

.calendar-day-other-month:hover {
  color: #ffffff;
  background-color: #cfd8dc; }

.calendar-day.calendar-current-month.calendar-day-event:hover {
  background-color: #ffb000; }

.calendar-month-control:hover {
  color: #4dd0e1; }

/*# sourceMappingURL=vc-calendar.css.map */