
.root {

    /* These are needed for Popup */
    -fx-background-color: inherit;
    -fx-background-radius: inherit;
    -fx-background-insets: inherit;
    -fx-padding: inherit;
    
    
    
    /****************
    *                *
    * AQUA STUFF    *
    *                *
    ****************/
    -fx-text-base-color: black;
    -fx-text-fill: -fx-text-base-color;
    
    /* background color for dialogs */
    -fx-background-color: rgb(237.0, 237.0, 237.0);
    /*     default font */
    -fx-font-family: 'lucida-grande';
    -fx-font-size: 13.0;
    -fx-disabled-opacity: 0.6; 
    
     /* The color to use in ListView/TreeView/TableView to indicate hover. */
    -fx-cell-hover-color: rgb(182.0, 214.0, 253.0);
    
    -toggle-selected-base:linear-gradient(rgb(94.0, 94.0, 94.0) 0.0%, rgb(120.0, 120.0, 120.0) 10.0%, 
        rgb(150.0, 150.0, 150.0) 85.0%, rgb(177.0, 177.0, 177.0) 98.0%, rgb(97.0, 97.0, 97.0) 100.0%); 
    
    -toggle-armed-base:linear-gradient(rgb(87.0, 87.0, 87.0) 0.0%, rgb(113.0, 113.0, 113.0) 12.0%, 
        rgb(125.0, 125.0, 125.0) 87.0%, rgb(129.0, 129.0, 129.0) 87.1%, rgb(155.0, 155.0, 155.0) 100.0%); 

    -toggle-shadow-armed: linear-gradient(to right, rgb(87.0, 87.0, 87.0, 0.5) 0.0%, transparent 3.0%, transparent 97.0%, rgb(87.0, 87.0, 87.0, 0.5) 100.0%);
    -toggle-shadow: linear-gradient(to right, rgb(87.0, 87.0, 87.0, 0.3) 0.0%, transparent 3.0%, transparent 97.0%, rgb(87.0, 87.0, 87.0, 0.3) 100.0%);

    -choice-base: linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 100.0% );
}


.mnemonic-underline {
    -fx-stroke: transparent;
}

.text {
    -fx-font-smoothing-type: lcd;
}

/*******************************************************************************
 *                                                                             *
 * Mac OS X Icons for AquaFX                                                   *
 *                                                                             *
 ******************************************************************************/

.aqua-icon-left {
    -fx-shape: "m 21.476623,22.412699 15.438495,-7.462538 0.01821,16.024043 -15.521311,-7.981785 z";
    -fx-background-color: rgb(66.0, 66.0, 66.0), linear-gradient(rgb(111.0, 111.0, 111.0), rgb(136.0, 136.0, 136.0));
    -fx-background-insets: 4.0 0.0 3.0 0.0, 4.0 0.0 3.0 0.0; 
    -fx-padding: 0.3em;
    -fx-effect: innershadow( two-pass-box , rgba(0.0,0.0,0.0,0.6) , 1.5, 0.0 , 0.0 , 1.0 );
}

.aqua-icon-right {
    -fx-shape: "M 36.862955,22.344745 21.42446,14.882207 21.40625,30.90625 36.927561,22.924465 z";
    -fx-background-color: rgb(66.0, 66.0, 66.0), linear-gradient(rgb(111.0, 111.0, 111.0), rgb(136.0, 136.0, 136.0));
    -fx-background-insets: 4.0 0.0 3.0 0.0, 4.0 0.0 3.0 0.0; 
    -fx-padding: 0.3em;
    -fx-effect: innershadow( two-pass-box , rgba(0.0,0.0,0.0,0.6) , 1.5, 0.0 , 0.0 , 1.0 );
}

.icon-share-square {
    -fx-shape: "m 69.611802,39.995004 -12.790177,-0.03535 c -0.374468,0.09213 -0.851422,-0.09846 -0.916102,0.84819 l 0.09397,19.084778 c 0.0038,0.294514 0.171796,0.58903 0.751643,0.883545 l 24.922598,0.03535 c 0.60304,0.01989 1.125882,-0.121103 1.233244,-1.095593 l 0,-6.231906 -2.842191,2.615281 -0.07049,2.026307 -21.035173,0.117794 0.04702,-15.326815 5.931191,-0.01181 c 0.676927,-1.728175 3.055251,-2.126767 4.674468,-2.90977 z"; 
    -fx-padding: 0.05em 0.5em 0.05em 0.5em;
    -fx-background-color: rgb(141.0, 141.0, 141.0), rgb(141.0, 141.0, 141.0);
    -fx-background-insets: 2.5 0.0 3.0 -1.0, 3.0 0.5 2.5 -0.5; 
    -fx-effect: innershadow( two-pass-box , rgba(0.0,0.0,0.0,0.2) , 1.5, 0.0 , 0.0 , 1.0 );
}

.icon-share-arrow {
    -fx-shape: "m 77.952815,36.659844 0,5.466211 c -1.042987,-0.15108 -2.227346,-0.16083 -3.770872,0.188486 -7.625243,1.625677 -9.11216,5.851797 -10.275626,11.497892 2.499753,-3.261409 3.94321,-5.366894 10.46417,-6.691396 0.92597,-0.165446 1.527565,-0.493035 3.393784,-0.18849 l 0.188544,5.27772 8.673006,-7.256866 c 0.503982,-0.401547 0.217032,-0.715237 0,-1.036695 z";
    -fx-padding: 0.03em 0.5em 0.03em 0.3em;
    -fx-background-color: rgb(114.0, 114.0, 114.0);
    -fx-background-insets: 0.5 -2.0 5.5 3.0; 
    -fx-effect: innershadow(one-pass-box, rgba(0.0,0.0,0.0,0.8), 1.5, 0.0, -0.5, 1.0);
}

.button:armed > .icon-left,
.button:armed > .icon-right {
    -fx-background-color: rgb(66.0, 66.0, 66.0), linear-gradient(rgb(50.0, 50.0, 50.0), rgb(107.0, 107.0, 107.0));
}

.button.button-type-help {
    -fx-border-radius: 1.0em;
    -fx-background-radius: 1.0em, 1.0em;
    -fx-padding: 0.0em 0.307692em -0.076923em 0.307692em;
    -fx-font-weight: bold;
    -fx-font-size: 16.0;
}

.button.button-type-help:armed {
    -fx-background-color: rgb(255.0, 255.0, 255.0),
        linear-gradient(rgb(224.0, 224.0, 224.0) 25.0%, rgb(213.0, 213.0, 213.0) 50.0%, rgb(207.0, 207.0, 207.0) 50.0%, rgb(210.0, 210.0, 210.0) 100.0% );
}

.button.button-type-round-rect {
    -fx-border-radius: 1.0em;
    -fx-background-radius: 1.0em, 1.0em;
}

/**
 * SearchField (TextField) specials
 */
.text-field.textfield-type-search,
.text-field.textfield-type-round-rect {
    -fx-show-search-icon: true;
    -fx-background-radius: 0.8em, 0.8em, 0.8em, 0.8em, 0.8em; 
    -fx-border-radius: 0.8em, 0.8em;
    -fx-padding: 0.166667em 1.5em 0.166667em 1.5em;
    -fx-background-insets: 0.0 0.5 3.5 0.5, 0.5 1.0 4.0 1.0, 0.5 1.0 4.5 1.0, 0.5 1.0 4.0 1.0;
}

.text-field.textfield-type-round-rect { 
    -fx-padding: 0.166667em 0.5em 0.166667em 0.5em;
}

.search-icon{
    -fx-shape: "m 347.69086,521.53432 c -5.66845,0 -9.46303,3.70311 -9.40904,9.34654 0.0462,4.83336 2.77728,9.09947 9.36356,9.36942 1.89611,0.0777 3.71636,-0.61031 5.21024,-1.48298 l 5.84627,6.2327 3.07686,-2.95744 -5.90318,-6.0367 c 1.63819,-2.63376 1.49391,-5.24942 1.31808,-6.58272 -0.73998,-5.61127 -5.42829,-8.03363 -9.50279,-7.88877 z m -0.17048,3.30413 c 4.04899,0.0153 6.11399,3.03614 6.28683,5.56794 0,2.76781 -2.00027,6.12608 -6.17885,6.18457 -3.07717,0.0431 -5.8923,-2.66304 -5.9089,-5.80664 -0.0166,-3.14754 2.30739,-5.67592 5.80092,-5.94587 z";
    -fx-background-color: rgb(116.0, 116.0, 116.0);
    -fx-scale-shape: true;
    -fx-background-insets: 4.5 6.0 8.0 6.0;
}

.cancel-search-icon{
    -fx-shape: "m 310.73434,226.07989 c -7.6712,0 -13.90445,6.23325 -13.90445,13.90445 0,7.67119 6.23325,13.87327 13.90445,13.87327 7.67119,0 13.87327,-6.20208 13.87327,-13.87327 l 0,-0.0935 c -0.0471,-7.63764 -6.23552,-13.81097 -13.87327,-13.81097 z m -4.67638,7.17045 4.86344,4.89462 4.86344,-4.89462 1.83937,1.83938 -4.86344,4.89462 4.86344,4.86344 -1.83937,1.83938 -4.86344,-4.89462 -4.86344,4.89462 -1.80821,-1.83938 4.86344,-4.86344 -4.86344,-4.89462 1.80821,-1.83938 z";
    -fx-background-color: rgb(185.0, 185.0, 185.0);
    -fx-scale-shape: true;
    -fx-backgronud-insets: 0.0;
}

/*******************************************************************************
 *                                                                             *
 * GroupBox                                                                    *
 * This is not a Control. The class should be applied to Layouts,              *
 * to achieve the GroupBox-Effect, which is used in Mac OS X.                  *
 * (See TabPane)                                                               *
 *                                                                             *
 ******************************************************************************/
.aqua-group-box {
    -fx-padding: 5.0;
    -fx-border-width: 0.5;
    -fx-border-radius: 6.0;
    -fx-border-insets: 0.0;
    -fx-background-insets: 0.0;
    -fx-background-radius: 6.0;    
    -fx-border-color: rgb(193.0, 193.0, 193.0);
    -fx-background-color: rgb(227.0, 227.0, 227.0),
        linear-gradient(to right, rgb(168.0, 168.0, 168.0, 0.5) 0.0%, transparent 0.4%, transparent 99.6%, rgb(168.0, 168.0, 168.0, 0.5));
    -fx-effect: innershadow(one-pass-box, rgb(168.0, 168.0, 168.0, 0.6), 4.0, 0.6, 0.0, 2.0);
}

/*******************************************************************************
 *                                                                             *
 * Size variants of Controls                                                   *
 * see https://developer.apple.com/library/mac/#technotes/tn2007/tn2196.html   *
 *                                                                             *
 ******************************************************************************/
.size-variant-small {
    -fx-font-size: 11.0;
}

.size-variant-mini {
    -fx-font-size: 9.0;
}

.button.size-variant-small,
.toggle-button.size-variant-small {
    -fx-border-radius: 3.0;
    -fx-background-radius: 3.0, 3.0;
    -fx-padding: 0.12em 0.85em 0.05em 0.85em;
}

.button.size-variant-mini,
.toggle-button.size-variant-mini {
    -fx-border-radius: 2.0;
    -fx-padding: 0.12em 0.85em 0.05em 0.85em;
}

.check-box.size-variant-small > .box {
    -fx-padding: 5.0;
    -fx-border-radius: 3.0;
    -fx-background-radius: 3.0, 3.0;
}

.check-box.size-variant-small > .box > .mark{
    -fx-background-insets: -3.0 -1.5 3.0 1.5;
}

.check-box:indeterminate.size-variant-small > .box > .mark {
    -fx-background-insets: -0.5 1.5 0.5 0.5;
}

.check-box.size-variant-mini > .box {
    -fx-padding: 4.0;
    -fx-border-radius: 2.0;
    -fx-background-radius: 2.0, 2.0;
}

.check-box.size-variant-mini > .box > .mark{
    -fx-background-insets: -1.5 0.0 4.0 2.5;
}

.check-box:indeterminate.size-variant-mini > .box > .mark {
    -fx-background-insets: -0.25 2.0 0.75 1.0;
}

.radio-button.size-variant-small > .radio  {
    -fx-padding: 2.5;
}

.radio-button.size-variant-mini > .radio  {
    -fx-padding: 1.5;
}

.combo-box.size-variant-small > .list-cell {
    -fx-border-radius: 3.0 0.0 0.0 3.0;
    -fx-background-radius: 3.0 0.0 0.0 3.0, 3.0 0.0 0.0 3.0;
}

.combo-box-base.size-variant-small > .arrow-button {
    -fx-background-radius: 0.0 3.0 3.0 0.0, 0.0 2.5 2.5 0.0, 0.0 2.5 2.5 0.0;
    -fx-border-radius: 0.0 3.0 3.0 0.0;
}

.combo-box.size-variant-mini > .list-cell {
    -fx-border-radius: 2.0 0.0 0.0 2.0;
    -fx-background-radius: 2.0 0.0 0.0 2.0, 2.0 0.0 0.0 2.0;
}

.combo-box-base.size-variant-mini > .arrow-button {
    -fx-background-radius: 0.0 2.0 2.0 0.0, 0.0 1.5 1.5 0.0, 0.0 1.5 1.5 0.0;
    -fx-border-radius: 0.0 2.0 2.0 0.0;
}

.choice-box.size-variant-small {
    -fx-border-radius: 3.0;
    -fx-background-radius: 3.0, 3.0;
}


.choice-box.size-variant-mini {
    -fx-border-radius: 2.0;
    -fx-background-radius: 2.0, 2.0;
}

.slider.alternative-thumb.size-variant-small > .thumb,
.slider.alternative-thumb.size-variant-mini > .thumb {
    -fx-background-insets: 0.5 0.0 -1.5 0.0;
    -fx-border-insets: 0.5 0.0 -1.5 0.0;
    -fx-scale-shape: true;
}

/*******************************************************************************
 *                                                                             *
 * Label                                                                       *
 *                                                                             *
 ******************************************************************************/

.label {
    -fx-text-fill: -fx-text-base-color;
}

.label:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.label:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
} 



/*******************************************************************************
 *                                                                             *
 * Button & ToggleButton                                                       *
 *                                                                             *
 ******************************************************************************/

.button{
    -fx-skin: "com.aquafx_project.controls.skin.AquaButtonSkin";
}

.toggle-button {
    -fx-skin: "com.aquafx_project.controls.skin.AquaToggleButtonSkin";
}

.button, .toggle-button{
    /* gradients for glossy-aqua-effect */
    -fx-background-color: rgb(255.0, 255.0, 255.0),
        linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets:  0.0, 1.0;
    -fx-background-radius: 4.0, 4.0;
    -fx-border-radius: 4.0;
    -fx-border-width: 0.5;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0);
    -fx-padding: 0.08em 0.85em 0.09em 0.85em;
    
    -fx-text-fill: -fx-text-base-color;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}

 .button:armed, .button:default:armed{
    -fx-background-color:
        linear-gradient(rgb(190.0, 214.0, 237.0) 0.0%, rgb(178.0, 213.0, 237.0) 100.0% ),
        linear-gradient(rgb(165.0, 193.0, 238.0) 0.0%, rgb(108.0, 161.0, 231.0) 50.0%,
        rgb(74.0, 138.0, 217.0) 50.0%, rgb(105.0, 167.0, 236.0) 75.0%, rgb(152.0, 201.0, 238.0) 100.0%
        ),
        radial-gradient(focus-angle 180.0deg, focus-distance 95.0%, center 1.0% 50.0%,
        radius 50.0%, #78b0ee, transparent),
        radial-gradient(focus-angle 0.0deg, focus-distance 95.0%, center 100.0% 50.0%,
        radius 50.0%, #78b0ee, transparent);
    -fx-background-insets: 0.0, 0.0, 1.0 1.0 1.0 2.0, 1.0 2.0 1.0 1.0;
    -fx-background-radius: 4.0, 4.0, 4.0, 4.0;
    -fx-border-color: rgb(100.0, 103.0, 124.0);
}

.toggle-button:selected{
    -fx-background-color: rgb(97.0, 97.0, 97.0), -toggle-selected-base, -toggle-shadow;
    -fx-background-insets:0.0, 1.0 1.0 0.5 1.0, 1.0;
    -fx-text-fill: white;
    -fx-effect:innershadow(one-pass-box, rgb(94.0, 94.0, 94.0, 0.5), 5.5, 0.7, 0.0, 2.0);
}

.toggle-button:armed, .toggle-button:selected:armed{
    -fx-background-color: rgb(87.0, 87.0, 87.0), -toggle-armed-base, -toggle-shadow-armed;
    -fx-background-insets:0.0, 1.0 1.0 0.0 1.0, 1.0;
    -fx-text-fill: white;
}


.button:default {
    -fx-border-color: rgb(100.0, 103.0, 124.0);
}

.button:disabled, .toggle-button:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.button:show-mnemonics > .mnemonic-underline, .toggle-button:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
}

/*********** PILL BUTTONS *****************************************************/

.button.left-pill,
.toggle-button.left-pill {
    -fx-background-radius: 4.0 0.0 0.0 4.0, 4.0 0.0 0.0 4.0;
    -fx-background-insets:  0.0, 1.0 0.0 0.0 1.0;
    -fx-border-radius: 4.0 0.0 0.0 4.0;
    -fx-border-width:0.5 0.0 0.5 0.5;
}

.button.center-pill,
.toggle-button.center-pill {
    -fx-background-radius: 0.0, 0.0;
    -fx-background-insets:  0.0, 1.0 0.0 0.0 0.0;
    -fx-border-radius: 0.0;
    -fx-border-width:0.5 0.0 0.5 1.0;
    -fx-border-style: solid solid solid segments(15.0, 2.5) phase 15.0 ;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0)
        rgb(203.0, 203.0, 203.0);
}

.button.right-pill,
.toggle-button.right-pill {
    -fx-background-radius: 0.0 4.0 4.0 0.0, 0.0 4.0 4.0 0.0;
    -fx-background-insets:  0.0, 1.0 1.0 0.0 0.0;
    -fx-border-radius: 0.0 4.0 4.0 0.0;
    -fx-border-width:0.5 0.5 0.5 1.0;
    -fx-border-style: solid solid solid segments(15.0, 2.25) phase 15.0 centered;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0)
        rgb(203.0, 203.0, 203.0);
}

.button.center-pill.neighbor,
.toggle-button.center-pill.neighbor{
    -fx-border-style: solid solid solid solid;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0)
        rgb(74.0, 74.0, 74.0);
}

.button.right-pill.neighbor,
.toggle-button.right-pill.neighbor {
    -fx-border-style: solid solid solid solid centered;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0)
        rgb(74.0, 74.0, 74.0);
}

.button.center-pill:armed,
.toggle-button.center-pill:selected, .toggle-button.center-pill:selected:armed {
    -fx-border-width:0.5 0.0 0.5 1.0;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(74.0, 74.0, 74.0) rgb(129.0, 129.0, 129.0)
        rgb(74.0, 74.0, 74.0);
    -fx-border-style: solid solid solid solid;
}

.button.right-pill:armed,
.toggle-button.right-pill:selected, .toggle-button.right-pill:selected:armed {
    -fx-border-width:0.5 0.5 0.5 1.0;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0)
        rgb(74.0, 74.0, 74.0);
    -fx-border-style: solid solid solid solid centered;
}

