.bg-primary {
	-fx-background-color: linear-gradient(to bottom, #2a3a45, #1c2730);
}

.bg-secondary {
	-fx-background-color: linear-gradient(to bottom, #3b4a57, #2a3742);
}

.bg-popup {
	-fx-background-color: rgba(20, 40, 55, 0.9);
	-fx-background-radius: 8;
	-fx-effect: dropshadow(gaussian, #224455cc, 8, 0, 0, 2);
}

.song-display {
    -fx-padding: 8 12 8 12;
    -fx-spacing: 6px;
    -fx-alignment: center;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0.5, 0, 2);
    -fx-min-width: 220px;
    -fx-max-width: 260px;
}

.song-title {
    -fx-font-size: 14px;
    -fx-fill: white;
}

.progress-bar {
    -fx-pref-width: 200px;
    -fx-accent: red;
}

.progress-bar > .track {
    -fx-background-radius: 30;
}

.progress-bar > .bar {
    -fx-background-radius: 30px;
}

.progress-text {
    -fx-font-size: 11px;
    -fx-fill: white;
}

.skip-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0;
 	-fx-cursor: hand;
 	-fx-text-fill: white;
 	}

.skip-button .text {
    -fx-fill: white;
}

.pause-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0;
 	-fx-cursor: hand;
 	-fx-text-fill: white;
 	}

.pause-button .text {
    -fx-fill: white;
}

.previous-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0;
 	-fx-cursor: hand;
 	-fx-text-fill: white;
 	}

.previous-button .text {
    -fx-fill: white;
}

.button {
	-fx-background-color: linear-gradient(to bottom, #1f5e20, #2e7d2e);
	-fx-background-radius: 8;
	-fx-border-color: #3caf3f;
	-fx-cursor: hand;
	-fx-effect: dropshadow(gaussian, #3caf3fdd, 6, 0, 0, 2);
	-fx-text-fill: #e0f2e9;
	-fx-font-weight: bold;
}

.button:hover {
	-fx-background-color: linear-gradient(to bottom, #44a044, #57b257);
	-fx-border-color: #2f7d2f;
}

.combo-box {
	-fx-background-color: linear-gradient(to bottom, #3c5155, #2a3a3e);
	-fx-background-radius: 6;
	-fx-border-color: #3caf3f;
	-fx-cursor: hand;
}

.combo-box:hover {
	-fx-border-color: #55a755;
}

.combo-box:focused {
	-fx-border-color: #88cc88;
	-fx-effect: dropshadow(gaussian, #88cc8899, 5, 0, 0, 1);
}

.combo-box .arrow,
.combo-box .arrow-button {
	-fx-background-color: transparent;
	-fx-border-color: transparent;
}

.combo-box .list-cell {
	-fx-background-color: transparent;
	-fx-text-fill: #a8d0a8;
}

.combo-box .list-view {
	-fx-background-color: #264233;
	-fx-background-radius: 6;
	-fx-border-color: #3caf3f;
}

.combo-box-popup .list-cell {
	-fx-text-fill: #a8d0a8;
}

.combo-box-popup .list-cell:hover {
	-fx-background-color: #44a044;
}

.combo-box-popup .list-cell:selected {
	-fx-background-color: #2e7d2e;
	-fx-text-fill: #e0f2e9;
}

.input {
	-fx-background-color: linear-gradient(to bottom, #1f3a3b, #124040);
	-fx-background-radius: 6;
	-fx-border-color: #3caf3f;
	-fx-text-fill: #a8d0a8;
	-fx-font-weight: normal;
}

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

.input:focused {
	-fx-border-color: #88cc88;
	-fx-effect: dropshadow(gaussian, #88cc8899, 5, 0, 0, 1);
}

.my-turn {
	-fx-fill: #e05656;
	-fx-font-weight: bold;
}

.separator .line {
	-fx-border-color: #55a755;
	-fx-opacity: 1;
}

.slider {
	-fx-background-color: transparent;
}

.slider .thumb {
	-fx-background-color: linear-gradient(to bottom, #2e7d2e, #44a044);
	-fx-background-radius: 50%;
	-fx-effect: dropshadow(gaussian, #3caf3fdd, 5, 0, 0, 1);
}

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

.slider .track {
	-fx-background-color: linear-gradient(to left, #57b257, #e05c5c);
	-fx-background-insets: 0;
	-fx-background-radius: 6;
}

.text {
	-fx-fill: #a8d0a8;
	-fx-font-weight: normal;
	-fx-text-fill: #a8d0a8;
}

.header {
	-fx-fill: #88cc88;
	-fx-font-weight: bold;
	-fx-text-fill: #88cc88;
}