// from https://github.com/Ivan-Kalatchev/FluentFX
.root {
    -fx-background-color: #FFFFFF;
    -fx-font-family: Segoe UI;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}


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


/* Pane */
.pane-grid {
    -fx-background-color: #ffffff;
}


/* GridPane */
.tab-pane-grid {
    /*
     * GridPane gridPane = new GridPane();
     * gridPane.getStyleClass().add("tab-pane-grid");
     * gridPane.setPadding(new Insets(3,0,0,0));
    */
    -fx-background-color: #FFFFFF;
    -fx-background-insets: 3 0 0 0;
}


/* TextField */
.text-field {
    -fx-background-color: white;
    -fx-border-color: #7a7a7a;
    -fx-border-radius: 1.4;
    -fx-border-width: 2;
}

.text-field:hover {}

.text-field:focused {
    -fx-border-color: #007ACC;
}


/* ComboBox */
.combo-box-base {
    -fx-border-width: 2;
    -fx-border-color: #7a7a7a;
    -fx-border-radius: 1.4;
}

.combo-box-base .list-cell:selected {
    -fx-background-color: #ffffff;
}

.combo-box-base .list-cell:hover {
    -fx-background-color: #c7c7c7;
}

.combo-box-base>.arrow-button {
    -fx-background-color: white;
}

.combo-box-base>.arrow-button>.arrow {
    -fx-background-color: black;
    -fx-background-insets: 0;
    -fx-padding: 2 4;
    -fx-shape: "M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z";
}

.combo-box-base:hover {}

.combo-box-base:focused {
    -fx-border-color: #007ACC;
}

.combo-box-base .list-view {
    -fx-background-radius: 0;
    -fx-background-color: #f0f0f0;
    -fx-border-width: 0;
    -fx-padding: 1;
}


/* ListCell */
/* .list-cell {
    -fx-background-radius: 0;
    -fx-border-width: 0;
    -fx-text-fill: #AFB1B3;
    -fx-background-color: #1A1A1A;
    -fx-min-height: 18;
    -fx-pref-height: 18;
    -fx-padding: 0 0 0 3;
}

.list-cell:hover {
    -fx-background-color: #3E3E40;
    -fx-cursor: HAND;
}

.list-cell:pressed {
    -fx-background-color: #3E3E40;
}

.list-cell:selected {
    -fx-background-color: #3E3E40;
}
*/

/* ListView */
.list-view {
    -fx-background-color: #f8f8f8;
    -fx-border-width: 0;
}

.nav .scroll-bar {
    -fx-pref-height:0 !important;
}

.list-cell {
    -fx-background-color: #f8f8f8;
    /* -fx-text-fill: black; */
    -fx-border-width: 0;
    -fx-pref-height: 35;
    /* -fx-padding: 10; */
    -fx-cursor: POINTER;
    -fx-font-size:15;
    -fx-padding: 10;
}

.list-cell > .label {
    
    /* -fx-background-color: red; */
}

.list-cell:hover {
    -fx-background-color: rgb(221, 221, 221);
}
.list-cell:selected {
    /* -fx-background-color: rgb(221, 221, 221); */
}

.list-cell:selected{
    -fx-border-width:4;
    -fx-padding: 6;
    -fx-border-color:transparent transparent transparent rgb(16, 110, 190);
    -fx-border-style:solid none none solid;
}

.list-cell:pressed {
    -fx-background-color: rgb(185, 185, 185);
}

.list-cell:empty {
    -fx-background-color: transparent !important;
}


/* Button */
.button {
    -fx-font-size: 14px;
    -fx-font-weight: 400;
    -fx-text-alignment: CENTER;
    -fx-min-width: 80px;
    -fx-min-height: 32px;
    -fx-background-color: #ffffff;
    -fx-border-width: 1px;
    -fx-border-color: black;
    -fx-border-style: solid;
    -fx-border-radius: 2px;
}

.button:focused {
    -fx-border-width: 1.3px;
}

.button:hover {
    -fx-background-color: rgb(243, 242, 241);
}

.button:pressed {
    -fx-scale-y: 0.98;
    -fx-scale-x: 0.98;
}

/* Default Button */
.button:default {
    -fx-background-color: rgb(18, 122, 214);
    -fx-text-fill: white;
    -fx-border-width: 0px;
}