/*******************************************************************************
 *                                                                             *
 * RadioButton                                                                 *
 *                                                                             *
 ******************************************************************************/

.radio-button {
    -fx-skin: "com.aquafx_project.controls.skin.AquaRadioButtonSkin";
    -fx-label-padding: 0.0em 0.0em 0.0em 0.384615em;
    -fx-text-fill: -fx-text-base-color;
}

.radio-button > .radio,
.radio-button > .radio.unfocused {
    -fx-border-width: 0.5;
    -fx-border-insets: 0.0
0.0 1.0 0.0;     -fx-border-color: rgb(129.0, 129.0, 129.0);
    -fx-border-radius: 1.0em;
    -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 25.0%,  
            rgb(244.0, 244.0, 244.0) 50.0%, rgb(236.0, 236.0, 236.0) 51.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: 0.0 0.0 1.0 0.0, 1.0 0.0 2.0 0.0;
    -fx-background-radius: 1.0em;
    -fx-padding: 0.269231em;
}

.radio-button:armed > .radio {
    -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(
            rgb(224.0, 224.0, 224.0) 0.0%, rgb(214.0, 214.0, 214.0) 50.0%,  
            rgb(207.0, 207.0, 207.0) 51.0%, rgb(208.0, 208.0, 208.0) 100.0% );
    -fx-background-radius: 1.0em, 1.0em;
}

.radio-button:selected > .radio {
    -fx-border-color: linear-gradient(
        rgb(100.0, 103.0, 124.0) 0.0%, rgb(92.0, 94.0, 116.0) 100.0%);
    -fx-background-color: 
        linear-gradient(
            rgb(228.0, 250.0, 255.0) 0.0%, #91bdee 50.0%, 
            #78b0ee 51.0%, rgb(228.0, 250.0, 255.0) 100.0% );
    -fx-background-insets: 0.0 0.0 1.0 0.0;
    -fx-background-radius: 1.0em;
}

.radio-button:selected:disabled > .radio {
    -fx-background-color: linear-gradient(
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 25.0%,  
            rgb(244.0, 244.0, 244.0) 50.0%, rgb(236.0, 236.0, 236.0) 51.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: 0.0 0.0 1.0 0.0;
    -fx-background-radius: 1.0em;
}

.radio-button:selected:armed > .radio{
    -fx-background-color: 
        linear-gradient(
            rgb(151.0, 199.0, 225.0) 0.0%, rgb(103.0, 159.0, 222.0) 50.0%,  
            rgb(70.0, 144.0, 227.0) 50.0%, rgb(119.0, 178.0, 233.0) 82.0%, rgb(165.0, 205.0, 237.0) 100.0% );
            -fx-background-insets: 0.0 0.0 1.0 0.0;
            -fx-background-radius: 1.0em;
}

.radio-button > .radio > .dot {
    -fx-background-color: transparent;
    -fx-background-insets: 1.0;
    -fx-background-radius: 1.0em;
    -fx-padding: 0.25em; 
}

.radio-button:selected > .radio > .dot {
    -fx-background-color: black;
    -fx-effect: dropshadow(one-pass-box, rgb(255.0, 255.0, 255.0, 0.8), 1.0, 0.0 , 0.0 , 1.0);
}

.radio-button:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.radio-button:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
} 

/*******************************************************************************
 *                                                                             *
 * CheckBox                                                                    *
 *                                                                             *
 ******************************************************************************/

.check-box {
    -fx-skin: "com.aquafx_project.controls.skin.AquaCheckBoxSkin";
    -fx-label-padding: 0.0em 0.0em 0.0em 0.384615em;
    -fx-text-fill: -fx-text-base-color;
}

.check-box > .box,
.check-box > .box.unfocused,
.check-box:disabled > .box {
    -fx-border-radius: 2.5;
    -fx-border-width: 0.5;
    -fx-border-insets: -0.5 0.0 0.5 0.0;
    -fx-border-color: rgb(129.0, 129.0, 129.0);
    -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 25.0%,  
            rgb(244.0, 244.0, 244.0) 50.0%, rgb(236.0, 236.0, 236.0) 51.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: -0.5 0.0 0.5 0.0, 0.5 1.0 1.5 1.0;
    -fx-background-radius: 2.5, 2.5;
    -fx-padding: 0.461538em;
}

.check-box:focused > .box {
     -fx-border-color: rgb(104.0, 155.0, 201.0);
}

.check-box:selected > .box,
.check-box:indeterminate > .box {
    -fx-border-color: linear-gradient(rgb(100.0, 103.0, 124.0) 0.0%, rgb(92.0, 94.0, 116.0) 100.0%);
    -fx-background-color:
        linear-gradient(
            rgb(228.0, 250.0, 255.0) 0.0%, #91bdee 50.0%, #78b0ee 51.0%, 
            rgb(228.0, 250.0, 255.0) 100.0% );
    -fx-background-insets: -0.5 0.0 0.5 0.0;
}

.check-box:selected:disabled > .box,
.check-box:indeterminate:disabled > .box {
    -fx-border-color: rgb(129.0, 129.0, 129.0);
    -fx-background-color:
        linear-gradient(
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 25.0%,  
            rgb(244.0, 244.0, 244.0) 50.0%, rgb(236.0, 236.0, 236.0) 51.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: -0.5 0.0 0.5 0.0;
}

.check-box:armed > .box {
   -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(
            rgb(224.0, 224.0, 224.0) 0.0%, rgb(214.0, 214.0, 214.0) 50.0%,  
            rgb(207.0, 207.0, 207.0) 51.0%, rgb(208.0, 208.0, 208.0) 100.0% );
    -fx-background-insets: -0.5 0.0 0.5 0.0, 0.5 1.0 1.5 1.0;
    -fx-background-radius: 2.5, 2.5;
}

.check-box:selected:armed > .box {
    -fx-background-color: 
        linear-gradient(
            rgb(151.0, 199.0, 225.0) 0.0%, rgb(103.0, 159.0, 222.0) 50.0%,  
            rgb(70.0, 144.0, 227.0) 50.0%, rgb(119.0, 178.0, 233.0) 82.0%, rgb(165.0, 205.0, 237.0) 100.0% );
    -fx-background-insets: -0.5 0.0 0.5 0.0;
    -fx-background-radius: 2.5;
}


.check-box > .box > .mark,
.check-box:disabled > .box > .mark {
    -fx-effect: dropshadow(one-pass-box, rgb(255.0, 255.0, 255.0, 0.8), 0.0, 0.0 , -1.0 , 1.0);
    -fx-background-color: transparent;
    -fx-background-insets: -3.5 -2.5 2.5 1.0;
    -fx-shape: "m 18.174523,1027.137 c -0.18077,-0.4575 -0.184364,-0.8913 0.115901,-1.1721 0.300265,-0.2809 0.836622,-0.3601 1.288422,-0.041 0.4518,0.3191 2.020453,2.9316 2.020453,2.9316 l 5.41194,-8.0232 c -4e-6,0 0.516257,-0.6671 1.248682,-0.3099 0.648831,0.3165 0.559153,1.0373 0.559153,1.0373 0,0 -5.940433,9.3556 -6.15501,9.6287 -0.214577,0.273 -1.595078,0.2481 -1.817995,-0.027 -0.222917,-0.2751 -2.490777,-3.567 -2.671546,-4.0244 z";
    -fx-scale-shape: false;
}

.check-box:indeterminate > .box > .mark {
    -fx-effect: dropshadow(one-pass-box, rgb(255.0, 255.0, 255.0, 0.8), 1.0, 0.0 , 0.0 , 1.5);
    -fx-background-color: -fx-text-base-color;
    -fx-background-insets: 0.0 0.5 0.0 -0.5;
    -fx-shape: "M0,0H8V2H0Z";
    -fx-scale-shape: false;
}

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

.check-box:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.check-box:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
} 

/*******************************************************************************
 *                                                                             *
 * Hyperlink                                                                   *
 *                                                                             *
 ******************************************************************************/

.hyperlink {
    -fx-cursor: hand;
    -fx-content-display: LEFT;
    -fx-text-fill: rgb(94.0, 162.0, 218.0);
}

.hyperlink:focused, .hyperlink:hover {
    -fx-underline: true;
}

.hyperlink:disabled {
    -fx-text-fill: -fx-text-base-color;
    -fx-opacity: -fx-disabled-opacity;
}

.hyperlink:show-mnemonics > .mnemonic-underline {
    -fx-text-fill: -fx-text-base-color;
} 


/*******************************************************************************
 *                                                                             *
 * PopupMenu                                                                   *
 *                                                                             *
 ******************************************************************************/

.context-menu {
    -fx-skin: "com.aquafx_project.controls.skin.AquaContextMenuSkin";
    -fx-border-color: rgb(209.0, 209.0, 209.0, 0.4);
    -fx-border-width: 0.5;
    -fx-border-radius: 6.0;
    -fx-background-color: rgb(255.0, 255.0, 255.0, 0.95);
    -fx-background-insets: 0.0;
    -fx-background-radius: 6.0;
    -fx-padding: 0.25em 0.0em 0.25em 0.0em; 
    -fx-effect: dropshadow(three-pass-box, rgba(0.0,0.0,0.0,0.6), 8.0, 0.0, 0.0, 0.0 );
}

.context-menu .button,
.context-menu .toggle-button,
.context-menu .toggle-button:selected{
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: -fx-text-base-color;
    -fx-effect: null;
}

.context-menu > .separator {
    -fx-padding: 0.0em 0.333333em 0.0em 0.0em;
}

.context-menu > .scroll-arrow {
    -fx-padding: 0.416667em 0.416667em 0.416667em 0.416667em;
    -fx-background-color: transparent;
}

.context-menu:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
} 


/*******************************************************************************
 *                                                                             *
 * Menu                                                                        *
 *                                                                             *
 ******************************************************************************/

.menu {
    -fx-background-color: transparent;
    -fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; 
}

.menu:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.menu:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
}

/* This hides the down arrow that would show on a menu placed in a menubar */
.menu-bar > .container > .menu > .arrow-button > .arrow {
    -fx-padding: 0.0;
    -fx-background-color: transparent;
    -fx-shape: null;
}

.menu-bar > .container > .menu > .arrow-button {
    -fx-padding: 0.0;
}

.menu > .arrow {
    -fx-background-color: -fx-text-base-color;
    -fx-shape: "M0,-4L4,0L0,4Z";
    -fx-scale-shape: false;
}

.menu:focused:showing > .arrow, .menu:hover:showing > .arrow, .menu:focused > .arrow, .menu:showing > .arrow {
    -fx-background-color: white;
}

.menu-up-arrow {
    -fx-padding: 0.666667em 0.416667em 0.0em 0.416667em; 
    -fx-background-color: rgb(71.0, 71.0, 71.0);
    -fx-shape: "M0 1 L1 1 L.5 0 Z";
    -fx-effect: innershadow( two-pass-box , rgba(0.0,0.0,0.0,0.6) , 4.0, 0.0 , 0.0 , 1.0 );
}

.menu-down-arrow {
    -fx-background-color: rgb(71.0, 71.0, 71.0);
    -fx-padding: 0.666667em 0.416667em 0.0em 0.416667em;  
    -fx-shape: "M0 0 L1 0 L.5 1 Z";
    -fx-effect: innershadow( two-pass-box , rgba(0.0,0.0,0.0,0.6) , 4.0, 0.0 , 0.0 , 1.0 );
}


/*******************************************************************************
 *                                                                             *
 * MenuBar                                                                     *
 *                                                                             *
 ******************************************************************************/

.menu-bar {
    -fx-padding: 0.0em 0.666667em 0.0em 0.666667em; /* 0 8 0 8 */
    -fx-spacing: 0.166667em;
     -fx-background-color: 
        linear-gradient(rgb(245.0, 245.0, 245.0), rgb(185.0, 185.0, 185.0));
    -fx-background-insets:0.0;
    -fx-border-width: 0.5;
    -fx-border-insets:-0.5, 0.0 ;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));

    /* Nothing more needed for Mac OS X than the following property!
     * All other definitions kept from caspian, to ensure, that MenuBar
     * is shown properly on non-mac systems.
     */
    -fx-use-system-menu-bar: true;
}

.menu-bar > .container > .menu-button {
    -fx-background-radius: 0.0;
    -fx-background-color: transparent;
    -fx-background-insets: 0.0; 
}

.menu-bar > .container > .menu-button > .label {
    -fx-padding: 0.333em 0.5em 0.333em 0.5em;
}

.menu-bar > .container > .menu-button:hover, .menu-bar > .container > .menu-button:focused, .menu-bar > .container > .menu-button:showing {
    -fx-background: #0093ff;
    -fx-background-color: linear-gradient(to right, rgb(233.0, 233.0, 233.0), rgb(173.0, 173.0, 173.0) 99.0%, rgb(233.0, 233.0, 233.0));
    -fx-text-fill: -fx-text-base-color;
}

.menu-bar > .container > .menu-button:hover {
    -fx-background: #0093ff;
    -fx-background-color: linear-gradient(to right, rgb(233.0, 233.0, 233.0), rgb(173.0, 173.0, 173.0) 99.0%, rgb(233.0, 233.0, 233.0));
    -fx-text-fill: -fx-text-base-color;
}

.menu-bar:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
}

/*******************************************************************************
 *                                                                             *
 * MenuItem                                                                    *
 *                                                                             *
 ******************************************************************************/

.menu-item {
    -fx-background-color: transparent;
    -fx-background-insets:0.0;
    -fx-padding:0.0em 0.0em 0.333333em 0.0em;
    -fx-border-width: 1.0 0.0 1.0 0.0;
    -fx-border-color:transparent;
}

.menu-item > .left-container {
    -fx-padding: 0.0em 0.0em 0.0em 0.4em; 
}

.menu-item > .graphic-container {
    -fx-background-color: blue;
    -fx-padding: 0.0em 0.833em 0.0em 0.0em;
}

.menu-item >.label {
   -fx-background-color: transparent;
   -fx-padding: -0.073333em 2.0em 0.0em 0.33333em ;
   -fx-text-fill: -fx-text-base-color;
}

.menu-item:disabled > .label {
    -fx-opacity: -fx-disabled-opacity;
}

.menu-item:focused {
    -fx-border-width: 1.0 0.0 1.0 0.0;
    -fx-border-color: rgb(90.0, 130.0, 235.0) transparent rgb(23.0, 89.0, 231.0) transparent;
    -fx-background-color: linear-gradient(rgb(101.0, 140.0, 245.0) 0.0%, rgb(41.0, 103.0, 243.0) 100.0%);
}

.menu-item:focused:disabled {
    -fx-border-color: transparent;
    -fx-background-color:transparent;
    -fx-text-fill: -fx-text-base-color;
    }

.menu-item:focused > .label {
    -fx-text-fill: white;
}

.menu-item:focused:disabled > .label {
    -fx-text-fill: -fx-text-base-color;
}

.menu-item > .right-container {
   -fx-padding: 0.0em 0.833333em 0.0em 0.0em;
}

.radio-menu-item:checked > .left-container > .radio, 
.check-menu-item:checked > .left-container > .check {
    -fx-background-color: -fx-text-base-color;
    -fx-shape: "m 269.9,233.66286 c 0.15,-0.12 1.97,1.7 2.54,3.1 2.3,-7.33 4.09,-9.1 6.79,-12.1 1.5,-0.25 2.4,-0.27 4.36,0.11 -7.1,5.8 -8.8,16.7 -9.9,17.8 l -0.75,0.02 c 0,0 -2.36,-5.24 -5.6,-7.38 -0.27,-0.17 0.02,-1.5 -0.2,-1.6 z";
    -fx-padding: 0.68em 0.68em 0.0em 0.0em;
}

.radio-menu-item > .left-container > .radio, 
.check-menu-item > .left-container > .check {
    -fx-background-color: transparent;
    -fx-shape: "m 269.9,233.66286 c 0.15,-0.12 1.97,1.7 2.54,3.1 2.3,-7.33 4.09,-9.1 6.79,-12.1 1.5,-0.25 2.4,-0.27 4.36,0.11 -7.1,5.8 -8.8,16.7 -9.9,17.8 l -0.75,0.02 c 0,0 -2.36,-5.24 -5.6,-7.38 -0.27,-0.17 0.02,-1.5 -0.2,-1.6 z";
    -fx-padding: 0.68em 0.68em 0.0em 0.0em;
}

.radio-menu-item:focused:checked > .left-container > .radio,
.check-menu-item:focused:checked > .left-container > .check {
    -fx-background-color: white;
}

.menu > .right-container > .arrow {
    -fx-padding: 0.38em 0.3em 0.38em 0.267em; 
    -fx-background-color: rgb(64.0, 64.0, 64.0);
    -fx-shape: "M0,-4L4,0L0,4Z";
}

.menu:selected > .right-container > .arrow {
    -fx-background-color: white;
}

.menu-item:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
}

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

.choice-box {
    -fx-skin: "com.aquafx_project.controls.skin.AquaChoiceBoxSkin";
    -fx-border-radius: 4.0;
    -fx-border-width: 0.5;
    -fx-border-insets: 0.5;
    -fx-border-color: rgb(207.0, 207.0, 207.0);
    
    -fx-background-color: linear-gradient(rgb(147.0, 147.0, 147.0) 0.0%, rgb(127.0, 127.0, 127.0) 100.0%), -choice-base;
    -fx-background-insets: 1.0, 1.5;
    -fx-background-radius: 3.5, 3.5;
    -fx-padding: 0.12em 0.0em 0.12em 0.0em;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}

.choice-box > .label {
    -fx-padding: 0.0em 0.333333em 0.0em 0.666667em;
    -fx-text-fill: -fx-text-base-color;
}

.choice-box > .open-button {
    -fx-background-color: null;
    -fx-padding: 0.0em 0.5em 0.0em 0.5em;
}

.choice-box > .open-button > .arrow {
    -fx-background-color: rgb(110.0, 110.0, 110.0, 0.5), rgb(71.0, 71.0, 71.0);
    -fx-background-insets: -0.5 0.0 0.5 0.0, 0.0;
    -fx-padding: 0.4em 0.166667em 0.4em 0.166667em;
    -fx-shape:  "m 4.5,3.03125 -3.5,5.5 7,0 z m -3.5,10.875 3.5,5.5 3.5,-5.5 z";
}

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

.choice-box .label:disabled{
    -fx-opacity: 1.0;
}


/*******************************************************************************
 *                                                                             *
 * Slider                                                                      *
 *                                                                             *
 ******************************************************************************/
.slider{
    -fx-skin: "com.aquafx_project.controls.skin.AquaSliderSkin";
}

.slider > .thumb {
    -fx-border-width: 0.5;
    -fx-border-color: rgb(87.0, 87.0, 87.0, 0.8);
    -fx-border-radius: 1.0em;
    -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 25.0%,  
            rgb(244.0, 244.0, 244.0) 50.0%, rgb(236.0, 236.0, 236.0) 51.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: 0.0, 1.0;
    -fx-background-radius: 1.0em, 1.0em;
    -fx-padding: 0.566667em;
    -fx-effect: dropshadow(one-pass-box, rgb(192.0, 192.0, 198.0), 2.0, 0.1 , 0.0, 0.0);
}

