<commit_before>{
    -binjr-command-bar-bg-color: #204656;
    -binjr-command-bar-accent-color: #336F87;
    -binjr-window-background-color: #F4F4F4;
    -binjr-control-background-color:#E8E8E8;
    -binjr-button-background-color: transparent;
    -binjr-color-lighter-gray: #DADADA;
    -binjr-color-light-gray: #C2C2C2;
    -binjr-color-gray: #999999;
    -binjr-color-dark-gray: #666666;
    -binjr-color-darker-gray: #333333;
    -binjr-color-red: #E81123;
    -binjr-color-light-red: #F1707A;
}

.column-bold-text{
    /*-fx-text-fill: -binjr-command-bar-bg-color;*/
    -fx-font-weight:bold;
}

/********************************
*      button icons
********************************/

.command-bar * {
    -icon-scale-x: 3;
    -icon-scale-y: 3;
    -icon-color: white;
}

.command-bar .menu-icon {
    -fx-alignment: center_left;
    -fx-scale-y: .6;
    -fx-scale-x: .6;
    -fx-smooth: false;
}

.icon-container {
    -fx-padding: 0 0 0 14;
}

.context-menu .icon-container {
    -fx-padding: 0 14 0 8;
}

.command-bar .context-menu * {
    -icon-scale-x: 2.5;
    -icon-scale-y: 2.5;
}

.command-bar-menu-graphic {
    -fx-padding:6;
    -fx-fill:red;
}

.command-bar-menu-graphic Line {
    -fx-stroke:white;
}

/**********************************************/

.button {
    -fx-background-color: -binjr-color-lighter-gray;
    -fx-border-width:1;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-gray;
    -fx-border-radius:0;
    -fx-alignment: center;
}
.button:hover{
    -fx-border-color: -binjr-color-dark-gray;
}

.exit,
.add-tab-button,
.dialog-button,
.toggle-button,
.menu-button{
    -fx-background-color: -binjr-button-background-color;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-dark-gray;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center;
}

.dialog-button:hover,
.toggle-button:hover,
.menu-button:hover {
    -fx-background-color:-binjr-color-lighter-gray;
}

.dialog-button:hover:pressed,
.button:hover:pressed,
.menu-button:hover:pressed {
  -fx-opacity: 100%;
  -fx-background-color:-binjr-color-light-gray ;
  -fx-text-fill: white;
}



.toggle-button:pressed,
.toggle-button:default:hover:pressed,
.toggle-button:selected:hover:pressed {
  -fx-background-color:-binjr-color-gray ;
  -fx-text-fill: white;
}

.toggle-button:selected,
.menu-button:selected {
    -fx-background-color: -binjr-color-light-gray;
    -fx-text-fill: white;
}

.toggle-button:selected:hover,
.menu-button:selected:hover {
    -fx-background-color: -binjr-color-light-gray;
    -fx-border-color:-binjr-color-dark-gray;
    -fx-border-width:1;
    -fx-text-fill: white;
}

 .no-arrow-menu-button .arrow-button {
    -fx-padding:-2;
    -size:0;
    -fx-min-width:-size;
    -fx-pref-width:-size;
    -fx-max-width:-size;
    -fx-min-height:-size;
    -fx-pref-height:-size;
    -fx-max-height:-size;
     visibility: hidden;
 }


.chart-properties-button {
     -fx-opacity: 50%;
    -fx-background-color: white;
     -fx-scale-x: 0.75;
     -fx-scale-y: 0.75;
}

.chart-properties-button:hover {
     -fx-opacity: 100%;
}

.chart-properties-button:hover:pressed {
     -fx-opacity: 100%;
}


 /* TextField */
 .text-input,  .date-picker .text-input{
     -fx-background-radius: 0, 0;
         -fx-border-color:#bababa;
     -fx-background-color: white;
     -fx-background-insets: 0, 1;

     -fx-prompt-text-fill: #9f9f9f;

     /* -fx-highlight-fill: #008287; TODO: this probably is the "active" color" */
     -fx-highlight-text-fill: white;
 }

 .text-input:hover, .date-picker .text-input:hover {
     -fx-background-color: #8f8f8f, white;
 }

 .text-input:focused, .date-picker:focused, .date-picker .text-input:focused {
   /*     -fx-background-color: #5c5c5c, -binjr-button-background-color;*/
     -fx-border-color:-binjr-color-dark-gray;
   /*  -fx-text-fill: black;*/
 }

 /*******************************************************************************
  *                                                                             *
  * DatePicker                                                                  *
  *                                                                             *
  ******************************************************************************/
 .date-picker > .arrow-button > .arrow {
    -fx-shape: "m 79.073928,163.30869 v -4.49792 h 5.027083 5.027084 v 4.49792 4.49791 h -5.027084 -5.027083 z m 9.525,0.79375 v -3.175 h -4.497917 -4.497916 v 3.175 3.175 h 4.497916 4.497917 z m -8.466666,1.5875 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m -3.439583,-1.5875 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m -5.027083,-1.5875 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,-2.64584 v -0.52916 h -4.497917 -4.497916 v 0.52916 0.52917 h 4.497916 4.497917 z";
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 0;/*1 0 -1 0, 0;*/
    -fx-padding: 8 9 ;/*0.416667em 0.416667em 0.333333em 0.333333em;*/
    -fx-snap-to-pixel: true;
    -fx-scale-shape: true;
    -fx-border-width:0;
    -fx-border-radius:0;
 }

 .date-picker {
    -fx-background-color: -binjr-button-background-color;
    -fx-background-insets: 0;
    -fx-border-width:0;
    -fx-border-radius:0;
 }