.button:default:hover {
    -fx-background-color: rgb(16, 110, 190);
}

.button:default:focused {}


/* CheckBox */
.check-box {
    -fx-border-radius: 3;
    -fx-border-width: 0;
    -fx-insets: 0 0 0 -1;
    -fx-background-color: transparent;
    -fx-text-fill: #000000;
    -fx-min-height: 25;
    -fx-pref-height: 25;
    -fx-padding: 0 0 0 5;
}

.check-box>.box {
    -fx-border-radius: 1.4;
    -fx-border-width: 1.7;
    -fx-border-color: #000000;
    -fx-insets: 0 0 -10 0;
    -fx-background-color: #FFFF;
}

.check-box:focused>.box {
    -fx-border-color: #007ACC;
}

.check-box > .text {
    -fx-insets: 0 0 10 100;
}

.check-box:hover>.box>.mark {
    /* -fx-background-color: #c7c7c7; */
}

.check-box>.box>.mark {
    -fx-background-color: transparent;
    -fx-shape: "M 9.97498 1.22334L 4.6983 9.09834 L 4.52164 9.09834 L 0 5.19331 L 1.27664 3.52165 L 4.255 6.08833 L 8.33331 1.52588e-005 L 9.97498 1.22334 Z ";
}

.check-box:selected>.box>.mark {
    -fx-background-color: white;
}

.check-box:selected>.box {
    -fx-background-color: rgb(16, 110, 190);
    -fx-border-color: rgb(16, 110, 190);
}

.check-box:pressed>.box>.mark {
    -fx-background-color: #007ACC;
}

.check-box:indeterminate>.box>.mark {
    -fx-background-color: transparent;
}

.check-box:indeterminate>.box {
    -fx-background-color: white;
    -fx-scale-x: .7;
    -fx-scale-y: .7;
    -fx-scale-z: .7;
    -fx-border-color: rgb(16, 110, 190);
    -fx-border-width: 7;
}

.check-box:indeterminate {
    -fx-padding: 0 0 0 0;
}

.check-box:indeterminate > .text {
    -fx-padding: 0 0 0 0;
}


/* TextArea */
.text-area {
    -fx-background-color: white;
    -fx-border-color: #7a7a7a;
    -fx-border-radius: 1.4;
    -fx-border-width: 2;
}

.text-area:hover {
}

.text-area:focused {
    -fx-border-color: #007ACC;
}

.text-area .content {
    -fx-background-radius: 0;
    -fx-border-width: 0;
    -fx-background-radius: 0;
    -fx-background-color: white;
}

.text-area .scroll-bar {
    -fx-background-insets: 0 -0.5 0.5 0;
}

.text-area .scroll-bar .thumb {
    -fx-background-insets: 0 2 0 2;
}


/* ScrollBar */
.scroll-bar {
    -fx-background-radius: 0;
    -fx-background-color: transparent !important;
    -fx-pref-width: 9;
}

.scroll-bar:hover {
    -fx-background-radius: 0;
    -fx-background-color: #bdbdbd !important;
    -fx-pref-width: 16;
}

/* .scroll-bar:vertical {
    -fx-background-radius: 0;
    -fx-background-color: transparent !important;
} */

.scroll-bar>.decrement-button {
    -fx-background-color: #bdbdbd;
    -fx-background-radius: 0;
    -fx-border-width: 0;
    -fx-cursor: HAND;
}

.scroll-bar .decrement-button,
.scroll-bar .increment-button {
    -fx-cursor: HAND;
    -fx-border-width: 0;
    -fx-background-radius: 0;
}

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

.scroll-bar:vertical .increment-arrow,
.scroll-bar:vertical .decrement-arrow,
.scroll-bar:horizontal .increment-arrow,
.scroll-bar:horizontal .decrement-arrow {
}

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color: #7c7c7c;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
    -fx-cursor: HAND;
}

/* ProgressBar */
.progress-bar {
    -fx-border-radius: 3;
    /* -fx-indeterminate-bar-animation-time:1; */
    -fx-max-height: 10;
}

.progress-bar .bar {
    -fx-background-color: rgb(16, 110, 190);
}