.slider.alternative-thumb > .thumb {
    -fx-shape: "M 9.1891716,18.913113 C 14.774865,12.498835 16.85604,11.01737 16.85604,9.11662 l 0,-6.093377 C 16.761936,1.8707681 16.193692,0.7655617 14.833202,0.54472254 13.971391,0.50911 2.5515364,0.50911 2.5515364,0.50911 1.0462919,0.75839775 0.54832274,1.9760737 0.5127102,3.023243 l 0,6.093377 c 0,1.975806 2.313591,3.725456 7.8990521,9.829757 0.055726,0.0609 0.6485114,0.11986 0.7774093,-0.03326 z";
    -fx-background-insets: 4.0 0.0 -2.5 0.0;
    -fx-border-insets: 4.0 0.0 -2.5 0.0;
    -fx-scale-shape: false;
    -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 15.0%,  
            rgb(244.0, 244.0, 244.0) 34.0%, rgb(236.0, 236.0, 236.0) 35.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
}

.slider.alternative-thumb:vertical > .thumb {
    -fx-rotate: 270.0;
    -fx-background-insets: 4.0 0.0 -2.5 0.0;
    -fx-border-insets: 4.0 0.0 -2.5 0.0;
    -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(to left,
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 25.0%,  
            rgb(244.0, 244.0, 244.0) 50.0%, rgb(236.0, 236.0, 236.0) 51.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
}

.slider.alternative-thumb .thumb:pressed {
     -fx-background-color: linear-gradient(
            rgb(224.0, 224.0, 224.0) 0.0%, rgb(214.0, 214.0, 214.0) 50.0%,  
            rgb(207.0, 207.0, 207.0) 51.0%, rgb(208.0, 208.0, 208.0) 95.0%, 
            rgb(220.0, 220.0, 220.0) 97.5%, rgb(208.0, 208.0, 208.0) 100.0%);
}

/*.slider:focused > .thumb {
TODO: effect-chaining!!!
} */

.slider .thumb:pressed {
     -fx-background-color: linear-gradient(
            rgb(224.0, 224.0, 224.0) 0.0%, rgb(214.0, 214.0, 214.0) 50.0%,  
            rgb(207.0, 207.0, 207.0) 51.0%, rgb(208.0, 208.0, 208.0) 95.0%, 
            rgb(220.0, 220.0, 220.0) 97.5%, rgb(208.0, 208.0, 208.0) 100.0%);
    -fx-background-insets: 0.0;
    -fx-background-radius: 1.0em;
}

.slider > .track {
    -fx-background-color:
       linear-gradient(to bottom, rgb(147.0, 147.0, 147.0), rgb(217.0, 217.0, 217.0));
    -fx-background-radius: 2.5;
    -fx-padding: 0.15em; 
    
    -fx-border-color: linear-gradient(to bottom, rgb(111.0, 111.0, 111.0), rgb(171.0, 171.0, 171.0));
    -fx-border-width: 0.5;
    -fx-border-radius: 2.5;
}

.slider:vertical > .track {
     -fx-background-color:
        linear-gradient(to right, rgb(147.0, 147.0, 147.0), rgb(217.0, 217.0, 217.0));
    -fx-border-color: linear-gradient(to right, rgb(111.0, 111.0, 111.0), rgb(171.0, 171.0, 171.0));
}

.slider > .axis {
    -fx-tick-label-gap: 4.0px;
    -fx-tick-label-fill: -fx-text-base-color;
    -fx-tick-length: 4.0px;
    -fx-minor-tick-length: 5.0px;
    -fx-border-color: null;
}

.slider > .axis {
    -fx-translate-y: 0.461538em;
    -fx-translate-x: 0.0em;
}

.slider:vertical > .axis {
    -fx-translate-x: 0.461538em;
    -fx-translate-y: 0.0em;
}

.slider > .axis > .axis-tick-mark  {
     /*same gap to track for major- and minor tickmarks */
    -fx-translate-y: 0.076923em;    
    -fx-translate-x: 0.0em;
}
.slider:vertical > .axis > .axis-tick-mark  {
     /*same gap to track for major- and minor tickmarks */
    -fx-translate-x: 0.076923em;    
    -fx-translate-y: 0.0em;
}

.slider > .axis > .axis-minor-tick-mark,
.slider > .axis > .axis-tick-mark {
    -fx-stroke : rgb(146.0, 146.0, 146.0);
}

.slider:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

/*******************************************************************************
 *                                                                             *
 * ScrollBar                                                                   *
 *                                                                             *
 ******************************************************************************/
.scroll-bar {
    -fx-skin: "com.aquafx_project.controls.skin.AquaScrollBarSkin";
}

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

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

.scroll-bar:vertical{
    -fx-background-color:transparent;
    -fx-background-insets: 0.0;
    -fx-padding: -1.0 2.0 -1.0 0.0;
} 

.scroll-bar:vertical > .track-background,
.scroll-bar:vertical:hover > .track-background,
.scroll-bar:vertical:hover, .scroll-bar:vertical:focused:hover {
    -fx-background-color:transparent;
    -fx-background-insets: 0.0;
    -fx-padding: -1.0 0.0 -1.0 0.0;
}

.scroll-bar:horizontal > .thumb, .scroll-bar:vertical > .thumb {
    -fx-background-color: rgb(0.0, 0.0, 0.0, 0.5);
    -fx-background-insets: 0.0;
    -fx-background-radius: 4.0;
}

.scroll-bar:horizontal:hover > .thumb, .scroll-bar:vertical:hover > .thumb {
    -fx-background-color: rgb(0.0, 0.0, 0.0, 0.5);
    -fx-background-radius: 6.0;
}

.scroll-bar:vertical:hover > .thumb {
    -fx-background-insets: 0.0 2.0 0.0 2.0;
}

.scroll-bar:horizontal:hover > .thumb {
    -fx-background-insets: 2.0 0.0 2.0 0.0;
}

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

.scroll-bar:horizontal:hover > .track,
.scroll-bar:vertical:hover > .track {
    -fx-border-color: rgb(198.0, 198.0, 198.0);
}

.scroll-bar:vertical:hover > .track {
    -fx-background-color: linear-gradient(rgb(238.0, 238.0, 238.0, 0.7) 0.0%, rgb(255.0, 255.0, 255.0, 0.7) 100.0%);
    -fx-border-width: 0.0 0.0 0.0 1.0;
    -fx-border-insets: 0.0 0.0 0.0 -1.0;
}

.scroll-bar:horizontal:hover > .track {
    -fx-background-color: linear-gradient(rgb(238.0, 238.0, 238.0, 0.8) 0.0%, rgb(255.0, 255.0, 255.0, 0.8) 100.0%);
    -fx-border-width: 1.0 0.0 0.0 0.0;
    -fx-border-insets: -1.0 0.0 0.0 0.0;
}

.scroll-bar > .increment-button,
.scroll-bar > .decrement-button {
    -fx-background-color: transparent;
    -fx-background-insets:  0.0;
    -fx-padding: 0.0em;
}

.scroll-bar:vertical:hover > .increment-button, 
.scroll-bar:vertical:hover > .decrement-button {
    -fx-background-color: transparent;
    -fx-background-insets:  0.0;
    -fx-padding: 0.0em 6.0pt 0.0em 0.0em;
}

.scroll-bar:horizontal:hover > .increment-button,
.scroll-bar:horizontal:hover > .decrement-button {
    -fx-background-color: transparent;
    -fx-background-insets:  0.0;
    -fx-padding: 6.0pt 0.0em 0.0em 0.0em;
}

.scroll-bar:horizontal > .increment-button > .increment-arrow, 
.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
    -fx-background-color: transparent;
    -fx-background-insets:  0.0;
    -fx-padding: 4.0pt 0.0em 0.0em 0.0em;
}

.scroll-bar:vertical > .increment-button > .increment-arrow,
.scroll-bar:vertical > .decrement-button > .decrement-arrow {
    -fx-background-color: transparent;
    -fx-background-insets:  0.0;
    -fx-padding: 0.0em 4.0pt 0.0em 0.0em;
}

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



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

.scroll-pane {
    -fx-skin: "com.aquafx_project.controls.skin.AquaScrollPaneSkin";
}

.scroll-pane > * > .scroll-bar:horizontal {
    -fx-background-insets: 0.0, 0.0 0.0 0.0 0.0;
    -fx-padding: 0.0 0.0 0.0 0.0;
}

.scroll-pane > * > .scroll-bar:vertical {
    -fx-background-insets: 0.0, 0.0 0.0 0.0 0.0;
    -fx-padding: 0.0 0.0 0.0 0.0;
}

.scroll-pane > .corner {
    -fx-background-color: transparent;
    -fx-background-insets: 0.0, 0.0 0.0 0.0 0.0;
}

.scroll-pane:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

/*******************************************************************************
 *                                                                             *
 * Separator                                                                   *
 *                                                                             *
 ******************************************************************************/

.separator > .line {
    -fx-border-width: 0.083333em;
}

.separator:horizontal > .line {
    -fx-background-color: null;
    -fx-padding: 0.133333em 0.0em 0.0em 0.0em;
    -fx-border-color: rgb(229.0, 229.0, 229.0) transparent transparent transparent;
}

.separator:vertical > .line {
    -fx-background-color: null;
    -fx-padding: 0.0em 0.133333em 0.0em 0.0em;
    -fx-border-color:  transparent rgb(229.0, 229.0, 229.0) transparent transparent;
}

/*******************************************************************************
 *                                                                             *
 * TextField                                                                   *
 *                                                                             *
 ******************************************************************************/

.text-field {
    -fx-skin: "com.aquafx_project.controls.skin.AquaTextFieldSkin";
    -fx-border-color: linear-gradient(rgb(184.0, 184.0, 184.0) 0.0%, rgb(205.0, 205.0, 205.0) 100.0%);
    -fx-border-width: 0.5;
    -fx-border-insets: -0.5 0.0 3.0 0.0;
    -fx-background-color: linear-gradient(rgb(155.0, 155.0, 155.0) 0.0%, rgb(172.0, 172.0, 172.0)  100.0%),
                             rgb(255.0, 255.0, 255.0),
                        linear-gradient(rgb(224.0, 224.0, 224.0) 0.0%, rgb(255.0, 255.0, 255.0)  10.0%),
                        linear-gradient(to right, rgb(224.0, 224.0, 224.0) 0.0%, transparent 1.0%),
                        linear-gradient(to left, rgb(224.0, 224.0, 224.0) 0.0%, transparent 1.0%);
    -fx-background-insets: 0.0 0.5 3.5 0.5, 0.5 1.0 4.0 1.0, 0.5 1.0 4.0 1.0, 0.5 1.0 4.0 1.0;
    -fx-background-radius: 0.0, 0.0;
   
    -fx-padding: 0.166667em;
    -fx-text-fill: black;
    -fx-highlight-fill: rgb(182.0, 214.0, 253.0);
    -fx-prompt-text-fill: rgb(128.0, 128.0, 128.0);
    -fx-cursor: text;
}

.text-field:focused {
    -fx-highlight-fill: rgb(182.0, 214.0, 253.0);
    -fx-highlight-text-fill: -fx-text-base-color; 
}

.text-field:disabled {
    -fx-opacity: 1.0;
    -fx-background-color: linear-gradient(rgb(155.0, 155.0, 155.0, 0.4) 0.0%, rgb(172.0, 172.0, 172.0, 0.4)  100.0%),
                             rgb(255.0, 255.0, 255.0),
                        linear-gradient(rgb(224.0, 224.0, 224.0, 0.4) 0.0%, rgb(255.0, 255.0, 255.0, 0.4)  10.0%),
                        linear-gradient(to right, rgb(224.0, 224.0, 224.0) 0.0%, transparent 1.0%),
                        linear-gradient(to left, rgb(224.0, 224.0, 224.0) 0.0%, transparent 1.0%);
    -fx-border-color: linear-gradient(rgb(184.0, 184.0, 184.0, 0.4) 0.0%, rgb(205.0, 205.0, 205.0, 0.4) 100.0%);
    -fx-text-fill: rgb(127.0, 127.0, 127.0);
}

/*******************************************************************************
 *                                                                             *
 * PasswordField                                                               *
 *                                                                             *
 ******************************************************************************/

.password-field {
    -fx-skin: "com.aquafx_project.controls.skin.AquaPasswordFieldSkin";
    -fx-text-fill: -fx-text-base-color;
}

/*******************************************************************************
 *                                                                             *
 * TextArea                                                                    *
 *                                                                             *
 ******************************************************************************/

.text-area {
    -fx-padding: 1.0;
    -fx-skin: "com.aquafx_project.controls.skin.AquaTextAreaSkin";
    -fx-font-family: 'helvetica';
    -fx-border-color: rgb(142.0, 142.0, 142.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0);
    -fx-border-width: 1.0;
    -fx-background-color: white;
    -fx-background-insets: 1.0;
    -fx-background-radius: 0.0;
    -fx-text-fill: -fx-text-base-color;
    -fx-prompt-text-fill: rgb(128.0, 128.0, 128.0);
    -fx-highlight-fill: transparent;
}

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

.text-area .content {
    -fx-padding: 1.2 3.0 2.0 1.0; 
    -fx-cursor: text;
}

.text-area:focused {
    -fx-prompt-text-fill: transparent;
    -fx-highlight-fill: rgb(182.0, 214.0, 253.0);
    -fx-highlight-text-fill: -fx-text-base-color;
}

.text-area:disabled {
    -fx-opacity: 1.0;
    -fx-background-color: white;
       -fx-border-color: rgb(142.0, 142.0, 142.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0);
    -fx-text-fill: rgb(127.0, 127.0, 127.0);
}

/*******************************************************************************
 *                                                                             *
 * Customised CSS for controls placed directly within cells                    *
 *                                                                             *
 ******************************************************************************/

.cell > .choice-box {
    -fx-background-color: transparent;
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-padding: 0.0em 0.5em 0.0em 0.0em;
    -fx-alignment: CENTER_LEFT;
    -fx-content-display: LEFT;
}

.cell > .choice-box > .label {
    -fx-padding: 0.0em 0.333333em 0.0em 0.333333;
}

.cell:focused:selected > .choice-box > .label {
    -fx-text-fill: white;
}


/*******************************************************************************
 *                                                                             *
 * ListView and ListCell                                                       *
 *                                                                             *
 ******************************************************************************/

.list-view {
    -fx-background-color: white;
    -fx-background-insets: 0.5;
    -fx-border-color: rgb(156.0, 156.0, 156.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0);
    -fx-border-width: 1.0;
    -fx-border-insets: 0.0;
}

.list-cell {
    -fx-background-color: white;
    -fx-padding: 0.2em 0.25em 0.2em 0.25em;
    -fx-text-fill: -fx-text-base-color;
}

/* ListView Cells do not have a even/odd highlighting
.list-cell:odd {
    -fx-background-color: rgb(243.0, 246.0, 250.0);
} */

