/* bootstrap-datepicker hack in order to work nicely with Semantic-UI  */
/* Use it together with the original bootstrap-datepicker.css */
/**/
/*
    customLightGray #EEEEEE
    customGray      #9999AE
    green           #555555
*/
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.cw {
  background-color: #cecece;
}

.datepicker {
  font-size: 0.875em;
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  top: 0;
  left: 0;
  border-radius: 0.3125em;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 999999;
}

.datepicker:before {
  height: 5px;
  visibility: visible;
  bottom: 0px;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  margin: 0;
}

.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.old {
  color: #9999ae;
}

.datepicker table tr td.new {
  color: #9999ae;
}

.datepicker table tr td.disabled {
  background: none;
  color: #eeeeee;
  cursor: default;
}

.datepicker table tr td.disabled:hover {
  background: none;
  color: #eeeeee;
  cursor: default;
}

.datepicker table tr td.today {
  color: #333;
  background: #9999ae;
  cursor: pointer;
}

.datepicker table tr td.today:hover {
  color: #333;
  background: #9999ae;
  cursor: pointer;
}

.datepicker table tr td.today.disabled {
  color: #333;
  background: #9999ae;
  cursor: pointer;
}

.datepicker table tr td.today.disabled:hover {
  color: #333;
  background: #9999ae;
  cursor: pointer;
}

.datepicker table tr td.active {
  color: #fff;
  background: #555555;
}

.datepicker table tr td.active:hover {
  color: #fff;
  background: #555555;
}

.datepicker table tr td.active.disabled {
  color: #fff;
  background: #555555;
}

.datepicker table tr td.active.disabled:hover {
  color: #fff;
  background: #555555;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 35px;
  line-height: 35px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eeeeee;
}

.datepicker table tr td span.disabled {
  color: #9999ae;
  background: none;
  cursor: default;
}

.datepicker table tr td span.disabled:hover {
  color: #9999ae;
  background: none;
  cursor: default;
}

.datepicker table tr td span.active {
  color: #fff;
  background: #555555;
}

.datepicker table tr td span.active:hover {
  color: #fff;
  background: #555555;
}

.datepicker table tr td span.active.disabled {
  color: #fff;
  background: #555555;
}

.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background: #555555;
}

.datepicker table tr td span.old {
  color: #9999ae;
}

.datepicker td {
  text-align: center;
  width: 2em;
  height: 2em;
  border-radius: 2px;
  border: none;
}

.datepicker th {
  text-align: center;
  width: 2em;
  height: 2em;
  border-radius: 2px;
  border: none;
}

.datepicker th.switch {
  width: 145px;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.datepicker tfoot tr:first-child th {
  cursor: pointer;
}

.datepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.datepicker.months div.datepicker-months {
  display: block;
}

.datepicker.years div.datepicker-years {
  display: block;
}

.table-striped .datepicker table tr td {
  background-color: transparent;
}

.table-striped .datepicker table tr th {
  background-color: transparent;
}

.input-append.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.datepicker-minutes thead {
  display: none;
}

.datepicker-minutes td {
  width: 220px;
}

.datepicker-hours thead {
  display: none;
}

.datepicker-hours td {
  width: 220px;
}
/*# sourceMappingURL=datepicker.css.map */