.progress-bar .track {
    -fx-text-box-border: white;
    -fx-control-inner-background: #f7f7f7;;
}


/* Slider */
.slider {
    -fx-text-fill: #AFB1B3;
}

.slider .track {
    -fx-background-color: #c7c7c7;
}

.slider .thumb {
    -fx-background-color: white;
    -fx-background-radius: 6;
    -fx-border-radius: 6;
    -fx-border-width: 1px;
    -fx-border-color: black;
}

.slider:focused .thumb {
    -fx-border-color: rgb(16, 110, 190);
}

.slider:focused .track {
    -fx-background-color: #4da9e7;
}

.slider .thumb:hover {
}

.slider .thumb:pressed {
}


/* TreeView */
.tree-view .scroll-bar {
    -fx-background-insets: 0 -1 0 0;
}

.tree-view .scroll-bar .thumb {
    -fx-background-insets: 0 3 0 2;
}

.tree-view {
    -fx-background-insets: 2;
    -fx-background-color: #f8f8f8;
    -fx-border-width: 0;
    -fx-padding: 0 0 0 0;
}


.tree-view:hover {
    /* -fx-border-color: #3E3E40; */
}

.tree-view:focused {
    /* -fx-border-color: #007ACC; */
}

.tree-cell {
    -fx-background-color: #f8f8f8;
    -fx-text-fill: black;
    -fx-border-width: 0;
    /* -fx-skin: "impl.fluentfx.styles.demo.CustomTreeCellSkin"; */
    -fx-pref-width: 35;
    -fx-pref-height: 35;
    -fx-padding: 1;
    -fx-cursor: POINTER;
    -fx-font-size:15;
}

.tree-cell .label{
    -fx-padding: 0 0 0 8;
}
.tree-cell .text {
    -fx-background-color: red !important;
}
.tree-cell:hover {
    -fx-background-color: rgb(221, 221, 221);
}
.tree-cell:empty {
    -fx-background-color: transparent !important;
}
.ikonli-font-icon {
    -fx-icon-code: "mdi-account";
    -fx-icon-color: black;
}

.tree-cell:selected > .label {
    -fx-padding: 0 0 0 4;
    /* -fx-background-color: rgb(189, 189, 189); */
    -fx-border-width:4;
    -fx-border-color:transparent transparent transparent rgb(16, 110, 190);
    -fx-border-style:solid none none solid;
}
.tree-cell:selected {
    /* -fx-padding: 0 0 0 0; */
}

.tree-cell:pressed {
    -fx-background-color: rgb(185, 185, 185);
}

.tree-cell>.tree-disclosure-node>.arrow {
    -fx-background-color: transparent;
}

.tree-cell:hover>.tree-disclosure-node>.arrow {
    -fx-background-color: transparent;
}


/* Tab */
.tab-pane {
    -fx-tab-min-width: 90px;
    -fx-background-color: white;
}

.tab-header-area {
    -fx-background-color: transparent !important;
}

.pivot .tab-header-area {
    -fx-background-color: transparent !important;
}

.pivot .tab-header-area .tab-header-background {
    -fx-background-color: transparent !important;
}

.tab {
    -fx-background-insets: 0 1 0 1, 0, 0;
    -fx-background-color: transparent;
}

.tab:selected {
    -fx-background-color: white;
}

.tab-pane .tab:hover {
    -fx-background-color: #f7f7f7;
}

.pivot .tab {
    -fx-background-insets: 0 1 0 1, 0, 0;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-border-width: 3;
    -fx-focus-color: transparent !important;
    -fx-faint-focus-color: transparent !important;
}

.pivot .tab:selected {
    -fx-border-color: transparent transparent rgb(16, 110, 190) transparent;
}

.pivot .tab:hover {
    -fx-background-color: transparent;
}

/*.tab .tab-close-button {
    -fx-shape: "M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z";
    -fx-background-color: #AFB1B3;
    -fx-background-insets: 2;
    -fx-margin: 0 0 -5 2;
    -fx-cursor: HAND;
}*/

.tab .tab-label {
    -fx-alignment: CENTER;
    -fx-text-fill: #727272;
    -fx-font-size: 12px;
}

.tab:selected .tab-label {
    -fx-alignment: CENTER;
}


