.values-widget {
	-fx-alignment: top-left;
	/*-fx-min-width: 7em;*/
}

.values-widget>StackPane>.values-pane {
	-fx-border-style: solid;
	-fx-border-color: -xtrip-text-box-border;
	-fx-border-radius: 3 0 0 3;
	-fx-border-width: 1 0 1 1;
	-fx-padding: 0.25em 0.5em 0.333333em 0.5em;
}

.values-widget>StackPane>.values-pane:focused,
.values-widget>StackPane>.values-pane:hover {
	-fx-border-color: -xtrip-focus-color;
	-fx-background-color: -xtrip-focused-background;
}

.values-widget:readonly>StackPane>.values-pane {
	-fx-border-width: 0;
	-fx-background-color: transparent;
	-fx-padding: 0 0.5em 0 0;
}

.values-widget>StackPane>.values-pane>Text {
	-fx-fill: -xtrip-dark-text-color;
}

.values-widget:empty>StackPane>.values-pane>Text {
	-fx-fill: -xtrip-prompt-text-color;
}

.values-widget>StackPane>.values-pane>Text.word {
	-fx-cursor: hand;
	-fx-underline: true;
}

.values-widget>StackPane>.values-pane>Text.word:hover {
	-fx-fill: -xtrip-table-button-color;
}

.values-widget:readonly>StackPane>.values-pane>Text,
.values-widget:readonly>StackPane>.values-pane>Text.word,
.values-widget:readonly>StackPane>.values-pane>Text.word:hover {
	-fx-fill: -xtrip-dark-text-color;
	-fx-underline: false;
	-fx-font-weight: bolder;
	-fx-cursor: default;
}

.values-widget .clear-button {
    -fx-padding: 0.333333em;
}

.values-widget.grid-cell>StackPane>.values-pane,
.values-widget.grid-cell:readonly>StackPane>.values-pane,
.grid-cell>.values-widget>StackPane>.values-pane,
.grid-cell>.values-widget:readonly>StackPane>.values-pane,
.grid-cell>.renderer-widget>.values-widget>StackPane>.values-pane,
.grid-cell>.renderer-widget>.values-widget:readonly>StackPane>.values-pane {
    -fx-border-radius: 0;
	-fx-border-width: 0;
}

.values-widget.grid-cell:readonly>StackPane>.values-pane,
.grid-cell>.values-widget:readonly>StackPane>.values-pane,
.grid-cell>.renderer-widget>.values-widget:readonly>StackPane>.values-pane {
	-fx-padding: 0.25em 0.5em 0.333333em 0.5em;
}

.values-widget.grid-cell>.xtrip-button,
.grid-cell>.values-widget>.xtrip-button,
.grid-cell>.renderer-widget>.values-widget>.xtrip-button {
	-fx-border-width: 0 0 0 1 !important;
}

.values-widget>.xtrip-button {
	-fx-border-radius: 0 3 3 0;
}

.values-widget>.choices-button.action-button-sibling {
    -fx-border-radius: 0;
    -fx-border-color: -xtrip-text-box-border;
    -fx-border-width: 1 0 1 1;
}

.values-widget>.xtrip-button:expanded {
	-fx-background-color: -xtrip-focused-background;
	-fx-border-color: -xtrip-focus-color;
}

.values-widget:readonly>.xtrip-button {
	visibility: collapse;
}

.values-widget>.choices-button:focused,
.values-widget>.choices-button:hover {
	-fx-border-color: -xtrip-focus-color;
	-fx-background-color: -xtrip-focused-background;
}

.values-widget-dropdown.tooltip {
    -fx-background-insets: 6 0 0 0;
    -fx-border-insets: 6 0 0 0;
    -fx-background-color: -xtrip-controls-background;
    -fx-border-color: -xtrip-focus-color;
    -fx-border-width: 1;
    -fx-padding: 0;
    -fx-effect: dropshadow(gaussian, #cfdffb80, 6, 0.0, 0, 2);
    -fx-background-radius: 2;
    -fx-border-radius: 2;
}

.values-widget-dropdown .scroll-pane,
.values-widget-dropdown .scroll-pane>.viewport {
    -fx-background-color: -xtrip-controls-background;
    -fx-border-width: 0;
    -fx-padding: 0;
    -fx-background-radius: 2;
    -fx-border-radius: 2;
}

.values-widget-dropdown .scroll-pane:focused {
    -fx-background-color: -xtrip-controls-background;
    -fx-background-insets: 0;
    -fx-effect: null;
}

.values-widget-dropdown .labelWrap>.label {
    -fx-padding: .5em 0.642857em;
    -fx-border-color: -xtrip-focus-color;
    -fx-border-width: 0 0 1 0;
    -fx-cursor: hand;
}

.values-widget-dropdown .labelWrap>.label:hover {
    -fx-text-fill: -xtrip-selection-color;
}

.values-widget-dropdown .label, .values-widget-dropdown .xtrip-checkbox {
    -fx-text-fill: derive(-xtrip-mid-text-color, 50%);
}

.values-widget-dropdown .xtrip-checkbox.last-option {
    -fx-border-width: 0;
}

.values-widget-dropdown .xtrip-checkbox.selected {
    -fx-text-fill: -xtrip-dark-text-color;
}

.values-widget-dropdown .xtrip-checkbox .box,
.values-widget-dropdown .xtrip-checkbox .mark {
    visibility: collapse;
    -fx-padding: 0;
    -fx-max-width: 0;
    -fx-max-height: 0;
}

.values-widget-dropdown .checkBoxWrap {
    -fx-border-color: -xtrip-focus-color;
    -fx-border-width: 0 0 1 0;
}

.values-widget-dropdown .checkBoxWrap.last-option {
    -fx-border-width: 0;
}

.values-widget-dropdown .xtrip-checkbox:hover>.text {
    -fx-fill: -xtrip-selection-color;
}

.values-widget-dropdown .xtrip-checkbox {
    -fx-padding: .357142em;
    -fx-cursor: hand;
}
