GSYH/WebRoot/static/ace/css/less/thirdparty-date.less

@datepicker-active-bg: #2283C5;
@datepicker-disabled-bg: #8B9AA3;
@datepicker-active-bg2: #7D8893;//inside .well


.enable_plugin_datetime() when(@enable-plugin-datetime = true) {
// date & time picker
.datepicker , .daterangepicker  {
	td , th { .border-radius(0) !important; font-size: @base-font-size; }
	
	td.active {
	  & , &:hover {	background:@datepicker-active-bg !important; }
	  
	  &.disabled {
		& , &:hover { background:@datepicker-disabled-bg !important; }
	  }
	}
}
.datepicker {
 td , th { min-width: 32px; }
}
.datepicker-dropdown.datepicker-orient-bottom {
  &:after, &:before {
	top: auto;
  }
}


.daterangepicker .calendar-date {
 border-radius: 0;
}

.datepicker-months .month , .datepicker-years .year {
  border-radius:0 !important;
}
.datepicker-months .month.active , .datepicker-years .year.active {
  & , &:hover , &:focus, &:active {
	  background-image: none !important;
	  background-color: @datepicker-active-bg !important;
  }
}
.bootstrap-timepicker-widget table td input {
	width: 32px;
}

.well .datepicker table tr td.day:hover {
	background-color: @datepicker-active-bg2;
	color: #FFF;
}

.bootstrap-timepicker-widget table td a:hover {
	.border-radius(0);
}


.daterangepicker.opensleft, .daterangepicker.opensright {
 &:before {
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
 }
 &:after {
	-moz-border-bottom-colors: #fff;
 }
}


.datepicker-dropdown:before {
 -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
}
.datepicker-dropdown:after {
 -moz-border-bottom-colors: #fff;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
 -moz-border-top-colors: #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
 -moz-border-top-colors: #FFF;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
 -moz-border-bottom-colors: rgba(0,0,0,0.2);
}
.bootstrap-timepicker-widget.dropdown-menu:after {
 -moz-border-bottom-colors: #FFF;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
 -moz-border-top-colors: #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
 -moz-border-top-colors: #FFF;
}




//date time picker
.bootstrap-datetimepicker-widget [class=btn] {
	border-width: 0 !important;
	background-color: transparent !important;
	color: desaturate(lighten(#1B6AAA, 20%), 40%) !important;

	text-shadow: none !important;
	
	&:hover {
		color: #1B6AAA !important;
	}
}
.bootstrap-datetimepicker-widget .btn.btn-primary {
	border-width: 3px !important;
}

.bootstrap-datetimepicker-widget .picker-switch {
	margin-bottom: 2px;
	.btn {
		width: 90% !important;
		background-color: #EEE !important;
		color: @ace-blue !important;
		font-size: @font-size-datetimepicker-switch;

		&:hover {
			background-color: desaturate(lighten(@btn-primary , 40%) , 10%) !important;
		}
	}
}
.bootstrap-datetimepicker-widget td span {
	border-radius: 0;
}
.bootstrap-datetimepicker-widget {
  .timepicker-hour, .timepicker-minute, .timepicker-second {
	color: #555 !important;
  }
}


}
.enable_plugin_datetime();