Button.green {
    -fx-background-color: #56893b;
}
Button.green:pressed {
    -fx-background-color: #457229;
}
Button.red {
    -fx-background-color: #ff4848;
}
Button.red:pressed {
    -fx-background-color: #9c2121;
}

.toggle-button {
    -fx-min-width: 50;
    -fx-max-width: 50;
    -fx-min-height: 20;
    -fx-border-color: #aaaaaa;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
    -fx-background-color: linear-gradient(to right, white 40%, #999999 40%, #dddddd);
    -fx-background-insets: 0;
}
.toggle-button:selected {
    -fx-background-color: linear-gradient(to right, #1695e8, #1279bb 60%, white 60%);
}

ScrollPane {
    -fx-background-insets: 0;
    -fx-border-insets: 0;
    -fx-border-width: 0;
}

SplitPane {
    -fx-padding: 0;
}

ScalingImagePane {
    -fx-background-color: transparent;
}
ScalingImagePane > .viewport {
    -fx-background-color: transparent;
}

Label.red {
    -fx-text-fill: #9c2121;
}
Label.green {
    -fx-text-fill: #457229;
}
.options-menu > Label {
    -fx-font-size: 16;
}
.options-menu .heading {
    -fx-padding: 10 0 0 0;
    -fx-font-size: 20;
    -fx-font-weight: bold;
}

.align-right {
    -fx-alignment: center-right;
}

.side-pane {
    -fx-background-color: linear-gradient(to bottom, #dddddd, #aaaaaa);
}

.quest-bar {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #aaaaaa;
}
.quest-container {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #aaaaaa;
    -fx-background-color: #ffffff;
}
.quest-container.quest-out {
    -fx-background-color: #dddddd;
}
.quest-container.quest-out ImageView {
    #-fx-blend-mode: lighten;
}
.quest-container.quest-out.drop-hover {
    -fx-background-color: #eeeeee;
}
.quest-reward {
    -fx-text-fill: #457229;
}

.tab-info-bar {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #aaaaaa;
}

.table-column {
    -fx-padding: 0 5;
}
.split-pane:horizontal > .split-pane-divider {
    -fx-padding: 0 1 0 1;
    -fx-background-color: #aaaaaa;
}
.tab-pane:top > .tab-header-area {
    -fx-min-height: 34;
    -fx-pref-height: 34;
}
.tab-pane:top > .tab-header-area > .headers-region > .tab {
    -fx-padding: 4;
    -fx-end-margin: 5;
}
.tab-pane:top > .tab-header-area > .headers-region > .tab .focus-indicator {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

#main {
    -fx-background-color: #dddddd;
}

#storage-grid > .drop-hover {
    -fx-background-color: #eeeeee;
}
.storage-slot-item-title {
    -fx-padding: 0 0 0 5;
    -fx-end-margin: 10;
    -fx-font-weight: bold;
}
.storage-slot-item-image {
}
