/* Bootstrap Datepicker - Modern Reskin */

/* -- dropdown container -- */
.datepicker { padding: 0; border-radius: 12px; direction: ltr; }
.datepicker-inline { width: 100%; }
.datepicker.datepicker-rtl { direction: rtl; }
.datepicker.datepicker-rtl table tr td span { float: right; }

/* -- dropdown arrow -- */
.datepicker-dropdown { top: 0; left: 0; }
.datepicker-dropdown:before {
  content: ''; display: inline-block;
  border-left: 7px solid transparent; border-right: 7px solid transparent;
  border-bottom: 7px solid #d0d9f0; border-top: 0; position: absolute;
}
.datepicker-dropdown:after {
  content: ''; display: inline-block;
  border-left: 6px solid transparent; border-right: 6px solid transparent;
  border-bottom: 6px solid #fff; border-top: 0; position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before  { left: 6px; }
.datepicker-dropdown.datepicker-orient-left:after   { left: 7px; }
.datepicker-dropdown.datepicker-orient-right:before { right: 6px; }
.datepicker-dropdown.datepicker-orient-right:after  { right: 7px; }
.datepicker-dropdown.datepicker-orient-top:before   { top: -7px; }
.datepicker-dropdown.datepicker-orient-top:after    { top: -6px; }
.datepicker-dropdown.datepicker-orient-bottom:before { bottom:-7px; border-bottom:0; border-top:7px solid #d0d9f0; }
.datepicker-dropdown.datepicker-orient-bottom:after  { bottom:-6px; border-bottom:0; border-top:6px solid #fff; }

/* -- view switch -- */
.datepicker > div                         { display: none; }
.datepicker.days   div.datepicker-days    { display: block; }
.datepicker.months div.datepicker-months  { display: block; }
.datepicker.years  div.datepicker-years   { display: block; }

/* -- table base -- */
.datepicker table { margin: 0; user-select: none; -webkit-user-select: none; }
.datepicker table tr td,
.datepicker table tr th {
  text-align: center; width: 34px; height: 34px;
  border-radius: 8px; border: none;
  font-size: 13px; font-weight: 400; color: #1a1a2e;
  transition: background .15s, color .15s;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th { background-color: transparent; }

/* -- day hover -- */
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused { background: #e8f0fe; color: #0051d9; cursor: pointer; }

/* -- other month -- */
.datepicker table tr td.old,
.datepicker table tr td.new { color: #b0b8cc; }

/* -- disabled -- */
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover { background: none; color: #ccc; cursor: default; }

/* -- today -- */
.datepicker table tr td.today,
.datepicker table tr td.today:hover {
  background: #e8f0fe; color: #0051d9; font-weight: 700;
  box-shadow: inset 0 0 0 2px #0051d9;
}

/* -- selected / active -- */
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background: #0051d9; color: #fff; border-radius: 8px; text-shadow: none;
}
.datepicker table tr td.active:hover:hover { background: #003db5; color: #fff; }

/* -- range -- */
.datepicker table tr td.range,
.datepicker table tr td.range:hover { background: #e8f0fe; border-radius: 0; }
.datepicker table tr td.range.today { background: #c5d7fc; border-radius: 0; }

/* -- month/year span -- */
.datepicker table tr td span {
  display: block; width: 23%; height: 44px; line-height: 44px;
  float: left; margin: 1%; cursor: pointer; border-radius: 8px;
  font-size: 13px; color: #1a1a2e; transition: background .15s, color .15s;
}
.datepicker table tr td span:hover           { background: #e8f0fe; color: #0051d9; }
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover  { background: none; color: #ccc; cursor: default; }
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover    { background: #0051d9; color: #fff; text-shadow: none; }
.datepicker table tr td span.old,
.datepicker table tr td span.new             { color: #b0b8cc; }

/* -- header -- */
.datepicker th.datepicker-switch { width: 145px; font-weight: 700; color: #0051d9; font-size: 14px; }
.datepicker thead tr:first-child th,
.datepicker tfoot tr th                  { cursor: pointer; color: #555; font-weight: 600; }
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover            { background: #e8f0fe; color: #0051d9; }
.datepicker table tr th.dow              { color: #8c9ab5; font-size: 12px; font-weight: 600; }
.datepicker .prev, .datepicker .next     { color: #0051d9; font-size: 16px; }
.datepicker .prev:hover, .datepicker .next:hover { background: #e8f0fe; }

/* -- week number -- */
.datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; }
.datepicker thead tr:first-child th.cw { cursor: default; background: transparent; }

/* -- dropdown menu -- */
.datepicker.dropdown-menu {
  position: absolute; top: 100%; left: 0;
  z-index: 9999; float: left; display: none;
  min-width: 260px; padding: 12px;
  list-style: none; background: #fff;
  border: 1px solid #d0d9f0; border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,81,217,.12);
  color: #1a1a2e; font-family: inherit; font-size: 13px; line-height: 1.5;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td { padding: 3px 4px; }

/* -- input addon -- */
.input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; }