/* datepicker */

.ui-datepicker {
	width: 286px !important;
	height: auto;
	margin: 5px auto 0;
	padding: 3px !important;
    background-color: #eee!important;
	border: 1px solid #ccc;
    border-radius: 4px;
	z-index: 2 !important;
}

.ui-datepicker a {
	text-decoration: none;
}

ui-datepicker thead tr th {
    padding: 10px!important;
    text-align: center!important;
}

ui-datepicker thead tr:first-child th:hover {
    background-color: #004d8b;
    color: #fff;
}

.ui-datepicker table {
	width: 100%;
    border-spacing: 4px!important;
    border-collapse: separate!important;
	background-color: transparent;
	margin: 0;
}

.ui-datepicker-header {
	background: transparent;
	color: #fff;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}

.ui-datepicker-title {
	width: 170px !important;
	height: 20px !important;
	padding: 10px !important;
	background-color: rgb(0,105,190);
	margin: 0 48px !important;
    line-height: 1.25em !important;
    text-align: center;
	top: 0;
}

.ui-datepicker td, 
.ui-datepicker th {
    border-radius: 0;
	width: 20px;
    height: 20px;
}

.ui-datepicker-title span{
	font-size: 1.1em;
}

.ui-datepicker td a {
	text-align: center;
	color: rgb(0,105,190);
	width: 24px !important;
	height: 20px !important;
	padding: 5px !important;
}

.ui-datepicker td a:hover {
	background-color: #fff;
	color: black;
}

.ui-datepicker-calendar .ui-state-active {
	background-color: rgb(0,105,190);
	color: #fff;
}

.ui-datepicker th span{
	color: rgb(0,105,190);
	font-size: 1.1em !important;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
  top: 3px !important;
  display: inline-block;
  width: 17px !important;
  height: 20px !important;
  text-align: center;
  cursor: pointer;
  background-color: rgb(0,105,190);
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
  padding: 10px;
}

.ui-datepicker-prev{
	left: 7px !important;
}

.ui-datepicker-next{
	right: 7px !important;
}

.ui-datepicker-prev:hover, 
.ui-datepicker-next:hover {
    background-color: #286090;
    color: #fff;
}

.ui-datepicker-prev:before {
    font-family: FontAwesome;
	content: "R";
	content: "\f053";
	top: -37px;
    position: relative;
	font-size: 13px;
}

.ui-datepicker-next:before {
	font-family: FontAwesome;
	content: "Q";
    content: "\f054";
    top: -37px;
    position: relative;
	font-size: 13px;
}