/**************************************************************************************
  htmlDatePicker CSS file
  
  Feel Free to change the fonts, sizes, borders, and colours of any of these elements
***************************************************************************************/
/* The containing DIV element for the Calendar */
#dpCalendar {
  display: none;          /* Important, do not change */
  position: fixed;        /* Important, do not change */
  background: transparent;
  color: #417a9e;
  font-size: 16px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index:9999999 !important;
  top:56% !important;
  left: 25% !important;
  font-family: 'Playfair Display', serif;
  width:330px;
}
/* The table of the Calendar */
#dpCalendar table {
  border: 1px solid #12446b;
  background-color: #ffffff;
  color: #417a9e;
  font-size: 16px;
  font-family: 'Playfair Display', serif;
  margin: 0 !important;
  width: 100%;
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.44);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.44);
}
#dpCalendar table tr td, table tbody tr td {
	font-size:16px;
	padding:8px;
	border-top:#c5c5c5;
	text-align:center !important;
}
#dpCalendar table tr td:first-child {
	font-weight:normal !important;
}
#dpCalendar table tr:last-child {
	display:none !important;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
  background-color: #12446b;
  color: #ffffff;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  background-color: #12446b;
  color: #ffffff;
  text-align: center;
  text-transform:uppercase;
}
/* An historic day of the month cell */
#dpCalendar .cellOld {
  background-color: #c5c5c5;
  border:none !important;
  color: black;
  text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  background-color: #ffffff;
  border-top:solid 1px #c5c5c5 !important;
  border-bottom:none !important;
  border-left:none !important;
  border-right:none !important;
  color: #417a9e;
  vertical-align:top;
  text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
  border:none !important;
  background-color: #fff;
  color: #417a9e;
  text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
  background-color: #C2D4E2;
  color: #417a9e;
  text-align: center;
  border:none !important;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
  background-color: transparent;
  color: black;
}
/* The cancel button */
#dpCalendar .cellCancel {
  background-color: #cccccc;
  color: black;
  border: 1px solid black;
  text-align: center;
  display:none;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: none;
  background-color: transparent;
  color: #417a9e;
}