/* Datepicker border styling */
.datepicker {
  background-color: #fff;
  padding:0;
}

/* Tighten up the spacing between multiple calendars */
.datepickerSpace div {
  width:2px;
  height: 210px;
  background-color: #818181;
}

/* Grey background behind Month Name row, and blue text */
div.datepicker th {padding:10px 0 10px 0;background-color:#fff;border-bottom: 1px solid #ececec;}

div.datepicker th a.datepickerMonth {
  color:#2b2b2b;
  font:bold 16px "malgun gothic";
}

/* style the day of week header cells */
div.datepicker th {
  color: black;
  font-weight: bold;
}
/* grey underline beneath day of week row */
div.datepicker table thead tr.datepickerDoW th {
	font:bold 12px "malgun gothic";padding:8px;border-bottom: 1px solid #ececec;
}

div.datepicker table thead tr.datepickerDoW th {
  background:#fff;
}


div.datepicker table thead tr.datepickerDoW th:nth-last-child(2) span {color:#0083c0}
div.datepicker table thead tr.datepickerDoW th:last-child span {color:#f3268b}

/* Black text, white background, and grey borders around day cells */
div.datepicker a,
div.datepicker a:hover {
  color: black;
}
div.datepicker table.datepickerViewDays,
div.datepicker table.datepickerViewMonths,
div.datepicker table.datepickerViewYears {
  background-color:white;
}
div.datepicker table tbody.datepickerDays td {
  border: 1px solid #fff;padding:8px;
}

/* blue cell color for selected days */
tbody.datepickerDays td.datepickerSelected {
  background-color:#4ca3d5;
}

/* Grey out dates in the future */
div.datepicker td.datepickerFuture a {
/*   color:#DDDDDD; */
}

/* yellow cell background on hover */
div.datepicker tbody.datepickerDays td:hover {
  background-color: #FFCC33;
}

/* Bold today's date */
div.datepicker td.datepickerToday a {
  font-weight:bold;
}

/* cells are wider in the clean style */
.datepickerYears a, .datepickerMonths a {
  width: 42px;
}
.datepickerMonths td:first-child a,
.datepickerYears td:first-child a {
  width:40px;
}
div.datepicker th a.datepickerMonth {
  width:calc(100% - 80px)
}


img.btn_cal{
	cursor: pointer;
}

.clickable{
	cursor: pointer;
}
