/* Table of Contents
==================================================
#Calendar
#Calendar Header
#Calendar Content
#Calendar Cell Style
#Calendar Buttons
#Calendar Global Event Styles
#Calendar Horizontal Events
#Calendar Reusable Separate-border Table
#Calendar Vertical Events
#Calendar Agenda Week View, Agenda Day View
#Calendar Month View, Basic Week View, Basic Day View
#Media Queries */

/* #Calendar
================================================== */
.calendar {
  direction: ltr;
  text-align: left;
}
.calendar td,
.calendar th {
  padding: 0;
  vertical-align: top;
}

/* #Calendar Header
================================================== */
.calendar-header {
  background-color: rgba(58,144,216,1);
  border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}
.calendar-header td {
  padding: 15px 10px 10px 10px;
  white-space: nowrap;
}
.calendar-header-left {
  width: 25%;
  text-align: left;
}
.calendar-header-center { text-align: center; }
.calendar-header-right {
  width: 25%;
  text-align: right;
}
.calendar-header-title { display: inline-block; }
.calendar-header-title h3 {
  color: rgba(255,255,255,1);
  font-weight: 100;
  line-height: 28px;
  margin: 0;
  white-space: nowrap;
}
.calendar-header-space { padding-left: 10px; }
.calendar-header .calendar-button { margin-right: -1px; }
.calendar-header .calendar-corner-right,
.calendar-header .ui-corner-right { margin-right: 0; }
.calendar-header .calendar-state-hover,
.calendar-header .ui-state-hover { z-index: 2; }
.calendar-header .calendar-state-down { z-index: 3; }
.calendar-header .calendar-state-active,
.calendar-header .ui-state-active { z-index: 4; }

/* #Calendar Content
================================================== */
.calendar-content {
  clear: both;
  zoom: 1;
}
.calendar-view {
  width: 100%;
  overflow: hidden;
}

/* #Calendar Cell Style
================================================== */
.calendar-widget-header,
.calendar-widget-content { border: 1px solid rgba(217,222,225,1); }
.calendar-state-highlight { background-color: rgba(58,144,216,0.10); }
.calendar-state-highlight .calendar-day-number { font-weight: 500; }
.calendar-cell-overlay {
  background-color: rgba(58,144,216,1);
  opacity: 0.3;
  filter: alpha(opacity=30);
}

/* #Calendar Buttons
================================================== */
.calendar-state-default.calendar-corner-left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.calendar-state-default.calendar-corner-right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.calendar-button {
  -webkit-appearance: none;
     -moz-appearance: none;
  background: transparent;
  border: 1px solid rgba(255,255,255,1);
  color: rgba(255,255,255,1);
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  line-height: 10px;
  margin: 0;
  padding: 6px 10px 7px 10px;
  text-align: center;
  text-decoration: none;
  text-rendering: geometricPrecision;
  text-transform: capitalize;
  vertical-align: middle;
}
.calendar-button:hover,
.calendar-state-down,
.calendar-state-active {
  background: rgba(255,255,255,1);
  color: rgba(71,74,84,1);
  outline: 0;
}
.calendar-state-disabled { display: non; }
.calendar-text-arrow {
  font-size: 17px;
  line-height: 16px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  vertical-align: baseline;
}
.calendar-button-prev,
.calendar-button-next { padding: 1px 10px 6px 10px; }

/* #Calendar Global Event Styles
================================================== */
.calendar-event-container > * { z-index: 8; }
.calendar-event-container > .ui-draggable-dragging,
.calendar-event-container > .ui-resizable-resizing { z-index: 9; }
.calendar-event {
  background-color: rgba(236,238,241,1);
  border: 1px solid rgba(217,222,225,1);
  border-radius: 2px;
  color: rgba(71,74,84,1);
  display: inline-block;
  padding: 4px 5px 5px 5px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: baseline;
}
.calendar-rtl .calendar-event { text-align: right; }
a.calendar-event,
.calendar-event-draggable { cursor: pointer; }
.calendar-event-inner {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.calendar .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  font-size: 300%;
  line-height: 50%;
}

/* #Calendar Horizontal Events
================================================== */
.calendar-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}
.calendar-ltr .calendar-event-hori.calendar-event-start,
.calendar-rtl .calendar-event-hori.calendar-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.calendar-ltr .calendar-event-hori.calendar-event-end,
.calendar-rtl .calendar-event-hori.calendar-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.calendar-event-hori .ui-resizable-e {
  cursor: e-resize;
  height: 100% !important;
  right: -3px !important;
  top: 0 !important;
  width: 7px !important;
}
.calendar-event-hori .ui-resizable-w {
  cursor: w-resize;
  height: 100% !important;
  left: -3px !important;
  top: 0 !important;
  width: 7px !important;
}
.calendar-event-hori .ui-resizable-handle { padding-bottom: 14px; }