/* TitledPane */
.titled-pane {
    -fx-text-fill: #AFB1B3;
    -fx-label-padding: 0 0 -7 0;
    -fx-background-color: transparent;
}

.titled-pane .title {
    -fx-background-color: #3E3E42;
    -fx-background-radius: 0;
    -fx-border-width: 0;
    -fx-pref-height: 14;
}

.titled-pane .content {
    -fx-background-color: #2D2D30;
    -fx-border-color: #3E3E42;
    -fx-border-radius: 0;
    -fx-border-width: 3 2 2 2;
}


/* TableView */
.table-view {

    -fx-border-width:0;
    -fx-border-color:transparent;
    -fx-border-style:none;
    
}

.table-view:focused {
    -fx-text-fill:black;
}

.table-view .column-header-background {
    -fx-background-color: white;
    
    /* -fx-background-color: transparent; */
}

.table-view .column-header {
    -fx-background-color: white;
    /* -fx-background-color: transparent; */
}

.table-view .column-resize-line {

    -fx-background-color: gray;

}

.table-row-cell {
    -fx-text-fill:black;
    -fx-background-color: white;
}

.table-view:focused .table-row-cell:focused {
    -fx-border-color: derive(-fx-base, 20%);
    -fx-background-insets: 0 0 0 0;
    -fx-table-cell-border-color: transparent;
}

.table-row-cell:hover {
    -fx-text-fill:black;
}

.table-row-cell:selected {
    -fx-text-fill:black;
    -fx-background-color: rgba(173, 216, 230, 0.24);
}

.table-row-cell:pressed {
    -fx-text-fill:black;
}

.table-view .column-header .label {
    -fx-alignment: CENTER_LEFT;
}

.table-view .column-header {
    -fx-text-alignment: END;
    -fx-background-color: white;
    -fx-border-style: solid;
    -fx-border-color: transparent rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204);
    -fx-border-width: 1px;
}


.table-view .filler {
    -fx-background-color: white;
}

.table-view .column-drag-header {
}


/* Tooltip */
.tooltip {
    -fx-background-radius: 0;
    -fx-border-radius: 0;
    -fx-text-fill: #AFB1B3;
    -fx-padding: 5;
}

/* Toggle Button */
.toggle-button {
    -fx-font-size: 14px;
    -fx-font-weight: 400;
    -fx-text-alignment: CENTER;
    -fx-min-width: 80px;
    -fx-min-height: 32px;
    -fx-background-color: #ffffff;
    -fx-border-width: 1px;
    -fx-border-color: black;
    -fx-border-style: solid;
    -fx-border-radius: 2px;
}

.toggle-button:selected {
    -fx-background-color: #a7a7a7;
}

/* Date picker */

.date-picker .text-field {
    -fx-border-width:0;
}

/* Spinner */
.spinner .increment-arrow-button,
.spinner .decrement-arrow-button {
    -fx-font-size: 14px;
    -fx-font-weight: 400;
    -fx-min-width: 80px;
    -fx-background-color: #ffffff;
    -fx-border-width: 2;
    -fx-border-color: #7a7a7a;
    -fx-border-radius: 2px;
}

.spinner .increment-arrow-button{
    -fx-border-style: solid solid none solid;
    /* -fx-border-color: #7a7a7a #7a7a7a #7a7a7a #7a7a7a; */
}
.spinner .decrement-arrow-button {
}


.spinner .increment-arrow-button:hover,
.spinner .decrement-arrow-button:hover {
    /*-fx-border-style: solid solid none solid;*/
}

.spinner .increment-arrow-button:hover:pressed,
.spinner .decrement-arrow-button:hover:pressed,
.spinner .increment-arrow-button:pressed,
.spinner .decrement-arrow-button:pressed {
    -fx-background-color: rgb(16, 110, 190);
}

.spinner .increment-arrow-button:hover:pressed,
.spinner .increment-arrow-button:pressed{
    -fx-border-color: rgb(16, 110, 190) rgb(16, 110, 190) transparent #7a7a7a;
}

.spinner .increment-arrow-button:hover:pressed .increment-arrow,
.spinner .decrement-arrow-button:hover:pressed .decrement-arrow,
.spinner .increment-arrow-button:pressed .increment-arrow,
.spinner .decrement-arrow-button:pressed .decrement-arrow {
    -fx-background-color: white;
}

