#datepicker .dpTable {
	font-family: RobotoCondensed, sans-serif;
	font-size: 16px;
	border: none;
	background: white;
}


#datepicker .dpTD {
	background: var(--white);
	border: 2px solid var(--border-gray-light);
}

#datepicker td {
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

#datepicker .dpTitleTR {
	/* background:white; */
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

#datepicker .dpTitleText {
	margin: 0 43px;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 2.375rem;

	color: white;
	background: none;
	color: var(--blue);
}

#datepicker .dpDayTD {
	cursor: default;
	background: none;
	color: var(--text-gray);
	border: none;
}

#datepicker .dpButtonTD {
	position: relative;
}

#datepicker /*.dpTable*/ .dpButtonTD br {
	display: none;
}

#datepicker .dpButton {
	/*width:100%;*/
	/*height:40px;*/
	/* width: 36px; */
	/* height: 36px; */
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/* border-radius: 50%; */
	cursor: pointer;
	background: none;
	border: none;
	color: var(--blue);
	font-weight: bold;
	font-size: 1rem;
}

#datepicker .dpButtonTD:first-child > .dpButton:last-child,
#datepicker .dpButtonTD:last-child > .dpButton:last-child {
	position: absolute;
	top: 0;
	width: 100%;
	height: 40px;
}

#datepicker .dpButtonTD:first-child > .dpButton:last-child /* prev month */
{
	left: 100%;
	margin-left: 0; /*px*/
}

#datepicker .dpButtonTD:last-child > .dpButton:last-child /* next month */
{
	right: 100%;
	margin-right: 0; /*px*/
}


#datepicker .dpTodayButton {
	box-sizing: border-box;
	font-weight: 400;
	font-size: 1.125rem;

	cursor: pointer;
}

#datepicker .dpTodayButton:first-child /* today btn */
{
	height: 40px;
	margin: 0;
	float: left;
	width: 50%;
}

#datepicker .dpTodayButton:last-child /* (!) close btn */
{
	height: 40px;
	margin: 0;
	float: right;
	width: 50%;
}

.dpTodayButton,
.dpDayHighlight,
.dpDayHighlightTD,
.dpTDHover {
	color: var(--white);
	background: var(--blue);
}