.ui-datepicker {
	display:none;
	position:fixed;
	margin:5px auto 0;
	width:264px; 
	background:#fff; 
	border:1px solid #e2e2e2;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
  width:100%;
}
.ui-datepicker-header {
	position:relative;
	height:30px;
	background:#f3f3f3;
	color: #e0e0e0;
	border-bottom:1px solid #e2e2e2;
}
.ui-datepicker-title {
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	margin-left:30px;
	margin-right:30px;
	height:30px;
}
.ui-datepicker-title select {
	background:none;
	border:none;
	outline:none;
	cursor:pointer;
}
.ui-datepicker-header .ui-corner-all {
	position:absolute;
	top:0;
	bottom:0;
	width:30px;
	height:30px;
	font-size:0; line-height:0;
	cursor: pointer;
}
.ui-datepicker-header .ui-corner-all .ui-icon {
	display:block;
	height:100%;
	background:url('../images/bl_arrow4.png') no-repeat center center; background-size:15px auto;
}
.ui-datepicker-prev {
	left:0;
}
.ui-datepicker-prev .ui-icon {
	transform:rotate(90deg);
}
.ui-datepicker-next {
	right:0;
}
.ui-datepicker-next .ui-icon {
	transform:rotate(-90deg);
}
.ui-datepicker-header .ui-corner-all.ui-state-disabled .ui-icon {
	opacity:0.5;
}
.ui-datepicker thead {
	height:34px;
}
.ui-datepicker th {
	font-size:13px;
	color: #666666;
}
.ui-datepicker tbody td {
	min-width:32px;
	height:30px;
	font-size:12px;
	text-align:center;
	white-space:nowrap;
	border:1px solid #e2e2e2;
	cursor: pointer;
}
.ui-datepicker tbody td:first-child {
	border-left:0;
}
.ui-datepicker tbody td:last-child {
	border-right:0;
}
.ui-datepicker tbody tr:last-child td {
	border-bottom:0;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #666666;
}
.ui-datepicker-calendar .ui-state-default {
}
.ui-datepicker-calendar .ui-state-hover {
	background:#f7f7f7;
}
.ui-datepicker-calendar .ui-datepicker-today > * {
	background:#fffa90;
}
.ui-datepicker-calendar tbody tr td a:hover,
.ui-datepicker-calendar tbody tr td a:focus {
	/* background:#f7f7f7; */
}
.ui-datepicker-calendar .ui-state-active {
	background: #000;
	color: #fff;
	margin: 1px;
	width:calc(100% - 2px);
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	opacity:0.5;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
}
.ui-datepicker-calendar td:last-child .ui-state-active {
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
}
tr th:first-child,
tr th:first-child a,
tr td:first-child,
tr td:first-child a {
	color:#F54141 !important;
}

@media only screen and (max-width:769px) {
	.ui-datepicker {
		margin:0;
		min-width:264px;
		width:auto;
		max-width:400px;
		transform:translateY(-50%);
		border:none;
	}
	.ui-datepicker-header {
		height:40px;
	}
	.ui-datepicker-header .ui-corner-all {
		width:40px;
		height:100%;
	}
	.ui-datepicker-header .ui-corner-all .ui-icon {
		background-size:20px auto;
	}
	.ui-datepicker-title {
		height:100%;
	}
	.ui-datepicker-title select {
		padding:0 20px;
		-webkit-appearance: none;
		-moz-appearance: none; 
		appearance: none;
		background:url(../images/bl_arrow4.png) no-repeat 98% 50%;
		background-size:15px auto;
		font-size:16px;
	}
	.ui-datepicker thead {
		height:40px;
	}
	.ui-datepicker thead th {
		height:40px;
		font-size:14px;
	}
	.ui-datepicker tbody td {
		height:40px;
		font-size:14px;
	}
	.ui-datepicker td span, .ui-datepicker td a {
		height:40px;
		line-height:40px;
	}
}