.spinner .text-field{
    -fx-border-width: 2;
    -fx-border-radius: 1.4;
    -fx-border-style: solid none solid solid;
}

/* Radio Button */
.radio-button {
    /* 0 0 0 5 */
    -fx-text-fill: -fx-text-background-color;
    -fx-padding: 0 0 .5 0;
}

.radio-button>.radio,
.radio-button:focused>.radio {
    -fx-border-color: rgb(0, 0, 0);
    -fx-border-radius: 1em;
    -fx-background-radius: 1.0em;
    /* large value to make sure this remains circular */
    -fx-padding: 1 2 3 2;
    -fx-background-color: white;
}

.radio-button>.radio>.dot {
    -fx-background-color: transparent;
    -fx-background-radius: 16px;
    /* large value to make sure this remains circular */
    -fx-padding: 6px;
    /* 4 -- radius of the inner black dot when selected */
    -fx-background-insets: 3 2 1 2;
}

.radio-button:selected>.radio,
.radio-button:hover>.radio {
    -fx-border-color: rgb(16, 110, 190);
    -fx-fill-color: rgb(16, 110, 190);
}

.radio-button:pressed>.radio {
    -fx-background-color: rgb(16, 110, 190);
}

.radio-button:selected>.radio>.dot {
    -fx-background-color: rgb(16, 110, 190);
}

.radio-button .dot:hover {
    -fx-background-radius: 15px;
    -fx-padding: 6px;
    -fx-background-color: black;
}

/* More color picker */
.color-picker .color-picker-label{
    -fx-background-color: white;
}

/* Outline btn */

.outline-button{
    -fx-background-color: #ffffff !important;
    -fx-border-color: rgb(16, 110, 190) !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: rgb(16, 110, 190) !important;
}

.outline-button:hover {
    -fx-background-color: rgb(16, 110, 190) !important;
    -fx-border-color: rgb(16, 110, 190) !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: #ffffff !important;
}

.danger-outline-button {
    -fx-background-color: #ffffff !important;
    -fx-border-color: #ee1111 !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: #ee1111 !important;
}

.danger-outline-button:hover {
    -fx-background-color: #ee1111 !important;
    -fx-border-color: #ee1111 !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: white !important;
}

.success-outline-button {
    -fx-background-color: #ffffff !important;
    -fx-border-color: #00a300 !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: #00a300 !important;
}

.success-outline-button:hover {
    -fx-background-color: #00a300 !important;
    -fx-border-color: #00a300 !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: white !important;
}

.dark-outline-button {
    -fx-background-color: #ffffff !important;
    -fx-border-color: black !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: black !important;
}

.dark-outline-button:hover {
    -fx-background-color: black !important;
    -fx-border-color: black !important;
    -fx-border-width: 2 !important;
    -fx-text-fill: white !important;
}

/* MenuButton */

.menu-button{
    -fx-font-size: 14px;
    -fx-font-weight: 400;
    -fx-text-alignment: CENTER;
    -fx-min-width: 80px;
    -fx-min-height: 32px;
    -fx-background-color: #ffffff;
    -fx-border-width: 1px;
    -fx-border-color: black;
    -fx-border-style: solid;
    -fx-border-radius: 2px;
}

.menu-button:hover {
    -fx-background-color: rgb(243, 242, 241);
}

.menu-button:focused {
}

.def-men{
    -fx-background-color: rgb(18, 122, 214) !important;
    -fx-border-width: 0px !important;
}

.def-men>.label {
    -fx-text-fill: white !important;
}

.def-men .arrow-button .arrow {
    -fx-background-color: white !important;
    -fx-background-insets: 0;
    -fx-padding: 2 4;
    -fx-shape: "M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z";
}

.def-men:hover {
    -fx-background-color: rgb(16, 110, 190) !important;
}

.menu-button .arrow-button .arrow{
    -fx-background-color: black;
    -fx-background-insets: 0;
    -fx-padding: 2 4;
    -fx-shape: "M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z";
}

.menu-button .context-menu {
    -fx-background-color: white;
    -fx-border-width: 0px;
    -fx-border-radius: 0;
    -fx-min-width: 150px;
}

