
/* DatePicker Container */
.ui-datepicker {
	font-size: 16px;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	
}
.ui-datepicker a {
	text-decoration: none;
	background-color: transparent;
	color: grey;
	text-shadow: none;
}
/* DatePicker Table */

.ui-datepicker-header {
	font-weight: normal;
	color: #0058A7;
	background-color: transparent;
	border: none;
	text-shadow: none;
}

.ui-datepicker{
	z-index: 10000!important;
 	position: absolute!important;
}

.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../Images/arrow.png');
	background-repeat: no-repeat;
	line-height: 100%;
	color: black;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
	background-color: none!important;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker th {
	text-transform: capitalize;
	font-size: 14px;
	color: black;
	font-weight: 900;
	padding-bottom: 20px;

}
.ui-datepicker tbody td {
	border: none;
	background-color: transparent;
	vertical-align: middle;
}


.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	
}
.ui-datepicker-calendar .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	vertical-align: middle;

}
.ui-datepicker-calendar .ui-state-hover {
	background: #0058A7;
	color: white;
}
.ui-datepicker-calendar .ui-state-active {
	background: white;
	border-radius: 24px;
	text-align: center;
	vertical-align: center;
	border: 1px solid #0058A7;
	color: #0058A7;
	
}
.ui-datepicker-unselectable .ui-state-default {
	background: transparent;
	color: #b4b3b3;
	border: none;
}

.ui-datepicker td span, .ui-datepicker td a{
    display: inline-block;
   
}
.ui-datepicker{
    width: 15em;
    padding: 10px;
    background: white;
	border: 1px solid lightgrey;
}
.ui-datepicker table{
    width: 100%;

}
.datepicker::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: grey;
}
.datepicker::-moz-placeholder { /* Firefox 19+ */
  color: grey;
}
datepicker:-ms-input-placeholder { /* IE 10+ */
  color: grey;
}
datepicker:-moz-placeholder { /* Firefox 18- */
  color: grey;
}

