.ui-datepicker-div * {
	box-sizing: border-box;
}
.ui-datepicker {
	padding: 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	width: unset;
}

.ui-datepicker::after {
	border-style: solid;
	border-width: 7px;
	height: 0;
	position: absolute;
	top: -14px;
	right: 10px;
	width: 0;
	content: "";
	border-color: transparent transparent #fff;
	z-index: 2003;
	visibility: visible;
}
.ui-datepicker.arrowBellow::after {
	top: auto;
	bottom: -14px;
	border-color: #fff transparent transparent;
}

.ui-corner-all {
	border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
	border: 0px;
	border-bottom: 1px solid #DBDBDB;
	background-color: white;
	background: none;
	color: #3F3F3F;
	padding: 0px;
	height: 33px;
	line-height: 33px;
	box-sizing: border-box;
}
.ui-datepicker .ui-datepicker-title {
	height: 33px;
	line-height: 33px;
	margin: 0;
	padding: 0;
	font-size: 13px;
}
select.ui-datepicker-year {
	border: none;
	display: inline-block;
	font: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 13px;
}
select.ui-datepicker-year {
	background: url(../../img/icon_small_down_gray.gif) no-repeat 3px 2px;
	padding-right: 10px;
	background-position: 100%;
}

select.ui-datepicker-year::-ms-expand {
	display: none;
}

select.ui-datepicker-year option {
	font-size: 12px;
}

.ui-datepicker select.ui-datepicker-year {
	width: 48px;
	cursor: pointer;
	height: 30px;
}

.ui-widget-content {
	border: 1px solid #DBDBDB;
	background: none;
	background-color: white;
}

#ui-datepicker-div {
	display: none;
}

.ui-widget-content .ui-state-default {
	box-sizing: border-box;
	border: 1px solid white;
	background: none;
	color: #3F3F3F;
	border-radius: 3px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #3F3F3F;
}

.ui-widget-content .ui-priority-secondary {
	opacity: 1;
	color: #C4C4C4;
}

.ui-widget-content .ui-state-default.ui-state-highlight {
	border: 1px solid #C4C4C4;
}


.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-default.ui-state-highlight:hover{
	border: 1px solid #8EB7D0;
}

.ui-widget-content .ui-state-default.ui-state-active {
	border: 1px solid #8EB7D0;
	background-color: #F1FCFF;
	color: #0066B7;
}

.ui-datepicker td span, .ui-datepicker td a {
	padding: 0px;
	height: 22px;
	line-height: 22px;
	width: 26px;
	margin-right: -1px;
}

.ui-datepicker table {
	margin: 0;
	padding: 5px;
	display: block;
	padding-top: 0px;
}

.ui-datepicker td {
	padding: 0;
}

.ui-datepicker th {
	font-weight: normal;
	color: #C4C4C4;
	border: 0;
	width: 26px;
	padding: 0;
	margin: 0;
	height: 23px;
}
.ui-datepicker th span.title {
	position: relative;
	top: 3px;
}

.ui-datepicker .ui-datepicker-prev span,  .ui-datepicker .ui-datepicker-next span {
	display: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev::before {
	content: "\f107";
	color: #979797;
	
	font-family: 'fontawesome-webfont' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	
	
	display: inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	
	text-align: center;
	line-height: 26px;
	width: 26px;
	
	font-size: 14px;
}

.ui-datepicker .ui-datepicker-next::before {
	content: "\f107";
	color: #979797;
	
	font-family: 'fontawesome-webfont' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	
	
	display: inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	
	text-align: center;
	line-height: 26px;
	width: 26px;
	
	font-size: 14px;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover {
	background: none;
	background-color: none;
	border: none;
	padding: 0;
	margin: 0;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover::before, .ui-datepicker .ui-datepicker-prev.ui-state-hover::before {
	font-size: 16px;
}
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
	right: 1px;
	top: 2px;
}

.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
	left: 2px;
	top: 2px;
}

/* calendar icon */
.geditdatetime a.calendaricon, .glabeldate a.calendaricon, 
.glabeldate2date a.calendaricon, .geditdate a.calendaricon {
	background: url("calendar.png");
	height: 16px;
	width: 16px;
	margin-top: 7px;
	position: relative;
	left: -25px;
	margin-right: -20px;
	margin-left: 0;
}
.gscrollablegrid td.editable_cell .calendaricon,
.gscrollablegrid .header .filter-row .calendaricon {
	background: url("calendar.png");
	height: 16px;
	width: 16px;
	margin: 0;
	float: none;
	display: inline-block;
}

.geditdatetime a.calendaricon:hover, .glabeldate a.calendaricon:hover, 
.glabeldate2date a.calendaricon:hover, .geditdate a.calendaricon:hover,
.geditdatetime input:focus +a.calendaricon,
.glabeldate input:focus +a.calendaricon,
.glabeldate2date input:focus +a.calendaricon,
.geditdate input:focus +a.calendaricon,

.gscrollablegrid td.editable_cell .date a.calendaricon:hover,
.gscrollablegrid td.editable_cell .date input:focus +button +a.calendaricon,

.gscrollablegrid .header .filter-row .date a.calendaricon:hover,
.gscrollablegrid .header .filter-row .date input:focus +button +a.calendaricon {
	background: url("calendar_blue.png");
	height: 16px;
	width: 16px;
	cursor: pointer;
}

/* input padding and min width */
.geditdatetime input.hasDatepicker, 
.glabeldate2date input.hasDatepicker, 
.glabeldate input.hasDatepicker, 
.geditdate input.hasDatepicker {
	padding-left: 11px;
	padding-right: 50px;
	min-width: 140px;
	/*color: #373737;*/
	font-size: 15px;
	font-family: "Roboto Regular";
}

.geditdate input {
	float: left;
}
 
/* delete icon */
.geditdatetime a.clearicon, .glabeldate a.clearicon, 
.glabeldate2date a.clearicon, .geditdate a.clearicon {
	background: none;
	margin-top: 5px;
	position: relative;
	left: -47px;
	margin-right: -16px;
	width: 16px;
	height: 16px;
}
.geditdatetime a.clearicon::after, .glabeldate a.clearicon::after, 
.glabeldate2date a.clearicon::after , .geditdate a.clearicon::after {
	content: "\f1f8";
	color: #878787;
	
	font-family: 'fontawesome-webfont' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	
	display: inline-block;
	
	text-align: center;
	line-height: 16px;
	width: 16px;
	font-size: 18px;
}
.geditdatetime a.clearicon:hover::after, .glabeldate a.clearicon:hover::after, 
.glabeldate2date a.clearicon:hover::after,  .geditdate a.clearicon:hover::after {
	color: #3A7AC3;
}

.glabeldate2date label, .glabeldate label, .geditdatetime label {
	margin-right: 5px;
	padding-top: 0px;
	line-height: 30px;
}

.glabeldate2date, .glabeldate, .geditdate, .gedittime, .geditdatetime {
	padding: 2px;
}

.glabeldate2date .iptH > div > div:not(:last-child) {
	margin-right: 6px;
}
.glabeldate2date .gdateperiod {
	margin-left: 6px;
}

.geditdatetime .iptH > div  {
		margin-right: 6px;
}