/* ----------------------------
	.background
----------------------------- */
.bg-primary {
	-fx-background-color: #ffffff;
}

.bg-secondary {
	-fx-background-color: #f2f2f2;
}

.bg-popup {
	-fx-background-color: #ffffffcc;
}

/* ----------------------------
	.button
----------------------------- */
.button {
	/* Layout */
	-fx-padding: 10 20;
	-fx-background-radius: 6;
	-fx-cursor: hand;

	/* Color */
	-fx-background-color: #f2f2f2;
	-fx-text-fill: #000000;
	-fx-border-color: #000000;
	-fx-border-width: 1;

	/* Effects */
	-fx-effect: dropshadow(gaussian, #00000033, 4, 0, 0, 1);
}

.button:hover {
	-fx-background-color: #e0e0e0;
	-fx-border-color: #008000;
}

/* ----------------------------
	.choice-box
----------------------------- */
.choice-box {
	/* Layout */
	-fx-padding: 6;
	-fx-background-radius: 4;

	/* Color */
	-fx-background-color: #ffffff;
	-fx-border-color: #000000;
	-fx-border-width: 1;
	-fx-mark-color: #000000;
}

.choice-box:hover {
	-fx-border-color: #008000;
}

.choice-box:focused {
	-fx-border-color: #009900;
}

.choice-box .label {
	-fx-text-fill: #000000;
}

/* ----------------------------
	.choice-box popup styling
----------------------------- */
.choice-box .context-menu {
	/* Layout */
	-fx-padding: 4;
	-fx-background-radius: 4;

	/* Color */
	-fx-background-color: #ffffff;
	-fx-border-color: #000000;
	-fx-border-width: 1;
}

.choice-box .menu-item {
	/* Layout */
	-fx-padding: 6 12;
}

.choice-box .menu-item .label {
	-fx-text-fill: #000000;
}

.choice-box .menu-item:hover {
	-fx-background-color: #e0e0e0;
}

.choice-box .menu-item:focused {
	-fx-background-color: #008000;
	-fx-text-fill: #ffffff;
}

/* ----------------------------
	.container
----------------------------- */
.container {
	/* Layout */
	-fx-padding: 10;
	-fx-alignment: center;

	/* Color */
	-fx-background-color: #f9f9f9;
}

/* ----------------------------
	.input
----------------------------- */
.input {
	/* Layout */
	-fx-padding: 8;
	-fx-background-radius: 4;

	/* Color */
	-fx-background-color: #ffffff;
	-fx-text-fill: #000000;
	-fx-border-color: #000000;
	-fx-border-width: 1;
}

.input:hover {
	-fx-border-color: #008000;
}

.input:focused {
	-fx-border-color: #009900;
}

/* ----------------------------
	.separator
----------------------------- */
.separator {
	/* Layout */
	-fx-padding: 10 0;
}

.separator .line {
	/* Color */
	-fx-border-color: #000000;
	-fx-border-width: 0 0 1 0;
}

/* ----------------------------
	.slider
----------------------------- */
.slider {
	/* Layout */
	-fx-padding: 6 0;

	/* Color */
	-fx-background-color: transparent;
}

.slider .track {
	/* Color */
	-fx-background-color: linear-gradient(to left, #00cc00, #cc0000);
	-fx-background-insets: 0;
	-fx-background-radius: 2;
	-fx-pref-height: 4;
}

.slider .thumb {
	/* Color */
	-fx-background-color: #000000;
	-fx-background-radius: 50%;

	/* Effects */
	-fx-effect: dropshadow(gaussian, #00000066, 4, 0, 0, 1);
}

.slider .thumb:hover {
	-fx-scale-x: 1.2;
	-fx-scale-y: 1.2;
}

/* ----------------------------
	.text-header
----------------------------- */
.text-header {
	-fx-fill: #000000;
	-fx-text-fill: #000000;
}

/* ----------------------------
	.text-normal
----------------------------- */
.text-normal {
	-fx-fill: #111111;
	-fx-text-fill: #111111;
}

/* ----------------------------
	.toggle-button
----------------------------- */
.toggle {
	/* Layout */
	-fx-padding: 8 16;
	-fx-background-radius: 6;

	/* Color */
	-fx-background-color: #e6e6e6;
	-fx-text-fill: #000000;
	-fx-border-color: #000000;
}

.toggle:hover {
	-fx-background-color: #00cc00;
	-fx-text-fill: #ffffff;
	-fx-border-color: #00cc00;
}