/* When the list-cell is selected and focused */
.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:focused:selected,
.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected {
    -fx-background-color: linear-gradient(rgb(95.0, 165.0, 221.0), rgb(54.0, 124.0, 192.0)),
     linear-gradient(rgb(116.0, 186.0, 232.0), rgb(116.0, 186.0, 232.0) 1.0%, rgb(109.0, 178.0, 227.0) 1.0%, rgb(59.0, 136.0, 208.0) 100.0%);
    -fx-background-insets:  0.0, 1.0 0.0 1.0 0.0;
    -fx-text-fill: white;
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:focused:selected > .text,
.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected > .text {
    -fx-effect: dropshadow(one-pass-box , rgba(0.0,0.0,0.0,0.4) , 1.0, 0.1 , 0.0 , 1.0 );
}

/* When the ListView is _not_ focused, we show alternate selection colors */
.list-cell:filled:selected:focused,
.list-cell:filled:selected {
    -fx-background-color: linear-gradient(rgb(187.0, 197.0, 214.0), rgb(147.0, 160.0, 185.0)),
     linear-gradient(rgb(195.0, 204.0, 223.0), rgb(195.0, 204.0, 223.0) 1.0%, rgb(189.0, 199.0, 220.0) 1.0%, rgb(155.0, 169.0, 196.0) 100.0%);
    -fx-background-insets:  0.0, 1.0 0.0 1.0 0.0;
    -fx-text-fill: white;
}

.list-view:horizontal:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected {
    -fx-background-color: linear-gradient(to right, rgb(95.0, 165.0, 221.0), rgb(54.0, 124.0, 192.0)),
        linear-gradient(to right, rgb(116.0, 186.0, 232.0), rgb(116.0, 186.0, 232.0) 1.0%, rgb(109.0, 178.0, 227.0) 1.0%, rgb(59.0, 136.0, 208.0) 100.0%);
    -fx-background-insets:  0.0, 0.0 1.0 0.0 1.0;
    -fx-text-fill: white;
}

.list-view:horizontal > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected {
    -fx-background-color: linear-gradient(to right, rgb(187.0, 197.0, 214.0), rgb(147.0, 160.0, 185.0)),
     linear-gradient(to right, rgb(195.0, 204.0, 223.0), rgb(195.0, 204.0, 223.0) 1.0%, rgb(189.0, 199.0, 220.0) 1.0%, rgb(155.0, 169.0, 196.0) 100.0%);
    -fx-background-insets:  0.0, 0.0 1.0 0.0 1.0;
    -fx-text-fill: white;
}

.list-view:horizontal > .virtual-flow > .clipped-container > .sheet > .list-cell:odd {
    -fx-background-color: rgb(243.0, 246.0, 250.0);
}

/*******************************************************************************
 *                                                                             *
 * MenuButton                                                                  *
 *                                                                             *
 ******************************************************************************/
.menu-button {
    -fx-skin: "com.aquafx_project.controls.skin.AquaMenuButtonSkin";
    -fx-background-color: 
        linear-gradient(rgb(245.0, 245.0, 245.0), rgb(185.0, 185.0, 185.0));
    -fx-background-insets:0.0;
    -fx-background-radius: 3.5, 3.5;
    -fx-border-radius: 4.0;
    -fx-border-width: 0.5;
    -fx-border-insets:-0.5, 0.0 ;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
    -fx-padding: 0.1em 0.0em 0.153846em 0.0em;
}

.menu-button > .label { 
    -fx-text-fill: -fx-text-base-color; 
    -fx-padding: 0.0em 0.667em 0.0em 0.833333em; 
}

.menu-button:armed {
    -fx-background-color: linear-gradient(rgb(160.0, 160.0, 160.0), rgb(215.0, 215.0, 215.0));
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
}
.split-menu-button > .arrow-button {
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-padding: 0.0em 0.333333em 0.0em 0.2em; 
}

.menu-button > .arrow-button {
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-padding: 0.0em 0.333333em 0.0em 0.0em; 
}

.menu-button > .arrow-button > .arrow {
    -fx-background-insets: 1.0 0.0 -1.0 0.0, 0.5 0.0 -0.5 0.0;
    -fx-background-color: rgb(255.0, 255.0, 255.0), rgb(71.0, 71.0, 71.0);
    -fx-padding: 0.166667em 0.25em 0.166667em 0.25em;
    -fx-shape: "M 0 -3.5 v 7 l 4 -3.5 z";
}

.menu-button:openvertically > .arrow-button > .arrow {
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.menu-button:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.menu-button:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
} 



/*******************************************************************************
 *                                                                             *
 *   SplitMenuButton                                                           *
 *                                                                             *
 ******************************************************************************/

.split-menu-button {
        -fx-skin: "com.aquafx_project.controls.skin.AquaSplitMenuButtonSkin";
    -fx-padding: 0.0em;
    -fx-text-fill: -fx-text-base-color;
}

.split-menu-button > .label {
    -fx-background-color: 
        linear-gradient(rgb(245.0, 245.0, 245.0), rgb(185.0, 185.0, 185.0));
    -fx-background-insets:0.0;
    -fx-background-radius: 4.0 0.0 0.0 4.0;
    -fx-border-radius: 3.5 0.0 0.0 3.5, 3.5 0.0 0.0 3.5;
    -fx-border-width: 0.5, 0.5;
    -fx-border-insets:-0.5, 0.0 ;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
    -fx-padding: 0.1em 0.667em 0.153846em 0.833333em;
}

.split-menu-button > .arrow-button {
    -fx-background-color: 
        linear-gradient(rgb(245.0, 245.0, 245.0), rgb(185.0, 185.0, 185.0));
    -fx-background-insets:0.0;
    -fx-background-radius: 0.0 4.0 4.0 0.0;
    -fx-border-width: 0.5 0.5 0.5 0.5, 0.5 0.5 0.5 0.5;
    -fx-border-insets:-0.5, 0.0 ;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
    -fx-border-radius: 0.0 3.5 3.5 0.0, 0.0 3.5 3.5 0.0;
    -fx-padding: 0.0em 0.5em 0.0em 0.5em; 
}

.split-menu-button:showing > .arrow-button {
    -fx-background-color: linear-gradient(rgb(160.0, 160.0, 160.0), rgb(215.0, 215.0, 215.0));
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
}

.split-menu-button > .arrow-button > .arrow {
    -fx-background-insets: 1.0 0.0 -1.0 0.0, 0.5 0.0 -0.5 0.0;
    -fx-background-color: rgb(255.0, 255.0, 255.0), rgb(71.0, 71.0, 71.0);
    -fx-padding: 0.166667em 0.25em 0.166667em 0.25em;
    -fx-shape: "M 0 -3.5 v 7 l 4 -3.5 z";
}

.split-menu-button:openvertically > .arrow-button > .arrow {
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.split-menu-button:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.split-menu-button:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-base-color;
}



/*******************************************************************************
 *                                                                             *
 * Tooltip                                                                     *
 *                                                                             *
 ******************************************************************************/

.tooltip {
    -fx-background-color:
       rgb(251.0, 250.0, 205.0, 0.95);
    -fx-background-insets: 0.5;
    -fx-border-color: rgb(125.0, 125.0, 125.0, 0.4);
    -fx-border-width: 0.5;
    -fx-padding: 0.1em 0.35em 0.25em 0.196666em;
    -fx-effect: dropshadow( three-pass-box , rgba(0.0,0.0,0.0,0.4) , 8.0, 0.0 , 0.0 , 3.0 );
}

/*******************************************************************************
 *                                                                             *
 * Toolbar                                                                     *                                             *
 *                                                                             *
 ******************************************************************************/

.tool-bar {
    -fx-skin: "com.aquafx_project.controls.skin.AquaToolBarSkin";
}

.tool-bar:vertical {
    -fx-background-color:
        linear-gradient(to right, rgb(222.0, 222.0, 222.0), rgb(173.0, 173.0, 173.0) 99.0%, rgb(233.0, 233.0, 233.0));
    -fx-border-color: rgb(103.0, 103.0, 103.0);
    -fx-border-width: 0.0 1.0 0.0 0.0;
    -fx-border-insets: 0.0;
    -fx-padding: 0.833em 0.416667em 0.833em 0.416667em;
    -fx-spacing: 0.333em;
    -fx-alignment: TOP_LEFT;
}

.tool-bar:vertical.inactive { 
    -fx-background-color: linear-gradient(to right, rgb(244.0, 244.0, 244.0), rgb(224.0, 224.0, 224.0) 99.0%, rgb(227.0, 227.0, 227.0));
    -fx-border-color:  rgb(166.0, 166.0, 166.0);
}

.tool-bar:horizontal {
    -fx-background-color: linear-gradient(to bottom, rgb(222.0, 222.0, 222.0), rgb(173.0, 173.0, 173.0) 99.0%, rgb(233.0, 233.0, 233.0));
    -fx-padding: 0.230769em 0.833em 0.666667em 0.833em;
    -fx-border-color:  rgb(103.0, 103.0, 103.0);
    -fx-border-width: 0.0 0.0 1.0 0.0;
    -fx-border-insets: 0.0;
    -fx-alignment: CENTER_LEFT;
}

.tool-bar:horizontal.inactive { 
    -fx-background-color: linear-gradient(to bottom, rgb(244.0, 244.0, 244.0), rgb(224.0, 224.0, 224.0) 99.0%, rgb(227.0, 227.0, 227.0));
    -fx-border-color:  rgb(166.0, 166.0, 166.0);
}

.tool-bar > .container > .separator:vertical > .line {
    -fx-border-style: solid;
    -fx-background-color: null;
    -fx-border-color:  transparent rgb(129.0, 129.0, 129.0) transparent transparent;
}

.tool-bar.inactive > .container > .separator:vertical > .line { 
    -fx-border-color:  transparent rgb(177.0, 177.0, 177.0) transparent transparent;
}

.tool-bar > .container > .separator:horizontal > .line {
    -fx-border-style: solid;
    -fx-background-color: null;
    -fx-border-color:  transparent transparent rgb(129.0, 129.0, 129.0) transparent;
}

.tool-bar.inactive > .container > .separator:horizontal > .line { 
    -fx-border-color:  transparent transparent rgb(177.0, 177.0, 177.0) transparent;
}

.tool-bar:vertical > .container > .separator {
    -fx-orientation: horizontal;    
    -fx-padding: 0.083333em 0.0em 0.083333em 0.0em;
}

.tool-bar:horizontal > .container > .separator {
    -fx-orientation: vertical;
    -fx-padding: 0.0em 0.083333em 0.0em 0.083333em; 
}

.tool-bar-overflow-button {
    -fx-background-color: transparent;
}

.tool-bar-overflow-button > .arrow {
    -fx-background-color:  rgb(127.0, 127.0, 127.0);
    -fx-background-insets: 0.0;
    -fx-padding: 0.666667em 0.916667em 0.0em 0.0em;
    -fx-shape: "m -4.1094335,2.2064997 -2.8103114,0 4.1861081,3.5669889 -4.1861081,3.6832295 2.7950633,0 4.3381035,-3.6948229 z m -6.1415245,0 -3.020299,0 4.3219166,3.5553955 -4.3219166,3.6948229 3.020299,0 4.4263398,-3.6948229 z";
    -fx-effect: innershadow(one-pass-box, rgb(28.0, 28.0, 28.0), 1.5, 0.6, -0.5, 1.0);
}

.inactive .tool-bar-overflow-button > .arrow {
    -fx-background-color:  rgb(177.0, 177.0, 177.0);
    -fx-effect: innershadow(one-pass-box, rgb(28.0, 28.0, 28.0, 0.5), 1.5, 0.6, -0.5, 1.0);
}

.tool-bar-overflow-button:pressed > .arrow {
  -fx-effect: innershadow(one-pass-box, rgb(28.0, 28.0, 28.0), 2.5, 0.6, -0.5, 1.0);
}

.tool-bar .toggle-button,
.tool-bar .button,
.tool-bar .color-picker,
.tool-bar .choice-box,
.tool-bar .combo-box > .list-cell,
.tool-bar .combo-box > .arrow-button {
    -fx-background-color: 
        linear-gradient(rgb(245.0, 245.0, 245.0), rgb(185.0, 185.0, 185.0));
    -fx-background-insets:0.0;
    -fx-border-width: 0.5;
    -fx-border-insets:-0.5, 0.0 ;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
}

.tool-bar.inactive .toggle-button,
.tool-bar.inactive .button,
.tool-bar.inactive .color-picker,
.tool-bar.inactive .choice-box,
.tool-bar.inactive .combo-box > .list-cell,
.tool-bar.inactive .menu-button,
.tool-bar.inactive .split-menu-button > .label,
.tool-bar.inactive .split-menu-button > .arrow-button,
.tool-bar.inactive .combo-box > .arrow-button {
    -fx-background-color: 
        linear-gradient(rgb(241.0, 241.0, 241.0), rgb(229.0, 229.0, 229.0));
    -fx-border-color: 
        linear-gradient(rgb(201.0, 201.0, 201.0), rgb(193.0, 193.0, 193.0)), linear-gradient(rgb(184.0, 184.0, 184.0), rgb(177.0, 177.0, 177.0));
}

.tool-bar .button.button-icon-left,
.tool-bar .toggle-button.button-icon-left {
    -fx-padding: 0.1em 0.692398em 0.153846em 0.66em;
}

.tool-bar .button.button-icon-right,
.tool-bar .toggle-button.button-icon-right {
    -fx-padding: 0.1em 0.692398em 0.153846em 0.538462em;
}

.tool-bar .toggle-button:selected:armed,
.tool-bar .toggle-button:selected,
.tool-bar .toggle-button:armed{
    -fx-background-color: -toggle-selected-base, -toggle-shadow;
}

.tool-bar.inactive .toggle-button:selected {
    -fx-background-color: linear-gradient(rgb(147.0, 147.0, 147.0) 0.0%, rgb(164.0, 164.0, 164.0) 10.0%, 
        rgb(190.0, 190.0, 190.0) 85.0%, rgb(195.0, 195.0, 195.0) 98.0%, rgb(198.0, 198.0, 198.0) 100.0%),
        -toggle-shadow;
}

.tool-bar.inactive .combo-box-base:editable > .text-field {
       -fx-border-color: 
        linear-gradient(rgb(201.0, 201.0, 201.0), rgb(193.0, 193.0, 193.0));
}

.tool-bar .combo-box-base:editable > .text-field {
    -fx-padding: 0.1em 0.0em 0.153846em 0.0em;
    -fx-background-insets:0.0, 0.5, 0.5;
    -fx-border-width: 1.0 0.0 1.0 1.0;
    -fx-border-insets: -0.5;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0));
}

.tool-bar .toggle-button,
.tool-bar .button,
.tool-bar .color-picker{
    -fx-padding: 0.1em 0.9em 0.153846em 0.9em;
}

.tool-bar .choice-box {
    -fx-padding: 0.1em 0.0em 0.153846em 0.0em;
}

.tool-bar .color-picker {
    -fx-padding:-0.02em 1.2 -0.06em 0.0;
}

.tool-bar .button:armed,
.tool-bar .color-picker:showing,
.tool-bar .choice-box:showing,
.tool-bar .combo-box:showing > .arrow-button {
    -fx-background-color: linear-gradient(rgb(160.0, 160.0, 160.0), rgb(215.0, 215.0, 215.0));
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
    -fx-text-fill: -fx-text-base-color;
}

.tool-bar .toggle-button.right-pill,
.tool-bar .button.right-pill {
    -fx-border-width: 0.5 0.5 0.5 0.5;
    -fx-border-style: solid solid solid segments(15.0, 2.75) phase 14.5 centered, 
        solid solid solid segments(15.0, 2.75) phase 15.0 centered;
}

.tool-bar .toggle-button.center-pill,
.tool-bar .button.center-pill {
    -fx-border-width: 0.5 0.0 0.5 0.5;
    -fx-border-style: solid solid solid segments(15.0, 2.75) phase 14.5 centered, 
        solid solid solid segments(15.0, 2.75) phase 15.0 centered;
}

.tool-bar .toggle-button.center-pill,
.tool-bar .toggle-button.left-pill,
.tool-bar .button.center-pill,
.tool-bar .button.left-pill {
    -fx-border-width: 0.5 0.0 0.5 0.5;
}

.tool-bar .toggle-button.center-pill:selected,
.tool-bar .toggle-button.center-pill:selected:armed,
.tool-bar .button.center-pill:armed {
    -fx-border-width:0.5 0.5 0.5 0.5, 0.5 0.0 0.5 0.5;
    -fx-border-style: solid solid solid solid centered, solid solid solid solid centered;
}

.tool-bar .toggle-button.right-pill:selected,
.tool-bar .toggle-button.right-pill:selected:armed,
.tool-bar .button.right-pill:armed  {
    -fx-border-width:0.5 0.5 0.5 0.5;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
    -fx-border-style: solid solid solid solid centered;
}

.tool-bar.inactive .toggle-button.right-pill:selected {
    -fx-border-color: rgb(172.0, 172.0, 172.0, 0.7),
        linear-gradient(rgb(151.0, 151.0, 151.0), rgb(173.0, 173.0, 173.0));
}

.tool-bar .toggle-button.right-pill.neighbor,
.tool-bar .button.right-pill.neighbor {
    -fx-border-style: solid solid solid solid centered;
    -fx-border-insets:-0.5, 0.0 ;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
}


.tool-bar.inactive .toggle-button.right-pill.neighbor,
.tool-bar.inactive .button.right-pill.neighbor,
.tool-bar.inactive .toggle-button.center-pill.neighbor,
.tool-bar.inactive .button.center-pill.neighbor {
    -fx-border-color: 
        linear-gradient(rgb(201.0, 201.0, 201.0), rgb(193.0, 193.0, 193.0)), linear-gradient(rgb(184.0, 184.0, 184.0), rgb(177.0, 177.0, 177.0));
}

.tool-bar .toggle-button.center-pill.neighbor,
.tool-bar .button.center-pill.neighbor {
    -fx-border-style: solid solid solid solid centered;
    -fx-border-insets:-0.5, 0.0 ;
    -fx-border-color: linear-gradient(rgb(147.0, 147.0, 147.0), rgb(131.0, 131.0, 131.0)),
        linear-gradient(rgb(116.0, 116.0, 116.0), rgb(105.0, 105.0, 105.0));
}

.tool-bar .button:disabled,
.tool-bar .toggle-button:disabled,
.tool-bar .color-picker:disabled,
.tool-bar .combo-box:disabled,
.tool-bar .menu-button:disabled,
.tool-bar .split-menu-button:disabled,
.tool-bar .choice-box:disabled {
    -fx-opacity: 1.0;
}

.tool-bar .button > *:disabled,
.tool-bar .toggle-button > *:disabled,
.tool-bar .color-picker > *:disabled,
.tool-bar .combo-box > *:disabled,
.tool-bar .choice-box > *:disabled,
.tool-bar .menu-button > *:disabled,
.tool-bar .split-menu-button > *:disabled,
.tool-bar .combo-box:editable > *:disabled,
.tool-bar.inactive .aquaicon,
.tool-bar.inactive .combo-box > .text-field > * > .text,
.tool-bar.inactive .button > .text,
.tool-bar.inactive .color-picker > .label,
.tool-bar.inactive .color-picker > .arrow-button > .arrow,
.tool-bar.inactive .choice-box > .label,
.tool-bar.inactive .choice-box > .open-button > .arrow,
.tool-bar.inactive .toggle-button > .text,
.tool-bar.inactive .menu-button > * > .text,
.tool-bar.inactive .menu-button > .arrow-button > .arrow,
.tool-bar.inactive .split-menu-button > *  > .text,
.tool-bar.inactive .split-menu-button > .arrow-button > .arrow,
.tool-bar.inactive .combo-box > .list-cell > .text,
.tool-bar.inactive .combo-box > .arrow-button > .arrow  {
    -fx-opacity: -fx-disabled-opacity;
}

.tool-bar.inactive  *:disabled > .aquaicon,
.tool-bar.inactive .button:disabled > .text,
.tool-bar.inactive .toggle-button:disabled > .text,
.tool-bar.inactive .color-picker:disabled > .label,
.tool-bar.inactive .color-picker:disabled > .arrow-button > .arrow,
.tool-bar.inactive .choice-box:disabled > .label,
.tool-bar.inactive .choice-box:disabled > .open-button > .arrow,
.tool-bar.inactive .combo-box:disabled > .list-cell > .text,
.tool-bar.inactive .combo-box:disabled > .arrow-button > .arrow, 
.tool-bar.inactive .combo-box-base:editable:disabled > .text-field > * > .text,
.tool-bar.inactive .menu-button:disabled > .label,
.tool-bar.inactive .menu-button:disabled > .arrow-button > .arrow,
.tool-bar.inactive .split-menu-button:disabled > .label,
.tool-bar.inactive .split-menu-button:disabled > .arrow-button,
.tool-bar.inactive .button.button-icon-left > .icon-left:disabled,
.tool-bar.inactive .toggle-button.button-icon-left > .icon-left:disabled,
.tool-bar.inactive .button.button-icon-right > .icon-right:disabled,
.tool-bar.inactive .toggle-button.button-icon-right > .icon-right:disabled {
     -fx-opacity: 0.2
}


/*******************************************************************************
 *                                                                             *
 * ProgressBar                                                                 *
 *                                                                             *
 ******************************************************************************/

.progress-bar {
    -fx-skin: "com.aquafx_project.controls.skin.AquaProgressBarSkin";
    -fx-border-color: rgb(146.0, 146.0, 146.0);
    -fx-border-width: 0.5;
    -fx-border-radius: 2.5;
    -fx-background-color:
        linear-gradient(rgb(176.0, 176.0, 176.0), rgb(207.0, 207.0, 207.0)),
        linear-gradient(rgb(190.0, 190.0, 190.0) 0.0%, rgb(213.0, 213.0, 213.0) 15.0%, rgb(230.0, 230.0, 230.0) 50.0%, rgb(235.0, 235.0, 235.0) 100.0%),
        linear-gradient(to left, rgb(196.0, 196.0, 196.0, 0.5) 0.0%, rgb(220.0, 220.0, 220.0, 0.2) 2.0% , transparent);
    -fx-background-insets: 0.5, 1.0, 1.0;
    -fx-background-radius: 2.0, 2.0, 2.0;
    -fx-indeterminate-bar-length:-1.0;
    -fx-indeterminate-bar-escape: false;
    -fx-indeterminate-bar-flip: false;
    -fx-indeterminate-bar-animation-time: 0.0;
}

.progress-bar:indeterminate  {
    -fx-background-color: 
        linear-gradient(rgb(176.0, 176.0, 176.0), rgb(207.0, 207.0, 207.0)),
        linear-gradient(from 5.0% 45.0% to 10.0% 0.0%, reflect, rgb(84.0, 169.0, 239.0) 50.0%, rgb(236.0, 236.0, 236.0) 47.0%),
        linear-gradient(rgb(255.0, 255.0, 255.0, 0.7) 5.0%, rgb(255.0, 255.0, 255.0, 0.5) 5.0%,
            rgb(255.0, 255.0, 255.0, 0.1) 50.0%, rgb(255.0, 255.0, 255.0, 0.0) 50.0%, rgb(255.0, 255.0, 255.0, 0.0) 60.0%,
            rgb(255.0, 255.0, 255.0, 0.4) 85.0%, rgb(245.0, 245.0, 245.0, 0.7) 100.0%);
}

.progress-bar > .bar {
    -fx-border-color:linear-gradient(to bottom, rgb(161.0, 161.0, 161.0), rgb(208.0, 208.0, 208.0));
    -fx-border-width: 0.0 0.5 0.0 0.0;
    -fx-background-color:
      radial-gradient(center 50.0% 50.0%, radius 50.0%, rgb(84.0, 170.0, 240.0), rgb(90.0, 192.0, 246.0));
    -fx-background-insets: 0.0;
    -fx-padding: 0.416667em;
}

.progress-bar:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

/*******************************************************************************
 *                                                                             *
 * ProgressIndicator                                                           *
 *                                                                             *
 ******************************************************************************/