.men-de{
    -fx-background-color:  #c7c7c7;
    -fx-border-radius: 2 !important;
    -fx-background-radius: 2 !important;
    -fx-min-height: 31 !important;
    -fx-border-width: 0;
    -fx-text-fill: black;
    -fx-font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.men-de:hover{
    -fx-background-color:  #dad8d8;
}

.men-de:pressed{
    -fx-background-color:  #a7a7a7;
}

.men-de .context-menu{
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: #e7e7e7;
    -fx-border-width: 0.2px;
    -fx-border-radius: 5;
    -fx-border-color: black;
}

/* .menu-button .context-menu .menu-button:hover,
.menu-button .context-menu .menu-button:focused,
.menu-button .context-menu .menu-button:showing {
    -fx-padding: 0em 0em 0em 0em;
    -fx-background-color: red !important;
}*/

/* Split menu button */

.split-menu-button>.label{
    -fx-font-size: 14px;
    -fx-font-weight: 400;
    -fx-text-alignment: CENTER;
    -fx-min-width: 80px;
    -fx-min-height: 32px;
    -fx-background-color: #ffffff;
    -fx-border-width: 1px;
    -fx-border-color: black;
    -fx-border-style: solid none solid solid;
    -fx-border-radius: 2px;
}

.split-menu-button:focused{
    -fx-background-color: #9b9b9b;
}

.def-spl>.label {
    -fx-background-color: rgb(18, 122, 214) !important;
    -fx-text-fill: white !important;
    -fx-border-width: 0px !important;
}

.def-spl>.label:hover {
    -fx-background-color: rgb(16, 110, 190) !important;
}

.def-spl .arrow-button .arrow {
    -fx-background-color: white !important;
}

.def-spl .arrow-button {
    -fx-background-color: rgb(18, 122, 214) !important;
    -fx-text-fill: white;
    -fx-border-width: 0px !important;
}

.def-spl .arrow-button:hover {
    -fx-background-color: rgb(16, 110, 190) !important;
}

.split-menu-button>.label:hover {
    -fx-background-color: rgb(243, 242, 241);
}

.split-menu-button>.label:pressed {
    -fx-background-color: rgb(230, 230, 230);
}

.split-menu-button .arrow-button:hover {
    -fx-background-color: rgb(243, 242, 241);
}

.split-menu-button .arrow-button:pressed {
    -fx-background-color: rgb(230, 230, 230);
}

.split-menu-button .arrow-button .arrow {
    -fx-background-color: black;
    -fx-background-insets: 0;
    -fx-padding: 2 4;
    -fx-shape: "M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z";
}

.split-menu-button .arrow-button {
    -fx-font-size: 14px;
    -fx-font-weight: 400;
    -fx-text-alignment: CENTER;
    -fx-min-width: 80px;
    -fx-min-height: 32px;
    -fx-background-color: #ffffff;
    -fx-border-width: 1px;
    -fx-border-color: black;
    -fx-border-style: none solid solid solid;
    -fx-border-radius: 2px;
}

.split-menu-button .context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: white;
    -fx-border-width: 0px;
    -fx-border-radius: 0;
    -fx-min-width: 150px;
}

.split-menu-button .context-menu .menu-item .label {
}