/*
 .date-picker .text-input{
     -fx-background-radius: 0, 0;

     -fx-background-color: -binjr-button-background-color, white;
     -fx-background-insets: 2, 2;
 }*/
  .date-picker > .arrow-button {
    -fx-background-color: -binjr-button-background-color;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center;

  }

 .date-picker > .arrow-button:hover {
     -fx-background-color: #d9d9d9;
     -fx-background-insets: 3 3 3 3;
     -fx-background-radius: 0;
 }

 .date-picker > .arrow-button:pressed {
     -fx-background-color: black;
 }

 .date-picker > .arrow-button:pressed > .arrow {
   /*  -fx-background-color: white;*/
 }

 .date-picker-popup {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > .month-year-pane {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > * > .spinner > .button {
     -fx-border-width:0;
     -fx-padding: 0.25em 0.583333em 0.25em 0.583333em; /* 3 7 3 7 */
 }

 .date-picker-popup > * > .spinner > .button {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > * > .spinner {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > * > .spinner > .button:hover {
     -fx-background-color: -binjr-color-lighter-gray;
 }

 .date-picker-popup > * > .spinner > .button:armed {
     -fx-background-color: #606060;
 }

 .date-picker-popup > * > .spinner > .button > .left-arrow,
 .date-picker-popup > * > .spinner > .button > .right-arrow {
     -fx-background-color: #606060;
     -fx-background-insets: 0;
     -fx-effect: null;
 }

 .date-picker-popup > * > .spinner > .button:pressed > .left-arrow,
 .date-picker-popup > * > .spinner > .button:pressed > .right-arrow {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > .calendar-grid {
     -fx-background-color: white;
     /*-fx-background-insets: 1 0 0 0;*/
     -fx-padding: 0;
 }

 .date-picker-popup > * > .previous-month,
 .date-picker-popup > * > .next-month {
     -fx-background-color: white;
     -fx-opacity: 0.3;
 }

 .date-picker-popup > * > .day-name-cell,
 .date-picker-popup > * > .week-number-cell {
     -fx-font-size: 0.75em;
     -fx-font-family: "Segoe UI Semibold", "Segoe UI", Helvetica, Arial, sans-serif;
 }

 /***********************************/
 .split-pane .split-pane-divider{
    -fx-pref-width:1;
    -fx-background-color: transparent;
    -fx-border-width:1;
    -fx-border-color:#C8C8C8;
 }

 .chart,
 .chart-plot-background{
    -fx-background-color: white;
    -fx-border-width:0;
 }

 .skinnable-pane-border {
   -fx-border-color:  -binjr-window-background-color;
   -fx-border-width:0;
      -fx-padding: -1;

 }
.table-view .column-header-background /*.nested-column-header .column-header*/  {
    -fx-border-width:1;
    -fx-border-color: #C8C8C8;
 }

.table-view,
.table-view .column-header-background,
.table-view .column-header-background .filler ,
.table-view .column-header-background .nested-column-header,
.table-view .column-header-background .nested-column-header .column-header {
    -fx-background-color: -binjr-window-background-color;
 }

 .table-view .virtual-flow .clipped-container .sheet .cell{
     -fx-border-width:0;
 }

/***********************************/
/*  Tab pane
/***********************************/

.tab-pane .tab-header-area{
    -fx-padding:0 0 0 0;
}

.tab-pane .tab-header-area .tab-header-background{
   /* visibility:false;*/
       -fx-background-color:#CCCCCC;
  /*  -fx-border-width:0;
   -fx-border-color:green;*/
}
.tab-pane .tab-header-area .headers-region .tab:hover{
    -fx-border-color:blue;
    -fx-background-color:E6E6E6;
}

.tab-pane .tab-header-area .headers-region .tab:selected{
    -fx-border-color:F4F4F4;
    -fx-background-color:F4F4F4;
}


.tab-pane .tab-header-area .headers-region .tab {
    -fx-padding: 4 6.0 3 6.0;
}

.tab-pane:focused .tab-header-area .headers-region .tab .tab-container  .focus-indicator {
    -fx-border-color:BABABA;
    -fx-border-width:0;
    -fx-border-radius:0;
}

.tab-pane .tab-header-area .headers-region .tab{
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-dark-gray;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-background-color:transparent;
}


.add-tab-button:hover {
    -fx-background-color:#BABABA;
}

.add-tab-button:pressed {
  -fx-background-color:#8b8b8b ;
  -fx-text-fill: white;
}

.add-tab-button {
    -size:29;
    -fx-min-height: -size;
    -fx-min-width: -size;
    -fx-max-height: -size;
    -fx-max-width: -size;
    -fx-content-display: graphic-only;
}

.add-tab-button-icon {
    -fx-background-color:black;
    -fx-shape: "m 31.25,54.09375 0,2.4375 -2.46875,0 0,0.375 2.46875,0 0,2.46875 0.375,0 0,-2.46875 2.46875,0 0,-0.375 -2.46875,0 0,-2.4375 -0.375,0 z";
  /*  -fx-smooth: false;*/
    -fx-fill: black;
    -fx-scale-x: 2;
    -fx-scale-y: 2;

}

 /*******************************************************************************
  *                                                                             *
  * ScrollBar                                                                   *
  *                                                                             *
  ******************************************************************************/

 .scroll-bar > .thumb{
     -fx-background-color: #BABABA;
     -fx-background-insets: 0;
     -fx-background-radius: 0;
 }

 .scroll-bar > .thumb:hover {
     -fx-background-color: #8B8B8B;
 }

 .scroll-bar > .thumb:pressed {
     -fx-background-color: #606060;
 }

 .scroll-bar > .track {
     -fx-background-color: #f0f0f0;
     -fx-background-insets: 0;
     -fx-background-radius: 0;
 }
 .scroll-bar > .track-background {
     -fx-background-color: #f0f0f0;
     -fx-background-insets: 0;
 }

 .scroll-bar > .increment-button,
 .scroll-bar > .decrement-button {
     -fx-background-color: #f0f0f0;
     -fx-background-insets: 0;
     -fx-background-radius: 0;

     -fx-padding: 0.25em; /* 3 */
 }

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

 .scroll-bar > .increment-button:pressed,
 .scroll-bar > .decrement-button:pressed {
     -fx-background-color: #606060;
 }

 .scroll-bar > .decrement-button > .decrement-arrow,
 .scroll-bar > .increment-button > .increment-arrow{
     -fx-background-insets: 1 0 -1 0, 0;
     -fx-background-color: -binjr-button-background-color, #606060;
     -fx-effect: null;
 }

 .scroll-bar > .decrement-button:pressed > .decrement-arrow,
 .scroll-bar > .increment-button:pressed > .increment-arrow {
     -fx-background-color: -binjr-button-background-color, white;
     -fx-effect: null;
 }

 .scroll-bar:vertical > .increment-button > .increment-arrow,
 .scroll-bar:vertical > .decrement-button > .decrement-arrow {
     -fx-padding: 0.333333em 0.5em 0.0em 0.0em; /* 4 6 0 0 */
 }

 .scroll-bar:horizontal > .increment-button > .increment-arrow,
 .scroll-bar:horizontal > .decrement-button > .decrement-arrow {
     -fx-padding: 0.5em 0.333333em 0.0em 0.0em; /* 6 4 0 0 */
 }
.scroll-bar{
    -fx-padding:1;

}

 .scroll-bar:disabled {
     -fx-opacity: 0.4;
 }

 /* ARROW SHAPES */
 .scroll-bar:horizontal > .decrement-button > .decrement-arrow {
     -fx-shape: "M11,17H8.111l-3.86-4.124l3.86-4.125H11l-3.375,4.125L11,17z";
 }

 .scroll-bar:horizontal > .increment-button > .increment-arrow {
     -fx-shape: "M7.626,12.876L4.251,8.751H7.14L11,12.876L7.14,17H4.251L7.626,12.876z";
 }

 .scroll-bar:vertical > .decrement-button > .decrement-arrow {
     -fx-shape: "M4,17v-2.889l4.124-3.86l4.125,3.86V17l-4.125-3.375L4,17z";
 }

 .scroll-bar:vertical > .increment-button > .increment-arrow {
     -fx-shape: "M8.124,13.625l4.125-3.375v2.889l-4.125,3.86L4,13.139V10.25L8.124,13.625z";
 }

 .add-source-background-icon,
 .add-worksheet-background-icon{
    -fx-text-fill:  -binjr-color-lighter-gray;
 }


 .add-source-background-icon:hover,
 .add-worksheet-background-icon:hover{
    -fx-text-fill:  -binjr-color-gray;
 }

 .add-worksheet-background-icon .addWorksheet-icon,
 .add-source-background-icon .addSource-icon {
  -fx-scale-x:20;
  -fx-scale-y:20;
  -fx-background-color:-binjr-color-lighter-gray;
}

 .add-worksheet-background-icon .addWorksheet-icon:hover,
 .add-source-background-icon .addSource-icon:hover,
 .add-worksheet-background-icon .addWorksheet-icon:hover:pressed,
 .add-source-background-icon .addSource-icon:hover:pressed {
  -fx-background-color:-binjr-color-gray;
}

.toolPane {
  -fx-background-color: white;

 /* -fx-opacity:90%;*/
/*  -fx-border-width:1;
  -fx-border-color:#C8C8C8;*/
}


.toolPane .scroll-pane .viewport .text {
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.toolPane .pane-title {
  -fx-font-family:"Segoe UI Light", "Segoe UI", Helvetica, Arial, sans-serif;
  -fx-font-size: 13pt;
}
.toolPane .content,
.toolPane .title,
.toolPane .scroll-pane,
.toolPane .scroll-pane .viewport {
    -fx-background-color: transparent;
    -fx-border-width:0;
  }

 /****************************
  Command bar
  ***************************/
 .command-bar {
    -fx-background-color: -binjr-command-bar-bg-color;
  /*  -fx-pref-width: 48;*/
  /*  -fx-min-width: 48;*/
 }

.command-bar:expanded {
/*  -fx-min-width: 200;
-fx-pref-width: 200;
-fx-max-width: 200;
*/
}
.command-bar .button,
.command-bar .toggle-button,
.command-bar .menu-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-dark-gray;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center_left;
}

.command-bar .button:hover,
.command-bar .toggle-button:hover,
.command-bar .menu-button:hover {
    -fx-background-color:-binjr-command-bar-accent-color;
}


.command-bar .button:hover:pressed,
.command-bar .menu-button:hover:pressed {
    -fx-background-color:#4BACC6;
    -fx-text-fill: white;
}

.command-bar .toggle-button:pressed,
.command-bar .toggle-button:default:hover:pressed,
.command-bar .toggle-button:selected:hover:pressed {
    -fx-background-color:-binjr-color-gray ;
    -fx-text-fill: white;
}

.command-bar .toggle-button:selected,
.command-bar .menu-button:selected {
     -fx-background-color: -binjr-command-bar-accent-color;
     -fx-text-fill: white;
}

.command-bar .toggle-button:selected:hover,
.command-bar .menu-button:selected:hover {
     -fx-background-color: -binjr-command-bar-accent-color;
     -fx-border-color:-binjr-color-dark-gray;
     -fx-border-width:1;
     -fx-text-fill: white;
}

.command-bar .menu-button .arrow-button {
     -fx-padding:-2;
      visibility: hidden;
}


.command-bar:expanded .menu-button .arrow-button {
     -fx-padding:10;
     -fx-fill: white;
      visibility: visible;
}
.command-bar .arrow {
     -fx-background-color:white;
}
.command-bar .titled-pane:focused .arrow {
    -fx-effect:null;
}

.command-bar:expanded  .menu-button .label,
.command-bar:expanded .button {
    -fx-content-display:left;
}

.command-bar .menu-button .label,
.command-bar .button {
    -fx-alignment: center_left;
    -fx-graphic-text-gap:20;
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 11pt;
}

.command-bar .square-button {
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.command-bar .border-button {
    -fx-border-width:2;
    -fx-border-color:white;
}

.command-bar .border-button:hover:pressed,
.command-bar .border-button:hover {
    -fx-border-color:#4BACC6;
}

.command-bar  .titled-pane{
    -fx-alignment: center_left;
    -fx-graphic-text-gap:20;
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 11pt;
}

.command-bar  .label{
    -fx-alignment: center_left;
    -fx-graphic-text-gap:20;
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.command-bar .separator{
    -fx-border-width:0;
    -fx-border-color: white;
    -fx-border-style: solid;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-background-color:transparent;
}

.command-bar .arrow {
    -fx-fill-color: red;
}

.command-bar  .content,
.command-bar .scroll-pane .viewport,
.command-bar .title {
    -fx-background-color: -binjr-command-bar-bg-color;
    -fx-border-width:0;
  }


.icon-button{

}

   .exit:hover,
   .command-bar .exit:hover {
       -fx-background-color: -binjr-color-red;
   }

  .exit:hover *{
    -icon-color: white;
  }

  .command-bar .exit:hover:pressed,
  .exit:hover:pressed{
       -fx-background-color: -binjr-color-light-red;
   }


/*** Menu ***/

.command-bar .context-menu {
    -fx-background-color: -binjr-command-bar-bg-color;
    -fx-text-fill:white;
    -fx-border-color: white;
    -fx-border-style: solid;
    -fx-content-display:left;
}

.context-menu .label{
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.command-bar .menu-item{
    -fx-padding: 10 10 10 10 ;
}

.menu-item {
    -fx-padding: 8 ;
}

.command-bar .menu-item:focused {
    -fx-content-display:left;
    -fx-background: -fx-accent;
    -fx-background-color: -binjr-command-bar-accent-color;
}

.command-bar .menu-item:pressed {
    -fx-background-color: #4BACC6;
}

.command-bar .pane-title {
    -fx-alignment: center_left;
    -fx-text-fill:white;
    -fx-font-family:"Segoe UI Light", "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 18pt;
}

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

.command-bar .choice-box {
    -fx-background-color: transparent;
    -fx-border-color:white;
    -fx-border-width:2;
    -fx-background-radius: 0, 0, 0, 0;
    -fx-padding: 0em 0.166667em 0em 0.166667em;
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}



.command-bar .choice-box:hover {
    -fx-background-color: -binjr-command-bar-accent-color;
     -fx-border-color:#4BACC6;
}

.command-bar .choice-box:disabled {
    -fx-opacity: .4;
}


.choice-box {
    -fx-background-color: -binjr-window-background-color; /*-binjr-button-background-color;*/
    -fx-border-color: -binjr-color-gray;
    -fx-border-width:1;
    -fx-background-radius: 0, 0, 0, 0;
    -fx-padding: 0em 0.166667em 0em 0.166667em;
    -fx-background-insets: -1.4, 0, 1, 2;
}

.choice-box:hover {
    -fx-border-color: -binjr-color-dark-gray;
}

.choice-box:pressed:hover {
    -fx-background-color: -binjr-color-lighter-gray;
    -fx-border-color: -binjr-color-gray;
}

.choice-box:disabled {
    -fx-opacity: .4;
}

/*****************************************************************/

.radio-menu-item:checked > .left-container > .radio {
    -fx-shape: "M9.005,17.766l13.759,14.739h1.716L49.02,0l10.298,8.488L25.997,50.453h-3.629L0,26.897L9.005,17.766z";
    -fx-padding:7px;
    -fx-scale-shape: true;
}

/*** Color picker ***/

.borderless-color-picker,
.borderless-color-picker:hover {
    -fx-color-label-visible: false;
    -fx-background-color: transparent;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: red;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center;
}

.borderless-color-picker .label {
    -fx-padding: 0;
}

.borderless-color-picker .label .rectangle {
    -fx-padding: 0;
    -fx-border-insets: 0;
    -fx-alignment: center;
}

 .borderless-color-picker .arrow-button {
    -fx-padding:-2;
     visibility: hidden;
 }

/*******************************************************************************
 *                                                                             *
 * ToggleSwitch                                                                *
 *                                                                             *
 ******************************************************************************/
.toggle-switch{
    -thumb-move-animation-time: 200;
}

.toggle-switch .text {
    -fx-text-fill: black;
    -fx-padding: 0,0,0,-10;
}

.toggle-switch .thumb {
    -fx-background-color: black;
    -fx-background-insets: 5, 2, 2;
    -fx-background-radius: 1.0em; /* large value to make sure this remains circular */
    -fx-padding: 0.75em;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}
.command-bar .toggle-switch {
      -fx-font-size: 9pt;
}

.command-bar .toggle-switch .thumb {
    -fx-background-color: white;
}

.command-bar .toggle-switch .thumb-area {
   -fx-border-color:white;
}

.command-bar .toggle-switch .text {
    -fx-font-size: 16pt;
    -fx-text-fill: white;
}

.toggle-switch .thumb-area{
    -fx-background-radius: 1em;
    -fx-background-color: -binjr-button-background-color;
    -fx-background-insets: 0, 1;
    -fx-border-color:black;
    -fx-border-radius:1em;
    -fx-border-width:2;
}

.toggle-switch:hover .thumb {
    -fx-color: -fx-hover-base
}

.toggle-switch:selected .thumb-area{
    -fx-background-color: #4BACC6;
     /*linear-gradient(to bottom, derive(-fx-text-box-border, -20%), derive(-fx-text-box-border, -30%)),
                            linear-gradient(to bottom, derive(#0b99c9, 30%), #0b99c9);*/
    -fx-background-insets: 0, 1;
}

.toggle-switch .thumb-area{
    -fx-padding: 0.5em 1.333333em 0.7em 1.333333em; /* 7 16 7 16 */
}

.toggle-switch:disabled{
    -fx-opacity: 0.4;
}

/*******************************************************************************
 *                                                                             *
 * Slider                                                                      *
 *                                                                             *
 ******************************************************************************/

.slider .thumb {
    -fx-background-color: black;
    -fx-background-insets: 0;
    -fx-background-radius: 0em;
    -fx-padding: 0.333333em; /* 4 */

    -fx-effect: null;
}
.slider:focused .thumb {
    -fx-background-radius: 0em;
}

.slider .track {
    -fx-background-color: #c6c6c6;
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-padding: 0.333333em; /* This value must be equal to ".slider .thumb" padding */
}

.slider .fill {
    -fx-background-color: #00828b;
    -fx-padding: 0.333333em; /* This value must be equal to ".slider .thumb" padding */
}

.slider .fill:hover {
    -fx-background-color: #219297;
}

.slider .fill:pressed {
    -fx-background-color: #25bbc4;
}

/*******************************************************************************
 *                                                                             *
 * MaskerPane                                                                  *
 *                                                                             *
 ******************************************************************************/
 .masker-pane {}

 .masker-pane .masker-glass {
    /* -fx-background-color: rgba(0, 0, 0, .3);*/
     -fx-background-color: rgba(255, 255, 255, .6);
    /* -fx-background-color: transparent;*/
 }

 .masker-pane .masker-text {
    -visibility:false;
     -fx-text-fill: white;
     -fx-font-weight: bold;
 }

 .masker-pane .masker-center {
     -fx-background-color:transparent;
    /*  -fx-background-color: rgba(255, 255, 255, .6);
   /*  -fx-background-color: rgba(0, 0, 0, .6);*/

     -fx-max-height: 1.50in;
     -fx-padding: .25in;
     -fx-background-radius: .1in;
 }


<commit_msg>Aligned button background color in Modern theme with Win10 standard controls<commit_after>{
    -binjr-command-bar-bg-color: #204656;
    -binjr-command-bar-accent-color: #336F87;
    -binjr-window-background-color: #F4F4F4;
    -binjr-control-background-color:#E8E8E8;
    -binjr-button-background-color: transparent;
    -binjr-color-lighter-gray: #E1E1E1;
    -binjr-color-light-gray: #C2C2C2;
    -binjr-color-gray: #999999;
    -binjr-color-dark-gray: #666666;
    -binjr-color-darker-gray: #333333;
    -binjr-color-red: #E81123;
    -binjr-color-light-red: #F1707A;
}

.column-bold-text{
    /*-fx-text-fill: -binjr-command-bar-bg-color;*/
    -fx-font-weight:bold;
}

/********************************
*      button icons
********************************/

.command-bar * {
    -icon-scale-x: 3;
    -icon-scale-y: 3;
    -icon-color: white;
}

.command-bar .menu-icon {
    -fx-alignment: center_left;
    -fx-scale-y: .6;
    -fx-scale-x: .6;
    -fx-smooth: false;
}

.icon-container {
    -fx-padding: 0 0 0 14;
}

.context-menu .icon-container {
    -fx-padding: 0 14 0 8;
}

.command-bar .context-menu * {
    -icon-scale-x: 2.5;
    -icon-scale-y: 2.5;
}

.command-bar-menu-graphic {
    -fx-padding:6;
    -fx-fill:red;
}

.command-bar-menu-graphic Line {
    -fx-stroke:white;
}

/**********************************************/

.button {
    -fx-background-color: -binjr-color-lighter-gray;
    -fx-border-width:1;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-gray;
    -fx-border-radius:0;
    -fx-alignment: center;
}
.button:hover{
    -fx-border-color: -binjr-color-dark-gray;
}

.exit,
.add-tab-button,
.dialog-button,
.toggle-button,
.menu-button{
    -fx-background-color: -binjr-button-background-color;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-dark-gray;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center;
}

.dialog-button:hover,
.toggle-button:hover,
.menu-button:hover {
    -fx-background-color:-binjr-color-lighter-gray;
}

.dialog-button:hover:pressed,
.button:hover:pressed,
.menu-button:hover:pressed {
  -fx-opacity: 100%;
  -fx-background-color:-binjr-color-light-gray ;
  -fx-text-fill: white;
}



.toggle-button:pressed,
.toggle-button:default:hover:pressed,
.toggle-button:selected:hover:pressed {
  -fx-background-color:-binjr-color-gray ;
  -fx-text-fill: white;
}

.toggle-button:selected,
.menu-button:selected {
    -fx-background-color: -binjr-color-light-gray;
    -fx-text-fill: white;
}

.toggle-button:selected:hover,
.menu-button:selected:hover {
    -fx-background-color: -binjr-color-light-gray;
    -fx-border-color:-binjr-color-dark-gray;
    -fx-border-width:1;
    -fx-text-fill: white;
}

 .no-arrow-menu-button .arrow-button {
    -fx-padding:-2;
    -size:0;
    -fx-min-width:-size;
    -fx-pref-width:-size;
    -fx-max-width:-size;
    -fx-min-height:-size;
    -fx-pref-height:-size;
    -fx-max-height:-size;
     visibility: hidden;
 }


.chart-properties-button {
     -fx-opacity: 50%;
    -fx-background-color: white;
     -fx-scale-x: 0.75;
     -fx-scale-y: 0.75;
}

.chart-properties-button:hover {
     -fx-opacity: 100%;
}

.chart-properties-button:hover:pressed {
     -fx-opacity: 100%;
}


 /* TextField */
 .text-input,  .date-picker .text-input{
     -fx-background-radius: 0, 0;
         -fx-border-color:#bababa;
     -fx-background-color: white;
     -fx-background-insets: 0, 1;

     -fx-prompt-text-fill: #9f9f9f;

     /* -fx-highlight-fill: #008287; TODO: this probably is the "active" color" */
     -fx-highlight-text-fill: white;
 }

 .text-input:hover, .date-picker .text-input:hover {
     -fx-background-color: #8f8f8f, white;
 }

 .text-input:focused, .date-picker:focused, .date-picker .text-input:focused {
   /*     -fx-background-color: #5c5c5c, -binjr-button-background-color;*/
     -fx-border-color:-binjr-color-dark-gray;
   /*  -fx-text-fill: black;*/
 }

 /*******************************************************************************
  *                                                                             *
  * DatePicker                                                                  *
  *                                                                             *
  ******************************************************************************/
 .date-picker > .arrow-button > .arrow {
    -fx-shape: "m 79.073928,163.30869 v -4.49792 h 5.027083 5.027084 v 4.49792 4.49791 h -5.027084 -5.027083 z m 9.525,0.79375 v -3.175 h -4.497917 -4.497916 v 3.175 3.175 h 4.497916 4.497917 z m -8.466666,1.5875 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m -3.439583,-1.5875 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m -5.027083,-1.5875 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.5875,0 v -0.52917 h 0.529166 0.529167 v 0.52917 0.52916 h -0.529167 -0.529166 z m 1.852083,0 v -0.52917 h 0.529167 0.529166 v 0.52917 0.52916 h -0.529166 -0.529167 z m 1.5875,-2.64584 v -0.52916 h -4.497917 -4.497916 v 0.52916 0.52917 h 4.497916 4.497917 z";
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 0;/*1 0 -1 0, 0;*/
    -fx-padding: 8 9 ;/*0.416667em 0.416667em 0.333333em 0.333333em;*/
    -fx-snap-to-pixel: true;
    -fx-scale-shape: true;
    -fx-border-width:0;
    -fx-border-radius:0;
 }

 .date-picker {
    -fx-background-color: -binjr-button-background-color;
    -fx-background-insets: 0;
    -fx-border-width:0;
    -fx-border-radius:0;
 }
/*
 .date-picker .text-input{
     -fx-background-radius: 0, 0;

     -fx-background-color: -binjr-button-background-color, white;
     -fx-background-insets: 2, 2;
 }*/
  .date-picker > .arrow-button {
    -fx-background-color: -binjr-button-background-color;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center;

  }

 .date-picker > .arrow-button:hover {
     -fx-background-color: #d9d9d9;
     -fx-background-insets: 3 3 3 3;
     -fx-background-radius: 0;
 }

 .date-picker > .arrow-button:pressed {
     -fx-background-color: black;
 }

 .date-picker > .arrow-button:pressed > .arrow {
   /*  -fx-background-color: white;*/
 }

 .date-picker-popup {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > .month-year-pane {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > * > .spinner > .button {
     -fx-border-width:0;
     -fx-padding: 0.25em 0.583333em 0.25em 0.583333em; /* 3 7 3 7 */
 }

 .date-picker-popup > * > .spinner > .button {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > * > .spinner {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > * > .spinner > .button:hover {
     -fx-background-color: -binjr-color-lighter-gray;
 }

 .date-picker-popup > * > .spinner > .button:armed {
     -fx-background-color: #606060;
 }

 .date-picker-popup > * > .spinner > .button > .left-arrow,
 .date-picker-popup > * > .spinner > .button > .right-arrow {
     -fx-background-color: #606060;
     -fx-background-insets: 0;
     -fx-effect: null;
 }

 .date-picker-popup > * > .spinner > .button:pressed > .left-arrow,
 .date-picker-popup > * > .spinner > .button:pressed > .right-arrow {
     -fx-background-color: white;
     -fx-background-insets: 0;
 }

 .date-picker-popup > .calendar-grid {
     -fx-background-color: white;
     /*-fx-background-insets: 1 0 0 0;*/
     -fx-padding: 0;
 }

 .date-picker-popup > * > .previous-month,
 .date-picker-popup > * > .next-month {
     -fx-background-color: white;
     -fx-opacity: 0.3;
 }

 .date-picker-popup > * > .day-name-cell,
 .date-picker-popup > * > .week-number-cell {
     -fx-font-size: 0.75em;
     -fx-font-family: "Segoe UI Semibold", "Segoe UI", Helvetica, Arial, sans-serif;
 }

 /***********************************/
 .split-pane .split-pane-divider{
    -fx-pref-width:1;
    -fx-background-color: transparent;
    -fx-border-width:1;
    -fx-border-color:#C8C8C8;
 }

 .chart,
 .chart-plot-background{
    -fx-background-color: white;
    -fx-border-width:0;
 }

 .skinnable-pane-border {
   -fx-border-color:  -binjr-window-background-color;
   -fx-border-width:0;
      -fx-padding: -1;

 }
.table-view .column-header-background /*.nested-column-header .column-header*/  {
    -fx-border-width:1;
    -fx-border-color: #C8C8C8;
 }

.table-view,
.table-view .column-header-background,
.table-view .column-header-background .filler ,
.table-view .column-header-background .nested-column-header,
.table-view .column-header-background .nested-column-header .column-header {
    -fx-background-color: -binjr-window-background-color;
 }

 .table-view .virtual-flow .clipped-container .sheet .cell{
     -fx-border-width:0;
 }

/***********************************/
/*  Tab pane
/***********************************/

.tab-pane .tab-header-area{
    -fx-padding:0 0 0 0;
}

.tab-pane .tab-header-area .tab-header-background{
   /* visibility:false;*/
       -fx-background-color:#CCCCCC;
  /*  -fx-border-width:0;
   -fx-border-color:green;*/
}
.tab-pane .tab-header-area .headers-region .tab:hover{
    -fx-border-color:blue;
    -fx-background-color:E6E6E6;
}

.tab-pane .tab-header-area .headers-region .tab:selected{
    -fx-border-color:F4F4F4;
    -fx-background-color:F4F4F4;
}


.tab-pane .tab-header-area .headers-region .tab {
    -fx-padding: 4 6.0 3 6.0;
}

.tab-pane:focused .tab-header-area .headers-region .tab .tab-container  .focus-indicator {
    -fx-border-color:BABABA;
    -fx-border-width:0;
    -fx-border-radius:0;
}

.tab-pane .tab-header-area .headers-region .tab{
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-dark-gray;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-background-color:transparent;
}


.add-tab-button:hover {
    -fx-background-color:#BABABA;
}

.add-tab-button:pressed {
  -fx-background-color:#8b8b8b ;
  -fx-text-fill: white;
}

.add-tab-button {
    -size:29;
    -fx-min-height: -size;
    -fx-min-width: -size;
    -fx-max-height: -size;
    -fx-max-width: -size;
    -fx-content-display: graphic-only;
}

.add-tab-button-icon {
    -fx-background-color:black;
    -fx-shape: "m 31.25,54.09375 0,2.4375 -2.46875,0 0,0.375 2.46875,0 0,2.46875 0.375,0 0,-2.46875 2.46875,0 0,-0.375 -2.46875,0 0,-2.4375 -0.375,0 z";
  /*  -fx-smooth: false;*/
    -fx-fill: black;
    -fx-scale-x: 2;
    -fx-scale-y: 2;

}

 /*******************************************************************************
  *                                                                             *
  * ScrollBar                                                                   *
  *                                                                             *
  ******************************************************************************/

 .scroll-bar > .thumb{
     -fx-background-color: #BABABA;
     -fx-background-insets: 0;
     -fx-background-radius: 0;
 }

 .scroll-bar > .thumb:hover {
     -fx-background-color: #8B8B8B;
 }

 .scroll-bar > .thumb:pressed {
     -fx-background-color: #606060;
 }

 .scroll-bar > .track {
     -fx-background-color: #f0f0f0;
     -fx-background-insets: 0;
     -fx-background-radius: 0;
 }
 .scroll-bar > .track-background {
     -fx-background-color: #f0f0f0;
     -fx-background-insets: 0;
 }

 .scroll-bar > .increment-button,
 .scroll-bar > .decrement-button {
     -fx-background-color: #f0f0f0;
     -fx-background-insets: 0;
     -fx-background-radius: 0;

     -fx-padding: 0.25em; /* 3 */
 }

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

 .scroll-bar > .increment-button:pressed,
 .scroll-bar > .decrement-button:pressed {
     -fx-background-color: #606060;
 }

 .scroll-bar > .decrement-button > .decrement-arrow,
 .scroll-bar > .increment-button > .increment-arrow{
     -fx-background-insets: 1 0 -1 0, 0;
     -fx-background-color: -binjr-button-background-color, #606060;
     -fx-effect: null;
 }

 .scroll-bar > .decrement-button:pressed > .decrement-arrow,
 .scroll-bar > .increment-button:pressed > .increment-arrow {
     -fx-background-color: -binjr-button-background-color, white;
     -fx-effect: null;
 }

 .scroll-bar:vertical > .increment-button > .increment-arrow,
 .scroll-bar:vertical > .decrement-button > .decrement-arrow {
     -fx-padding: 0.333333em 0.5em 0.0em 0.0em; /* 4 6 0 0 */
 }

 .scroll-bar:horizontal > .increment-button > .increment-arrow,
 .scroll-bar:horizontal > .decrement-button > .decrement-arrow {
     -fx-padding: 0.5em 0.333333em 0.0em 0.0em; /* 6 4 0 0 */
 }
.scroll-bar{
    -fx-padding:1;

}

 .scroll-bar:disabled {
     -fx-opacity: 0.4;
 }

 /* ARROW SHAPES */
 .scroll-bar:horizontal > .decrement-button > .decrement-arrow {
     -fx-shape: "M11,17H8.111l-3.86-4.124l3.86-4.125H11l-3.375,4.125L11,17z";
 }

 .scroll-bar:horizontal > .increment-button > .increment-arrow {
     -fx-shape: "M7.626,12.876L4.251,8.751H7.14L11,12.876L7.14,17H4.251L7.626,12.876z";
 }

 .scroll-bar:vertical > .decrement-button > .decrement-arrow {
     -fx-shape: "M4,17v-2.889l4.124-3.86l4.125,3.86V17l-4.125-3.375L4,17z";
 }

 .scroll-bar:vertical > .increment-button > .increment-arrow {
     -fx-shape: "M8.124,13.625l4.125-3.375v2.889l-4.125,3.86L4,13.139V10.25L8.124,13.625z";
 }

 .add-source-background-icon,
 .add-worksheet-background-icon{
    -fx-text-fill:  -binjr-color-lighter-gray;
 }


 .add-source-background-icon:hover,
 .add-worksheet-background-icon:hover{
    -fx-text-fill:  -binjr-color-gray;
 }

 .add-worksheet-background-icon .addWorksheet-icon,
 .add-source-background-icon .addSource-icon {
  -fx-scale-x:20;
  -fx-scale-y:20;
  -fx-background-color:-binjr-color-lighter-gray;
}

 .add-worksheet-background-icon .addWorksheet-icon:hover,
 .add-source-background-icon .addSource-icon:hover,
 .add-worksheet-background-icon .addWorksheet-icon:hover:pressed,
 .add-source-background-icon .addSource-icon:hover:pressed {
  -fx-background-color:-binjr-color-gray;
}

.toolPane {
  -fx-background-color: white;

 /* -fx-opacity:90%;*/
/*  -fx-border-width:1;
  -fx-border-color:#C8C8C8;*/
}


.toolPane .scroll-pane .viewport .text {
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.toolPane .pane-title {
  -fx-font-family:"Segoe UI Light", "Segoe UI", Helvetica, Arial, sans-serif;
  -fx-font-size: 13pt;
}
.toolPane .content,
.toolPane .title,
.toolPane .scroll-pane,
.toolPane .scroll-pane .viewport {
    -fx-background-color: transparent;
    -fx-border-width:0;
  }

 /****************************
  Command bar
  ***************************/
 .command-bar {
    -fx-background-color: -binjr-command-bar-bg-color;
  /*  -fx-pref-width: 48;*/
  /*  -fx-min-width: 48;*/
 }

.command-bar:expanded {
/*  -fx-min-width: 200;
-fx-pref-width: 200;
-fx-max-width: 200;
*/
}
.command-bar .button,
.command-bar .toggle-button,
.command-bar .menu-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: -binjr-color-dark-gray;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center_left;
}

.command-bar .button:hover,
.command-bar .toggle-button:hover,
.command-bar .menu-button:hover {
    -fx-background-color:-binjr-command-bar-accent-color;
}


.command-bar .button:hover:pressed,
.command-bar .menu-button:hover:pressed {
    -fx-background-color:#4BACC6;
    -fx-text-fill: white;
}

.command-bar .toggle-button:pressed,
.command-bar .toggle-button:default:hover:pressed,
.command-bar .toggle-button:selected:hover:pressed {
    -fx-background-color:-binjr-color-gray ;
    -fx-text-fill: white;
}

.command-bar .toggle-button:selected,
.command-bar .menu-button:selected {
     -fx-background-color: -binjr-command-bar-accent-color;
     -fx-text-fill: white;
}

.command-bar .toggle-button:selected:hover,
.command-bar .menu-button:selected:hover {
     -fx-background-color: -binjr-command-bar-accent-color;
     -fx-border-color:-binjr-color-dark-gray;
     -fx-border-width:1;
     -fx-text-fill: white;
}

.command-bar .menu-button .arrow-button {
     -fx-padding:-2;
      visibility: hidden;
}


.command-bar:expanded .menu-button .arrow-button {
     -fx-padding:10;
     -fx-fill: white;
      visibility: visible;
}
.command-bar .arrow {
     -fx-background-color:white;
}
.command-bar .titled-pane:focused .arrow {
    -fx-effect:null;
}

.command-bar:expanded  .menu-button .label,
.command-bar:expanded .button {
    -fx-content-display:left;
}

.command-bar .menu-button .label,
.command-bar .button {
    -fx-alignment: center_left;
    -fx-graphic-text-gap:20;
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 11pt;
}

.command-bar .square-button {
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.command-bar .border-button {
    -fx-border-width:2;
    -fx-border-color:white;
}

.command-bar .border-button:hover:pressed,
.command-bar .border-button:hover {
    -fx-border-color:#4BACC6;
}

.command-bar  .titled-pane{
    -fx-alignment: center_left;
    -fx-graphic-text-gap:20;
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 11pt;
}

.command-bar  .label{
    -fx-alignment: center_left;
    -fx-graphic-text-gap:20;
    -fx-text-fill:white;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.command-bar .separator{
    -fx-border-width:0;
    -fx-border-color: white;
    -fx-border-style: solid;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-background-color:transparent;
}

.command-bar .arrow {
    -fx-fill-color: red;
}

.command-bar  .content,
.command-bar .scroll-pane .viewport,
.command-bar .title {
    -fx-background-color: -binjr-command-bar-bg-color;
    -fx-border-width:0;
  }


.icon-button{

}

   .exit:hover,
   .command-bar .exit:hover {
       -fx-background-color: -binjr-color-red;
   }

  .exit:hover *{
    -icon-color: white;
  }

  .command-bar .exit:hover:pressed,
  .exit:hover:pressed{
       -fx-background-color: -binjr-color-light-red;
   }


/*** Menu ***/

.command-bar .context-menu {
    -fx-background-color: -binjr-command-bar-bg-color;
    -fx-text-fill:white;
    -fx-border-color: white;
    -fx-border-style: solid;
    -fx-content-display:left;
}

.context-menu .label{
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 10pt;
}

.command-bar .menu-item{
    -fx-padding: 10 10 10 10 ;
}

.menu-item {
    -fx-padding: 8 ;
}

.command-bar .menu-item:focused {
    -fx-content-display:left;
    -fx-background: -fx-accent;
    -fx-background-color: -binjr-command-bar-accent-color;
}

.command-bar .menu-item:pressed {
    -fx-background-color: #4BACC6;
}

.command-bar .pane-title {
    -fx-alignment: center_left;
    -fx-text-fill:white;
    -fx-font-family:"Segoe UI Light", "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 18pt;
}

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

.command-bar .choice-box {
    -fx-background-color: transparent;
    -fx-border-color:white;
    -fx-border-width:2;
    -fx-background-radius: 0, 0, 0, 0;
    -fx-padding: 0em 0.166667em 0em 0.166667em;
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}



.command-bar .choice-box:hover {
    -fx-background-color: -binjr-command-bar-accent-color;
     -fx-border-color:#4BACC6;
}

.command-bar .choice-box:disabled {
    -fx-opacity: .4;
}


.choice-box {
    -fx-background-color: -binjr-window-background-color; /*-binjr-button-background-color;*/
    -fx-border-color: -binjr-color-gray;
    -fx-border-width:1;
    -fx-background-radius: 0, 0, 0, 0;
    -fx-padding: 0em 0.166667em 0em 0.166667em;
    -fx-background-insets: -1.4, 0, 1, 2;
}

.choice-box:hover {
    -fx-border-color: -binjr-color-dark-gray;
}

.choice-box:pressed:hover {
    -fx-background-color: -binjr-color-lighter-gray;
    -fx-border-color: -binjr-color-gray;
}

.choice-box:disabled {
    -fx-opacity: .4;
}

/*****************************************************************/

.radio-menu-item:checked > .left-container > .radio {
    -fx-shape: "M9.005,17.766l13.759,14.739h1.716L49.02,0l10.298,8.488L25.997,50.453h-3.629L0,26.897L9.005,17.766z";
    -fx-padding:7px;
    -fx-scale-shape: true;
}

/*** Color picker ***/

.borderless-color-picker,
.borderless-color-picker:hover {
    -fx-color-label-visible: false;
    -fx-background-color: transparent;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-color: red;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center;
}

.borderless-color-picker .label {
    -fx-padding: 0;
}

.borderless-color-picker .label .rectangle {
    -fx-padding: 0;
    -fx-border-insets: 0;
    -fx-alignment: center;
}

 .borderless-color-picker .arrow-button {
    -fx-padding:-2;
     visibility: hidden;
 }

/*******************************************************************************
 *                                                                             *
 * ToggleSwitch                                                                *
 *                                                                             *
 ******************************************************************************/
.toggle-switch{
    -thumb-move-animation-time: 200;
}

.toggle-switch .text {
    -fx-text-fill: black;
    -fx-padding: 0,0,0,-10;
}

.toggle-switch .thumb {
    -fx-background-color: black;
    -fx-background-insets: 5, 2, 2;
    -fx-background-radius: 1.0em; /* large value to make sure this remains circular */
    -fx-padding: 0.75em;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}
.command-bar .toggle-switch {
      -fx-font-size: 9pt;
}

.command-bar .toggle-switch .thumb {
    -fx-background-color: white;
}

.command-bar .toggle-switch .thumb-area {
   -fx-border-color:white;
}

.command-bar .toggle-switch .text {
    -fx-font-size: 16pt;
    -fx-text-fill: white;
}

.toggle-switch .thumb-area{
    -fx-background-radius: 1em;
    -fx-background-color: -binjr-button-background-color;
    -fx-background-insets: 0, 1;
    -fx-border-color:black;
    -fx-border-radius:1em;
    -fx-border-width:2;
}

.toggle-switch:hover .thumb {
    -fx-color: -fx-hover-base
}

.toggle-switch:selected .thumb-area{
    -fx-background-color: #4BACC6;
     /*linear-gradient(to bottom, derive(-fx-text-box-border, -20%), derive(-fx-text-box-border, -30%)),
                            linear-gradient(to bottom, derive(#0b99c9, 30%), #0b99c9);*/
    -fx-background-insets: 0, 1;
}

.toggle-switch .thumb-area{
    -fx-padding: 0.5em 1.333333em 0.7em 1.333333em; /* 7 16 7 16 */
}

.toggle-switch:disabled{
    -fx-opacity: 0.4;
}

/*******************************************************************************
 *                                                                             *
 * Slider                                                                      *
 *                                                                             *
 ******************************************************************************/

.slider .thumb {
    -fx-background-color: black;
    -fx-background-insets: 0;
    -fx-background-radius: 0em;
    -fx-padding: 0.333333em; /* 4 */

    -fx-effect: null;
}
.slider:focused .thumb {
    -fx-background-radius: 0em;
}

.slider .track {
    -fx-background-color: #c6c6c6;
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-padding: 0.333333em; /* This value must be equal to ".slider .thumb" padding */
}

.slider .fill {
    -fx-background-color: #00828b;
    -fx-padding: 0.333333em; /* This value must be equal to ".slider .thumb" padding */
}

.slider .fill:hover {
    -fx-background-color: #219297;
}

.slider .fill:pressed {
    -fx-background-color: #25bbc4;
}

/*******************************************************************************
 *                                                                             *
 * MaskerPane                                                                  *
 *                                                                             *
 ******************************************************************************/
 .masker-pane {}

 .masker-pane .masker-glass {
    /* -fx-background-color: rgba(0, 0, 0, .3);*/
     -fx-background-color: rgba(255, 255, 255, .6);
    /* -fx-background-color: transparent;*/
 }

 .masker-pane .masker-text {
    -visibility:false;
     -fx-text-fill: white;
     -fx-font-weight: bold;
 }

 .masker-pane .masker-center {
     -fx-background-color:transparent;
    /*  -fx-background-color: rgba(255, 255, 255, .6);
   /*  -fx-background-color: rgba(0, 0, 0, .6);*/

     -fx-max-height: 1.50in;
     -fx-padding: .25in;
     -fx-background-radius: .1in;
 }



{'fraction_non_alphanumeric': 0.21413161763302085, 'fraction_numerical': 0.06764161209645086, 'mean_word_length': 2.285454431411905, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 171, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 96, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '397186', 'n_tokens_mistral': 21942, 'n_tokens_neox': 19468, 'n_words': 3084}