.progress-indicator {
    -fx-indeterminate-segment-count: 12.0;
}

.progress-indicator > .determinate-indicator > .indicator {
    -fx-background-color:
        rgb(208.0, 208.0, 208.0),
        linear-gradient(rgb(176.0, 176.0, 176.0), rgb(207.0, 207.0, 207.0)),
        linear-gradient(rgb(190.0, 190.0, 190.0) 0.0%, rgb(213.0, 213.0, 213.0) 15.0%, rgb(230.0, 230.0, 230.0) 50.0%, rgb(235.0, 235.0, 235.0) 100.0%),
        linear-gradient(to left, rgb(196.0, 196.0, 196.0, 0.5) 0.0%, rgb(220.0, 220.0, 220.0, 0.2) 2.0% , transparent);
    -fx-background-insets: 0.5 0.0 -0.5 0.0, 0.0, 0.5, 1.0;
    -fx-padding: 0.083333em;
}

.progress-indicator > .determinate-indicator > .progress {
    -fx-background-color:
       rgb(208.0, 208.0, 208.0),
       radial-gradient(center 50.0% 50.0%, radius 50.0%, rgb(84.0, 170.0, 240.0), rgb(90.0, 192.0, 246.0));
    -fx-background-insets: 0.0, 0.5;
    -fx-padding: 0.166667em; 
}

.progress-indicator > .determinate-indicator > .tick {
    -fx-background-color: rgb(208.0, 208.0, 208.0), white;
    -fx-background-insets: 1.0 0.0 -1.0 0.0, 0.0;
    -fx-padding: 0.416667em;
    -fx-shape: "m 18.174523,1027.137 c -0.18077,-0.4575 -0.184364,-0.8913 0.115901,-1.1721 0.300265,-0.2809 0.836622,-0.3601 1.288422,-0.041 0.4518,0.3191 2.020453,2.9316 2.020453,2.9316 l 5.41194,-8.0232 c -4e-6,0 0.516257,-0.6671 1.248682,-0.3099 0.648831,0.3165 0.559153,1.0373 0.559153,1.0373 0,0 -5.940433,9.3556 -6.15501,9.6287 -0.214577,0.273 -1.595078,0.2481 -1.817995,-0.027 -0.222917,-0.2751 -2.490777,-3.567 -2.671546,-4.0244 z";
    -fx-scale-shape: false;
}

.progress-indicator > .percentage {
    -fx-font-size: 0.916667em;
}

.progress-indicator:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.progress-indicator:indeterminate > .spinner {
    -fx-padding: 0.083333em; 
}

.progress-indicator:indeterminate .segment {
    -fx-background-color: rgb(95.0, 95.0, 98.0), rgb(122.0, 122.0, 125.0);
    -fx-background-insets:0.0, 0.5;
}
.progress-indicator:indeterminate .segment0 {
    -fx-shape:"m 14.321262,6.5816808 c -0.824944,0.3797564 -0.10368,1.8484772 0.718513,1.3544717 L 18.786514,5.9486042 C 19.644992,5.4932031 18.92648,4.1387308 18.068001,4.5941315 z";
}
.progress-indicator:indeterminate .segment1 {
    -fx-shape:"m 15.372451,9.2445322 c -0.906719,-0.051108 -0.957826,1.5843588 0,1.5332498 l 4.241273,0 c 0.97179,0 0.97179,-1.5332498 0,-1.5332498 z";
}
.progress-indicator:indeterminate .segment2 {
    -fx-shape:"m 14.423504,13.443113 c -0.824945,-0.379757 -0.10368,-1.848478 0.718512,-1.354472 l 3.746739,1.987548 c 0.858478,0.455401 0.139967,1.809873 -0.718512,1.354473 z";
}
.progress-indicator:indeterminate .segment3 {
    -fx-shape:"m 12.10997,15.070611 c -0.49762,-0.759687 0.893182,-1.621681 1.327834,-0.766626 l 2.120636,3.673051 c 0.485895,0.841595 -0.841938,1.60822 -1.327833,0.766625 z";
}
.progress-indicator:indeterminate .segment4 {
    -fx-shape:"m 9.2224559,19.539943 c -0.051108,0.906718 1.5843581,0.957826 1.5332501,0 l 0,-4.241273 c 0,-0.97179 -1.5332501,-0.97179 -1.5332501,0 z";
}
.progress-indicator:indeterminate .segment5 {
    -fx-shape:"M 8.0465401,15.070611 C 8.5441601,14.310924 7.1533584,13.44893 6.7187068,14.303985 l -2.1206366,3.673051 c -0.485895,0.841595 0.8419383,1.60822 1.3278333,0.766625 z";
}
.progress-indicator:indeterminate .segment6 {
    -fx-shape:"M 5.7330066,13.443113 C 6.5579512,13.063356 5.8366865,11.594635 5.0144939,12.088641 L 1.2677551,14.076189 C 0.409277,14.53159 1.1277888,15.886062 1.9862674,15.430662 z";
}
.progress-indicator:indeterminate .segment7 {
    -fx-shape:"m 0.42171041,9.2083842 c -0.90671825,-0.051108 -0.95782608,1.5843588 0,1.5332498 l 4.24127319,0 c 0.9717899,0 0.9717899,-1.5332498 0,-1.5332498 z";
}
.progress-indicator:indeterminate .segment8 {
    -fx-shape:"M 5.7330066,6.5305598 C 6.5579512,6.9103162 5.8366865,8.3790371 5.0144939,7.8850315 L 1.2677551,5.8974832 C 0.409277,5.4420823 1.1277888,4.0876101 1.9862674,4.5430105 z";
}
.progress-indicator:indeterminate .segment9 {
    -fx-shape:"M 8.0465401,4.9030617 C 8.5441601,5.6627485 7.1533584,6.5247425 6.7187068,5.6696872 L 4.5980702,1.9966363 C 4.1121752,1.1550418 5.4400085,0.38841683 5.9259035,1.2300114 z";
}
.progress-indicator:indeterminate .segment10 {
    -fx-shape:"m 9.2224559,4.62535 c -0.051108,0.9067177 1.5843581,0.957826 1.5332501,0 l 0,-4.24127319 c 0,-0.9717899 -1.5332501,-0.9717899 -1.5332501,0 z";
}
.progress-indicator:indeterminate .segment11 {
    -fx-shape:"m 12.007729,4.9541827 c -0.49762,0.7596865 0.893181,1.6216808 1.327833,0.7666252 L 15.456199,2.0477574 C 15.942094,1.2061627 14.61426,0.43953765 14.128365,1.2811324 z";
}

/*******************************************************************************
 *                                                                             *
 * TableView & TreeTableView                                                   *
 * Note: A lot of the CSS for TreeTableView is included with the TreeView and  *
 * TableView CSS styles elsewhere (as they are the same, just                  *
 * targeting different CSS style classes).                                     *
 *                                                                             *
 ******************************************************************************/

.table-view,
.tree-table-view {
    -fx-background-color: white;
    -fx-background-insets: 0.5;
    -fx-border-color: rgb(156.0, 156.0, 156.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0);
    -fx-border-width: 1.0;
    -fx-border-insets: 0.0;
    -fx-table-cell-border-color: transparent;
}

/* Draws focus border around tableview */
.table-view:focused,
.tree-table-view:focused,
.tree-view:focused,
.list-view:focused  {
    -fx-effect: dropshadow(one-pass-box , rgb(120.0,171.0,217.0), 8.0, 0.8 , 0.0, 0.0);
}

.table-view:disabled,
.tree-view:disabled,
.tree-table-view:disabled,
.list-view:disabled,
.list-cell:filled:selected:focused:disabled, 
.list-cell:filled:selected:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

/* Each row in the table is a table-row-cell. Inside a table-row-cell is any
   number of table-cell. */
.table-row-cell,
.tree-table-row-cell {
    -fx-background-color: white;
    -fx-background-insets: 0.0;
    -fx-text-fill: -fx-text-base-color;
    -fx-cell-size: 1.461538em;
}

.table-row-cell:odd,
.tree-table-row-cell:odd {
    -fx-background-color: rgb(243.0, 246.0, 250.0);
}

.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:selected > .table-cell,
.tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:selected > .tree-table-cell {
    -fx-text-fill: white;
}

.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:selected, 
.tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:selected,
.table-view:row-selection:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:focused:selected:hover,
.tree-table-view:row-selection:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:focused:selected:hover {
    -fx-background-color: rgb(60.0, 119.0, 212.0);
    -fx-background-insets: 0.0 0.0 1.0 0.0;
}

/* When the TableView is _not_ focused, we show alternate selection colors */
.table-row-cell:filled:selected:focused, 
.table-row-cell:filled:selected,
.tree-table-row-cell:filled:selected:focused, 
.tree-table-row-cell:filled:selected,
.tree-cell:filled:selected:focused, 
.tree-cell:filled:selected {
    -fx-background-color: lightgray;
    -fx-text-fill: -fx-text-base-color;
}

.table-row-cell:selected:disabled,
.tree-table-row-cell:selected:disabled,
.tree-cell > .tree-disclosure-node:disabled,
.tree-table-row-cell > .tree-disclosure-node:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:hover,
.tree-view > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:hover,
.table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:focused:hover,
.tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:focused:hover,
.tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:hover, 
.tree-view > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected:hover,
.tree-table-row-cell:filled:selected:hover { 
    -fx-background-color: -fx-cell-hover-color;
    -fx-background-insets: 0.0;
    -fx-text-fill: -fx-text-base-color;
}

.table-cell,
.tree-table-cell {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-border-width: 0.0em;
    -fx-text-fill: -fx-text-base-color;
    -fx-padding: 0.0em 0.769231em 0.0em 0.769231em;
}

/* When in constrained resize mode, the right-most visible cell should not have
   a right-border, as it is not possible to get this cleanly out of view without
   introducing horizontal scrollbars (see RT-14886). */
.table-view:constrained-resize > .virtual-flow > .clipped-container > .sheet > .table-row-cell > .table-cell:last-visible,
.tree-table-view:constrained-resize > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell > .tree-table-cell:last-visible {
    -fx-border-color: transparent;
}
.table-view:constrained-resize > .column-header:last-visible,
.tree-table-view:constrained-resize > .column-header:last-visible {
    -fx-border-width: 0.083333em 0.0em 0.083333em 0.083333em, 0.083333em 0.0em 0.083333em 0.083333em;
}
.table-view:constrained-resize .filler,
.tree-table-view:constrained-resize .filler {
    -fx-border-insets: 0.0 1.0 1.0 1.0, 0.0 0.0 0.0 0.0;
}

/* When the TableView is _not_ focused, we show alternate selection colors */
 .table-row-cell:filled > .table-cell:selected:focused, 
 .table-row-cell:filled > .table-cell:selected,
 .tree-table-row-cell:filled > .tree-table-cell:selected:focused, 
 .tree-table-row-cell:filled > .tree-table-cell:selected {
    -fx-background-color: lightgray;
}

.table-cell:selected:disabled,
.tree-table-cell:selected:disabled,
.tree-cell:filled:selected:focused:disabled, 
.tree-cell:filled:selected:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

/* The column-resize-line is shown when the user is attempting to resize a column. */
.table-view .column-resize-line,
.tree-table-view .column-resize-line {
    -fx-background-color: lightgray;
    -fx-padding: 0.0em 0.02em 0.0em 0.02em; 
}

/* This is the area behind the column headers. An ideal place to specify background
   and border colors for the whole area (not individual column-header's). */
.table-view .column-header-background,
.tree-table-view .column-header-background {
     -fx-background-color:
        linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 98.0% , rgb(250.0, 250.0, 250.0) 100.0% );
    -fx-background-insets:  0.0;
    -fx-border-color: rgb(156.0, 156.0, 156.0);
    -fx-border-insets: 0.0 0.0 0.5 0.0;
    -fx-border-width: 0.0 0.0 0.5 0.0;
    -fx-padding: 0.0;
}

/* The column header row is made up of a number of column-header, one for each
   TableColumn, and a 'filler' area that extends from the right-most column
   to the edge of the tableview, or up to the 'column control' button. */
.table-view .column-header,
.tree-table-view .column-header {
    /* since there could appear nested column-headers in a header, the border-color is defined by a gradient */
    -fx-right-border: linear-gradient(transparent, transparent 15.0%, rgb(190.0, 190.0, 190.0, 0.8) 15.0%, rgb(190.0, 190.0, 190.0, 0.8) 85.0%, transparent 85.0%, transparent);
    -fx-border-color: rgb(212.0, 212.0, 212.0, 0.8) -fx-right-border rgb(212.0, 212.0, 212.0, 0.8) transparent;
    -fx-border-width: 0.5 1.0 0.5 0.0;
    -fx-border-insets: 0.0;
}


/* This is especially for AquaFX. Apple uses tables with one column for simple Lists. This is just, to make it possible for users. The ListView Class  */
.table-view.hide-header .column-header{
    -fx-min-height: 0.0;
    -fx-max-height: 0.0;
    -fx-pref-height: 0.0;
}

/* filler is the area, which is next to column-header, but has no column..*/
.table-view .filler,
.tree-table-view .filler {
    -fx-border-color: rgb(212.0, 212.0, 212.0, 0.8);
    -fx-border-width: 0.5 0.0 0.5 0.0;
    -fx-border-insets: 0.0;
}

.table-view .column-header:pressed,
.tree-table-view .column-header:pressed,
.table-view .filler:pressed,
.tree-table-view .filler:pressed {
     -fx-background-color:
        linear-gradient(rgb(224.0, 224.0, 224.0) 25.0%, rgb(214.0, 214.0, 214.0) 50.0%, rgb(207.0, 207.0, 207.0) 50.0%, 
                rgb(209.0, 209.0, 209.0) 98.0% , rgb(218.0, 218.0, 218.0) 100.0%
        );
    -fx-border-color: rgb(156.0, 156.0, 156.0);
    -fx-border-width: 0.5 1.0 0.5 1.0 ;
    -fx-border-insets: -0.5 0.0 -0.5 -1.0;
}

.table-view .column-header .sort-order-dots-container,
.tree-table-view .column-header .sort-order-dots-container{
    -fx-padding: 2.0 0.0 2.0 0.0;
}

.table-view .column-header .sort-order,
.tree-table-view .column-header .sort-order{
    -fx-font-size: 0.916667em;
}

.table-view .column-header .sort-order-dot,
.tree-table-view .column-header .sort-order-dot {
    -fx-background-color: rgb(255.0, 255.0, 255.0, 0.4), rgb(0.0,0.0,0.0, 0.4);
    -fx-padding: 0.0625em 0.104em 0.0625em 0.104em;
}


/* dots beneath/ above the sort order-arrows */
.table-view .column-header .sort-order-dot.ascending,
.tree-table-view .column-header .sort-order-dot.ascending {
    -fx-background-insets: -1.0 0.0 1.0 0.0, 0.0; 
}

.table-view .column-header .sort-order-dot.descending,
.tree-table-view .column-header .sort-order-dot.descending {
    -fx-background-insets: 1.0 0.0 -1.0 0.0, 0.0; 
}

.table-view > .column-header-background > .show-hide-columns-button,
.tree-table-view > .column-header-background > .show-hide-columns-button{
    -fx-background-color: transparent;
}

.table-view .show-hide-column-image,
.tree-table-view .show-hide-column-image {
    -fx-background-color: rgb(255.0, 255.0, 255.0, 0.4), rgb(0.0,0.0,0.0, 0.4);
    -fx-background-insets: 3.0 2.0 -3.0 -2.0,  2.0 2.0 -2.0 -2.0;
    -fx-padding: 0.25em;
    -fx-shape: "M398.902,298.045c0.667,0,1.333,0,2,0c0,0.667,0,1.333,0,2c0.667,0,1.333,0,2,0c0,0.667,0,1.333,0,2c-0.667,0-1.333,0-2,0c0,0.666,0,1.332,0,1.999c-0.667,0-1.333,0-2,0c0-0.667,0-1.333,0-1.999c-0.666,0-1.333,0-1.999,0c0-0.667,0-1.334,0-2c0.666,0,1.333,0,1.999,0C398.902,299.378,398.902,298.711,398.902,298.045z"; 
}

.table-view .column-drag-header,
.tree-table-view .column-drag-header {
    -fx-background-color:  linear-gradient(rgb(224.0, 224.0, 224.0) 25.0%, rgb(214.0, 214.0, 214.0) 50.0%, rgb(207.0, 207.0, 207.0) 50.0%, 
                rgb(209.0, 209.0, 209.0) 98.0% , rgb(218.0, 218.0, 218.0) 100.0%);
    -fx-border-color: transparent;
    -fx-opacity: 0.6;
}