/* #Calendar Reusable Separate-border Table
================================================== */
table.calendar-border-separate { border-collapse: separate; }
.calendar-border-separate th,
.calendar-border-separate td { border-width: 1px 0 0 1px; }
.calendar-border-separate th.calendar-last,
.calendar-border-separate td.calendar-last { border-right-width: 1px; }
.calendar-border-separate tr.calendar-last th,
.calendar-border-separate tr.calendar-last td { border-bottom-width: 1px; }
.calendar-border-separate tbody tr.calendar-first td,
.calendar-border-separate tbody tr.calendar-first th { border-top-width: 0; }

/* #Calendar Month View, Basic Week View, Basic Day View
================================================== */
.calendar-grid th {
  background-color: rgba(236,238,241,1);
  color: rgba(71,74,84,1);
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 6px 5px 5px 5px;
  text-align: center;
  text-transform: uppercase;
}
.calendar .calendar-week-number {
  width: 22px;
  text-align: center;
}
.calendar .calendar-week-number div { padding: 0 2px; }
.calendar-grid .calendar-day-number {
  color: rgba(71,74,84,1);
  float: right;
  font-size: 14px;
  padding: 5px 5px 0 0;
}
.calendar-grid .calendar-other-month .calendar-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.calendar-grid .calendar-day-content {
  clear: both;
  padding: 2px; /* distance between events and day edges */
}
.calendar-grid .calendar-event-time {
  color: rgba(58,144,216,1);
  margin-right: 5px;
}
.calendar-rtl .calendar-grid .calendar-day-number { float: left; }
.calendar-rtl .calendar-grid .calendar-event-time { float: right; }

/* #Calendar Agenda Week View, Agenda Day View
================================================== */
.calendar-agenda table { border-collapse: separate; }
.calendar-agenda-days th {
  background-color: rgba(236,238,241,1);
  color: rgba(71,74,84,1);
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 6px 5px 5px 5px;
  text-align: center;
  text-transform: uppercase;
}
.calendar-agenda .calendar-agenda-axis {
  color: rgba(71,74,84,1);
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 6px 5px 5px 5px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  width: 50px;
}
.calendar-agenda .calendar-day-content { padding: 2px; }
.calendar-agenda-days .calendar-agenda-axis { border-right-width: 1px; }
.calendar-agenda-days .calendar-col0 { border-left-width: 0; }
.calendar-agenda-allday th { border-width: 0 1px; }
.calendar-agenda-allday .calendar-day-content {
  min-height: 34px;
  height: 34px;
}
.calendar-agenda-divider-inner {
  background: rgba(236,238,241,1);
  height: 2px;
  overflow: hidden;
}
.calendar-agenda-slots th { border-width: 1px 1px 0; }
.calendar-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
}
.calendar-agenda-slots td div { height: 20px; }
.calendar-agenda-slots tr.calendar-slot0 th,
.calendar-agenda-slots tr.calendar-slot0 td { border-top-width: 0; }
.calendar-agenda-slots tr.calendar-minor th,
.calendar-agenda-slots tr.calendar-minor td { border-top-style: dotted; }
.calendar-agenda-slots tr.calendar-minor th.ui-widget-header { *border-top-style: solid; }

/* #Calendar Vertical Events
================================================== */
.calendar-event-vert { border-width: 0 1px; }
.calendar-event-vert.calendar-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.calendar-event-vert.calendar-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.calendar-event-vert .calendar-event-time {
  color: rgba(58,144,216,1);
  font-size: 11px;
  white-space: nowrap;
}
.calendar-event-vert .calendar-event-inner {
  position: relative;
  z-index: 2;
}
.calendar-event-vert .calendar-event-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(236,238,241,1);
  opacity: .25;
  filter: alpha(opacity=25);
}
.calendar .ui-draggable-dragging .calendar-event-bg,
.calendar-select-helper .calendar-event-bg { display: none\9; }
.calendar-event-vert .ui-resizable-s {
  bottom: 0 !important;
  font-size: 11px !important;
  font-family: monospace;
  height: 8px !important;
  line-height: 8px !important;
  overflow: hidden !important;
  text-align: center;
  width: 100% !important;
}
.calendar-agenda .ui-resizable-resizing { overflow: hidden; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .calendar-header-title h3 {
    font-size: 17px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .calendar-header td { padding: 15px 0 7px 0; }
  .calendar-header-left,
  .calendar-button-today { display: none !important; }
  .calendar-header-center,
  .calendar-header-right { display: block; }
  .calendar-header-right {
    margin: -15px 0 10px 0;
    text-align: center;
    width: 100%;
  }
  .calendar-header-title h3 {
    font-size: 14px;
    line-height: 21px;
  }
  .calendar-header-space { padding-left: 0; }
}