.spl-de>.label{
    -fx-background-color:  #c7c7c7;
    -fx-border-radius: 2 !important;
    -fx-background-radius: 2 !important;
    -fx-min-height: 31 !important;
    -fx-border-width: 0;
    -fx-text-fill: black;
    -fx-font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.spl-de>.label:hover {
    -fx-background-color: #dad8d8;
    -fx-border-width: 0;
}

.spl-de>.label:pressed {
    -fx-background-color:  #a7a7a7;
}

.spl-de .arrow-button {
    -fx-background-color:  #c7c7c7;
    -fx-border-radius: 2 !important;
    -fx-background-radius: 2 !important;
    -fx-min-height: 31 !important;
    -fx-border-width: 0;
    -fx-text-fill: black;
    -fx-font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.spl-de .arrow-button:hover {
    -fx-background-color: #dad8d8;
}

.spl-de .arrow-button:pressed {
    -fx-background-color: #a7a7a7;
}

.spl-de .context-menu{
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: #e7e7e7;
    -fx-border-width: 0.2px;
    -fx-border-radius: 5;
    -fx-border-color: black;
}

.spl-de{
    -fx-min-width:10px;
}

/* Command button */

.com-btn{
    -fx-text-alignment: CENTER_LEFT !important;
    -fx-min-width: 0 !important;
    -fx-min-height: 0 !important;
    -fx-background-color: #ffffff;
    -fx-border-style: none !important;
    -fx-border-radius: 0px !important;
    -fx-border-width: 0px !important;
    -fx-padding:0;
}

.com-btn:hover {
    -fx-background-color: #ffffff;
    -fx-text-fill: rgb(16, 110, 190) !important;
}

/* FLUENT DESKTOP */
.btn-de {
    -fx-background-color:  #c7c7c7;
    -fx-border-radius: 2 !important;
    -fx-background-radius: 2 !important;
    -fx-min-height: 31 !important;
    -fx-border-width: 0;
    -fx-text-fill: black;
    -fx-font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.btn-de:hover {
    -fx-background-color: #dad8d8;
    -fx-border-width: 0;
}

.btn-de:focused {
    -fx-border-width: 0;
}

.btn-de:pressed {
    -fx-background-color:  #a7a7a7;
    -fx-scale-y: 0.99;
    -fx-border-width: 0;
    -fx-scale-x: 0.97;
}

.btn-de:default {
    -fx-background-color: rgb(28, 129, 211);
    -fx-text-fill: white;
    -fx-font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.btn-de:default:hover {
    -fx-background-color: rgb(52, 142, 216);
}

.btn-de:default:focused {
}

.btn-de:default:pressed {
    -fx-background-color:  rgb(0, 103, 187);
    -fx-scale-y: 0.99;
    -fx-scale-x: 0.98;
}

/* Group button */

.btn-gr{

    -fx-background-color:  transparent;
    -fx-border-radius: 2 !important;
    -fx-background-radius: 2 !important;
    -fx-border-width: 0 !important;
    -fx-min-width: 0 !important;
}

.btn-gr:hover{

    -fx-background-color:  rgba(100, 100, 100, 0.219);

}

.btn-gr:pressed {
    -fx-background-color: rgba(100, 100, 100, 0.486);
    -fx-scale-y: 0.99;
    -fx-scale-x: 0.98;
}

.reveal:hover{
    -fx-border-width: 0.5;
    -fx-border-color:black !important;
}

/* Code */

.code .content{
    -fx-background-color: rgb(54, 54, 54) !important;
    -fx-text-fill: white !important;
}

.code{
    -fx-text-fill: white !important;
}
/* NavigationView */

.nav-view{
    -fx-background-color: #f8f8f8;
    -fx-opacity: 0.8;
}

.nav-view > .h-box {
    -fx-background-color: #f8f8f8;
}

/* Menu */

.menu-bar {
-fx-background-color: white !important;
}

.menu-bar .menu-button{
-fx-background: #c7c7c7 !important;
-fx-border-style:none;
}

.menu-bar .menu-button:hover,
.menu-bar .menu-button:focused,
.menu-bar .menu-button:showing {
-fx-background: #c7c7c7 !important;
}
.menu-bar .label {
-fx-font-size: 16 pt !important;
}
.menu-item {
-fx-padding: 0em 0em 0em 0em !important;
-fx-text-fill: black !important;
-fx-background: #c7c7c7 !important;
}
.menu-item .label {
-fx-font-size: 16 pt !important;
-fx-text-fill: black !important;
}
/* .menu-bar {
    -fx-background-color: white;
    -fx-border-width: 0;
}

.menu-bar .menu-button {
    -fx-background: #c7c7c7;
    -fx-text-fill: #000000;
    -fx-font-size: 15 pt;
}

.menu-item {
    -fx-background-radius: 0;
    -fx-padding: 0em 0em 0em 0em;
    -fx-text-fill: black;
    -fx-background: #c7c7c7;
} */

/* .menu-item .label {
    -fx-font-size: 16 pt;
    -fx-text-fill: black;
}

.menu-item:hover {
    -fx-background-color: #c7c7c7;
}

.menu-item:pressed {
} */

.context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: #e7e7e7;
    -fx-border-width: 0.2px;
    -fx-border-radius: 5;
    -fx-border-color: black;
}