.ui-datepicker {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	/*box-shadow: 0 0 8px rgba(102,175,233,.6);*/
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 100% !important;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
        font-family: FontAwesome !important;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
        cursor:pointer;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
        cursor:pointer;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
        content: "\f100" !important;
}
.ui-datepicker .ui-datepicker-next:before {
        content: "\f101" !important;
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
        
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
        
}

.ui-state-disabled{color:#ccc; font-weight:lighter !important;}
.ui-state-default{}

.ui-datepicker-group{width:45% !important;display:inline-block;}

.ui-datepicker-group{margin-right:10%;}
.ui-datepicker-group.ui-datepicker-group-last{margin-right:0%;}



@media screen and (max-width: 768px) {
  
.ui-datepicker-group{width:100% !important;display:block;}    
.ui-datepicker-group{margin-right:0px; margin-bottom:2em;}
.ui-datepicker-group.ui-datepicker-group-last{margin-bottom:0em;}
    
}