.table-view /*> column-header-background > nested-column-header >*/ .arrow,
.tree-table-view /*> column-header-background > nested-column-header >*/ .arrow {
    -fx-background-color: rgb(255.0, 255.0, 255.0, 0.4), rgb(0.0,0.0,0.0, 0.4);
    -fx-background-insets: 1.5 0.5 -1.0 0.5, 0.0, 0.0 0.5 0.0 0.5;
    -fx-padding: 0.25em; 
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

/* This is shown when the table has no rows and/or no columns. */
.table-view .empty-table,
.tree-table-view .empty-table {
    -fx-background-color: white;
}
 .tree-table-row-cell:empty  .check-box-tree-table-cell,
 .table-row-cell:empty  .check-box-table-cell,
 .list-cell:empty {
     -fx-opacity:0.0;
 }

.check-box-tree-table-cell,
.check-box-table-cell {
    -fx-alignment: center;
}

/*******************************************************************************
 *                                                                             *
 * TreeView and TreeCell                                                       *
 *                                                                             *
 ******************************************************************************/

.tree-view {
    -fx-background-color: white;
    -fx-background-insets: 0.5;
    -fx-border-color: rgb(156.0, 156.0, 156.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0) rgb(190.0, 190.0, 190.0);
    -fx-border-width: 1.0;
    -fx-border-insets: 0.0;
}

.tree-cell {
    -fx-background-color: white;
    -fx-padding: 0.083333em;
    -fx-text-fill: -fx-text-base-color;
    -fx-indent: 13.0;
    -fx-cell-size: 1.461538em;
}

.tree-cell .label {
    -fx-padding: 0.0em 0.0em 0.0em 0.25em;
}

.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:focused:selected,
.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected, 
.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected:hover,
.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:focused:selected:hover {
    -fx-background-color: rgb(60.0, 119.0, 212.0);
    -fx-background-insets: 0.0 0.0 1.0 0.0;
    -fx-text-fill: white;
}

.tree-cell > .tree-disclosure-node,
.tree-table-row-cell > .tree-disclosure-node {
    -fx-padding: 4.0;
    -fx-background-color: transparent;
}

.tree-cell > .tree-disclosure-node > .arrow,
.tree-table-row-cell > .tree-disclosure-node > .arrow {
    -fx-background-color: rgb(134.0, 134.0, 134.0);
    -fx-padding: 0.25em 0.333333em 0.153846em 0.333333em;
    -fx-background-insets: 0.0 0.5 0.0 0.5;
    -fx-shape: "M 0 -4 L 8 0 L 0 4 z";
    -fx-scale-shape: false;
}

.tree-cell:expanded > .tree-disclosure-node > .arrow,
.tree-table-row-cell:expanded > .tree-disclosure-node > .arrow {
    -fx-rotate: 90.0;
}

.tree-view > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:hover,
.tree-table-row-cell:filled:hover,
.tree-view > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected:hover,
.tree-table-row-cell:filled:selected:hover {
    -fx-background-color: -fx-cell-hover-color;
    -fx-text-fill: -fx-text-base-color;
}

.tree-view > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected > .tree-disclosure-node > .arrow,
.tree-view > .virtual-flow > .clipped-container > .sheet > .tree-cell:selected > .tree-disclosure-node > .arrow,
.tree-cell:filled:hover > .tree-disclosure-node > .arrow,
.tree-table-row-cell:filled:hover > .tree-disclosure-node > .arrow {
    -fx-background-color: rgb(134.0, 134.0, 134.0);
}

.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected:focused > .tree-disclosure-node > .arrow, 
.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected:hover:focused > .tree-disclosure-node > .arrow,
.tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:selected:hover > .tree-disclosure-node > .arrow,
.tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:selected > .tree-disclosure-node > .arrow {
    -fx-background-color: white;
}

/*******************************************************************************
 *                                                                             *
 * TitledPane                                                                  *
 *                                                                             *
 ******************************************************************************/

.titled-pane {
    -fx-text-fill: -fx-text-base-color;
    -fx-border-color: rgb(146.0, 146.0, 146.0);
    -fx-border-width: 1.0 0.0 1.0 0.0;
}

.titled-pane:focused  > .title > .arrow-button > .arrow  {
    -fx-effect: dropshadow(one-pass-box , rgb(104.0, 155.0, 201.0), 6.5, 0.8 , 0.0, 0.0);
}

.titled-pane > .title {
    -fx-padding: 0.166667em 0.833333em 0.25em 0.833333em;
}

.titled-pane > .title > .arrow-button {
    -fx-background-color: null;
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-padding: 0.0em 0.25em 0.0em 0.0em;
}

.titled-pane > .title > .arrow-button > .arrow {
    -fx-background-color: rgb(134.0, 134.0, 134.0), rgb(176.0, 176.0, 176.0, 0.3);
    -fx-background-insets: 0.5 0.0 -0.5 0.0, 0.0;
    -fx-padding: 0.25em 0.3125em 0.25em 0.3125em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.titled-pane > *.content {
    -fx-padding: 0.167em;
}


/*******************************************************************************
 *                                                                             *
 * Accordion                                                                   *
 *                                                                             *
 ******************************************************************************/

.accordion > .titled-pane {
    -fx-border-width: 1.0 0.0 0.0 0.0;
}

.accordion > .first-titled-pane  {
   -fx-border-color: transparent;
    -fx-border-width: 0.0;
}


/*******************************************************************************
 *                                                                             *
 * SplitPane                                                                   *
 *                                                                             *
 ******************************************************************************/
.tab-pane > * > .split-pane,
.split-pane > * > .tab-pane,
.split-pane > * > .table-view,
.split-pane > * > .list-view,
.split-pane > * > .tree-view,
.split-pane > * > .scroll-pane,
.split-pane > * > .split-pane {
    -fx-border-width: 0.0;
    -fx-padding: 0.0;
 }

.split-pane {
    -fx-border-color: rgb(175.0, 175.0, 175.0);
    -fx-border-width: 1.0;
    -fx-background-color: white;
    -fx-padding: 0.0;
}

.split-pane > .split-pane-divider {
    -fx-padding: 0.0em 0.307692em 0.0em 0.307692em;
}

/* horizontal the two nodes are placed to the left/right of each other. */
.split-pane:horizontal > .split-pane-divider {
   -fx-border-color: transparent rgb(180.0, 180.0, 180.0) transparent rgb(180.0, 180.0, 180.0);
   -fx-border-width: 1.0;
   -fx-background-color: linear-gradient(to right, rgb(252.0, 252.0, 252.0), rgb(224.0, 224.0, 224.0));
}

/* vertical the two nodes are placed on top of each other. */
.split-pane:vertical > .split-pane-divider {
   -fx-border-color:  rgb(180.0, 180.0, 180.0) transparent rgb(180.0, 180.0, 180.0) transparent;
   -fx-border-width: 1.0;
   -fx-background-color: linear-gradient(rgb(252.0, 252.0, 252.0), rgb(224.0, 224.0, 224.0));
}

.split-pane > .split-pane-divider > .horizontal-grabber,
.split-pane > .split-pane-divider > .vertical-grabber {
    -fx-padding: 0.153846em;
    -fx-background-color: radial-gradient(focus-angle 90.0deg, focus-distance 15.0%, center 75.0% 50.0%, radius 65.0%, rgb(203.0, 203.0, 203.0), rgb(167.0, 167.0, 167.0));
    -fx-background-insets: 0.0;
    -fx-shape: "m 7.3638763,7.3678179 c 0,1.9327203 -1.7375658,3.4995001 -3.8809619,3.4995001 -2.143396,0 -3.88096185,-1.5667798 -3.88096185,-3.4995001 0,-1.9327204 1.73756585,-3.4994998 3.88096185,-3.4994998 2.1340502,0 3.8677202,1.5536502 3.8808881,3.4779066";
}

/*******************************************************************************
 *                                                                             *
 * TabPane                                                                     *
 *                                                                             *
 ******************************************************************************/

.tab-pane {
    -fx-skin: 'com.aquafx_project.controls.skin.AquaTabPaneSkin';
    -fx-tab-alignment: CENTER;
}

.tab-pane:top > .tab-content-area {
    -fx-border-width: 0.0 0.5 0.5 0.5;
    -fx-border-radius: 0.0 0.0 6.0 6.0;
    -fx-border-insets: 0.0 5.0 5.0 5.0;
    -fx-background-insets: 0.0 5.0 5.0 5.0;
    -fx-background-radius: 0.0 0.0 6.0 6.0;
    -fx-border-color: rgb(193.0, 193.0, 193.0);
    -fx-background-color: rgb(227.0, 227.0, 227.0),
        linear-gradient(to right, rgb(168.0, 168.0, 168.0, 0.5) 0.0%, transparent 0.4%, transparent 99.6%, rgb(168.0, 168.0, 168.0, 0.5));    
}

.tab-pane:right > .tab-content-area{
    -fx-border-width: 0.5 0.0 0.5 0.5;
    -fx-border-radius: 6.0 0.0 0.0 6.0;
    -fx-border-insets: 5.0 0.0 5.0 5.0;
    -fx-background-insets: 5.0 0.0 5.0 5.0;
    -fx-background-radius: 6.0 0.0 0.0 6.0;
    -fx-border-color: rgb(193.0, 193.0, 193.0);
    -fx-background-color: rgb(227.0, 227.0, 227.0),
        linear-gradient(to bottom, rgb(168.0, 168.0, 168.0, 0.5) 0.0%, transparent 2.0%, transparent 98.0%, rgb(168.0, 168.0, 168.0, 0.5));    
}

.tab-pane:bottom > .tab-content-area{
    -fx-border-width: 0.5 0.5 0.0 0.5;
    -fx-border-radius: 6.0 6.0 0.0 0.0;
    -fx-border-insets: 5.0 5.0 0.0 5.0;
    -fx-background-insets: 5.0 5.0 0.0 5.0;
    -fx-background-radius: 6.0 6.0 0.0 0.0;    
    -fx-border-color: rgb(193.0, 193.0, 193.0);
    -fx-background-color: rgb(227.0, 227.0, 227.0),
        linear-gradient(to right, rgb(168.0, 168.0, 168.0, 0.5) 0.0%, transparent 0.4%, transparent 99.6%, rgb(168.0, 168.0, 168.0, 0.5));    
}

.tab-pane:left > .tab-content-area{
    -fx-border-width: 0.5 0.5 0.5 0.0;
    -fx-border-radius: 0.0 6.0 6.0 0.0;
    -fx-border-insets: 5.0 5.0 5.0 0.0;
    -fx-background-insets: 5.0 5.0 5.0 0.0;   
    -fx-background-radius: 0.0 6.0 6.0 0.0;
    -fx-border-color: rgb(193.0, 193.0, 193.0);
    -fx-background-color: rgb(227.0, 227.0, 227.0),
        linear-gradient(to bottom, rgb(168.0, 168.0, 168.0, 0.5) 0.0%, transparent 2.0%, transparent 98.0%, rgb(168.0, 168.0, 168.0, 0.5));    
}

.tab-pane > .tab-header-area > .headers-region > .tab {
    -fx-background-color: rgb(255.0, 255.0, 255.0),
        linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-padding: 0.07em 0.75em 0.1em 0.75em;
    -fx-content-display: LEFT;
    -fx-background-radius: 0.0, 0.0;
    -fx-background-insets:  0.0, 1.0 0.0 0.0 0.0;
    -fx-border-radius: 0.0;
    -fx-border-width:0.5 0.0 0.5 1.0;
    -fx-border-style: solid solid solid segments(15.0, 2.5) phase 15.0 ;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(203.0, 203.0, 203.0);
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-text-fill: -fx-text-base-color;
}

.tab-pane > .tab-header-area > .headers-region > .first-tab{
    -fx-background-radius: 4.0 0.0 0.0 4.0, 4.0 0.0 0.0 4.0;
    -fx-background-insets:  0.0, 1.0 0.0 0.0 1.0;
    -fx-border-radius: 4.0 0.0 0.0 4.0;
    -fx-border-width:0.5 0.0 0.5 0.5;
    -fx-border-style: solid;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0);
}

.tab-pane > .tab-header-area > .headers-region > .last-tab{
    -fx-background-radius: 0.0 4.0 4.0 0.0, 0.0 4.0 4.0 0.0;
    -fx-background-insets:  0.0, 1.0 1.0 0.0 0.0;
    -fx-border-radius: 0.0 4.0 4.0 0.0;
    -fx-border-width:0.5 0.5 0.5 1.0;
    -fx-border-style: solid solid solid segments(15.0, 2.25) phase 15.0 centered;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(203.0, 203.0, 203.0);
}

.tab-pane > .tab-header-area > .headers-region > .tab.neighbor,
.tab-pane > .tab-header-area > .headers-region > .last-tab.neighbor{
    -fx-border-style: solid solid solid solid;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0)
        rgb(74.0, 74.0, 74.0);
}

.tab-pane > .tab-header-area > .headers-region > .single-tab{
    -fx-background-radius: 4.0 , 4.0;
    -fx-background-insets:  0.0, 1.0;
    -fx-border-radius: 4.0;
    -fx-border-width:0.5;
    -fx-border-style: solid;
    -fx-border-color: rgb(129.0, 129.0, 129.0);
}

.tab-pane:top > .tab-header-area,
.tab-pane:bottom > .tab-header-area{
    -fx-padding: 0.0em 0.5em 0.0em 0.5em;
}

.tab-pane:right > .tab-header-area,
.tab-pane:left > .tab-header-area{
        -fx-padding: 0.5em 0.0em 0.5em 0.0em;
}

.tab-pane > .tab-header-area > .tab-header-background {
    -fx-background-color: rgb(227.0, 227.0, 227.0);
    -fx-background-insets: 9.0 5.0 0.0 5.0;
    -fx-background-radius: 6.0 6.0 0.0 0.0;
    -fx-border-color: rgb(193.0, 193.0, 193.0);
    -fx-border-width: 0.5 0.5 0.0 0.5;
    -fx-border-radius: 6.0 6.0 0.0 0.0;
    -fx-border-insets: 9.0 5.0 0.0 5.0;
    -fx-effect: innershadow(one-pass-box, rgb(168.0, 168.0, 168.0, 0.6), 4.0, 0.6, 0.0, 2.0);
}

/* CONTROL BUTTONS */
.tab-pane > .tab-header-area > .control-buttons-tab {
    -fx-background-color:
        linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: 0.0;
    -fx-background-radius: 15.0;
    -fx-border-color: rgb(129.0, 129.0, 129.0);
    -fx-border-radius: 15.0;
    -fx-border-width: 0.5;
    -fx-padding: 0.27em 0.4em 0.27em 0.4em; 
} 

.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button {
    -fx-background-color: transparent;
    -fx-padding: 0.4em 0.0em 0.5em 0.0em; 
}

.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button .arrow {
    -fx-background-color: rgb(64.0, 64.0, 64.0);
    -fx-background-insets: 1.0 0.0 6.0 0.0;
    -fx-padding: 0.8em 0.3em 0.2em 0.3em; 
    -fx-shape: "M 0 0 H 7 L 3.5 4 z";
}

.tab-pane:bottom > .tab-header-area > .control-buttons-tab > .container > .tab-down-button .arrow {
    -fx-background-insets: 7.0 0.0 0.0 0.0;
}

/* TABPANE SELECTED STATE */
.tab-pane > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-color: rgb(97.0, 97.0, 97.0), -toggle-selected-base, -toggle-shadow;
    -fx-background-insets:0.0, 1.0 1.0 0.5 1.0, 1.0;
    -fx-effect:innershadow(one-pass-box, rgb(94.0, 94.0, 94.0, 0.5), 5.5, 0.7, 0.0, 2.0);
    -fx-border-style: solid solid solid solid centered;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(74.0, 74.0, 74.0);
}

.tab-pane > .tab-header-area > .headers-region > .tab:selected > .tab-container > .tab-label {
    -fx-text-fill: white;
    -fx-effect: dropshadow(two-pass-box , rgba(0.0, 0.0, 0.0, 0.4), 1.0, 0.0 , 0.0, 0.5);
}

.tab-pane > .tab-header-area > .headers-region > .last-tab:selected{
    -fx-border-style: solid solid solid solid centered;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(74.0, 74.0, 74.0);
}


/* Tabs are not closeable in Aqua!
.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-close-button {
    -fx-background-color: rgb(255.0, 255.0, 255.0);
    -fx-shape: "M 0,0 H1 L 4,3 7,0 H8 V1 L 5,4 8,7 V8 H7 L 4,5 1,8 H0 V7 L 3,4 0,1 Z";
    -fx-scale-shape: false;
    -fx-effect: dropshadow(two-pass-box , rgba(0.0, 0.0, 0.0, 0.3), 1.0, 0.0 , 0.0, 1.0);
}*/


.tab-pane > .tab-header-area > .headers-region > .tab:pressed {
    -fx-background-color: rgb(87.0, 87.0, 87.0), -toggle-armed-base, -toggle-shadow-armed;
    -fx-background-insets:0.0, 1.0 1.0 0.0 1.0, 1.0;
    -fx-text-fill: white;
    -fx-border-style: solid solid solid solid centered;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(74.0, 74.0, 74.0);
}

.tab-pane > .tab-header-area > .headers-region > .last-tab:pressed{
    -fx-border-style: solid solid solid solid centered;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(74.0, 74.0, 74.0);
}

/* TODO: Focus handling
 * .tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator{
    -fx-effect: dropshadow(one-pass-box , rgb(104, 155, 201), 6.5, 0.8 , 0.0, 0.0);
} */

.tab-pane > .tab-header-area > .headers-region > .tab:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.tab:disable {
    -fx-opacity: -fx-disabled-opacity;
}



/**
 *  TabPane with small Icon-Buttons and no text. Known of some preferences dialogs
 */

.tab-pane.tabpane-type-small-icon-buttons {
    -fx-tab-alignment: LEFT;
}

.tab-pane.tabpane-type-small-icon-buttons > .tab-content-area{
    -fx-border-width: 0.0;
    -fx-border-radius: 0.0;
    -fx-border-insets: 0.0;
    -fx-background-insets: 0.0;   
    -fx-background-radius: 0.0 ;
    -fx-border-color: transparent;
    -fx-background-color: transparent;    
}

.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .tab-header-background {
    -fx-background-color: transparent;
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-border-color: rgb(193.0, 193.0, 193.0);
    -fx-border-width: 0.0 0.0 1.0 0.0;
    -fx-border-radius: 0.0;
    -fx-border-insets:0.0;
}

.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area {
        -fx-padding: 0.0em;
}

.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .first-tab,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .last-tab,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab.neighbor,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .single-tab {
    -fx-background-color: linear-gradient(rgb(255.0, 255.0, 255.0), rgb(246.0, 246.0, 246.0)),
        linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-padding: 0.24em 0.166667em 0.24em 0.166667em;
    -fx-content-display: CENTER;
    -fx-background-radius: 0.0, 0.0;
    -fx-background-insets: 0.0 0.0 1.0 0.0, 0.5 0.0 1.5 0.0;
    -fx-border-radius: 0.0;
    -fx-border-width: 0.0 1.0 0.0 0.0;
    -fx-border-insets: 0.0 0.0 1.0 0.0;
    -fx-border-style: solid;
    -fx-border-color: rgb(193.0, 193.0, 193.0, 0.5);
}

.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab:selected,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab:pressed,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .first-tab:selected,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .first-tab:pressed,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .last-tab:selected,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .last-tab:pressed,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab.neighbor:selected,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab.neighbor:pressed,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .single-tab:selected,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .single-tab:pressed {
    -fx-background-color: linear-gradient(rgb(224.0, 237.0, 253.0), rgb(204.0, 242.0, 249.0)), 
        linear-gradient(rgb(207.0, 222.0, 238.0) 0.0%, rgb(163.0, 203.0, 234.0) 50.0%, rgb(111.0, 176.0, 227.0) 50.0%, rgb(189.0, 237.0, 247.0) 100.0% );
    -fx-border-color: linear-gradient(rgb(175.0, 188.0, 202.0) 0.0%, rgb(138.0, 170.0, 199.0) 50.0%, rgb(92.0, 148.0, 192.0) 50.0%, rgb(159.0, 200.0, 210.0) 100.0% );
    -fx-border-width: 0.0 1.0 0.0 0.0;
    -fx-border-insets: 0.0 0.0 1.0 0.0;
    -fx-border-style: solid;
    -fx-effect: null;
}

.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab:selected > .tab-container > .tab-label,
.tab-pane.tabpane-type-small-icon-buttons > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-text-fill: -fx-text-base-color;
    -fx-effect: null;
}

/**
 *  TabPane with bigger Icon-Buttons and Text underneath it. Known of almost all preferences dialogs
 */


.tab-pane.tabpane-type-icon-buttons {
    -fx-tab-alignment: LEFT;
}

