.xtrip-filters-pane {
	-xtrip-filters-pane-borders-light: derive(-theme-filters-base, -10%);
	-xtrip-filters-pane-borders-dark: derive(-theme-filters-base, -20%);
	-xtrip-filters-button-border: derive(-theme-filters-button, 20%);
	-fx-base: -theme-filters-base;
	-fx-background: -fx-base;
	-fx-background-color: -fx-base;
	-fx-border-color: -xtrip-filters-pane-borders-dark;
	-fx-text-inner-color: derive(-theme-filters-text, -30%);
	-xtrip-title-label-color: derive(-theme-filters-text, -30%);
	-xtrip-button-hover-color: derive(-theme-filters-button, 40%);
	-xtrip-scroll-thumb-border-color: derive(-theme-filters-base, -20%);
	-xtrip-scroll-thumb-bg-color: derive(-theme-filters-base, -8%);
	-xtrip-scroll-track-bg-color: derive(-theme-filters-base, -4%);
}

.xtrip-filters-pane.sidepane {
	-fx-border-width: 1 0 0 1;
}

.xtrip-filters-pane.sidepane .xtrip-scroll-pane-hidden {
	-fx-min-width: 0;
	-fx-pref-width: 0;
	-fx-max-width: 400;
}

.xtrip-filters-pane.sidepane .xtrip-scroll-pane-shown {
	-fx-min-width: 0;
	-fx-pref-width: 400;
	-fx-max-width: 400;
}

.xtrip-filters-pane.sidepane .scroll-bar {
	-fx-padding: 0 .5em 0 0;
	-fx-background-color: -theme-filters-base;
}

.xtrip-filters-pane.sidepane .scroll-bar .track {
	-fx-background-radius: 2em;
	-fx-border-radius: 2em, 2em;
	-fx-background-color: -xtrip-scroll-track-bg-color;
	-fx-border-color: -xtrip-scroll-thumb-bg-color, -xtrip-scroll-thumb-bg-color;
	-fx-border-width: 1 1 0 0, 0 0 1 1;
}

.xtrip-filters-pane.sidepane .scroll-bar .thumb {
	-fx-background-color: -xtrip-scroll-thumb-bg-color;
	-fx-background-radius: 2em;
	-fx-border-color: -xtrip-scroll-thumb-border-color, -xtrip-scroll-thumb-border-color;
	-fx-border-radius: 2em, 2em;
	-fx-cursor: hand;
}

.xtrip-filters-pane.sidepane .scroll-bar .thumb:hover {
	-fx-background-color: -xtrip-scroll-thumb-bg-color;
}

.xtrip-filters-pane.sidepane .xtrip-filter-item-pane {
	-fx-padding: 0.166667em 0.5em;
	-fx-spacing: 0.166667em;
}

.xtrip-filters-pane.sidepane .xtrip-filter-item-pane .label {
	-fx-text-fill: -theme-filters-text;
}

.xtrip-filters-pane .buttons-pane {
	-fx-padding: 0.5em;
	-fx-spacing: 1em;
}

.xtrip-filters-pane.sidepane .buttons-pane {
	-fx-border-color: -xtrip-filters-pane-borders-light;
	-fx-border-width: 0 0 1 0;
}

.xtrip-filters-pane.sidepane .buttons-pane>.title-label {
	-fx-text-alignment: left;
	-fx-font-weight: bold;
	-fx-text-fill: -xtrip-title-label-color;
}

.xtrip-filters-pane .buttons-pane>.button {
	-fx-padding: 0.333333em 0.5em;
	-fx-border-style: solid;
	-fx-border-color: -xtrip-filters-button-border;
	-fx-border-radius: 3;
	-fx-text-fill: -fx-text-inner-color;
	-fx-font-weight: bold;
	-fx-background-insets: 0;
	-fx-effect: dropshadow(gaussian, -theme-common-button-shadow, 1, 0.0, 0, 1);
	-fx-cursor: hand;
}

.xtrip-filters-pane .buttons-pane>.button:disabled {
	-fx-cursor: default;
	-fx-background-color: -theme-filters-base;
	-fx-border-color: -xtrip-filters-pane-borders-light;
}

.xtrip-filters-pane .buttons-pane>.close-button {
	-fx-alignment: center-right;
	-fx-background-color: transparent;
	-fx-border-width: 0;
	-fx-padding: 0;
}

