.custom-date-picker {
	-fx-max-width: infinity;
	-fx-border-style: solid;
	-fx-border-color: -xtrip-text-box-border;
	-fx-border-radius: 3;
	-fx-border-width: 1;
	-fx-background-color: -xtrip-controls-background;
	-fx-background-insets: 0;
	-fx-cursor: hand;
}

.custom-date-picker>.text-input {
	-fx-padding: 0.25em 0.5em;
	-fx-background-color: null;
}
/*
.custom-date-picker:editable>.date-picker-display-node {
	-fx-background-color: transparent;
}
*/
.custom-date-picker:hover,
.custom-date-picker:focused,
.custom-date-picker:showing {
	-fx-border-color: -fx-focus-color;
	-fx-background-color: -xtrip-focused-background;
	-fx-background-insets: 0;
	-fx-background-radius: 0;
}

.custom-date-picker:focused>.text-field,
.custom-date-picker>.text-field:focused {
	-fx-background-color: -xtrip-focused-background;
	-fx-background-insets: 0;
	-fx-background-radius: 0;
}

.custom-date-picker>.arrow-button {
	-fx-padding: 0 0.833333em;
	-fx-border-color: -xtrip-table-border;
	-fx-border-style: solid;
	-fx-border-width: 0 0 0 1;
	-fx-background-color: transparent;
	-fx-background-insets: 0;
}

.custom-date-picker .date-picker-popup {
	-fx-background-color: -xtrip-controls-background;
	-fx-background-radius: 3;
	-fx-border-style: solid;
	-fx-border-color: -xtrip-selection-color, -xtrip-selection-color;
	-fx-border-radius: 3, 3;
	-fx-border-width: 1 1 0 0, 0 0 1 1;
}

.custom-date-picker .month-year-pane {
	-fx-background-color: transparent;
	-fx-border-style: solid;
	-fx-border-color: -xtrip-table-border;
	-fx-border-width: 0 0 1 0;
	-fx-padding: 0.833333em;
}

.custom-date-picker .calendar-grid {
	-fx-background-color: transparent;
	-fx-padding: 0.833333em;
}
