/********************************************************
                        THEME
*********************************************************/

* {
  -primary: #296ba4;
  -text: #EAEAEA;
  -caption: #c9c9c9;
  -background: #33333B;
  -background-light: #36383E;
  -background-lighter: #3e4046;
  -background-alert: #dfdfdf;
  -success: #32b612;
  -warn: #c4980a;
  -danger: #b62424;
}


/********************************************************
                        STYLE
*********************************************************/

.label, .button, .jfx-text-field {
  -fx-font-size: 20;
  -fx-text-fill: -text;
}

.ikonli-font-icon {
  -fx-icon-color: -text;
}

.jfx-button {
  -fx-background-color: -primary;
  -fx-background-radius: 5;
  -fx-cursor: "hand";
}

.jfx-text-field {
  -jfx-focus-color: -primary;
}

.container {
  -fx-background-color: -background;
}

.inner, .list-cell:empty {
  -fx-background-color: -background-light;
}

.active-user-dot {
  -fx-fill: -success;
}

.inactive-user-dot {
  -fx-fill: -background-lighter;
}

.background-success {
  -fx-background-color: -success;
}

.background-danger {
  -fx-background-color: -danger;
}

.background-warning {
  -fx-background-color: -warn;
}

.current-user {
  -fx-font-size: 25;
}

.dialog-title {
  -fx-font-size: 30;
}

.timestamp {
  -fx-text-fill: -caption;
  -fx-font-size: 12;
}

.message-self, .message-other {
  -fx-background-radius: 20;
  -fx-font-size: 18;
}

.message-other {
  -fx-background-color: -background-lighter;
}

.message-self {
  -fx-background-color: -primary;
}

.attachment-ready {
  -fx-background-color: -success;
}

.selected-user-item, .active-user-item, .inactive-user-item {
  -fx-background-radius: 0 20 20 0;
  -jfx-button-type: "FLAT";
}

.active-user-item {
  -fx-background-color: -background-lighter;
}

.inactive-user-item {
  -fx-background-color: -background-light;
}

.selected-user-item {
  -fx-background-color: -primary;
}

.list-view {
  -fx-background-color: -background-light;
  -fx-padding: 0;
}

.snackbar-container {
  -fx-background-color: -background-alert;
  -fx-border-radius: 10;
  -fx-background-radius: 10;
  -fx-border-width: 0.5;
}

.snackbar-container-info {
  -fx-text-fill: -primary;
  -fx-border-color: -primary;
}

.snackbar-container-info * {
  -fx-text-fill: -primary;
  -fx-icon-color: -primary;
}

.snackbar-container-success {
  -fx-border-color: -success;
}

.snackbar-container-success * {
  -fx-text-fill: -success;
  -fx-icon-color: -success;
}

.snackbar-container-warning {
  -fx-border-color: -warn;
}

.snackbar-container-warning * {
  -fx-text-fill: -warn;
  -fx-icon-color: -warn;
}

.snackbar-container-danger {
  -fx-border-color: -danger;
}

.snackbar-container-danger * {
  -fx-text-fill: -danger;
  -fx-icon-color: -danger;
}


/********************************************************
                        SCROLLBARS
*********************************************************/

.scroll-bar:horizontal .track,
.scroll-bar:vertical .track {
  -fx-background-color: #33333B;
  -fx-border-color: transparent;
  -fx-background-radius: 0.0em;
  -fx-border-radius: 2.0em;
}

.scroll-bar:horizontal .increment-button,
.scroll-bar:horizontal .decrement-button {
  -fx-background-color: transparent;
  -fx-background-radius: 0.0em;
  -fx-padding: 0.0 0.0 10.0 0.0;

}

.scroll-bar:vertical .increment-button,
.scroll-bar:vertical .decrement-button {
  -fx-background-color: transparent;
  -fx-background-radius: 0.0em;
  -fx-padding: 0.0 10.0 0.0 0.0;

}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow {
  -fx-shape: " ";
  -fx-padding: 0.15em 0.0;
}

.scroll-bar:vertical .increment-arrow,
.scroll-bar:vertical .decrement-arrow {
  -fx-shape: " ";
  -fx-padding: 0.0 0.15em;
}

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
  -fx-background-color: derive(#33333B, 50.0%);
  -fx-background-insets: 2.0, 0.0, 0.0;
  -fx-background-radius: 1.0em;
}

.scroll-bar:horizontal .thumb:hover,
.scroll-bar:vertical .thumb:hover {
  -fx-background-color: derive(#33333B, 80.0%);
  -fx-background-insets: 2.0, 0.0, 0.0;
  -fx-background-radius: 1.0em;
}