/* ================================================================= */
/* = SCROLL BARS =================================================== */
/* ================================================================= */
.scroll-bar {
	-xtrip-track-color: derive(-xtrip-text-box-border, 75%);
	-xtrip-track-border-color: derive(-xtrip-text-box-border, 50%);
	-xtrip-thumb-color: derive(-xtrip-text-box-border, 50%);
	-xtrip-thumb-border-color: -xtrip-text-box-border;
}

.scroll-bar:hover {
	-xtrip-track-color: derive(-xtrip-focus-color, 75%);
	-xtrip-track-border-color: derive(-xtrip-focus-color, 50%);
	-xtrip-thumb-color: derive(-xtrip-focus-color, 50%);
	-xtrip-thumb-border-color: -xtrip-focus-color;
}

.scroll-bar:vertical {
	-fx-padding: 8 8 0 0;
	-fx-border-width: 0;
	-fx-background-color: -fx-control-inner-background;
}

.scroll-bar:vertical .track {
	-fx-background-color: -xtrip-track-color;
	-fx-background-radius: 4;
	-fx-border-color: -xtrip-track-border-color, -xtrip-track-border-color;
	-fx-border-radius: 4, 4;
	-fx-border-width: 1 1 0 0, 0 0 1 1;
}

.scroll-bar:vertical .decrement-button, .scroll-bar:vertical .increment-button
	{
	-fx-background-color: transparent;
	-fx-background-radius: 0;
	-fx-padding: 0 8 0 0;
}

.scroll-bar:horizontal {
	-fx-padding: 0 8 8 8;
	-fx-border-width: 0;
	-fx-background-color: -fx-control-inner-background;
}

.scroll-bar:horizontal .track {
	-fx-background-color: -xtrip-track-color;
	-fx-background-radius: 4;
	-fx-border-color: -xtrip-track-border-color, -xtrip-track-border-color;
	-fx-border-radius: 4, 4;
	-fx-border-width: 1 1 0 0, 0 0 1 1;
}

.scroll-bar:horizontal .decrement-button, .scroll-bar:horizontal .increment-button
	{
	-fx-background-color: transparent;
	-fx-background-radius: 0;
	-fx-padding: 0 0 8 0;
}

.scroll-bar:vertical .thumb, .scroll-bar:horizontal .thumb {
	-fx-background-color: -xtrip-thumb-color;
	-fx-background-insets: 0, 0, 0;
	-fx-background-radius: 4;
	-fx-border-color: -xtrip-thumb-border-color, -xtrip-thumb-border-color;
	-fx-border-radius: 4, 4;
	-fx-border-width: 1 1 0 0, 0 0 1 1;
}

.scroll-bar .decrement-arrow, .scroll-bar .increment-arrow {
	-fx-padding: 0;
}

/* ================================================================= */
/* = SCROLL BARS ALTERNATIVE (STAROSTIN) =========================== */
/* ================================================================= */
.xtrip-scroll-alt {
	-xtrip-track-border-color: #ebe8e8;
	-xtrip-track-border-hover-color: #deeafe;
	-xtrip-track-hover-color: #f5f9ff;
	-xtrip-track-thumb-color: #efecec;
}

.xtrip-scroll-alt .scroll-bar:vertical {
	-fx-padding: 0 5 0 5;
	-fx-background-color: -fx-control-inner-background;
}

.xtrip-scroll-alt .scroll-bar:horizontal {
	-fx-padding: 5 0 5 0;
	-fx-background-color: -fx-control-inner-background;
}

.xtrip-scroll-alt .scroll-bar .track {
	-fx-background-color: -xtrip-common-background;
	-fx-background-radius: 2em;
	-fx-border-color: -xtrip-track-border-color, -xtrip-track-border-color;
	-fx-border-radius: 2em, 2em;
	-fx-border-width: 1 1 0 0, 0 0 1 1;
	-fx-cursor: hand;
}

.xtrip-scroll-alt .scroll-bar .track:hover {
	-fx-background-color: -xtrip-track-hover-color;
	-fx-border-color: -xtrip-track-border-hover-color,
		-xtrip-track-border-hover-color;
}

.xtrip-scroll-alt .scroll-bar:horizontal .increment-button,
	.xtrip-scroll-alt .scroll-bar:horizontal .decrement-button {
	-fx-background-color: -xtrip-common-background;
	-fx-background-radius: 0em;
	-fx-min-width: 5;
	-fx-pref-width: 5;
	-fx-max-width: 5;
}

.xtrip-scroll-alt .scroll-bar:vertical .increment-button,
		.xtrip-scroll-alt .scroll-bar:vertical .decrement-button {
	-fx-background-color: -xtrip-common-background;
	-fx-background-radius: 0em;
	-fx-border-width: 0;
	-fx-border-style: none;
	-fx-min-height: 5;
	-fx-pref-height: 5;
	-fx-max-height: 5;
}

.xtrip-scroll-alt .scroll-bar .increment-arrow, .xtrip-scroll-alt .scroll-bar .decrement-arrow {
	-fx-padding: 0;
}

.xtrip-scroll-alt .scroll-bar .thumb {
	-fx-background-color: -xtrip-track-thumb-color;
	-fx-background-radius: 2em;
	-fx-border-color: -fx-text-box-border, -fx-text-box-border;
	-fx-border-radius: 2em, 2em;
	-fx-cursor: hand;
}

.xtrip-scroll-alt .scroll-bar .thumb:hover {
	-fx-background-color: -fx-faint-focus-color;
	-fx-border-color: -fx-focus-color, -fx-focus-color;
}