/* jquery ui datepicker styles  */
.ui-datepicker {
/*	margin: 0 auto; */
	padding: 0;
  border: none;
	font-family: 'Roboto', Calibri, Tahoma;
	/* font-family: WaldhausSils2; */
}

.ui-datepicker .ui-datepicker-header {
  margin-bottom: 15px;
  padding: 0.9em 0;
  background: none;
  background-color: #1E5E42;
  color: white !important;
  font-size: 16px;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 23px;
	font-family: 'Roboto', Calibri, Tahoma;
	/* font-family: WaldhausSils2; */
}

.ui-datepicker-calendar th {
  color: #96b4af;
  font-size: 12px;
  letter-spacing: 1px;
	text-transform: uppercase;
}

.ui-datepicker-calendar th.ui-datepicker-week-end {
  color: #333333;
}

.ui-datepicker td {
	padding: 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 0;
}

.ui-datepicker td a {
	text-align: center;
}

.ui-datepicker-inline {
	font-size: 1.08em;
}

.ui-datepicker-month {
	font-weight: normal;
}

.ui-datepicker-year {
	font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	height: 100%;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
	border: none;
	background: none;
}


.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	width: 20px;
	height: 20px;
	margin-left: -12px;
	margin-top: -10px;
	background-position: 0;
	background-size: 20px;
}

.ui-datepicker .ui-datepicker-prev span {
	background-image: url(../images/icons/arrow_left.png);
}

.ui-datepicker .ui-datepicker-next span {
	background-image: url(../images/icons/arrow_right.png);
}

.ui-widget-content,
.ui-widget-header {
	border-color: #E2E2E2;
	color: inherit;
}

.ui-widget-content {
	background: none;
	border-radius: 3px;
}

.ui-widget-header {
	border: none;
}


.ui-widget-content .ui-datepicker-calendar .ui-state-disabled {
  /*background-color: white;*/
  color: #9B9B9B;
}

.ui-widget-content .ui-datepicker-calendar .ui-state-default {
	border: 1px solid #979797;
  font-size: 12px;
  letter-spacing: 1px;
}

.ui-widget-content .date-min .ui-state-default,
.date-min {
	background: none;
	background-color: #FAF070;
	color: #373737;
}

.ui-widget-content .date-min .ui-state-hover {
	/*background-color: #FFC251;*/
}

.ui-widget-content .date-cta .ui-state-default,
.date-cta {
	background: none;
	background-color:#0FF0FF;
	color: #373737;
}

.ui-widget-content .date-cta .ui-state-hover {
	/*background-color: #FFC251;*/
}

.ui-widget-content .date-available .ui-state-default,
.date-available {
	background: none;
	background-color: #D6E2AF;
}

.ui-widget-content .date-available .ui-state-hover {
	background-color: rgba(172,126,73,0.40);
}

.ui-widget-content .date-occupied .ui-state-default,
.date-occupied {
	background: none;
	background-color: #fccaca;
}

.ui-widget-content .date-occupied .ui-state-hover {
	/* background-color: #FFC251; */
}

.ui-widget-content .date-unavailable .ui-state-default {
	background: none;
	background-color: #F4F4F4;
}

.ui-widget-content .date-unavailable .ui-state-hover {
	background-color: #FFC251;
}

.ui-widget-content .ui-datepicker-other-month span {
	background: none !important;
}

.datepicker-highlight .ui-state-default,
.date-highlight {
	background: #D6FF59;
	color: #373737;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}


/* Tablet */
@media only screen and (min-width: 660px) and (max-width: 972px) {
	.ui-datepicker-inline {
		font-size: 1.19em;
	}
}


/* Smartphone */
@media only screen and (max-width: 659px) {
	.ui-datepicker {
		width: 15em;
	}

	.ui-datepicker-inline {
		font-size: 1.32em;
	}
}