.xtrip-filters-pane .buttons-pane>.close-button:hover {
	-fx-text-fill: -theme-filters-button;
}

.xtrip-filters-pane .buttons-pane>.reset-button {
	-fx-background-color: -xtrip-controls-background;
	-fx-text-fill: -theme-filters-text;
}

.xtrip-filters-pane .buttons-pane>.reset-button:hover {
	-fx-border-color: -xtrip-button-hover-color;
	-fx-text-fill: -xtrip-button-hover-color;
}

.xtrip-filters-pane .buttons-pane>.apply-button {
	-fx-background-color: -theme-filters-button;
	-fx-text-fill: -xtrip-light-text-color;
}

.xtrip-filters-pane .buttons-pane>.apply-button:hover {
	-fx-border-color: -xtrip-button-hover-color;
	-fx-background-color: -xtrip-button-hover-color;
}

.xtrip-filters-pane.embedded.static {
	-fx-spacing: 2em;
}

.xtrip-filters-pane.embedded.static .buttons-pane {
	-fx-alignment: bottom-right;
}

.xtrip-filters-pane.embedded>.content {
	-fx-background-color: -fx-base;
	-fx-background-insets: 0;
	-fx-background-radius: 0;
	-fx-border-radius: 0;
	-fx-border-width: 0;
}

.xtrip-filters-pane.embedded>.title {
	-fx-border-width: 0;
	-fx-border-radius: 0;
	-fx-border-color: -xtrip-filters-pane-borders-light;
	-fx-border-style: solid;
	-fx-background-color: -fx-base;
	-fx-padding: 0; /* MUST be zero */
}

.xtrip-filters-pane.embedded:expanded>.title {
	-fx-border-width: 0 0 1 0;
}

.xtrip-filters-pane.embedded>.title .title-label-pane {
	-fx-font-weight: bold;
	-fx-spacing: 1em;
	-fx-padding: 0.666667em 0.5em;
}

.xtrip-filters-pane.embedded>.title .title-label-pane>.xtrip-underline {
	-fx-background-color: transparent;
	-fx-border-color: -xtrip-filters-button-border;
	-fx-border-width: 0 0 1 0;
	-fx-border-style: segments(1.5, 1.5, 1.5, 1.5);
	-fx-padding: 0 -2 -2 0;
}

.xtrip-filters-pane.embedded>.title:hover .title-label-pane>.xtrip-underline {
	-fx-border-color: derive(-theme-filters-text, 30%);
}

.xtrip-filters-pane.embedded>.title .label {
	-fx-text-fill: -theme-filters-text;
}

.xtrip-filters-pane.embedded>.title:hover,
.xtrip-filters-pane.embedded>.title:hover .label {
	-fx-text-fill: derive(-theme-filters-text, 30%);
}

.xtrip-filters-pane.embedded>.title>.arrow-button {
	-fx-padding: 0;
	-fx-pref-width: 0;
	-fx-max-width: 0;
	visibility: collapse;
}

.xtrip-filters-pane.embedded>.title .title-label-pane>.filter,
.xtrip-filters-pane.embedded>.title .title-label-pane>.ruler {
	-fx-background-color: inherit;
	-fx-padding: 0;
	-fx-border-color: transparent;
}

.xtrip-filters-pane.embedded:expanded>.title .title-label-pane>.ruler {
	-fx-rotate: 180;
}

/* Icons*/

.intention-filter-button-action {
   -fx-background-color: -theme-filters-text;
}

.intention-filter-button-action-hover {
   -fx-background-color: derive(-theme-filters-text, -20%);
}

.xtrip-filters-pane .icon-intention-combo-box-list-arrow-action-parent .icon-intention-combo-box-list-arrow-action .icon-pane,
.xtrip-filters-pane .icon-intention-box-navigate-button-action-parent .icon-intention-box-navigate-button-action .icon-pane,
.xtrip-filters-pane .icon-intention-date-picker-button-action-parent .icon-intention-date-picker-button-action .icon-pane,
.xtrip-filters-pane .icon-intention-ruler-button-action-parent .icon-intention-ruler-button-action .icon-pane,
.xtrip-filters-pane .icon-intention-point-action-parent .icon-intention-point-action .icon-pane {
    -xtrip-intention-style: "intention-filter-button-action";
}

.xtrip-filters-pane .icon-intention-ruler-button-action-parent:hover .icon-intention-ruler-button-action .icon-pane{
    -xtrip-intention-style: "intention-filter-button-action-hover";
}

