/*******************************************************************************
 *                                                                             *
 * Hamburger Menu			                                                   *
 *                                                                             *
 ******************************************************************************/
 
.jfx-hamburgerW StackPane {
	-fx-background-color: white; 
	-fx-background-radius: 5px;
}

.jfx-hamburgerB StackPane {
	-fx-background-color: black; 
	-fx-background-radius: 5px;
}
	

/*******************************************************************************
 *                                                                             *
 * TreeTable			                                                       *
 *                                                                             *
 ******************************************************************************/

.tree-table-view {
	-fx-tree-table-color: rgba(0, 168, 204, 0.2);
    -fx-tree-table-rippler-color: rgba(0, 168, 204, 0.4);
}

.tree-table-view:focused .tree-table-row-cell:selected {
    -fx-background-color: -fx-tree-table-color;
    -fx-table-cell-border-color: -fx-tree-table-color;
    -fx-text-fill: BLACK;
}

.tree-table-view:focused .tree-table-row-cell:selected .tree-table-cell {
    -fx-text-fill: BLACK;
}

.tree-table-view .jfx-rippler {
	-jfx-rippler-fill: -fx-tree-table-rippler-color;
}

.tree-table-view .column-header,
.tree-table-view .column-header-background,
.tree-table-view .column-header-background .filler {
    -fx-background-color: TRANSPARENT;
}

.tree-table-view .column-header {
    -fx-border-width: 0 1 0 1;
    -fx-border-color: #F3F3F3;
}

.tree-table-view .column-header .label {
    -fx-text-fill: #000000;
    -fx-padding: 12 0 12 0;
}

.tree-table-view .column-header .arrow, .tree-table-view .column-header .sort-order-dot {
    -fx-background-color: #000000;
}

.tree-table-view .column-header:last-visible {
    -fx-border-width: 0 2 0 1;
}

.tree-table-view .column-header-background {
    -fx-border-width: 0 0.0 1 0;
    -fx-border-color: #F3F3F3;
}

.tree-table-view .tree-table-cell {
    -fx-border-width: 0 0 0 0;
    -fx-padding: 12 4 8 4;
}

.tree-table-view .column-overlay {
    -fx-background-color: -fx-tree-table-color;
}

.tree-table-view .column-resize-line, .tree-table-view .column-drag-header {
    -fx-background-color: -fx-tree-table-rippler-color;
}

.tree-table-view:focused {
    -fx-background-color: -fx-tree-table-color, -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    -fx-padding: 1; /* 0.083333em; */
}

/*******************************************************************************
 *                                                                             *
 * ChoiceBox			                                                       *
 *                                                                             *
 ******************************************************************************/

.choice-box {
	-fx-background-color: transparent;
	-fx-border-color: #000000;
	-fx-border-width: 0 0 1 0;
	-fx-background-radius: 0;
	-fx-border-radius: 0;
}

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

.choice-box>.open-button>.arrow {
	-fx-background-color: #757575;
}

.menu-item:focused {
	-fx-background-color: #EE3523;
}

/*******************************************************************************
 *                                                                             *
 * ScrollBar			                                                       *
 *                                                                             *
 ******************************************************************************/
 
 .scroll-bar:vertical, .scroll-bar:horizontal {
 	-fx-background-color: transparent;
 }

.scroll-bar:vertical > .track-background, .scroll-bar:horizontal > .track-background {
    -fx-background-color: transparent;
    -fx-background-insets: 0.0;
}

.scroll-bar:vertical > .thumb {
    -fx-background-color: #BCBCBC;
    -fx-background-insets: 0.0;
    -fx-background-radius: 15.0;
}

.scroll-bar:horizontal > .thumb {
    -fx-background-color: #FFFFFF;
    -fx-background-insets: 0.0;
    -fx-background-radius: 15.0;
}

/* Up- and Down-Button Padding */
.scroll-bar:vertical > .increment-button, .scroll-bar:vertical > .decrement-button {
    -fx-padding: 5 2 5 2;
}

/* Left- and Right-Button Padding */
.scroll-bar:horizontal > .increment-button, .scroll-bar:horizontal > .decrement-button {
	-fx-background-color: transparent;
    -fx-padding: 5 2 5 2;
}

.scroll-bar > .increment-button, .scroll-bar > .decrement-button, .scroll-bar:hover > .increment-button, .scroll-bar:hover > .decrement-button {
    -fx-background-color: transparent;
}

.scroll-bar > .increment-button > .increment-arrow, .scroll-bar > .decrement-button > .decrement-arrow {
    -fx-background-color: rgb(150.0, 150.0, 150.0);
}

/* Up Arrow */
.scroll-bar:vertical > .increment-button > .increment-arrow {
    -fx-shape: "M298 426h428l-214 214z";
}

/* Down Arrow */
.scroll-bar:vertical > .decrement-button > .decrement-arrow {
    -fx-shape: "M298 598l214-214 214 214h-428z";
}

/* Right Arrow */    
.scroll-bar:horizontal > .increment-button > .increment-arrow {
    /* -fx-shape: "M0 428l0 -428l214 214l-214 214z"; */
    -fx-background-color:transparent;
    -fx-shape: " ";
    -fx-padding: 0;
}

/* Left Arrow */
.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
    /* -fx-shape: "M214 0l0 428l-214 -214l214 -214z"; */
    -fx-background-color:transparent;
    -fx-shape: " ";
    -fx-padding: 0;
}

/*******************************************************************************
 *                                                                             *
 * ScrollPane			                                                       *
 *                                                                             *
 ******************************************************************************/

.scroll-pane {
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.scroll-pane:focused {
    -fx-background-insets: 0;
}

.scroll-pane .corner {
    -fx-background-insets: 0;
}

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