@charset "UTF-8";
/* CSS Document */

/*DATEPICKER*/
.ui-datepicker							{ z-index:2; border:solid 1px #cccbcb; background-color:#FFF; padding:5px; width:100%; padding:18px; max-width:320px; display:none; border-radius:0 0 4px 4px; box-shadow:6px 6px 0px rgba(0,0,0,0.1); }
.ui-datepicker-header					{ position:relative; width:100%; background:#FFF; }
.ui-datepicker-title					{ text-align:center; padding:10px; font-style:normal; font-weight:300; font-size:16px; color:#322f31;}
.ui-datepicker-prev						{ position:absolute; z-index:4; top:0; left:0; margin-top:8px; margin-left:10px; display:inline-block; cursor:pointer; }
.ui-datepicker-prev:before				{

	content:"\f104";;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color:#322f31;

}

.ui-datepicker-next						{ position:absolute; z-index:4;  top:0; right:0;  margin-top:8px; margin-right:10px; display:inline-block; cursor:pointer; }
.ui-datepicker-next:before				{

	content:"\f105";;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color:#322f31;

}
.ui-icon								{ font-size:0; color:transparent; }
.ui-datepicker-calendar					{ width:100%; margin-top:12px; }
.ui-datepicker-calendar	thead 			{ text-transform: uppercase; color:#989798; border-bottom:solid 1px #cccbcb;}
.ui-datepicker-calendar td				{ padding:6px; background-color:#FFF; border:none; text-align:center; }
.ui-datepicker-current-day				{ background-color: #007860 !important; color:#FFF; border-radius:4px; }
.ui-datepicker-day-inactive				{ color:#cccbcb; }


.ui-datepicker-today 
{
    background-color: #f5f4f4 !important;
    color:#007860;
    border-radius:4px;
}

@media screen and (max-width: 480px) {
	.ui-datepicker	{ max-width:292px; }
}