/* ================================================================= */
/* = NAVIGATION PANE =============================================== */
/* ================================================================= */

.xtrip-navigation-pane {
 	-fx-min-width: 24.285714em; /* 340 */
	-fx-pref-width: 24.285714em; /* 340 */
 	-fx-max-width: 24.285714em; /* 340 */
	-fx-base: -theme-nav-base;
	-fx-background: -fx-base;
	-fx-background-color: -fx-base;
	-fx-control-inner-background: -fx-base;
	-fx-control-inner-background-alt: -fx-base;
	-fx-focus-color: -fx-base;
	-fx-faint-focus-color: -fx-base;
	-fx-text-box-border: -fx-base;
	-fx-box-border: transparent;
	-fx-selection-bar: transparent;
	-fx-selection-bar-non-focused: transparent;
	-xtrip-prompt-text-color: derive(-theme-nav-base, 75%);
	-xtrip-nav-scroll-thumb-border-color: derive(-theme-nav-base, 70%);
	-xtrip-nav-scroll-thumb-border-color-hover: derive(-theme-nav-base-active, 15%);
	-xtrip-nav-scroll-thumb-color: derive(-theme-nav-base, 40%);
	-xtrip-nav-scroll-thumb-color-hover: derive(-theme-nav-base-active, -15%);
	-xtrip-nav-scroll-track-border-color: derive(-theme-nav-base, 35%);
	-xtrip-nav-scroll-track-border-color-hover: -theme-nav-base-active;
	-xtrip-nav-scroll-track-color: derive(-theme-nav-base, 25%);
	-xtrip-nav-scroll-track-color-hover: derive(-theme-nav-base-active, -35%);
	-xtrip-nav-buttons-mid: -theme-nav-base-active;
	-xtrip-nav-buttons-light: derive(-theme-nav-base-active, 20%);
	-xtrip-nav-buttons-dark: derive(-theme-nav-base-active, -30%);
	-xtrip-nav-button-more-menu-item-border-color: derive(-theme-nav-base-active, 90%);
	-xtrip-nav-button-more-menu-border-color: derive(-theme-nav-base-active, 85%);
}

/* ================================================================= */
/* = FILTER PANE =================================================== */
/* ================================================================= */

.xtrip-navigation-pane-filter-container-pane {
	-fx-padding: 10 10 10 10;
}

.xtrip-navigation-pane-container-pane #xtrip-navigation-filter {
	-xtrip-left-text-gap: 0;
	-xtrip-left-button-enabled: true;
	-fx-background-color: -fx-base;
	-fx-border-color: transparent;
	-fx-text-fill: -theme-nav-text;
	-fx-prompt-text-fill: derive(-theme-nav-text, 26.4%);
}

.xtrip-navigation-pane-container-pane #xtrip-navigation-filter .left-button {
	-fx-pref-height: 14;
	-fx-max-height: 14;
	-fx-pref-width: 14;
	-fx-max-width: 14;
}

.xtrip-navigation-pane-container-pane #xtrip-navigation-filter .left-button>Region {
	-fx-shape: "M15,19.88C15.04,20.18 14.94,20.5 14.71,20.71C14.32,21.1 13.69,21.1 13.3,20.71L9.29,16.7C9.06,16.47 8.96,16.16 9,15.87V10.75L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L15,10.75V19.88M7.04,5L11,10.06V15.58L13,17.58V10.05L16.96,5H7.04Z";
	-fx-background-color: -theme-nav-text;
}

.xtrip-navigation-pane-container-pane #xtrip-navigation-filter:hover .left-button>Region,
.xtrip-navigation-pane-container-pane #xtrip-navigation-filter:focused .left-button>Region {
	-fx-background-color: -theme-nav-text;
}

.xtrip-navigation-pane-container-pane #xtrip-navigation-filter:applied .left-button>Region {
	-fx-background-color: -theme-nav-base-active;
}