.tab-pane.tabpane-type-icon-buttons > .tab-content-area{
    -fx-border-width: 0.0;
    -fx-border-radius: 0.0;
    -fx-border-insets: 0.0;
    -fx-background-insets: 0.0;   
    -fx-background-radius: 0.0 ;
    -fx-border-color: transparent;
    -fx-background-color: transparent;    
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .tab-header-background {
     -fx-background-color:
        linear-gradient(rgb(222.0, 222.0, 222.0), rgb(173.0, 173.0, 173.0) 99.0%, rgb(233.0, 233.0, 233.0));
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-border-width: 0.0 0.0 1.0 0.0;
    -fx-border-radius: 0.0;
    -fx-border-color: rgb(103.0, 103.0, 103.0);
    -fx-border-insets: 0.0;
    -fx-padding: 0.833em 0.416667em 0.833em 0.416667em;
    -fx-effect: null;
}

.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .tab-header-background { 
    -fx-background-color: linear-gradient(rgb(244.0, 244.0, 244.0), rgb(224.0, 224.0, 224.0) 99.0%, rgb(227.0, 227.0, 227.0));
    -fx-border-color:  rgb(166.0, 166.0, 166.0);
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area {
        -fx-padding: 0.0em 0.25em 0.0em 0.25em;
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .first-tab,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .last-tab,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab.neighbor,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .single-tab {
    -fx-background-color:transparent;
    -fx-padding: 0.24em 0.25em 0.0em 0.25em;
    -fx-content-display: CENTER;
    -fx-background-radius: 0.0;
    -fx-background-insets: 0.0;
    -fx-border-radius: 0.0;
    -fx-border-width: 0.0 1.0 0.0 1.0;
    -fx-border-insets: 0.0;
    -fx-border-style: solid;
    -fx-border-color: transparent;
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab:selected,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab:pressed,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .first-tab:selected,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .first-tab:pressed,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .last-tab:selected,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .last-tab:pressed,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab.neighbor:selected,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab.neighbor:pressed,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .single-tab:selected,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .single-tab:pressed {
    -fx-background-color: linear-gradient(rgb(168.0, 168.0, 168.0, 0.0) 0.0%, rgb(168.0, 168.0, 168.0) 50.0%, rgb(168.0, 168.0, 168.0, 0.0) 100.0% );
    -fx-border-color: linear-gradient(rgb(105.0, 105.0, 105.0, 0.0) 0.0%, rgb(105.0, 105.0, 105.0) 50.0%, rgb(105.0, 105.0, 105.0, 0.0) 100.0% ),
        linear-gradient(rgb(147.0, 147.0, 147.0, 0.0) 0.0%, rgb(147.0, 147.0, 147.0) 50.0%, rgb(147.0, 147.0, 147.0, 0.0) 100.0% );
    -fx-border-width: 0.0 0.5 0.0 0.5, 0.0 0.5 0.0 0.5;
    -fx-border-insets: 0.0, 0.0 0.5 0.0 0.5;
    -fx-border-style: solid;
    -fx-effect: null;
}

.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .headers-region > .tab:selected,
.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .headers-region > .first-tab:selected,
.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .headers-region > .last-tab:selected,
.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .headers-region > .tab.neighbor:selected,
.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .headers-region > .single-tab:selected {
    -fx-background-color: linear-gradient(rgb(168.0, 168.0, 168.0, 0.0) 0.0%, rgb(168.0, 168.0, 168.0, 0.5) 50.0%, rgb(168.0, 168.0, 168.0, 0.0) 100.0% );
    -fx-border-color: linear-gradient(rgb(105.0, 105.0, 105.0, 0.0) 0.0%, rgb(105.0, 105.0, 105.0, 0.5) 50.0%, rgb(105.0, 105.0, 105.0, 0.0) 100.0%),
        linear-gradient(rgb(147.0, 147.0, 147.0, 0.0) 0.0%, rgb(147.0, 147.0, 147.0, 0.5) 50.0%, rgb(147.0, 147.0, 147.0, 0.0) 100.0% );
    -fx-effect: null;
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab:selected > .tab-container > .tab-label,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-text-fill: -fx-text-base-color;
    -fx-font-size: 11;
    -fx-content-display: top;
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab:selected > .tab-container > .tab-label > .text,
.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label > .text {
    -fx-effect: dropshadow(one-pass-box , rgb(235.0, 235.0, 235.0, 0.9), 1.0, 0.8 , 0.0, 1.0);
    -fx-translate-y: -7;
}

.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .headers-region > .tab:selected > .tab-container > .tab-label,
.tab-pane.tabpane-type-icon-buttons.inactive > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-text-fill: derive(-fx-text-base-color, 50% ) ;
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab:focused > .tab-container > .tab-label > .icon {
    -fx-effect: dropshadow(one-pass-box , rgb(104.0, 155.0, 201.0), 6.5, 0.8 , 0.0, 0.0);
}

.tab-pane.tabpane-type-icon-buttons > .tab-header-area > .headers-region > .tab:pressed > .tab-container > .tab-label > .icon {
    -fx-blend-mode: difference;
}




/*******************************************************************************
 *                                                                             *
 * ComboBox                                                                    *
 *                                                                             *
 ******************************************************************************/

/* -------------- CODE  FOR THE NON-EDITABLE COMBO-BOX -------------- */
.combo-box-base > .arrow-button {
    -fx-background-color: 
        linear-gradient(rgb(155.0, 155.0, 155.0) 0.0%, rgb(172.0, 172.0, 172.0)  100.0%),
        rgb(255.0, 255.0, 255.0),
        linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: 0.5 0.5 0.5 0.0, 1.0 1.5 1.0 0.5, 1.0 2.0 1.0 0.5;
    -fx-background-radius: 0.0 4.0 4.0 0.0, 0.0 3.0 3.0 0.0, 0.0 3.0 3.0 0.0;
    -fx-border-width: 0.5 0.5 0.5 0.0;
    -fx-border-color: rgb(169.0, 169.0, 169.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0);
    -fx-border-radius: 0.0 4.0 4.0 0.0;
    -fx-padding: 0.0em 0.4em 0.0em 0.433333em; 
}

.combo-box-base:showing > .arrow-button {
    -fx-background-color: 
        linear-gradient(rgb(155.0, 155.0, 155.0) 0.0%, rgb(172.0, 172.0, 172.0)  100.0%),
        linear-gradient(rgb(225.0, 225.0, 225.0) 25.0%, rgb(213.0, 213.0, 213.0) 50.0%, rgb(207.0, 207.0, 207.0) 50.0%, rgb(212.0, 212.0, 212.0) 100.0% );
    -fx-background-insets: 0.5 0.5 0.5 0.0, 1.0 1.5 1.0 0.5;
} 

.combo-box-base > .arrow-button > .arrow,
.web-view .form-select-button .arrow {
    -fx-background-insets: 1.0 0.0 -1.0 0.0, 0.5 0.0 -0.5 0.0;
    -fx-background-color: rgb(255.0, 255.0, 255.0), rgb(71.0, 71.0, 71.0);
    -fx-padding: 0.2em 0.266667em 0.166667em 0.266667em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.combo-box-base:disabled {
    -fx-opacity: 1.0 ;
}

.combo-box-base > .text-field:disabled,
.combo-box-base > .arrow-button:disabled,
.combo-box-base > .list-cell:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.web-view .form-select-button {
    -fx-background-radius: 2.0, 2.0, 1.0, 0.0;
    -fx-background-insets: 2.0 2.0 1.0 2.0, 2.0, 3.0, 4.0;
}

/* -------------- CODE  FOR THE EDITABLE COMBO-BOX -------------- */

/* ------- TEXTBOX SEGMENT OF COMBO BOX ------- */
.combo-box-base:editable > .text-field {
    -fx-border-color: rgb(169.0, 169.0, 169.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0);
    -fx-border-width: 0.5 0.0 0.5 0.5;
    -fx-background-color: linear-gradient(rgb(155.0, 155.0, 155.0) 0.0%, rgb(172.0, 172.0, 172.0)  100.0%),
                        linear-gradient(rgb(224.0, 224.0, 224.0) 0.0%, rgb(255.0, 255.0, 255.0)  10.0%),
                        linear-gradient(to left, rgb(224.0, 224.0, 224.0) 0.0%, transparent 1.0%);
}

.combo-box-base:editable > .arrow-button {
    -fx-background-color: 
        linear-gradient(rgb(155.0, 155.0, 155.0) 0.0%, rgb(172.0, 172.0, 172.0)  100.0%),
        rgb(255.0, 255.0, 255.0),
        linear-gradient(rgb(255.0, 255.0, 255.0) 25.0%, rgb(243.0, 243.0, 243.0) 50.0%, rgb(236.0, 236.0, 236.0) 50.0%, rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: 0.0 0.5 3.5 0.0, 0.5 1.0 4.0 0.0, 1.0 1.0 4.0 0.0; 
    -fx-background-radius: 0.0 4.0 4.0 0.0, 0.0 3.0 3.0 0.0, 0.0 3.0 3.0 0.0;
    -fx-border-width: 0.5 0.5 0.5 0.0;
    -fx-border-color: rgb(169.0, 169.0, 169.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0);
    -fx-border-insets: -0.5 0.0 3.0 0.0; 
    -fx-border-radius: 0.0 4.0 4.0 0.0;
    -fx-padding: 0.230769em 0.4em 0.230769em 0.433333em; 
}

/* -------------- STYLES FOR THE DEFAULT LISTVIEW-BASED COMBOBOX ------------- */

.combo-box {
    -fx-skin: "com.aquafx_project.controls.skin.AquaComboBoxListViewSkin";
}

/* Customize the ListCell that appears in the ComboBox button itself */
.combo-box > .list-cell {
    -fx-text-fill: -fx-text-base-color;
    -fx-padding: 0.12em 0.5em 0.18em 0.583333em;
    -fx-border-radius: 4.0 0.0 0.0 4.0;
    -fx-border-width: 0.5 0.0 0.5 0.5;
    -fx-border-color: rgb(169.0, 169.0, 169.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0) rgb(205.0, 205.0, 205.0);
    -fx-background-color: linear-gradient(rgb(155.0, 155.0, 155.0) 0.0%, rgb(172.0, 172.0, 172.0)  100.0%),
        -choice-base;
    -fx-background-insets: 0.5 0.0 0.5 0.5, 1.0 0.0 1.0 1.0;
    -fx-background-radius: 4.0 0.0 0.0 4.0, 4.0 0.0 0.0 4.0;
    -fx-content-display: LEFT;
    -fx-opacity: 1.0;
}

.combo-box-popup > .list-view {
    -fx-background-color: white;
    -fx-background-insets: -3.0 0.0 0.0 0.0;
    -fx-background-radius: 0.0;
    -fx-border-color: rgb(0.0,0.0,0.0,0.4);
    -fx-border-insets: -3.0 0.0 0.0 0.0;
    -fx-border-width: 0.5 0.5 1.5 0.5;
   -fx-effect: dropshadow( three-pass-box , rgba(0.0,0.0,0.0,0.6) , 8.0, 0.0 , 0.0 , 0.0 );
}

.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell {
    -fx-padding: 4.0 0.0 4.0 5.0;
    -fx-background-color: white;
}

.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected, 
.combo-box-popup  > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected:hover {
    -fx-background-color:  rgb(60.0, 119.0, 212.0);
    -fx-text-fill: white;
}


/* -------------------------- STYLES FOR THE COLOR-PICKER CONTROL ----- */

.color-picker {
    -fx-skin: "com.aquafx_project.controls.skin.AquaColorPickerSkin";
    
    -fx-color-rect-width: 1.7em; 
    -fx-color-rect-height: 0.8em;  
    
    -fx-border-radius: 3.5;
    -fx-border-width: 0.5;
    -fx-border-color: rgb(207.0, 207.0, 207.0);
    
    -fx-background-color: linear-gradient(rgb(147.0, 147.0, 147.0) 0.0%, rgb(127.0, 127.0, 127.0) 100.0%), -choice-base;
    -fx-background-insets: 0.5, 1.0;
    -fx-background-radius: 3.5, 3.5;
    -fx-padding:0.0 1.2 0.0 0.0;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}

.color-picker > .arrow-button, .color-picker.button > .arrow-button > .arrow {
  -fx-background-color: null;
  -fx-border-color: null;
}

.color-picker.split-button > .arrow-button {
    -fx-background-color: null;
    -fx-background-insets: 0.0;
    -fx-border-width: 0.0 0.0 0.0 1.0;
    -fx-border-color: linear-gradient(rgb(155.0, 155.0, 155.0) 0.0%, rgb(172.0, 172.0, 172.0)  100.0%);
    -fx-border-radius: 0.0 3.5 3.5 0.0;
    -fx-border-insets: 0.0 -1.0 0.0 0.0;
}

.color-picker.split-button:showing > .arrow-button {
    -fx-background-color: 
        linear-gradient(rgb(225.0, 225.0, 225.0) 25.0%, rgb(213.0, 213.0, 213.0) 50.0%, rgb(207.0, 207.0, 207.0) 50.0%, rgb(212.0, 212.0, 212.0) 100.0% );
    -fx-background-insets: 1.0 -1.0 -1.0 0.0;
} 

.color-picker.split-button > .arrow-button > .arrow{
    -fx-background-color: rgb(255.0, 255.0, 255.0), rgb(71.0, 71.0, 71.0);
    -fx-padding: 0.2em 0.266667em 0.2em 0.266667em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.color-picker > .arrow-button > .arrow{
    -fx-background-color: rgb(110.0, 110.0, 110.0, 0.5), rgb(71.0, 71.0, 71.0);
    -fx-background-insets: 1.0 -1.0 0.0 0.0, 1.0 0.0 0.0 0.0;
    -fx-padding: 0.5em 0.18em 0.366667em 0.18em;
    -fx-shape:  "m 4.5,3.03125 -3.5,5.5 7,0 z m -3.5,10.875 3.5,5.5 3.5,-5.5 z";
}

.color-picker:showing > .arrow-button {
    -fx-background-color: null
} 

.color-picker > .color-picker-label{
    -fx-padding: 0.11em 0.3em 0.12em 0.613em; 
}

.color-picker > .color-picker-label > .picker-color{
    -fx-padding: 0.0em 0.15em 0.0em 0.0em;
}


.color-picker > .color-picker-label > .picker-color > .picker-color-rect {
    -fx-stroke: rgb(141.0, 141.0, 141.0);
    -fx-stroke-width: 1.0;
}

/* First PopUp when ColorPicker is pressed */
.color-palette {
    -fx-spacing: 15.0px;
    -fx-background-color:rgb(255.0, 255.0, 255.0, 0.95);
    -fx-background-radius: 6.0;
    -fx-border-width: 0.5;
    -fx-border-radius: 6.0;
    -fx-border-color: rgb(209.0, 209.0, 209.0, 0.4);
    -fx-padding: 15.0 15.0 15.0 15.0;
    -fx-effect: dropshadow( three-pass-box , rgba(0.0,0.0,0.0,0.6) , 8.0, 0.0 , 0.0 , 0.0 );
}

.color-palette > .color-picker-grid > .color-square > .color-rect {
    -fx-stroke: rgb(141.0, 141.0, 141.0);
    -fx-stroke-width: 0.4;
    -fx-border-color: black;
}

.color-palette > .color-picker-grid > .color-square {
    -fx-background-color: transparent;
    -fx-background-insets: -1.0, 0.0;   
    -fx-padding: 0.5;
    -fx-border: black;
}

/* the color over which the user is hovering */
.color-palette > .color-picker-grid > .color-square:focused, 
.color-palette > .color-picker-grid > .color-square:selected:focused {
    -fx-background-color: rgb(229.0, 229.0, 229.0);
}

/* the currently selected color */
.color-palette > .color-picker-grid > .color-square:selected {
    -fx-background-color: black;
} 

.color-palette > .separator > .line {
    -fx-background-color: rgb(229.0, 229.0, 229.0);
    -fx-padding: 6.0 0.0 0.0 0.0;
    -fx-background-insets: 4.0 -10.0 0.0 -10.0, 5.0 -10.0 0.0 -10.0;
    -fx-border-style: none;
    -fx-border-color: null;
}

/* PopUp when Custom-Color is pressed */
.custom-color-dialog > .color-rect-pane {
   -fx-padding: 30.0 15.0 30.0 15.0;
   -fx-background-color: rgb(237.0, 237.0, 237.0);
}

.custom-color-dialog > .controls-pane {
    -fx-padding: 10.0 15.0 10.0 0.0;
    -fx-background-color: rgb(237.0, 237.0, 237.0);
}
.custom-color-dialog  {
    -fx-background-color: rgb(237.0, 237.0, 237.0);
}

.custom-color-dialog .webcolor-field,
.custom-color-dialog .double-field,
.custom-color-dialog .integer-field,
.custom-color-dialog .input-field,
.custom-color-dialog .controls-pane .alpha-settings .text-field,
.custom-color-dialog .controls-pane .customcolor-controls-background,
.custom-color-dialog .controls-pane .current-new-color-grid {
    -fx-padding: 3.0 5.0 3.0 5.0;
}

.custom-color-dialog .controls-pane .current-new-color-grid .label {
    -fx-padding: 3.0 0.0 3.0 5.0;
}

.custom-color-dialog .controls-pane .current-new-color-grid .color-rect{
    -fx-padding: 15.0;
}

.custom-color-dialog .input-field:disabled {
    -fx-opacity: -fx-disabled-opacity;
}


/* -------------------------- STYLES FOR PAGINATION CONTROL ----- */
.pagination {
    -fx-padding: 0.416667em;        
    -fx-arrows-visible: true;
    -fx-tooltip-visible: true;
    -fx-page-information-visible: true;
    -fx-page-information-alignment: bottom;        
}
.pagination > .page {
    -fx-background-color: transparent;
}

.pagination > .pagination-control {
    -fx-background-color: transparent;    
    -fx-padding: 0.833333em 0.0em 0.833333em 0.0em;
}

.pagination > .pagination-control > .control-box {
    -fx-spacing: 3.0;
    -fx-alignment: center;
}

.pagination > .pagination-control > .control-box > .number-button {
    -fx-border-radius: 3.0em;
    -fx-background-radius: 3.0em, 3.0em;
    -fx-padding: 0.166667em;
}

.pagination > .pagination-control > .control-box > .left-arrow-button {
    -fx-border-radius: 3.0em;
    -fx-background-radius: 3.0em, 3.0em;
     -fx-padding: 0.166667em 0.416em 0.25em 0.166667em;
}

.pagination > .pagination-control > .control-box > .right-arrow-button {
    -fx-border-radius: 3.0em;
    -fx-background-radius: 3.0em, 3.0em;
    -fx-padding: 0.166667em 0.166667em 0.25em 0.25em;
}

.pagination > .pagination-control .left-arrow {
    -fx-background-color: rgb(255.0, 255.0, 255.0, 0.5), rgb(71.0, 71.0, 71.0);
    -fx-background-insets: 1.0 0.0 -1.0 0.0, 0.0;
    -fx-padding: 0.375em 0.291em 0.375em 0.291em;
    -fx-shape: "M 0 0 L -13 7 L 0 13 z";
    -fx-scale-shape: true;
}

.pagination > .pagination-control .right-arrow {
    -fx-background-color: rgb(255.0, 255.0, 255.0, 0.5), rgb(71.0, 71.0, 71.0);
    -fx-background-insets: 1.0 0.0 -1.0 0.0, 0.0;
    -fx-padding: 0.375em 0.291em 0.375em 0.291em;
    -fx-shape: "M 0 0 L 13 7 L 0 13 z";
    -fx-scale-shape: true;
}

.pagination > .pagination-control > .control-box > .bullet-button {
    -fx-border-width: 0.5;
    -fx-border-insets: 3.0;
    -fx-border-color: rgb(129.0, 129.0, 129.0);
    -fx-border-radius: 3.0em;
    -fx-background-color: rgb(250.0, 250.0, 250.0),
        linear-gradient(
            rgb(255.0, 255.0, 255.0) 0.0%, rgb(253.0,253.0,253.0) 25.0%,  
            rgb(244.0, 244.0, 244.0) 50.0%, rgb(236.0, 236.0, 236.0) 51.0%,
            rgb(243.0, 243.0, 243.0) 100.0% );
    -fx-background-insets: 3.0, 4.0;
    -fx-background-radius: 3.0em, 3.0em;
    -fx-padding: 0.0em;
    -fx-spacing: 14.0;
}

.pagination > .pagination-control > .control-box > .bullet-button:selected {   
    -fx-border-color: linear-gradient(
        rgb(100.0, 103.0, 124.0) 0.0%, rgb(92.0, 94.0, 116.0) 100.0%);
    -fx-background-color: 
        linear-gradient(
            rgb(228.0, 250.0, 255.0) 0.0%, #91bdee 50.0%, 
            #78b0ee 51.0%, rgb(228.0, 250.0, 255.0) 100.0% );
    -fx-background-insets: 3.0;
    -fx-background-radius: 3.0em;
}

.pagination > .pagination-control > .page-information {   
    -fx-padding: 0.416em 0.0 0.0 0.0;
}


/********************************************************************************
 *                                                                              *
 * HTMLEditor                                                                   *
 *                                                                              *
 ********************************************************************************/

.html-editor {
    -fx-border-width: 0.5 0.5 0.5 0.5;
    -fx-border-style: solid outside;
    -fx-padding: 0.0;
    -fx-border-color: rgb(115.0, 115.0, 115.0, 0.5);
}

.html-editor > * > .top-toolbar {
    -fx-background-color:
        linear-gradient(to bottom, rgb(233.0, 233.0, 233.0), rgb(173.0, 173.0, 173.0) 99.0%, rgb(233.0, 233.0, 233.0));
    -fx-background-insets: 0.0;
    -fx-border-color: rgb(107.0, 107.0, 107.0);
    -fx-border-width: 0.0 0.0 1.0 0.0;
    -fx-padding: 0.333em 0.5em 0.333em 0.5em;
    -fx-spacing: 0.333em;
}

.html-editor > * > .bottom-toolbar {
    -fx-background-color:
        linear-gradient(to bottom, rgb(233.0, 233.0, 233.0), rgb(180.0, 180.0, 180.0) 1.0%, rgb(184.0, 184.0, 184.0));
    -fx-background-insets: 0.0;
    -fx-border-color: rgb(154.0, 154.0, 154.0);
    -fx-border-width: 0.0 0.0 0.5 0.0;
    -fx-padding: 0.166667em 0.5em 0.166667em 0.5em;
    -fx-spacing: 0.333em;
}

.html-editor-foreground, .html-editor-background {
    -fx-color-label-visible: false;
    -fx-color-rect-x: 0.0;
    -fx-color-rect-y: 10.0;
    -fx-color-rect-width: 16.0;
    -fx-color-rect-height: 4.0;
    -fx-padding: 0.0;
    -fx-background-color: rgb(245.0, 245.0, 245.0),
        linear-gradient(rgb(230.0, 230.0, 230.0), rgb(182.0, 182.0, 182.0));
    -fx-background-insets:0.0, 1.0 0.0 0.0 0.0;
    -fx-border-width: 1.0;
    -fx-border-insets:-1.0;
    -fx-border-color: rgb(147.0, 147.0, 147.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0) rgb(129.0, 129.0, 129.0);
} 
.html-editor-foreground .label, .html-editor-background .label{
    -fx-padding: 1.5 0.0 1.0 8.0;
}
/*
.html-editor > * > * > .separator:vertical > .line{
    -fx-border-style: solid;
    -fx-background-color: null;
    -fx-border-color: transparent rgb(129.0, 129.0, 129.0) transparent transparent;
}*/

.html-editor > * > .bottom-toolbar:horizontal {
    -fx-padding: 0.417em;
}

.html-editor .button ,
.html-editor .toggle-button {
    -fx-background-color: rgb(245.0, 245.0, 245.0),
        linear-gradient(rgb(230.0, 230.0, 230.0), rgb(182.0, 182.0, 182.0));
    -fx-background-insets:0.0, 1.0 0.0 0.0 0.0;
    -fx-border-width: 1.0;
    -fx-border-insets:-1.0;
    -fx-border-color: rgb(122.0, 122.0, 122.0);
    -fx-padding: 0.1em 0.85em 0.07em 0.85em;
}

.html-editor .button:armed ,
.html-editor .toggle-button:selected{
    -fx-background-color: rgb(205.0, 205.0, 205.0),
        linear-gradient(rgb(183.0, 183.0, 183.0), rgb(144.0, 144.0, 144.0));
    -fx-border-color: rgb(122.0, 122.0, 122.0);
}

.html-editor .combo-box > .list-cell {
    -fx-border-radius: 4.0 0.0 0.0 4.0;
    -fx-border-width: 1.0 0.0 1.0 1.0;
    -fx-border-color: rgb(122.0, 122.0, 122.0);
    -fx-border-insets:-1.0;
    -fx-background-color: rgb(245.0, 245.0, 245.0),
        linear-gradient(rgb(230.0, 230.0, 230.0), rgb(182.0, 182.0, 182.0));
    -fx-background-insets: 0.0, 1.0 0.0 0.0 0.0;
    -fx-background-radius: 3.5 0.0 0.0 3.5, 3.5 0.0 0.0 3.5;
    -fx-padding: 0.1em 0.85em 0.07em 0.85em;
}

.html-editor .combo-box > .arrow-button {
    -fx-background-color: rgb(245.0, 245.0, 245.0),
        linear-gradient(rgb(230.0, 230.0, 230.0), rgb(182.0, 182.0, 182.0));
    -fx-background-insets: 0.0, 1.0 0.0 0.0 0.0;
    -fx-background-radius: 0.0 4.0 4.0 0.0, 0.0 3.0 3.0 0.0;
    -fx-border-width: 1.0 1.0 1.0 0.0;
    -fx-border-color: rgb(122.0, 122.0, 122.0);
    -fx-border-radius: 0.0 4.0 4.0 0.0;
    -fx-border-insets:-1.0;
}



/* ====== CHART TOP LEVEL ITEMS =========================================================== */
.chart {
    -fx-padding: 5.0px;
}
.chart-content {
    -fx-padding: 10.0px;
}
.chart-title {
    -fx-font-size: 1.4em;
}
.chart-legend {
   -fx-background-color:  #cccccc, #eeeeee;
   -fx-background-insets: 0.0,1.0;
   -fx-background-radius: 6.0,5.0;
   -fx-padding: 6.0px;
}

/* ====== AXIS ============================================================================ */
.axis {
    -fx-tick-label-font: 0.833333em System; /* 10 pix */
    -fx-tick-label-fill: -fx-text-base-color;
}
.axis:top {
    -fx-border-color: transparent transparent #666666 transparent;
}
.axis:right {
    -fx-border-color: transparent transparent transparent #666666;
}
.axis:bottom {
    -fx-border-color: #666666 transparent transparent transparent;
}
.axis:left {
    -fx-border-color: transparent #666666 transparent transparent;
}
.axis-tick-mark {
    -fx-fill: null;
    -fx-stroke: #666666;
}
.axis-minor-tick-mark {
    -fx-fill: null;
    -fx-stroke: #AAAAAA;
}

.axis .text {
  -fx-font-smoothing-type: lcd;
}

/* ====== CHART PLOT BACKGROUND =========================================================== */
.chart-plot-background {
    -fx-background-color: #f5f5f5;
}
.chart-vertical-grid-lines {
    -fx-stroke: #dddddd;
}
.chart-horizontal-grid-lines {
    -fx-stroke: #dddddd;
}
.chart-alternative-column-fill {
    -fx-fill: #eeeeee;
    -fx-stroke: transparent;
    -fx-stroke-width: 0.0;
}
.chart-alternative-row-fill {
    -fx-fill: #eeeeee;
    -fx-stroke: transparent;
    -fx-stroke-width: 0.0;
}
.chart-vertical-zero-line {
    -fx-stroke: #999999;
}
.chart-horizontal-zero-line {
    -fx-stroke: #999999;
}
/* ====== SCATTER CHART =========================================================== */
.chart-symbol { /* solid circle */
    -fx-background-color: #f9d900;
    -fx-background-radius: 5.0px;
    -fx-padding: 5.0px;
}
.default-color1.chart-symbol { /* solid square */
    -fx-background-color: #a9e200;
    -fx-background-radius: 0.0;
}
.default-color2.chart-symbol { /* solid diamond */
    -fx-background-color: #22bad9;
    -fx-background-radius: 0.0;
    -fx-padding: 7.0px 5.0px 7.0px 5.0px;
    -fx-shape: "M5,0 L10,9 L5,18 L0,9 Z";
}
.default-color3.chart-symbol { /* cross */
    -fx-background-color: #0181e2;
    -fx-background-radius: 0.0;
    -fx-background-insets: 0.0;
    -fx-shape: "M2,0 L5,4 L8,0 L10,0 L10,2 L6,5 L10,8 L10,10 L8,10 L5,6 L2,10 L0,10 L0,8 L4,5 L0,2 L0,0 Z";
}
.default-color4.chart-symbol { /* solid triangle */
    -fx-background-color: #2f357f;
    -fx-background-radius: 0.0;
    -fx-background-insets: 0.0;
    -fx-shape: "M5,0 L10,8 L0,8 Z";
}
.default-color5.chart-symbol { /* hollow circle */
    -fx-background-color: #860061, white;
    -fx-background-insets: 0.0, 2.0;
    -fx-background-radius: 5.0px;
    -fx-padding: 5.0px;
}
.default-color6.chart-symbol { /* hollow square */
    -fx-background-color: #c62b00, white;
    -fx-background-insets: 0.0, 2.0;
    -fx-background-radius: 0.0;
}
.default-color7.chart-symbol { /* hollow diamond */
    -fx-background-color: #ff5700, white;
    -fx-background-radius: 0.0;
    -fx-background-insets: 0.0, 2.5;
    -fx-padding: 7.0px 5.0px 7.0px 5.0px;
    -fx-shape: "M5,0 L10,9 L5,18 L0,9 Z";
}

/* ====== LINE CHART =========================================================== */
.chart-line-symbol {
    -fx-background-color: #f9d900, white;
    -fx-background-insets: 0.0, 2.0;
    -fx-background-radius: 5.0px;
    -fx-padding: 5.0px;
}
.chart-series-line {
    -fx-stroke: #f9d900;
    -fx-stroke-width: 4.0px;
    -fx-effect: dropshadow( two-pass-box , rgba(0.0,0.0,0.0,0.3) , 8.0, 0.0 , 0.0 , 3.0 );
}
.default-color0.chart-line-symbol { -fx-background-color: #f9d900, white; }
.default-color1.chart-line-symbol { -fx-background-color: #a9e200, white; }
.default-color2.chart-line-symbol { -fx-background-color: #22bad9, white; }
.default-color3.chart-line-symbol { -fx-background-color: #0181e2, white; }
.default-color4.chart-line-symbol { -fx-background-color: #2f357f, white; }
.default-color5.chart-line-symbol { -fx-background-color: #860061, white; }
.default-color6.chart-line-symbol { -fx-background-color: #c62b00, white; }
.default-color7.chart-line-symbol { -fx-background-color: #ff5700, white; }
.default-color0.chart-series-line { -fx-stroke: #f9d900; }
.default-color1.chart-series-line { -fx-stroke: #a9e200; }
.default-color2.chart-series-line { -fx-stroke: #22bad9; }
.default-color3.chart-series-line { -fx-stroke: #0181e2; }
.default-color4.chart-series-line { -fx-stroke: #2f357f; }
.default-color5.chart-series-line { -fx-stroke: #860061; }
.default-color6.chart-series-line { -fx-stroke: #c62b00; }
.default-color7.chart-series-line { -fx-stroke: #ff5700; }

/* ====== AREA CHART =========================================================== */
.chart-area-symbol {
    -fx-background-color: #f9d900, white;
    -fx-background-insets: 0.0, 1.0;
    -fx-background-radius: 4.0px; /* makes sure this remains circular */
    -fx-padding: 3.0px;
}
.default-color0.chart-area-symbol { -fx-background-color: #f9d900, white; }
.default-color1.chart-area-symbol { -fx-background-color: #a9e200, white; }
.default-color2.chart-area-symbol { -fx-background-color: #22bad9, white; }
.default-color3.chart-area-symbol { -fx-background-color: #0181e2, white; }
.default-color4.chart-area-symbol { -fx-background-color: #2f357f, white; }
.default-color5.chart-area-symbol { -fx-background-color: #860061, white; }
.default-color6.chart-area-symbol { -fx-background-color: #c62b00, white; }
.default-color7.chart-area-symbol { -fx-background-color: #ff5700, white; }
.chart-series-area-line {
    -fx-stroke: #f9d900;
    -fx-stroke-width: 1.0px;
}
.default-color0.chart-series-area-line { -fx-stroke: #c2a902; }
.default-color1.chart-series-area-line { -fx-stroke: #88b501; }
.default-color2.chart-series-area-line { -fx-stroke: #22bad9; }
.default-color3.chart-series-area-line { -fx-stroke: #0181e2; }
.default-color4.chart-series-area-line { -fx-stroke: #2f357f; }
.default-color5.chart-series-area-line { -fx-stroke: #860061; }
.default-color6.chart-series-area-line { -fx-stroke: #c62b00; }
.default-color7.chart-series-area-line { -fx-stroke: #ff5700; }
.chart-series-area-fill {
    -fx-stroke: null;
    -fx-fill: #f9d90044;
}
.default-color0.chart-series-area-fill { -fx-fill: #f9d90044; }
.default-color1.chart-series-area-fill { -fx-fill: #a9e20044; }
.default-color2.chart-series-area-fill { -fx-fill: #22bad944; }
.default-color3.chart-series-area-fill { -fx-fill: #0181e244; }
.default-color4.chart-series-area-fill { -fx-fill: #2f357f44; }
.default-color5.chart-series-area-fill { -fx-fill: #86006144; }
.default-color6.chart-series-area-fill { -fx-fill: #c62b0044; }
.default-color7.chart-series-area-fill { -fx-fill: #ff570044; }
.area-legend-symbol {
    -fx-padding: 6.0px;
    -fx-background-radius: 6.0px; /* makes sure this remains circular */
    -fx-background-insets: 0.0, 3.0;
}
/* ====== BUBBLE CHART =========================================================== */
.bubble-legend-symbol {
    -fx-background-radius: 8.0px;
    -fx-padding: 8.0px;
}
.chart-bubble {
    -fx-bubble-fill: #f9d900;
    -fx-background-color: radial-gradient(center 50.0% 50.0%, radius 80.0%, derive(-fx-bubble-fill,20.0%), derive(-fx-bubble-fill,-30.0%));
}
.default-color0.chart-bubble { -fx-bubble-fill: #f9d900aa; }
.default-color1.chart-bubble { -fx-bubble-fill: #a9e200aa; }
.default-color2.chart-bubble { -fx-bubble-fill: #22bad9aa; }
.default-color3.chart-bubble { -fx-bubble-fill: #0181e2aa; }
.default-color4.chart-bubble { -fx-bubble-fill: #2f357faa; }
.default-color5.chart-bubble { -fx-bubble-fill: #860061aa; }
.default-color6.chart-bubble { -fx-bubble-fill: #c62b00aa; }
.default-color7.chart-bubble { -fx-bubble-fill: #ff5700aa; }

/* ====== BAR CHART =========================================================== */
/* TODO flip gradient vertical for negative bars */
.chart-bar {
    -fx-bar-fill: #22bad9;
    -fx-background-color: linear-gradient(derive(-fx-bar-fill,-30.0%), derive(-fx-bar-fill,-40.0%)),
                          linear-gradient(derive(-fx-bar-fill,80.0%), derive(-fx-bar-fill, 0.0%)),
                          linear-gradient(derive(-fx-bar-fill,30.0%), derive(-fx-bar-fill,-10.0%));
    -fx-background-insets: 0.0,1.0,2.0;
    -fx-background-radius: 5.0 5.0 0.0 0.0, 4.0 4.0 0.0 0.0, 3.0 3.0 0.0 0.0;
}

.negative.chart-bar {
   -fx-background-color: linear-gradient(to top, derive(-fx-bar-fill,-30.0%), derive(-fx-bar-fill,-40.0%)),
                          linear-gradient(to top, derive(-fx-bar-fill, 80.0%), derive(-fx-bar-fill,0.0%)),
                          linear-gradient(to top, derive(-fx-bar-fill,30.0%), derive(-fx-bar-fill,-10.0%));
   -fx-background-radius: 0.0 0.0 5.0 5.0, 0.0 0.0 4.0 4.0, 0.0 0.0 3.0 3.0;
}
.bar-chart:horizontal .chart-bar, .stacked-bar-chart:horizontal .chart-bar {
    -fx-background-color: linear-gradient(to left, derive(-fx-bar-fill,-30.0%), derive(-fx-bar-fill,-40.0%)),
                          linear-gradient(to left, derive(-fx-bar-fill,80.0%), derive(-fx-bar-fill, 0.0%)),
                          linear-gradient(to left, derive(-fx-bar-fill,30.0%), derive(-fx-bar-fill,-10.0%));
    -fx-background-radius: 0.0 5.0 5.0 0.0, 0.0 4.0 4.0 0.0, 0.0 3.0 3.0 0.0;
}
.bar-chart:horizontal .negative.chart-bar, .stacked-bar-chart:horizontal .negative.chart-bar {
    -fx-background-color: linear-gradient(to right, derive(-fx-bar-fill,-30.0%), derive(-fx-bar-fill,-40.0%)),
                          linear-gradient(to right, derive(-fx-bar-fill, 80.0%), derive(-fx-bar-fill, 0.0%)),
                          linear-gradient(to right, derive(-fx-bar-fill,30.0%), derive(-fx-bar-fill,-10.0%));
    -fx-background-radius: 5.0 0.0 0.0 5.0, 4.0 0.0 0.0 4.0, 3.0 0.0 0.0 3.0;
}
.default-color0.chart-bar { -fx-bar-fill: #f9d900; }
.default-color1.chart-bar { -fx-bar-fill: #a9e200; }
.default-color2.chart-bar { -fx-bar-fill: #22bad9; }
.default-color3.chart-bar { -fx-bar-fill: #0181e2; }
.default-color4.chart-bar { -fx-bar-fill: #2f357f; }
.default-color5.chart-bar { -fx-bar-fill: #860061; }
.default-color6.chart-bar { -fx-bar-fill: #c62b00; }
.default-color7.chart-bar { -fx-bar-fill: #ff5700; }
.bar-legend-symbol {
    -fx-padding: 8.0px;
}
/* ====== PIE CHART ============================================================== */
.chart-pie {
    -fx-pie-color: #2f357f;
    -fx-background-color: radial-gradient(radius 100.0%, derive(-fx-pie-color,55.0%), derive(-fx-pie-color,-20.0%));
    -fx-background-insets: 0.0;
    -fx-border-color: derive(-fx-pie-color,-30.0%);
}
.chart-pie-label {
    -fx-padding: 3.0px;
}
.chart-pie-label-line {
    -fx-stroke: #aaaaaa;
    -fx-fill: #aaaaaa;
}
.default-color0.chart-pie { -fx-pie-color: #f9d900; }
.default-color1.chart-pie { -fx-pie-color: #a9e200; }
.default-color2.chart-pie { -fx-pie-color: #22bad9; }
.default-color3.chart-pie { -fx-pie-color: #0181e2; }
.default-color4.chart-pie { -fx-pie-color: #2f357f; }
.default-color5.chart-pie { -fx-pie-color: #860061; }
.default-color6.chart-pie { -fx-pie-color: #c62b00; }
.default-color7.chart-pie { -fx-pie-color: #ff5700; }
.negative.chart-pie {
    -fx-pie-color: transparent;
    -fx-background-color: white;
}
.pie-legend-symbol.chart-pie {
    -fx-background-radius: 8.0px;
    -fx-padding: 8.0px;
    -fx-border-color: null;
}