/* ================================================================= */
/* = TREE PANE ===================================================== */
/* ================================================================= */

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .scroll-bar {
	-fx-padding: 0 5 0 5;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .tree-cell {
	-fx-background-color: -fx-base;
	-fx-padding: 4 8 4 0;
	-fx-indent: 22;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .tree-cell .title-label {
	-fx-text-fill: -theme-nav-text;
	-fx-padding: 0 8 0 8;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .tree-cell:hover:filled .title-label {
	-fx-text-fill: -theme-nav-text;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .tree-cell:selected:filled .title-label {
	-fx-text-fill: -theme-nav-text;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .tree-cell:selected:filled {
	-fx-background-color: -fx-base;
	-fx-padding: 4 8 4 0;
	-fx-border-width: 0 0 0 0;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .tree-cell:hover:filled {
	-fx-background-color: derive(-fx-base, 26.4%);
	-fx-padding: 4 8 4 0;
	-fx-border-width: 0 0 0 0;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .scroll-bar > .track {
	-fx-background-color: -xtrip-nav-scroll-track-color;
	-fx-border-color: -xtrip-nav-scroll-track-border-color, -xtrip-nav-scroll-track-border-color;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .scroll-bar > .thumb {
	-fx-background-color: -xtrip-nav-scroll-thumb-color;
	-fx-border-color: -xtrip-nav-scroll-thumb-border-color, -xtrip-nav-scroll-thumb-border-color;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .scroll-bar:hover > .track {
	-fx-background-color: -xtrip-nav-scroll-track-color-hover;
	-fx-border-color: -xtrip-nav-scroll-track-border-color-hover, -xtrip-nav-scroll-track-border-color-hover;
}

.xtrip-navigation-pane .tree-pane .xtrip-tree-view .scroll-bar:hover > .thumb {
	-fx-background-color: -xtrip-nav-scroll-thumb-color-hover;
	-fx-border-color: -xtrip-nav-scroll-thumb-border-color-hover, -xtrip-nav-scroll-thumb-border-color-hover;
}

/* ================================================================= */
/* = SEPARATOR PANE ================================================ */
/* ================================================================= */

.xtrip-navigation-pane .separator-pane {
	-fx-padding: 20 20 0 20;
}

/* ================================================================= */
/* = BUTTON PANE =================================================== */
/* ================================================================= */

.xtrip-navigation-buttons-pane {
	-fx-padding: 20 20 20 20;
	-fx-background-color: -fx-base;
}

.xtrip-navigation-buttons-pane .buttons-pane {
	-fx-spacing: 1;
	-fx-alignment: center;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-create {
	-fx-background-color: linear-gradient(-xtrip-nav-buttons-mid, -xtrip-nav-buttons-dark);
	-fx-pref-height: 40;
	-fx-max-height: 40;
	-fx-min-height: 40;
	-fx-pref-width: 231;
	-fx-font-size: 15;
	-fx-font-weight: bold;
	-fx-text-fill: -xtrip-light-text-color;
	-fx-background-radius: 3 0 0 3;
	-fx-background-insets: 0 0 0 0, 0, 0, 0;
	-fx-cursor: hand;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-create:hover {
	-fx-background-color: linear-gradient(-xtrip-nav-buttons-light, -xtrip-nav-buttons-dark);
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-create:pressed {
	-fx-background-color: -xtrip-nav-buttons-light;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more {
	-fx-background-color: linear-gradient(-xtrip-nav-buttons-mid, -xtrip-nav-buttons-dark);
	-fx-border-width: 0;
	-fx-pref-height: 40;
	-fx-max-height: 40;
	-fx-min-height: 40;
	-fx-pref-width: 40;
	-fx-min-width: 40;
	-fx-max-width: 40;
	-fx-background-radius: 0 3 3 0;
	-fx-background-insets: 0 0 0 0, 0, 0, 0;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more>Region {
	-fx-pref-height: 12;
	-fx-max-height: 12;
	-fx-pref-width: 18;
	-fx-max-width: 18;
	-fx-background-color: -theme-nav-text;
	-fx-shape: "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z";
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more:hover {
	-fx-background-color: linear-gradient(-xtrip-nav-buttons-light, -xtrip-nav-buttons-dark);
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more:pressed {
	-fx-background-color: -xtrip-nav-buttons-light;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more .context-menu {
	-fx-padding: 0;
	-fx-border-color: -xtrip-nav-button-more-menu-border-color;
	-fx-background-color: -xtrip-controls-background;
	-fx-effect: dropshadow(gaussian, derive(-theme-nav-base-active, 70%), 4, 0.0, 2, 2);
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more .context-menu .menu-item {
	-fx-border-color: -xtrip-nav-button-more-menu-item-border-color;
	-fx-padding: .25em .7em;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more .context-menu .menu-item .label>.text {
	-fx-fill: -xtrip-header-text-color;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more .context-menu .menu-item:hover .label>.text {
	-fx-fill: -xtrip-table-button-hover-color;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more .context-menu .menu-item.label-menu-item:disabled {
	-fx-opacity: 1;
	-fx-cursor: normal;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more .context-menu .menu-item.label-menu-item:disabled:hover {
	-fx-cursor: normal;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-button-more .context-menu .menu-item.label-menu-item:disabled .label>.text {
	-fx-fill: -xtrip-mid-text-color;
}

.xtrip-navigation-buttons-pane .buttons-pane .navigation-dropdown {
	-fx-pref-width: 285;
}
