• Home
• io.github.palexdev
• materialfx-all
• 11.25.0
• source code
• caspian.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

io.github.palexdev.mfxresources.themes.javafx.caspian.caspian.css Maven / Gradle / Ivy

.root {
    -fx-base: #d0d0d0;
    -fx-background: #f4f4f4;
    -fx-control-inner-background: white;
    -fx-dark-text-color: black;
    -fx-mid-text-color: #292929;
    -fx-light-text-color: white;
    -fx-accent: #0093ff;
    -fx-focus-color: #0093ff;
    -fx-color: -fx-base;
    -fx-disabled-opacity: .4;
    -fx-hover-base: ladder(-fx-base, derive(-fx-base, 20%) 20%, derive(-fx-base, 30%) 35%, derive(-fx-base, 40%) 50%);
    -fx-pressed-base: derive(-fx-base, -20%);
    -fx-focused-base: -fx-base;
    -fx-text-background-color: ladder(-fx-background, -fx-light-text-color 45%, -fx-dark-text-color 46%, -fx-dark-text-color 59%, -fx-mid-text-color 60%);
    -fx-text-fill: -fx-text-background-color;
    -fx-box-border: ladder(-fx-color, black 20%, derive(-fx-color, -30%) 30%);
    -fx-text-box-border: ladder(-fx-background, black 10%, derive(-fx-background, -15%) 30%);
    -fx-shadow-highlight-color: ladder(-fx-background, transparent 0%, derive(-fx-background, 40%) 5%, derive(-fx-background, 60%) 70%, derive(-fx-background, 100%) 85%, derive(-fx-background, 100%) 97%, derive(-fx-background, -10%) 97.5%);
    -fx-outer-border: linear-gradient(to bottom, derive(-fx-color, -9%) 0%, derive(-fx-color, -33%) 100%);
    -fx-inner-border: linear-gradient(to bottom, ladder(-fx-color, derive(-fx-color, 80%) 60%, white 82%) 0%, ladder(-fx-color, derive(-fx-color, 20%) 10%, derive(-fx-color, -10%) 80%) 100%);
    -fx-inner-border-horizontal: linear-gradient(to right, ladder(-fx-color, derive(-fx-color, 80%) 60%, white 82%) 0%, ladder(-fx-color, derive(-fx-color, 20%) 10%, derive(-fx-color, -10%) 80%) 100%);
    -fx-inner-border-bottomup: linear-gradient(to top, ladder(-fx-color, derive(-fx-color, 80%) 60%, white 82%) 0%, ladder(-fx-color, derive(-fx-color, 20%) 10%, derive(-fx-color, -10%) 80%) 100%);
    -fx-body-color: linear-gradient(to bottom, derive(-fx-color, 34%) 0%, derive(-fx-color, -18%) 100%);
    -fx-body-color-bottomup: linear-gradient(to top, derive(-fx-color, 34%) 0%, derive(-fx-color, -18%) 100%);
    -fx-text-base-color: ladder(-fx-color, -fx-light-text-color 45%, -fx-dark-text-color 46%, -fx-dark-text-color 59%, -fx-mid-text-color 60%);
    -fx-text-inner-color: ladder(-fx-control-inner-background, -fx-light-text-color 45%, -fx-dark-text-color 46%, -fx-dark-text-color 59%, -fx-mid-text-color 60%);
    -fx-mark-color: ladder(-fx-color, white 30%, derive(-fx-color, -63%) 31%);
    -fx-mark-highlight-color: ladder(-fx-color, derive(-fx-color, 80%) 60%, white 70%);
    -fx-selection-bar: linear-gradient(to bottom, derive(-fx-background, -7%) 0%, derive(-fx-background, -34%) 100%);
    -fx-selection-bar-text: ladder(-fx-background, -fx-light-text-color 50%, -fx-mid-text-color 51%);
    -fx-tab-border-color: -fx-box-border;
    -fx-background-color: inherit;
    -fx-background-radius: inherit;
    -fx-background-insets: inherit;
    -fx-padding: inherit;
    -fx-cell-hover-color: #cce3f4;
    -fx-cell-focus-inner-border: #85b9de;
    -fx-page-bullet-border: #acacac;
    -fx-page-indicator-hover-border: #accee5;
}

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

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

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

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

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

.button {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-background-radius: 5, 5, 4, 3;
    -fx-padding: .166667em .833333em .25em .833333em;
    -fx-text-fill: -fx-text-base-color;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}

.button:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 6.4, 5, 4, 3;
}

.button:hover {
    -fx-color: -fx-hover-base;
}

.button:armed {
    -fx-color: -fx-pressed-base;
}

.button:default {
    -fx-base: -fx-accent;
}

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

.button:show-mnemonics > .mnemonic-underline {
    -fx-stroke: -fx-text-fill;
}

.toggle-button {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-background-radius: 5, 5, 4, 3;
    -fx-padding: .166667em .833333em .25em .833333em;
    -fx-text-fill: -fx-text-base-color;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}

.toggle-button:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 6.4, 5, 4, 3;
}

.toggle-button:hover {
    -fx-color: -fx-hover-base;
}

.toggle-button:armed {
    -fx-color: -fx-pressed-base;
}

.toggle-button:selected {
    -fx-background-color: -fx-shadow-highlight-color, linear-gradient(to bottom, derive(-fx-color, -90%) 0%, derive(-fx-color, -60%) 100%), linear-gradient(to bottom, derive(-fx-color, -60%) 0%, derive(-fx-color, -35%) 50%, derive(-fx-color, -30%) 98%, derive(-fx-color, -50%) 100%), linear-gradient(to right, rgba(0, 0, 0, .3) 0%, transparent 10%, transparent 90%, rgba(0, 0, 0, .3) 100%);
    -fx-background-insets: 0 0 -1 0, 0, 1, 1;
    -fx-text-fill: -fx-light-text-color;
}

.toggle-button:selected:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color: -fx-focus-color, linear-gradient(to bottom, derive(-fx-color, -90%) 0%, derive(-fx-color, -60%) 100%), linear-gradient(to bottom, derive(-fx-color, -60%) 0%, derive(-fx-color, -35%) 50%, derive(-fx-color, -30%) 98%, derive(-fx-color, -50%) 100%), linear-gradient(to right, rgba(0, 0, 0, .3) 0%, transparent 10%, transparent 90%, rgba(0, 0, 0, .3) 100%);
    -fx-background-insets: -1.4, 0, 1, 1;
}

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

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

.radio-button {
    -fx-label-padding: 0 0 0 .416667em;
    -fx-text-fill: -fx-text-background-color;
}

.radio-button:focused {
    -fx-color: -fx-focused-base;
}

.radio-button > .radio {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-background-radius: 1em;
    -fx-padding: .333333em;
}

.radio-button:focused > .radio {
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-radius: 1em;
    -fx-background-insets: -1.4, 0, 1, 2;
}

.radio-button:hover > .radio {
    -fx-color: -fx-hover-base;
}

.radio-button:armed > .radio {
    -fx-color: -fx-pressed-base;
}

.radio-button > .radio > .dot {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-background-radius: 1em;
    -fx-padding: .25em;
}

.radio-button:selected > .radio > .dot {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 0 0 -1 0, 0;
}

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

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

.check-box {
    -fx-label-padding: 0 0 0 .416667em;
    -fx-text-fill: -fx-text-background-color;
}

.check-box:focused {
    -fx-color: -fx-focused-base;
}

.check-box > .box {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-background-radius: 2, 2, 1, 1;
    -fx-padding: .25em;
}

.check-box:focused > .box {
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 3.4, 2, 1, 1;
}

.check-box:hover > .box {
    -fx-color: -fx-hover-base;
}

.check-box:armed > .box {
    -fx-color: -fx-pressed-base;
}

.check-box > .box > .mark {
    -fx-background-color: transparent;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .333333em;
    -fx-shape: "M0,4H2L3,6L6,0H8L4,8H2Z";
}

.check-box:indeterminate > .box > .mark {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-shape: "M0,0H8V2H0Z";
    -fx-scale-shape: false;
}

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

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

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

.hyperlink {
    -fx-padding: .166667em;
    -fx-cursor: hand;
    -fx-content-display: LEFT;
    -fx-text-fill: -fx-text-background-color;
    -fx-border-color: transparent;
    -fx-border-width: 1px;
}

.hyperlink:visited {
    -fx-text-fill: -fx-accent;
}

.hyperlink:focused {
    -fx-color: -fx-focused-base;
    -fx-border-color: -fx-focus-color;
    -fx-border-style: segments(.166667em, .166667em);
    -fx-border-width: 1px;
}

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

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

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

.context-menu {
    -fx-color: -fx-base;
    -fx-background-color: derive(-fx-color, -40%), derive(-fx-color, 100%), linear-gradient(to bottom, derive(-fx-color, 100%) 0%, derive(-fx-color, 50%) 12%, derive(-fx-color, 65%) 88%, derive(-fx-color, 23%) 100%);
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
    -fx-padding: .333333em .083333em .666667em .083333em;
}

.context-menu > .separator {
    -fx-padding: 0 .333333em 0 .333333em;
}

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

.context-menu > .scroll-arrow:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

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

.menu-button > * > .context-menu {
    -fx-color: -fx-base;
}

.menu {
    -fx-background-color: transparent;
    -fx-padding: .333333em .666667em .333333em .666667em;
}

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

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

.menu > .right-container > .arrow {
    -fx-padding: .458em .167em .458em .167em;
    -fx-background-color: -fx-mark-color;
    -fx-shape: "M0,-4L4,0L0,4Z";
    -fx-scale-shape: false;
}

.menu:focused > .right-container > .arrow {
    -fx-background-color: #fff;
}

.menu-bar > .container > .menu > .arrow-button > .arrow {
    -fx-padding: 0;
    -fx-background-color: transparent;
    -fx-shape: null;
}

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

.menu-up-arrow {
    -fx-padding: .666667em .416667em 0 .416667em;
    -fx-background-color: derive(-fx-color, -2%);
    -fx-shape: "M0 1 L1 1 L.5 0 Z";
    -fx-effect: innershadow(two-pass-box, rgba(0, 0, 0, .6), 4, 0, 0, 1);
}

.menu-down-arrow {
    -fx-background-color: derive(-fx-color, -2%);
    -fx-padding: .666667em .416667em 0 .416667em;
    -fx-shape: "M0 0 L1 0 L.5 1 Z";
    -fx-effect: innershadow(two-pass-box, rgba(0, 0, 0, .6), 4, 0, 0, 1);
}

.menu-bar {
    -fx-padding: 0 .666667em 0 .666667em;
    -fx-spacing: .166667em;
    -fx-base: derive(#d0d0d0, -70%);
    -fx-background-color: linear-gradient(to bottom, derive(-fx-color, 50%), derive(-fx-color, -30%)), -fx-body-color;
    -fx-background-insets: 0, 1 0 1 0;
    -fx-background-radius: 0, 0;
}

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

.menu-bar > .container > .menu-button > .label {
    -fx-padding: .333em .5em .333em .5em;
}

.menu-bar > .container > .menu-button:hover, .menu-bar > .container > .menu-button:focused, .menu-bar > .container > .menu-button:showing {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

.menu-bar > .container > .menu-button:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

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

.menu-item {
    -fx-background-color: transparent;
    -fx-padding: .333333em .41777em .333333em .41777em;
}

.menu-item > .left-container {
    -fx-padding: .458em .791em .458em .458em;
}

.menu-item > .graphic-container {
    -fx-padding: 0 .333em 0 0;
}

.menu-item > .label {
    -fx-padding: 0 .5em 0 0;
    -fx-text-fill: -fx-text-base-color;
}

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

.menu-item:focused {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

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

.menu-item > .right-container {
    -fx-padding: 0 0 0 .5em;
}

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

.radio-menu-item:checked > .left-container > .radio {
    -fx-background-color: -fx-mark-color;
    -fx-shape: "M0,5H2L4,8L8,0H10L5,10H3Z";
    -fx-scale-shape: false;
}

.radio-menu-item:focused:checked > .left-container > .radio {
    -fx-background-color: #fff;
}

.check-menu-item:checked > .left-container > .check {
    -fx-background-color: -fx-mark-color;
    -fx-shape: "M0,5H2L4,8L8,0H10L5,10H3Z";
    -fx-scale-shape: false;
}

.check-menu-item:focused:checked > .left-container > .check {
    -fx-background-color: #fff;
}

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

.choice-box {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-background-radius: 5, 5, 4, 3;
    -fx-padding: 0;
    -fx-alignment: CENTER;
    -fx-content-display: LEFT;
}

.choice-box:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 6.4, 5, 4, 3;
}

.choice-box:hover {
    -fx-color: -fx-hover-base;
}

.choice-box:showing {
    -fx-color: -fx-pressed-base;
}

.choice-box > .label {
    -fx-padding: .166667em .333333em .25em .5em;
    -fx-text-fill: -fx-text-base-color;
}

.choice-box > .open-button {
    -fx-background-color: null;
    -fx-padding: .083333em .666667em 0 0;
}

.choice-box > .open-button > .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .166667em .333333em .166667em .333333em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.choice-box > .context-menu {
    -fx-background-radius: 6, 5, 4;
}

#choice-box-menu-item > * > .menu-item-radio {
    -fx-shape: "M0,5H2L4,8L8,0H10L5,10H3Z";
    -fx-scale-shape: false;
}

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

.slider > .thumb {
    -fx-background-color: derive(-fx-color, -36%), derive(-fx-color, 73%), linear-gradient(to bottom, derive(-fx-color, -19%), derive(-fx-color, 61%));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 1em;
    -fx-padding: .583333em;
}

.slider:focused > .thumb {
    -fx-color: -fx-focused-base;
    -fx-background-color: -fx-focus-color, derive(-fx-color, -36%), derive(-fx-color, 73%), linear-gradient(to bottom, derive(-fx-color, -19%), derive(-fx-color, 61%));
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 1em;
}

.slider > .thumb:hover {
    -fx-color: -fx-hover-base;
}

.slider > .track {
    -fx-background-color: -fx-shadow-highlight-color, derive(-fx-color, -22%), linear-gradient(to bottom, derive(-fx-color, -15.5%), derive(-fx-color, 34%) 30%, derive(-fx-color, 68%));
    -fx-background-insets: 1 0 -1 0, 0, 1;
    -fx-background-radius: 2.5, 2.5, 1.5;
    -fx-padding: .208333em;
}

.slider:vertical > .track {
    -fx-background-color: -fx-shadow-highlight-color, derive(-fx-color, -22%), linear-gradient(to right, derive(-fx-color, -15.5%), derive(-fx-color, 34%) 30%, derive(-fx-color, 68%));
    -fx-background-insets: 0 -1 0 1, 0, 1;
}

.slider > .axis {
    -fx-tick-mark-stroke: ladder(-fx-background, derive(-fx-background, 30%) 40%, derive(-fx-background, -30%) 41%);
    -fx-tick-label-font-size: .833333em;
    -fx-tick-label-fill: -fx-text-background-color;
}

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

.scroll-bar:horizontal {
    -fx-background-color: -fx-box-border, linear-gradient(to bottom, derive(-fx-color, 30%) 5%, derive(-fx-color, -17%) 100%);
    -fx-background-insets: 0, 1;
}

.scroll-bar:horizontal:focused {
    -fx-background-color: -fx-focus-color, -fx-box-border, linear-gradient(to bottom, derive(-fx-color, 30%) 5%, derive(-fx-color, -17%) 100%);
    -fx-background-insets: -1.4, 0, 1;
}

.scroll-bar:vertical {
    -fx-background-color: -fx-box-border, linear-gradient(to top, derive(-fx-color, 30%) 5%, derive(-fx-color, -17%) 100%);
    -fx-background-insets: 0, 1;
}

.scroll-bar:vertical:focused {
    -fx-background-color: -fx-focus-color, -fx-box-border, linear-gradient(to top, derive(-fx-color, 30%) 5%, derive(-fx-color, -17%) 100%);
    -fx-background-insets: -1.4, 0, 1;
}

.scroll-bar:horizontal > .thumb {
    -fx-background-color: -fx-box-border, linear-gradient(to bottom, derive(-fx-color, 95%), derive(-fx-color, 10%)), linear-gradient(to bottom, derive(-fx-color, 38%), derive(-fx-color, -16%));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: .5em;
}

.scroll-bar:vertical > .thumb {
    -fx-background-color: -fx-box-border, linear-gradient(to right, derive(-fx-color, 95%), derive(-fx-color, 10%)), linear-gradient(to right, derive(-fx-color, 38%), derive(-fx-color, -16%));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: .5em;
}

.scroll-bar:focused > .thumb {
    -fx-color: -fx-focused-base;
}

.scroll-bar > .thumb:hover {
    -fx-color: -fx-hover-base;
}

.scroll-bar:horizontal > .track {
    -fx-background-color: -fx-box-border, linear-gradient(to bottom, derive(-fx-color, -15%), derive(-fx-color, 2.2%) 20%, derive(-fx-color, 60%));
    -fx-background-insets: 0, 1;
    -fx-background-radius: .5em;
}

.scroll-bar:horizontal > .track-background {
    -fx-background-color: -fx-box-border, linear-gradient(to top, derive(-fx-color, -15%), derive(-fx-color, 2.2%) 20%, derive(-fx-color, 60%));
    -fx-background-insets: 0, 1;
}

.scroll-bar:vertical > .track {
    -fx-background-color: -fx-box-border, linear-gradient(to right, derive(-fx-color, -15%), derive(-fx-color, 2.2%) 20%, derive(-fx-color, 60%));
    -fx-background-insets: 0, 1;
    -fx-background-radius: .5em;
}

.scroll-bar:vertical > .track-background {
    -fx-background-color: -fx-box-border, linear-gradient(to left, derive(-fx-color, -15%), derive(-fx-color, 2.2%) 20%, derive(-fx-color, 60%));
    -fx-background-insets: 0, 1;
}

.scroll-bar > .increment-button {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-padding: .25em;
}

.scroll-bar > .decrement-button {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-padding: .25em;
}

.scroll-bar:horizontal > .increment-button > .increment-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .5em .333333em 0 0;
    -fx-shape: "M 4 0 L 0 -3 L 0 3 z";
}

.scroll-bar:vertical > .increment-button > .increment-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .333333em .5em 0 0;
    -fx-shape: "M -3 0 L 0 4 L 3 0 z";
}

.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .5em .333333em 0 0;
    -fx-shape: "M 0 0 L 4 -3 L 4 3 z";
}

.scroll-bar:vertical > .decrement-button > .decrement-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .333333em .5em 0 0;
    -fx-shape: "M -3 0 L 0 -4 L 3 0 z";
}

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

.scroll-pane {
    -fx-background-color: -fx-box-border, -fx-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1;
}

.scroll-pane:focused {
    -fx-background-color: -fx-focus-color, -fx-box-border, -fx-background;
    -fx-background-insets: -1.4, 0, 1;
}

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

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

.scroll-pane > .corner {
    -fx-background-color: -fx-box-border, -fx-base;
    -fx-background-insets: 0, 1 0 0 1;
}

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

.separator > .line {
    -fx-border-style: segments(.166667em, .166667em);
    -fx-border-width: .083333em;
}

.separator:horizontal > .line {
    -fx-background-color: null;
    -fx-padding: .083333em 0 0 0;
    -fx-border-color: derive(-fx-background, -20%) transparent transparent transparent;
}

.separator:vertical > .line {
    -fx-background-color: null;
    -fx-padding: 0 .083333em 0 0;
    -fx-border-color: transparent derive(-fx-background, -20%) transparent transparent;
}

.text-input {
    -fx-text-fill: -fx-text-inner-color;
    -fx-highlight-fill: derive(-fx-control-inner-background, -20%);
    -fx-highlight-text-fill: -fx-text-inner-color;
}

.text-input:focused {
    -fx-highlight-fill: -fx-accent;
    -fx-highlight-text-fill: white;
}

.text-field {
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 3, 2, 2;
    -fx-padding: .25em .416667em .333333em .416667em;
    -fx-text-fill: -fx-text-inner-color;
    -fx-prompt-text-fill: derive(-fx-control-inner-background, -30%);
    -fx-cursor: text;
}

.text-field:focused {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: -.4, 1, 2;
    -fx-background-radius: 3.4, 2, 2;
    -fx-prompt-text-fill: transparent;
}

.text-field:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.password-field {
    -fx-text-fill: -fx-text-inner-color;
}

.text-area {
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 3, 2, 2;
    -fx-padding: 1;
    -fx-prompt-text-fill: derive(-fx-control-inner-background, -30%);
}

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

.text-area .content {
    -fx-padding: 3 5 3 5;
    -fx-cursor: text;
}

.text-area:focused {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: -.4, 1, 2;
    -fx-background-radius: 3.4, 2, 2;
    -fx-prompt-text-fill: transparent;
}

.text-area:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

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

.cell > .choice-box > .label {
    -fx-padding: 0 .333333em 0 .333333;
}

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

.cell:focused:selected > .choice-box > .open-button > .arrow {
    -fx-background-color: -fx-mark-highlight-color, white;
}

.list-view {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1;
}

.list-view:focused {
    -fx-background-color: -fx-focus-color, -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    -fx-padding: 1;
}

.list-view > .virtual-flow > .scroll-bar:vertical {
    -fx-background-insets: 0, 0 0 0 1;
    -fx-padding: -1 -1 -1 0;
}

.list-view > .virtual-flow > .scroll-bar:horizontal {
    -fx-background-insets: 0, 1 0 0 0;
    -fx-padding: 0 -1 -1 -1;
}

.list-view:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.list-view > .virtual-flow > .corner {
    -fx-background-color: -fx-box-border, -fx-base;
    -fx-background-insets: 0, 1 0 0 1;
}

.list-cell {
    -fx-background-color: -fx-control-inner-background;
    -fx-padding: .25em;
    -fx-text-fill: -fx-text-inner-color;
    -fx-opacity: 1;
}

.list-cell:odd {
    -fx-background-color: derive(-fx-control-inner-background, -5%);
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:focused {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:focused:odd {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, derive(-fx-control-inner-background, -5%);
    -fx-background-insets: 0, 1, 2;
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected, .list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

.list-cell:filled:selected:focused, .list-cell:filled:selected, .list-view:horizontal > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected {
    -fx-background-color: #d3d3d3;
    -fx-text-fill: -fx-selection-bar-text;
}

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

.list-cell:filled:hover {
    -fx-background-color: -fx-cell-hover-color;
    -fx-text-fill: -fx-text-inner-color;
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:focused:hover {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-text-inner-color;
}

.list-view:horizontal > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected, .list-view:horizontal > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected:hover {
    -fx-background-color: linear-gradient(to right, derive(-fx-accent, -7%), derive(-fx-accent, -25%));
}

.tree-view {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1;
}

.tree-view:focused {
    -fx-background-color: -fx-focus-color, -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    -fx-padding: 1;
}

.tree-view > .virtual-flow > .scroll-bar:vertical {
    -fx-background-insets: 0, 0 0 0 1;
    -fx-padding: -1 -1 -1 0;
}

.tree-view > .virtual-flow > .scroll-bar:horizontal {
    -fx-background-insets: 0, 1 0 0 0;
    -fx-padding: 0 -1 -1 -1;
}

.tree-view:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.tree-view > .virtual-flow > .corner {
    -fx-background-color: -fx-box-border, -fx-base;
    -fx-background-insets: 0, 1 0 0 1;
}

.tree-cell {
    -fx-background-color: -fx-control-inner-background;
    -fx-padding: .25em;
    -fx-text-fill: -fx-text-inner-color;
    -fx-indent: 10;
}

.tree-cell .label {
    -fx-padding: 0 0 0 .25em;
}

.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:focused {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
}

.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

.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 {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

.tree-cell:filled:selected:focused, .tree-cell:filled:selected {
    -fx-background-color: #d3d3d3;
    -fx-text-fill: -fx-selection-bar-text;
}

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

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

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

.tree-cell > .tree-disclosure-node > .arrow, .tree-table-row-cell > .tree-disclosure-node > .arrow {
    -fx-background-color: -fx-mark-color;
    -fx-padding: .333333em;
    -fx-shape: "M 0 -4 L 8 0 L 0 4 z";
}

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

.tree-cell:filled:selected > .tree-disclosure-node > .arrow, .tree-table-row-cell:filled:selected > .tree-disclosure-node > .arrow {
    -fx-background-color: -fx-selection-bar-text;
}

.tree-cell:filled:hover, .tree-table-row-cell:filled:hover {
    -fx-background-color: -fx-cell-hover-color;
    -fx-text-fill: -fx-text-inner-color;
}

.tree-cell:filled:hover > .tree-disclosure-node > .arrow, .tree-table-row-cell:filled:hover > .tree-disclosure-node > .arrow {
    -fx-background-color: -fx-mark-color;
}

.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:focused:hover, .tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:focused:hover {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-text-inner-color;
}

.tree-cell:filled:selected:hover > .tree-disclosure-node > .arrow, .tree-table-row-cell:filled:selected:hover > .tree-disclosure-node > .arrow {
    -fx-background-color: -fx-selection-bar-text;
}

.menu-button {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-background-radius: 5, 5, 4, 3;
    -fx-padding: 0;
    -fx-text-fill: -fx-text-base-color;
}

.menu-button > .label {
    -fx-text-fill: -fx-text-base-color;
    -fx-padding: .166667em .667em .25em .833333em;
}

.menu-button:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 6.4, 4, 5, 3;
}

.menu-button:hover {
    -fx-color: -fx-hover-base;
}

.menu-button:armed {
    -fx-color: -fx-pressed-base;
}

.menu-button > .arrow-button {
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-padding: .5em .667em .5em 0;
}

.menu-button > .arrow-button > .arrow {
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-padding: .25em;
    -fx-shape: "M 0 -3.5 v 7 l 4 -3.5 z";
}

.menu-button:openvertically > .arrow-button > .arrow {
    -fx-padding: .166667em .333333em .166667em .333333em;
    -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-fill;
}

.split-menu-button {
    -fx-background-color: -fx-shadow-highlight-color;
    -fx-background-insets: 0 0 -1 0;
    -fx-background-radius: 5;
    -fx-padding: 0;
    -fx-text-fill: -fx-text-base-color;
}

.split-menu-button:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color: -fx-focus-color;
    -fx-background-insets: -1.4;
    -fx-background-radius: 6.4;
}

.split-menu-button > .label:hover {
    -fx-color: -fx-hover-base;
}

.split-menu-button:armed > .label {
    -fx-color: -fx-pressed-base;
}

.split-menu-button > .label {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1 0 1 1, 2 1 2 2;
    -fx-background-radius: 5 0 0 5, 4 0 0 4, 3 0 0 3;
    -fx-padding: .166667em .667em .25em .833333em;
}

.split-menu-button > .arrow-button {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 5 5 0, 0 4 4 0, 0 3 3 0;
    -fx-padding: .5em .667em .5em .667em;
}

.split-menu-button > .arrow-button:hover {
    -fx-color: -fx-hover-base;
}

.split-menu-button > .arrow-button:pressed {
    -fx-color: -fx-pressed-base;
}

.split-menu-button > .arrow-button > .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .25em;
    -fx-shape: "M 0 -3.5 v 7 l 4 -3.5 z";
}

.split-menu-button:openvertically > .arrow-button > .arrow {
    -fx-padding: .166667em .333333em .166667em .333333em;
    -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-fill;
}

.tooltip {
    -fx-background-color: linear-gradient(#cec340, #a59c31), linear-gradient(#fefefc, #e6dd71), linear-gradient(#fef592, #e5d848);
    -fx-background-insets: 0, 1, 2;
    -fx-padding: .333333em .666667em .333333em .666667em;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .6), 8, 0, 0, 0);
}

.tool-bar:vertical {
    -fx-background: derive(-fx-base, -20%);
    -fx-background-color: linear-gradient(to right, derive(-fx-base, -30%), derive(-fx-base, -60%)), linear-gradient(to right, derive(-fx-base, 65%) 2%, derive(-fx-base, -20%) 95%);
    -fx-background-insets: 0, 0 1 0 1;
    -fx-background-radius: 0;
    -fx-padding: .833em .416667em .833em .416667em;
    -fx-spacing: .333em;
    -fx-alignment: TOP_LEFT;
}

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

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

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

.tool-bar:horizontal {
    -fx-background: derive(-fx-base, -30%);
    -fx-background-color: linear-gradient(to bottom, derive(-fx-base, -30%), derive(-fx-base, -60%)), linear-gradient(to bottom, derive(-fx-base, 65%) 2%, derive(-fx-base, -20%) 95%);
    -fx-background-insets: 0, 1 0 1 0;
    -fx-background-radius: 0, 0;
    -fx-padding: .416667em .833em .416667em .833em;
    -fx-spacing: .333em;
    -fx-alignment: CENTER_LEFT;
}

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

.tool-bar-overflow-button {
    -fx-background-color: transparent;
    -fx-padding: .666667em .916667em 0 0;
}

.tool-bar-overflow-button > .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .666667em .916667em 0 0;
    -fx-shape: "M337.273,297.622l-0.016,1.069l2.724,2.639l-2.723,2.628l0.015,1.048h0.881l3.81-3.685l-3.788-3.699H337.273z M343.783,297.622h-0.902l-0.015,1.069l2.724,2.639l-2.724,2.628l0.015,1.048h0.882l3.809-3.685L343.783,297.622z";
}

.tool-bar-overflow-button:focused > .arrow {
    -fx-background-color: -fx-mark-highlight-color, derive(-fx-accent, -15%);
    -fx-background-insets: 1 0 -1 0, 0;
}

.tool-bar-overflow-button:hover > .arrow {
    -fx-background-color: -fx-mark-highlight-color, derive(-fx-hover-base, -35%);
    -fx-background-insets: 1 0 -1 0, 0;
}

.progress-bar {
    -fx-background-color: -fx-box-border, linear-gradient(to bottom, derive(-fx-color, 30%) 5%, derive(-fx-color, -17%));
    -fx-background-insets: 0, 1;
    -fx-indeterminate-bar-length: 60;
    -fx-indeterminate-bar-escape: true;
    -fx-indeterminate-bar-flip: true;
    -fx-indeterminate-bar-animation-time: 2;
}

.progress-bar > .bar {
    -fx-background-color: -fx-box-border, linear-gradient(to bottom, derive(-fx-accent, 95%), derive(-fx-accent, 10%)), linear-gradient(to bottom, derive(-fx-accent, 38%), -fx-accent);
    -fx-background-insets: 0, 1, 2;
    -fx-padding: .416667em;
}

.progress-bar:indeterminate > .bar {
    -fx-background-color: linear-gradient(to left, transparent, -fx-accent);
}

.progress-bar > .track {
    -fx-background-color: -fx-box-border, linear-gradient(to bottom, derive(-fx-color, -15%), derive(-fx-color, 2.2%) 20%, derive(-fx-color, 60%));
    -fx-background-insets: 0, 1;
}

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

.progress-indicator {
    -fx-indeterminate-segment-count: 8;
    -fx-spin-enabled: true;
}

.progress-indicator > .determinate-indicator > .indicator {
    -fx-background-color: -fx-box-border, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 1 0 -1 0, 0, 1, 2;
    -fx-padding: 1px;
}

.progress-indicator > .determinate-indicator > .progress {
    -fx-background-color: linear-gradient(to bottom, derive(-fx-accent, 38%), derive(-fx-accent, -60%)), linear-gradient(to bottom, derive(-fx-accent, 20%), -fx-accent);
    -fx-background-insets: 0, 1;
    -fx-padding: .25em;
}

.progress-indicator > .determinate-indicator > .tick {
    -fx-background-color: -fx-mark-color, white;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .416667em;
    -fx-shape: "M 0,5 L 2.5,5 L 3.7,7.5 L 7.5,0 L 10,0 L 5,10 L 2.5,10 Z";
    -fx-scale-shape: false;
}

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

.progress-indicator > .percentage {
    -fx-font-size: .916667em;
    -fx-fill: -fx-text-background-color;
}

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

.progress-indicator:indeterminate .segment {
    -fx-background-color: -fx-accent;
}

.progress-indicator:indeterminate .segment0 {
    -fx-shape: "M18.191,4.264l-2.457,1.721l0,0C16.559,7.161,17,8.564,17,10h3C20,7.948,19.369,5.946,18.191,4.264z";
}

.progress-indicator:indeterminate .segment1 {
    -fx-shape: "M11.736,0.152l-0.521,2.955l0,0c1.416,0.249,2.719,0.928,3.734,1.943l2.122-2.121C15.62,1.478,13.758,0.508,11.736,0.152z";
}

.progress-indicator:indeterminate .segment2 {
    -fx-shape: "M10,0C7.947,0,5.945,0.631,4.264,1.809l1.72,2.457l0,0C7.162,3.442,8.563,3,10,3V0z";
}

.progress-indicator:indeterminate .segment3 {
    -fx-shape: "M2.929,2.929C1.478,4.38,0.508,6.242,0.152,8.264l2.955,0.521l0,0C3.356,7.369,4.035,6.066,5.05,5.05l0,0L2.929,2.929z";
}

.progress-indicator:indeterminate .segment4 {
    -fx-shape: "M0,10c0,2.052,0.631,4.055,1.809,5.735l2.458-1.721C3.442,12.838,3,11.437,3,10H0z";
}

.progress-indicator:indeterminate .segment5 {
    -fx-shape: "M8.785,16.894c-1.416-0.25-2.719-0.929-3.735-1.944l0,0l-2.122,2.122c1.451,1.45,3.313,2.42,5.335,2.776L8.785,16.894z";
}

.progress-indicator:indeterminate .segment6 {
    -fx-shape: "M14.016,15.734C12.838,16.558,11.437,17,10,17v3c2.053,0,4.055-0.632,5.736-1.809L14.016,15.734z";
}

.progress-indicator:indeterminate .segment7 {
    -fx-shape: "M16.894,11.215c-0.249,1.415-0.929,2.719-1.944,3.734l2.122,2.122c1.45-1.451,2.421-3.314,2.776-5.335L16.894,11.215z";
}

.table-view {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1;
    -fx-table-header-border-color: #959595;
    -fx-table-cell-border-color: #bbb;
}

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

.table-view:disabled, .tree-table-view:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.table-view > .virtual-flow > .scroll-bar:vertical, .tree-table-view > .virtual-flow > .scroll-bar:vertical {
    -fx-background-insets: 0, 0 0 0 1;
    -fx-padding: -1 -1 -1 0;
}

.table-view > .virtual-flow > .scroll-bar:horizontal, .tree-table-view > .virtual-flow > .scroll-bar:horizontal {
    -fx-background-insets: 0, 1 0 0 0;
    -fx-padding: 0 -1 -1 -1;
}

.table-view > .virtual-flow > .corner, .tree-table-view > .virtual-flow > .corner {
    -fx-background-color: -fx-box-border, -fx-base;
    -fx-background-insets: 0, 1 0 0 1;
}

.table-row-cell {
    -fx-background-color: -fx-table-cell-border-color, -fx-control-inner-background;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0;
    -fx-text-fill: -fx-text-inner-color;
}

.table-row-cell:odd {
    -fx-background-color: -fx-table-cell-border-color, derive(-fx-control-inner-background, -5%);
    -fx-background-insets: 0, 0 0 1 0;
}

.table-row-cell:focused, .tree-table-row-cell:focused {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
}

.table-row-cell:focused:odd {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, derive(-fx-control-inner-background, -5%);
    -fx-background-insets: 0, 1, 2;
}

.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:focused:selected, .tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

.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: -fx-selection-bar-text;
}

.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 {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

.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: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

.table-row-cell:filled:selected:focused, .table-row-cell:filled:selected, .tree-table-row-cell:filled:selected:focused, .tree-table-row-cell:filled:selected {
    -fx-background-color: #d3d3d3;
    -fx-text-fill: -fx-selection-bar-text;
}

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

.table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:hover {
    -fx-background-color: -fx-table-cell-border-color, -fx-cell-hover-color;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-text-fill: -fx-text-inner-color;
}

.tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:hover {
    -fx-background-color: -fx-cell-hover-color;
    -fx-background-insets: 0;
    -fx-text-fill: -fx-text-inner-color;
}

.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 {
    -fx-background-color: -fx-table-cell-border-color, -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0, 0 0 1 0, 1 1 2 1, 2 2 3 2, 3 3 4 3;
    -fx-text-fill: -fx-text-inner-color;
}

.table-cell {
    -fx-padding: .166667em;
    -fx-background-color: transparent;
    -fx-border-color: transparent -fx-table-cell-border-color transparent transparent;
    -fx-border-width: .083333em;
    -fx-cell-size: 2em;
    -fx-text-fill: -fx-text-inner-color;
}

.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: .083333em 0 .083333em .083333em, .083333em 0 .083333em .083333em;
}

.table-view:constrained-resize .filler, .tree-table-view:constrained-resize .filler {
    -fx-border-color: derive(-fx-base, 80%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%) derive(-fx-base, 10%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%), transparent -fx-table-header-border-color -fx-table-header-border-color -fx-table-header-border-color;
    -fx-border-insets: 0 1 1 1, 0 0 0 0;
}

.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell > .table-cell:focused, .tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell > .tree-table-cell:focused {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-control-inner-background;
    -fx-background-insets: 0 1 0 0, 1 2 1 1, 2 3 2 2;
}

.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled .table-cell:focused:selected, .tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled .tree-table-cell:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0 1 0 0, 1 2 1 1, 2 3 2 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

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

.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled > .table-cell:focused:selected:hover, .tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled > .tree-table-cell:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0 1 0 0, 1 2 1 1, 2 3 2 2;
    -fx-text-fill: -fx-selection-bar-text;
}

.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: #d3d3d3;
    -fx-text-fill: -fx-selection-bar-text;
}

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

.table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled > .table-cell:hover, .tree-table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled > .tree-table-cell:hover {
    -fx-background-color: -fx-cell-hover-color;
    -fx-text-fill: -fx-text-inner-color;
    -fx-background-insets: 0 0 1 0;
}

.table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled > .table-cell:focused:hover, .tree-table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled > .tree-table-cell:focused:hover {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0 1 0 0, 1 2 1 1, 2 3 2 2;
    -fx-text-fill: -fx-text-inner-color;
}

.table-view .column-resize-line, .tree-table-view .column-resize-line {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-padding: 0 .0416667em 0 .0416667em;
}

.table-view .column-header-background, .tree-table-view .column-header-background {
    -fx-background-color: -fx-body-color;
    -fx-padding: 0;
}

.table-view .column-header, .tree-table-view .column-header {
    -fx-text-fill: -fx-selection-bar-text;
    -fx-font-size: 1.083333em;
    -fx-size: 25;
    -fx-border-style: solid;
    -fx-border-color: derive(-fx-base, 80%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%) derive(-fx-base, 10%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%), transparent -fx-table-header-border-color -fx-table-header-border-color transparent;
    -fx-border-insets: 0 1 1 0, 0 0 0 0;
    -fx-border-width: .083333em, .083333em;
}

.table-view .filler, .tree-table-view .filler {
    -fx-size: 25;
    -fx-border-style: solid;
    -fx-border-color: derive(-fx-base, 80%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%) derive(-fx-base, 10%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%), transparent transparent -fx-table-header-border-color transparent;
    -fx-border-insets: 0 0 1 0, 0 0 0 0;
    -fx-border-width: .083333em, .083333em 0 .083333em .083333em;
}

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

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

.table-view .column-header .sort-order-dot, .tree-table-view .column-header .sort-order-dot {
    -fx-background-color: derive(-fx-mark-highlight-color, 40%), -fx-mark-color;
    -fx-padding: .0625em .104em .0625em .104em;
}

.table-view .column-header .sort-order-dot.ascending, .tree-table-view .column-header .sort-order-dot.ascending {
    -fx-background-insets: -1 0 1 0, 0;
}

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

.table-view .column-header .label, .tree-table-view .column-header .label {
    -fx-alignment: center;
}

.table-view > .column-header-background > .show-hide-columns-button, .tree-table-view > .column-header-background > .show-hide-columns-button {
    -fx-background-color: -fx-body-color;
    -fx-border-color: derive(-fx-base, 80%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%), derive(-fx-base, 10%) linear-gradient(to bottom, derive(-fx-base, 80%) 20%, derive(-fx-base, -10%) 90%), transparent transparent -fx-table-header-border-color -fx-table-header-border-color;
    -fx-border-insets: 0 0 0 1, 0 0 0 0;
}

.table-view .show-hide-column-image, .tree-table-view .show-hide-column-image {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .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: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-border-color: transparent;
    -fx-opacity: .6;
}

.table-view .column-overlay, .tree-table-view .column-overlay {
    -fx-background-color: #a9a9a9;
    -fx-opacity: .3;
}

.table-view .arrow, .tree-table-view .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .25em .3125em .25em .3125em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.table-view .empty-table, .tree-table-view .empty-table {
    -fx-background-color: #fff;
    -fx-font-size: 1.166667em;
}

.titled-pane {
    -fx-text-fill: -fx-text-base-color;
}

.titled-pane:focused {
    -fx-text-fill: white;
}

.titled-pane > .title {
    -fx-background-color: -fx-box-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-padding: .166667em .833333em .25em .833333em;
}

.titled-pane:focused > .title {
    -fx-color: -fx-focus-color;
}

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

.titled-pane > .title > .arrow-button > .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .25em .3125em .25em .3125em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.titled-pane > .content {
    -fx-background-color: -fx-box-border, linear-gradient(to bottom, derive(-fx-color, -2%), derive(-fx-color, 65%) 12%, derive(-fx-color, 23%) 88%, derive(-fx-color, 50%) 99%, -fx-box-border);
    -fx-background-insets: 0, 0 1 1 1;
    -fx-padding: .167em;
}

.titled-pane:focused > .title > .arrow-button > .arrow {
    -fx-background-color: #fff;
}

.accordion > .titled-pane > .title {
    -fx-background-color: -fx-box-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: -1 0 0 0, 0 1 1 1, 1 2 2 2;
    -fx-background-radius: 0, 0, 0;
}

.accordion > .first-titled-pane > .title {
    -fx-background-insets: 0, 1, 2;
}

.accordion > .titled-pane:focused > .title {
    -fx-color: -fx-focus-color;
}

.accordion > .titled-pane:focused {
    -fx-text-fill: white;
}

.accordion > .titled-pane:focused > .title > .arrow-button > .arrow {
    -fx-background-color: #fff;
}

.accordion > .titled-pane:focused > .titled-pane:collapsed > .title > .arrow-button > .arrow {
    -fx-background-color: #fff;
}

.accordion > .titled-pane:collapsed:focused > .title {
    -fx-color: -fx-focus-color;
}

.accordion > .titled-pane:expanded:focused > .title {
    -fx-color: -fx-focus-color;
}

.accordion > .titled-pane:hover > .title {
    -fx-color: -fx-hover-base;
}

.tab-pane > * > .tab-pane, .tab-pane > * > .table-view, .tab-pane > * > .list-view, .tab-pane > * > .tree-view, .tab-pane > * > .scroll-pane, .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-background-insets: 0, 0;
    -fx-padding: 0;
}

.split-pane {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1;
}

.split-pane > .split-pane-divider {
    -fx-padding: 0 2 0 2;
}

.split-pane:horizontal > .split-pane-divider {
    -fx-border-color: transparent -fx-box-border transparent #bbb;
    -fx-background-color: transparent, -fx-inner-border-horizontal;
    -fx-background-insets: 0, 0 1 0 1;
}

.split-pane:vertical > .split-pane-divider {
    -fx-border-color: #bbb transparent -fx-box-border transparent;
    -fx-background-color: transparent, -fx-inner-border;
    -fx-background-insets: 0, 1 0 1 0;
}

.split-pane > .split-pane-divider > .horizontal-grabber {
    -fx-padding: 5 1 5 1;
    -fx-background-color: #fff, -fx-box-border;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-shape: "M0 0 L0 0 L2 0 L2 2 L0 2 Z M0 4 L0 4 L2 4 L2 6 L0 6 Z M0 8 L0 8 L2 8 L2 10 L0 10 Z";
}

.split-pane > .split-pane-divider > .vertical-grabber {
    -fx-padding: 1 5 1 5;
    -fx-background-color: #fff, -fx-box-border;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-shape: "M0 0 L0 0 L2 0 L2 2 L0 2 Z M4 0 L4 0 L4 2 L6 2 L6 0 Z M8 0 L8 0 L8 2 L10 2 L10 0 Z";
}

.tab-pane {
    -fx-tab-min-height: 1.75em;
    -fx-tab-max-height: 1.75em;
}

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

.tab-pane > .tab-content-area {
    -fx-background-color: -fx-control-inner-background;
    -fx-padding: 0;
}

.tab-pane > .tab-header-area > .headers-region > .tab {
    -fx-background-insets: 0 1 1 0, 1 2 1 1, 2 3 1 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-padding: .083333em .5em .083333em .5em;
}

.tab-pane > .tab-header-area > .headers-region > .tab:top {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
}

.tab-pane > .tab-header-area > .headers-region > .tab:right {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border-bottomup, -fx-body-color-bottomup;
}

.tab-pane > .tab-header-area > .headers-region > .tab:bottom {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border-bottomup, -fx-body-color-bottomup;
}

.tab-pane > .tab-header-area > .headers-region > .tab:left {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
}

.tab-pane > .tab-header-area > .headers-region > .tab:hover {
    -fx-color: -fx-hover-base;
}

.tab-pane > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-color: -fx-tab-border-color, -fx-control-inner-background;
    -fx-background-insets: 0 1 0 0, 1 2 0 1;
    -fx-background-radius: 5 5 0 0, 4 4 0 0;
}

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-style: segments(.166667em, .166667em);
    -fx-border-width: 1;
    -fx-border-color: -fx-focus-color;
}

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

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

.tab-pane > .tab-header-area > .tab-header-background {
    -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%);
    -fx-effect: innershadow(two-pass-box, rgba(0, 0, 0, .6), 4, 0, 0, 0);
}

.tab-pane:top > .tab-header-area {
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: .416667em .166667em 0 .833em;
}

.tab-pane:bottom > .tab-header-area {
    -fx-background-insets: 0, 1 0 0 0;
    -fx-padding: 0 .166667em .416667em .833em;
}

.tab-pane:left > .tab-header-area {
    -fx-background-insets: 0, 0 1 0 0;
    -fx-padding: .833em 0 .166667em .416667em;
}

.tab-pane:right > .tab-header-area {
    -fx-background-insets: 0, 0 0 0 1;
    -fx-padding: .833em .416667em .166667em 0;
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-close-button {
    -fx-background-color: -fx-mark-color;
    -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(255, 255, 255, .4), 1, 0, 0, 1);
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-close-button:hover {
    -fx-background-color: derive(-fx-mark-color, -30%);
}

.tab-pane > .tab-header-area > .control-buttons-tab {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-padding: .083333em .25em .083333em .25em;
}

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

.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button:hover {
    -fx-background-color: -fx-body-color;
    -fx-color: -fx-hover-base;
}

.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .238083em .416667em .238083em .416667em;
    -fx-shape: "M 0 0 H 7 L 3.5 4 z";
}

.tab-pane.floating > .tab-header-area > .tab-header-background {
    -fx-background-color: null;
}

.tab-pane.floating > .tab-header-area {
    -fx-background-color: null;
}

.tab-pane.floating > .tab-content-area {
    -fx-background-color: -fx-tab-border-color, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 5, 4;
    -fx-padding: 2;
}

.tab-pane.floating > .tab-header-area > .headers-region > .tab {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 1 1 0, 1 2 1 1, 2 3 1 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
}

.tab-pane.floating > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-color: -fx-tab-border-color, -fx-control-inner-background;
    -fx-background-insets: 0 1 -1 0, 1 2 -1 1;
    -fx-background-radius: 5 5 0 0, 4 4 0 0;
}

.chart {
    -fx-padding: 5px;
}

.chart-content {
    -fx-padding: 10px;
}

.chart-title {
    -fx-font-size: 1.4em;
}

.chart-legend {
    -fx-background-color: ladder(-fx-background, derive(-fx-box-border, -10%) 50%, derive(-fx-box-border, 10%) 51%), ladder(-fx-background, derive(-fx-control-inner-background, 5%) 50%, derive(-fx-control-inner-background, -5%) 51%);
    -fx-background-insets: 0, 1;
    -fx-background-radius: 6, 5;
    -fx-padding: 6px;
}

.axis {
    -fx-tick-label-font-size: .833333em;
    -fx-tick-label-fill: -fx-text-background-color;
}

.axis:top {
    -fx-border-color: transparent transparent #666 transparent;
}

.axis:right {
    -fx-border-color: transparent transparent transparent #666;
}

.axis:bottom {
    -fx-border-color: #666 transparent transparent transparent;
}

.axis:left {
    -fx-border-color: transparent #666 transparent transparent;
}

.axis-tick-mark {
    -fx-fill: null;
    -fx-stroke: #666;
}

.axis-minor-tick-mark {
    -fx-fill: null;
    -fx-stroke: #aaa;
}

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

.chart-plot-background {
    -fx-background-color: #f5f5f5;
}

.chart-vertical-grid-lines {
    -fx-stroke: #ddd;
}

.chart-horizontal-grid-lines {
    -fx-stroke: #ddd;
}

.chart-alternative-column-fill {
    -fx-fill: #eee;
    -fx-stroke: transparent;
    -fx-stroke-width: 0;
}

.chart-alternative-row-fill {
    -fx-fill: #eee;
    -fx-stroke: transparent;
    -fx-stroke-width: 0;
}

.chart-vertical-zero-line {
    -fx-stroke: #999;
}

.chart-horizontal-zero-line {
    -fx-stroke: #999;
}

.chart-symbol {
    -fx-background-color: #f9d900;
    -fx-background-radius: 5px;
    -fx-padding: 5px;
}

.default-color1.chart-symbol {
    -fx-background-color: #a9e200;
    -fx-background-radius: 0;
}

.default-color2.chart-symbol {
    -fx-background-color: #22bad9;
    -fx-background-radius: 0;
    -fx-padding: 7px 5px 7px 5px;
    -fx-shape: "M5,0 L10,9 L5,18 L0,9 Z";
}

.default-color3.chart-symbol {
    -fx-background-color: #0181e2;
    -fx-background-radius: 0;
    -fx-background-insets: 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 {
    -fx-background-color: #2f357f;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-shape: "M5,0 L10,8 L0,8 Z";
}

.default-color5.chart-symbol {
    -fx-background-color: #860061, white;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 5px;
    -fx-padding: 5px;
}

.default-color6.chart-symbol {
    -fx-background-color: #c62b00, white;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 0;
}

.default-color7.chart-symbol {
    -fx-background-color: #ff5700, white;
    -fx-background-radius: 0;
    -fx-background-insets: 0, 2.5;
    -fx-padding: 7px 5px 7px 5px;
    -fx-shape: "M5,0 L10,9 L5,18 L0,9 Z";
}

.chart-line-symbol {
    -fx-background-color: #f9d900, white;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 5px;
    -fx-padding: 5px;
}

.chart-series-line {
    -fx-stroke: #f9d900;
    -fx-stroke-width: 4px;
    -fx-effect: dropshadow(two-pass-box, rgba(0, 0, 0, .3), 8, 0, 0, 3);
}

.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;
}

.chart-area-symbol {
    -fx-background-color: #f9d900, white;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 4px;
    -fx-padding: 3px;
}

.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: 1px;
}

.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: 6px;
    -fx-background-radius: 6px;
    -fx-background-insets: 0, 3;
}

.bubble-legend-symbol {
    -fx-background-radius: 8px;
    -fx-padding: 8px;
}

.chart-bubble {
    -fx-bubble-fill: #f9d900;
    -fx-background-color: radial-gradient(center 50% 50%, radius 80%, derive(-fx-bubble-fill, 20%), derive(-fx-bubble-fill, -30%));
}

.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;
}

.chart-bar {
    -fx-bar-fill: #22bad9;
    -fx-background-color: linear-gradient(derive(-fx-bar-fill, -30%), derive(-fx-bar-fill, -40%)), linear-gradient(derive(-fx-bar-fill, 80%), derive(-fx-bar-fill, 0%)), linear-gradient(derive(-fx-bar-fill, 30%), derive(-fx-bar-fill, -10%));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
}

.negative.chart-bar {
    -fx-background-color: linear-gradient(to top, derive(-fx-bar-fill, -30%), derive(-fx-bar-fill, -40%)), linear-gradient(to top, derive(-fx-bar-fill, 80%), derive(-fx-bar-fill, 0%)), linear-gradient(to top, derive(-fx-bar-fill, 30%), derive(-fx-bar-fill, -10%));
    -fx-background-radius: 0 0 5 5, 0 0 4 4, 0 0 3 3;
}

.bar-chart:horizontal .chart-bar, .stacked-bar-chart:horizontal .chart-bar {
    -fx-background-color: linear-gradient(to left, derive(-fx-bar-fill, -30%), derive(-fx-bar-fill, -40%)), linear-gradient(to left, derive(-fx-bar-fill, 80%), derive(-fx-bar-fill, 0%)), linear-gradient(to left, derive(-fx-bar-fill, 30%), derive(-fx-bar-fill, -10%));
    -fx-background-radius: 0 5 5 0, 0 4 4 0, 0 3 3 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%), derive(-fx-bar-fill, -40%)), linear-gradient(to right, derive(-fx-bar-fill, 80%), derive(-fx-bar-fill, 0%)), linear-gradient(to right, derive(-fx-bar-fill, 30%), derive(-fx-bar-fill, -10%));
    -fx-background-radius: 5 0 0 5, 4 0 0 4, 3 0 0 3;
}

.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: 8px;
}

.chart-pie {
    -fx-pie-color: #2f357f;
    -fx-background-color: radial-gradient(radius 100%, derive(-fx-pie-color, 55%), derive(-fx-pie-color, -20%));
    -fx-background-insets: 0;
    -fx-border-color: derive(-fx-pie-color, -30%);
}

.chart-pie-label {
    -fx-padding: 3px;
    -fx-fill: -fx-text-base-color;
}

.chart-pie-label-line {
    -fx-stroke: #aaa;
    -fx-fill: #aaa;
}

.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: #fff;
}

.pie-legend-symbol.chart-pie {
    -fx-background-radius: 8px;
    -fx-padding: 8px;
    -fx-border-color: null;
}

.combo-box-base {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-radius: 5, 5, 4, 3;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-padding: 0;
}

.combo-box-base:hover {
    -fx-color: -fx-hover-base;
}

.combo-box-base:showing {
    -fx-color: -fx-pressed-base;
}

.combo-box-base:focused {
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-radius: 6.4, 4, 5, 3;
    -fx-background-insets: -1.4, 0, 1, 2;
}

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

.combo-box-base > .arrow-button {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 5 5 0, 0 4 4 0, 0 3 3 0;
    -fx-padding: 0 .667em 0 .667em;
}

.combo-box-base:hover > .arrow-button, .date-picker:hover > .arrow-button {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 5 5 0, 0 4 4 0, 0 3 3 0;
}

.combo-box-base:showing > .arrow-button, .date-picker:showing > .arrow-button {
    -fx-color: -fx-pressed-base;
}

.combo-box-base > .arrow-button > .arrow, .web-view .form-select-button .arrow {
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-padding: .166667em .333333em .166667em .333333em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.web-view .form-select-button {
    -fx-background-radius: 2, 2, 1, 0;
    -fx-background-insets: 2 2 1 2, 2, 3, 4;
}

.combo-box-base:editable > .text-field, .date-picker > .text-field {
    -fx-padding: .166667em .416667em .25em .416667em;
    -fx-background-radius: 4 0 0 4, 3 0 0 3, 2 0 0 2;
    -fx-background-insets: 0 0 -1 0, 0, 1 0 1 1;
}

.combo-box-base:editable:focused, .date-picker:focused {
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-control-inner-background;
    -fx-background-radius: 5.4, 3, 2;
    -fx-background-insets: -1.4, 0, 1;
}

.combo-box > .list-cell {
    -fx-background: 0 0;
    -fx-background-color: transparent;
    -fx-text-fill: -fx-text-base-color;
    -fx-padding: .25em 0 .166667em .583333em;
    -fx-cell-size: 1.75em;
}

.combo-box-popup > .list-view {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .6), 8, 0, 0, 0);
}

.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell {
    -fx-padding: 4 0 4 5;
    -fx-background-color: -fx-control-inner-background;
}

.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: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:hover {
    -fx-background-color: -fx-cell-hover-color;
    -fx-text-fill: -fx-text-inner-color;
}

.combo-box-popup > .list-view > .placeholder > .label {
    -fx-text-fill: derive(-fx-control-inner-background, -30%);
}

.color-picker {
    -fx-color-rect-width: .916667em;
    -fx-color-rect-height: .916667em;
}

.color-picker > .arrow-button {
    -fx-background-color: null;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 5 5 0, 0 4 4 0, 0 3 3 0;
}

.combo-box-base.color-picker.split-button > .arrow-button {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 5 5 0, 0 4 4 0, 0 3 3 0;
    -fx-padding: .5em .416667em .5em .416667em;
}

.color-picker:hover {
    -fx-color: -fx-base;
}

.combo-box-base.color-picker:hover > .arrow-button {
    -fx-background-insets: 0, 1 1 1 0, 2 2 2 0;
}

.color-picker.button {
    -fx-padding: 0 5 0 0;
}

.color-picker.button > .arrow-button {
    -fx-background-color: -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 0 5 5 0, 0 4 4 0;
}

.color-picker > .split-button > .arrow-button:hover {
    -fx-color: -fx-hover-base;
}

.color-picker > .split-button > .color-picker-label:hover {
    -fx-color: -fx-hover-base;
}

.color-picker > .color-picker-label > .picker-color {
    -fx-padding: .416667em .333333em .416667em .333333em;
    -fx-background-color: null;
}

.color-picker > .color-picker-label > .picker-color > .picker-color-rect {
    -fx-stroke: -fx-pressed-base;
    -fx-stroke-type: inside;
}

.color-palette {
    -fx-spacing: 15px;
    -fx-background-color: derive(-fx-color, -40%), derive(-fx-color, 100%), linear-gradient(to bottom, derive(-fx-color, 100%) 0%, derive(-fx-color, 50%) 12%, derive(-fx-color, 65%) 88%, derive(-fx-color, 23%) 100%);
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
    -fx-padding: 15 15 15 15;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .6), 8, 0, 0, 0);
}

.color-palette > .color-picker-grid > .color-square > .color-rect {
    -fx-stroke: #000;
    -fx-stroke-width: .4;
    -fx-border-color: #000;
}

.color-palette > .color-picker-grid {
    -fx-border-color: transparent;
}

.color-palette > .color-picker-grid > .color-square {
    -fx-background-color: transparent;
    -fx-background-insets: -1, 0;
    -fx-padding: .5;
    -fx-border: #000;
}

.color-palette-region > .color-square.hover-square {
    -fx-background-color: #000;
    -fx-background-insets: -1;
    -fx-padding: 1;
}

.color-palette > .separator > .line {
    -fx-border-color: -fx-text-box-border transparent transparent transparent, -fx-shadow-highlight-color transparent transparent transparent;
    -fx-border-insets: 0, 1 0 0 0;
    -fx-border-style: none;
    -fx-padding: 0;
}

.custom-color-dialog > .color-rect-pane {
    -fx-spacing: .75em;
    -fx-pref-height: 16.666667em;
    -fx-alignment: top-left;
    -fx-fill-height: true;
}

.custom-color-dialog .color-rect-pane .color-rect {
    -fx-min-width: 16.666667em;
    -fx-min-height: 16.666667em;
}

.custom-color-dialog .color-rect-pane .color-rect-border {
    -fx-border-color: derive(-fx-base, -20%);
}

.custom-color-dialog > .color-rect-pane #color-rect-indicator {
    -fx-background-color: null;
    -fx-border-color: #fff;
    -fx-border-radius: .4166667em;
    -fx-translate-x: -.4166667em;
    -fx-translate-y: -.4166667em;
    -fx-pref-width: .833333em;
    -fx-pref-height: .833333em;
    -fx-effect: dropshadow(three-pass-box, black, 2, 0, 0, 1);
}

.custom-color-dialog > .color-rect-pane > .color-bar {
    -fx-min-width: 1.666667em;
    -fx-min-height: 16.666667em;
    -fx-max-width: 1.666667em;
    -fx-border-color: derive(-fx-base, -20%);
}

.custom-color-dialog > .color-rect-pane > .color-bar > #color-bar-indicator {
    -fx-border-radius: .333333em;
    -fx-border-color: #fff;
    -fx-effect: dropshadow(three-pass-box, black, 2, 0, 0, 1);
    -fx-pref-width: 2em;
    -fx-pref-height: .833333em;
    -fx-translate-x: -.1666667em;
    -fx-translate-y: -.4166667em;
}

.custom-color-dialog {
    -fx-background-color: -fx-background;
    -fx-padding: 1.25em;
    -fx-spacing: 1.25em;
}

.custom-color-dialog .webcolor-field:dir(rtl) > .text-field:dir(ltr) {
    -fx-alignment: baseline-right;
}

.custom-color-dialog .controls-pane .toggle-button {
    -fx-background-radius: .333333em, .333333em, .25em, .1666667em;
    -fx-padding: .25em .5em .25em .5em;
}

.custom-color-dialog .controls-pane .toggle-button:focused {
    -fx-background-color: rgba(23, 134, 248, .2), -fx-focus-color, -fx-inner-border, -fx-body-color;
}

.custom-color-dialog .controls-pane .toggle-button:selected Text {
    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, .9), 2, 0, 0, 1);
}

.custom-color-dialog .controls-pane .toggle-button:selected {
    -fx-background-color: -fx-shadow-highlight-color, linear-gradient(to bottom, derive(-fx-color, -90%) 0%, derive(-fx-color, -60%) 100%), linear-gradient(to bottom, derive(-fx-color, -60%) 0%, derive(-fx-color, -35%) 50%, derive(-fx-color, -30%) 98%, derive(-fx-color, -50%) 100%), linear-gradient(to right, rgba(0, 0, 0, .3) 0%, transparent 10%, transparent 90%, rgba(0, 0, 0, .3) 100%);
    -fx-background-insets: 0 0 -.083333em 0, 0, .083333em, .083333em;
    -fx-text-fill: -fx-light-text-color;
}

.custom-color-dialog .controls-pane .left-pill {
    -fx-background-radius: .25em 0 0 .25em;
    -fx-background-insets: 0 0 -.083333em 0, 0, .083333em 0 .083333em .083333em, .1666667em 0 .1666667em .1666667em;
    -fx-border-color: transparent -fx-outer-border transparent transparent;
    -fx-border-insets: .333333em 0 .333333em 0;
    -fx-padding: -.1666667em .666667em -.1666667em .666667em;
}

.custom-color-dialog .controls-pane .left-pill:focused {
    -fx-background-radius: .25em 0 0 .25em;
    -fx-background-insets: -.11666667em 0 -.11666667em -.11666667em, 0 0 0 0, .083333em, .1666667em;
    -fx-border-color: transparent;
}

.custom-color-dialog .controls-pane .left-pill:selected, .controls-pane .left-pill:selected:focused {
    -fx-background-insets: 0 0 -.083333em 0, 0, .083333em 0 .083333em .083333em, .083333em 0 .083333em .083333em;
    -fx-border-color: transparent;
}

.custom-color-dialog .controls-pane .center-pill {
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-background-insets: 0 0 -.083333em 0, 0, .083333em 0 .083333em 0, .1666667em 0 .1666667em 0;
    -fx-border-color: transparent -fx-outer-border transparent transparent;
    -fx-border-insets: .333333em 0 .333333em 0;
    -fx-padding: -.1666667em .666667em -.1666667em .666667em;
}

.custom-color-dialog .controls-pane .center-pill:focused {
    -fx-background-radius: 0;
    -fx-background-insets: -.11666667em 0 -.11666667em -.083333em, 0 0 0 -.083333em, .083333em .083333em .083333em 0, .1666667em .1666667em .1666667em .083333em;
    -fx-border-color: transparent;
}

.custom-color-dialog .controls-pane .center-pill:selected, .controls-pane .center-pill:selected:focused {
    -fx-background-insets: -.11666667em 0 -.11666667em -.083333em, 0 0 0 -.083333em, .083333em .083333em .083333em 0, .083333em .083333em .083333em 0;
    -fx-border-color: transparent;
}

.custom-color-dialog .controls-pane .right-pill {
    -fx-background-radius: 0 .25em .25em 0;
    -fx-background-insets: 0 0 -.083333em 0, 0, .083333em .083333em .083333em 0, .1666667em .1666667em .1666667em 0;
    -fx-padding: .25em .666667em .25em .666667em;
}

.custom-color-dialog .controls-pane .right-pill:focused {
    -fx-background-radius: 0 .25em .25em 0;
    -fx-background-insets: -.11666667em -.11666667em -.11666667em -.083333em, 0 0 0 -.083333em, .083333em .083333em .083333em 0, .1666667em .1666667em .1666667em .083333em;
}

.custom-color-dialog .controls-pane .right-pill:selected, .controls-pane .right-pill:selected:focused {
    -fx-background-insets: -.11666667em -.11666667em -.11666667em -.083333em, 0 0 0 -.083333em, .083333em .083333em .083333em 0, .083333em .083333em .083333em 0;
}

.custom-color-dialog .controls-pane .current-new-color-grid #current-new-color-border {
    -fx-border-color: derive(-fx-base, -20%);
    -fx-border-width: 2px;
}

.custom-color-dialog .controls-pane .current-new-color-grid .color-rect {
    -fx-min-width: 10.666667em;
    -fx-min-height: 1.75em;
    -fx-pref-width: 10.666667em;
    -fx-pref-height: 1.75em;
}

.custom-color-dialog .transparent-pattern {
    -fx-background-image: url(pattern-transparent.png);
    -fx-background-repeat: repeat;
    -fx-background-size: auto;
}

.custom-color-dialog .controls-pane #spacer1 {
    -fx-min-height: .1666667em;
    -fx-max-height: .1666667em;
    -fx-pref-height: .1666667em;
}

.custom-color-dialog .controls-pane #spacer2 {
    -fx-min-height: 1em;
    -fx-max-height: 1em;
    -fx-pref-height: 1em;
}

.custom-color-dialog .controls-pane #settings-pane {
    -fx-hgap: .4166667em;
    -fx-vgap: .3333333em;
}

.custom-color-dialog .controls-pane #settings-pane .settings-label {
    -fx-min-width: 5.75em;
}

.custom-color-dialog .controls-pane #settings-pane .settings-unit {
    -fx-max-width: 1.5em;
    -fx-min-width: 1.5em;
    -fx-pref-width: 1.5em;
}

.custom-color-dialog .controls-pane #settings-pane .slider {
    -fx-pref-width: 8.25em;
}

.custom-color-dialog .controls-pane .color-input-field {
    -fx-pref-column-count: 3;
    -fx-max-width: 3.25em;
    -fx-min-width: 3.25em;
    -fx-pref-width: 3.25em;
}

.custom-color-dialog .controls-pane .web-field {
    -fx-pref-column-count: 6;
    -fx-pref-width: 8.25em;
}

.custom-color-dialog .controls-pane #spacer-side {
    -fx-min-width: .5em;
    -fx-pref-width: .5em;
}

.custom-color-dialog .controls-pane #spacer-bottom {
    -fx-pref-height: .833333em;
    -fx-min-height: .833333em;
}

.custom-color-dialog .controls-pane .customcolor-controls-background {
    -fx-background-color: -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: .8333333em 0 .4166667em 0, 1em .166667em .5833333em .166667em;
    -fx-background-radius: .3333333em, .166667em;
}

.custom-color-dialog .controls-pane .current-new-color-grid .label {
    -fx-padding: 0 0 0 .4166667em;
}

.custom-color-dialog .controls-pane #buttons-hbox {
    -fx-spacing: .333333em;
    -fx-padding: 1em 0 0 0;
    -fx-alignment: bottom-right;
}

.date-picker > .arrow-button > .arrow {
    -fx-shape: "M0,0v9h9V0H0z M2,8H1V7h1V8z M2,6H1V5h1V6z M2,4H1V3h1V4z M4,8H3V7h1V8z M4,6H3V5h1V6z M4,4H3V3h1V4z M6,8H5V7h1V8z M6,6H5 V5h1V6z M6,4H5V3h1V4z M8,8H7V7h1V8z M8,6H7V5h1V6z M8,4H7V3h1V4z";
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .416667em .416667em .333333em .333333em;
    -fx-scale-shape: true;
}

.date-picker-popup {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 0;
    -fx-padding: 0;
    -fx-alignment: CENTER;
    -fx-spacing: 0;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .6), 8, 0, 0, 0);
}

.date-picker-popup > .month-year-pane {
    -fx-padding: .5em;
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0;
}

.date-picker-popup > * > .spinner {
    -fx-spacing: .25em;
    -fx-alignment: CENTER;
    -fx-fill-height: false;
}

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

.date-picker-popup > * > .spinner > .button:hover {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-radius: 3, 2, 1;
}

.date-picker-popup > * > .spinner > .button:focused {
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-focus-color, -fx-body-color;
    -fx-background-radius: 3, 2, 1;
}

.date-picker-popup > * > .spinner > .left-button {
    -fx-padding: 0 .333333em 0 .25em;
}

.date-picker-popup > * > .spinner > .right-button {
    -fx-padding: 0 .25em 0 .333333em;
}

.date-picker-popup > * > .spinner > .button > .right-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .5em .333333em 0 0;
    -fx-shape: "M 4 0 L 0 -3 L 0 3 z";
    -fx-scale-shape: true;
}

.date-picker-popup > * > .spinner > .button > .left-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .5em .333333em 0 0;
    -fx-shape: "M 0 0 L 4 -3 L 4 3 z";
    -fx-scale-shape: true;
}

.date-picker-popup > * > .spinner > .label {
    -fx-alignment: CENTER;
}

.date-picker-popup > .month-year-pane > .secondary-label {
    -fx-alignment: BASELINE_CENTER;
    -fx-padding: .5em 0 0 0;
    -fx-text-fill: firebrick;
}

.date-picker-popup > .calendar-grid {
    -fx-background-color: derive(-fx-base, 6.8%);
    -fx-background-insets: 1;
    -fx-padding: 1;
}

.date-picker-popup > * > .date-cell {
    -fx-background-color: transparent;
    -fx-background-insets: 1, 2;
    -fx-padding: .166667em;
    -fx-alignment: BASELINE_CENTER;
    -fx-opacity: 1;
}

.date-cell:disabled > * {
    -fx-opacity: -fx-disabled-opacity;
}

.date-picker-popup > * > .day-name-cell, .date-picker-popup > * > .week-number-cell {
    -fx-font-size: .916667em;
}

.date-picker-popup > * > .week-number-cell {
    -fx-padding: .416667em .583333em .333333em .583333em;
    -fx-border-color: -fx-background;
    -fx-border-width: 1px;
    -fx-background: -fx-control-inner-background;
    -fx-background-color: -fx-background;
    -fx-text-fill: -fx-accent;
}

.date-picker-popup > * > .day-cell {
    -fx-padding: .333333em .583333em .333333em .583333em;
    -fx-border-color: derive(-fx-control-inner-background, -10%);
    -fx-border-width: 1px;
    -fx-background: -fx-control-inner-background;
    -fx-background-color: -fx-background;
    -fx-text-fill: -fx-text-background-color;
}

.date-picker-popup > * > .hijrah-day-cell {
    -fx-alignment: TOP_LEFT;
    -fx-padding: .083333em .333333em .083333em .333333em;
    -fx-cell-size: 2.75em;
}

.date-picker-popup > * > .day-cell > .secondary-text {
    -fx-fill: #b22222;
}

.date-picker-popup > * > .today {
    -fx-background-color: -fx-control-inner-background, derive(-fx-base, -10%), -fx-control-inner-background;
    -fx-background-insets: 1, 2, 3;
}

.date-picker-popup > * > .day-cell:hover, .date-picker-popup > * > .selected, .date-picker-popup > * > .previous-month.selected, .date-picker-popup > * > .next-month.selected {
    -fx-background-color: -fx-selection-bar;
    -fx-background: -fx-accent;
}

.date-picker-popup > * > .today:hover, .date-picker-popup > * > .today.selected {
    -fx-background-color: -fx-selection-bar, derive(-fx-base, -10%), -fx-selection-bar;
}

.date-picker-popup > * > .day-cell:focused, .date-picker-popup > * > .today:focused {
    -fx-background-color: -fx-control-inner-background, -fx-cell-focus-inner-border, -fx-control-inner-background;
    -fx-background-insets: 1, 2, 3;
}

.date-picker-popup > * > .day-cell:focused:hover, .date-picker-popup > * > .today:focused:hover, .date-picker-popup > * > .today.selected:focused, .date-picker-popup > * > .selected:focused {
    -fx-background-color: -fx-selection-bar, -fx-cell-focus-inner-border, -fx-selection-bar;
}

.date-picker-popup > * > .previous-month, .date-picker-popup > * > .next-month {
    -fx-background: derive(-fx-control-inner-background, -5%);
}

.date-picker-popup > * > .previous-month:hover, .date-picker-popup > * > .next-month:hover {
    -fx-background: #d3d3d3;
    -fx-text-fill: -fx-dark-text-color;
}

.date-picker-popup > * > .day-cell:hover > .secondary-text, .date-picker-popup > * > .previous-month > .secondary-text, .date-picker-popup > * > .next-month > .secondary-text, .date-picker-popup > * > .selected > .secondary-text {
    -fx-fill: -fx-text-background-color;
}

.date-picker-popup > * > .previous-month.today, .date-picker-popup > * > .next-month.today {
    -fx-background-color: derive(-fx-control-inner-background, -5%), derive(-fx-base, -10%), derive(-fx-control-inner-background, -5%);
}

.date-picker-popup > * > .previous-month.today:hover, .date-picker-popup > * > .next-month.today:hover {
    -fx-background-color: lightgrey, derive(-fx-base, -10%), lightgrey;
}

.pagination {
    -fx-padding: 0;
    -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: .833333em 0 .833333em 0;
}

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

.pagination > .pagination-control > .control-box > .left-arrow-button {
    -fx-background-radius: 0;
    -fx-padding: .166667em .416em .25em .333em;
}

.pagination > .pagination-control > .control-box > .right-arrow-button {
    -fx-background-radius: 0;
    -fx-padding: .166667em .333em .25em .416em;
}

.pagination > .pagination-control .left-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .375em .291em .375em .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: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .375em .291em .375em .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-background-radius: 0, 4em, 4em, 4em, 4em;
    -fx-padding: .333em;
    -fx-background-color: transparent, -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 4 4 3 4, 5, 6, 7;
}

.pagination > .pagination-control > .control-box > .bullet-button:selected {
    -fx-base: -fx-selection-bar-text;
}

.pagination:focused > .pagination-control > .control-box > .bullet-button:selected {
    -fx-base: -fx-accent;
}

.pagination.bullet > .pagination-control > .control-box > .left-arrow-button, .pagination.bullet > .pagination-control > .control-box > .right-arrow-button {
    -fx-background-radius: 4em;
}

.pagination > .pagination-control > .control-box > .number-button {
    -fx-background-radius: 0;
    -fx-padding: .166667em .25em .25em .333em;
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}

.pagination > .pagination-control > .control-box > .number-button:selected {
    -fx-base: -fx-selection-bar-text;
}

.pagination:focused > .pagination-control > .control-box > .number-button:selected {
    -fx-base: -fx-accent;
}

.pagination > .pagination-control > .page-information {
    -fx-padding: .416em 0 0 0;
}

.tree-table-view {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1;
    -fx-table-header-border-color: #959595;
    -fx-table-cell-border-color: #bbb;
}

.tree-table-row-cell {
    -fx-background-color: -fx-control-inner-background;
    -fx-padding: 0;
    -fx-text-fill: -fx-text-inner-color;
}

.tree-table-cell {
    -fx-padding: .166667em;
    -fx-background-color: transparent;
    -fx-border-color: transparent -fx-table-cell-border-color transparent transparent;
    -fx-border-width: .083333em;
    -fx-cell-size: 2em;
    -fx-text-fill: -fx-text-inner-color;
}

.cell-span-tree-table-view > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell {
    -fx-background-color: transparent;
}

.cell-span-tree-table-view > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell > .tree-table-cell {
    -fx-background-color: -fx-table-cell-border-color, -fx-control-inner-background;
    -fx-background-insets: 0, 0 1 0 0;
    -fx-alignment: center;
}

.cell-span-tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:selected > .tree-table-cell, .cell-span-tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:focused:selected > .tree-table-cell, .cell-span-tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:focused:selected:hover > .tree-table-cell, .cell-span-tree-table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell > .tree-table-cell:filled:selected, .cell-span-tree-table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell > .tree-table-cell:filled:focused:selected, .cell-span-tree-table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell > .tree-table-cell:filled:focused:selected:hover {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0 1 0 0, 1 2 1 1, 2 3 2 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

.cell-span-tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:hover > .tree-table-cell {
    -fx-background-color: -fx-table-cell-border-color, -fx-cell-hover-color;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-text-fill: -fx-text-inner-color;
}

.cell-span-tree-table-view:row-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:focused:hover > .tree-table-cell {
    -fx-background-color: -fx-table-cell-border-color, -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0, 0 0 1 0, 1 1 2 1, 2 2 3 2, 3 3 4 3;
    -fx-text-fill: -fx-text-inner-color;
}

.cell-span-tree-table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled > .tree-table-cell:hover {
    -fx-background-color: -fx-table-cell-border-color, -fx-cell-hover-color;
    -fx-text-fill: -fx-text-inner-color;
    -fx-background-insets: 0, 0 0 1 0;
}

.cell-span-tree-table-view:cell-selection > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled > .tree-table-cell:focused:hover {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0 1 0 0, 1 2 1 1, 2 3 2 2;
    -fx-text-fill: -fx-text-inner-color;
}

.html-editor {
    -fx-border-width: 1;
    -fx-border-style: solid;
    -fx-padding: 0;
    -fx-border-color: derive(-fx-base, -35%);
}

.html-editor .button, .html-editor .toggle-button {
    -fx-padding: .333333em .833333em .416667em .833333em;
}

.html-editor .combo-box > .list-cell {
    -fx-cell-size: 2.0833em;
}

.html-editor > * > .top-toolbar {
    -fx-background-color: linear-gradient(to bottom, white 10%, derive(-fx-base, 50%) 90%), linear-gradient(to bottom, derive(-fx-base, 65%) 0%, derive(-fx-base, 5%) 90%);
    -fx-background-insets: 0, 1;
    -fx-border-color: transparent transparent derive(-fx-base, -20%) transparent, transparent;
    -fx-border-width: 1, 0;
    -fx-padding: .333em .5em .333em .5em;
}

.html-editor > * > .bottom-toolbar {
    -fx-background-color: linear-gradient(to bottom, derive(-fx-base, 50%) 10%, derive(-fx-base, -60%) 90%), linear-gradient(to bottom, derive(-fx-base, 5%) 0%, derive(-fx-base, -15%) 90%);
    -fx-background-insets: 0, 1;
    -fx-border-color: transparent derive(-fx-base, 50%) transparent derive(-fx-base, 50%), transparent transparent derive(-fx-base, -60%) transparent;
    -fx-border-width: 1, 0;
    -fx-padding: .166667em .5em .166667em 1.5em;
}

.html-editor-foreground, .html-editor-background {
    -fx-color-label-visible: false;
    -fx-color-rect-x: 0;
    -fx-color-rect-y: 10;
    -fx-color-rect-width: 16;
    -fx-color-rect-height: 5;
    -fx-padding: 0;
}

.html-editor-foreground > .color-picker-label, .html-editor-background > .color-picker-label {
    -fx-padding: 0 0 -.083333em 0;
}

.html-editor > * > * > .separator:vertical > .line {
    -fx-border-style: solid;
    -fx-background-color: null;
    -fx-border-color: transparent derive(-fx-base, -35%) transparent transparent;
}

.html-editor > * > .top-toolbar > .separator {
    -fx-padding: 1 0 1 0;
}

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

.html-editor > * > .bottom-toolbar > .separator {
    -fx-padding: 1 2 1 2;
}

.html-editor > * > * > .button {
    -fx-background-color: null;
    -fx-background-insets: -1, 0, 1;
    -fx-background-radius: .25em;
    -fx-padding: .25em;
    -fx-alignment: CENTER;
    -fx-graphic-vpos: CENTER;
}

.html-editor > * > .top-toolbar > .button:hover {
    -fx-background-color: transparent, derive(-fx-base, -10%), derive(-fx-base, 65%);
}

.html-editor > * > .bottom-toolbar > .button:hover {
    -fx-background-color: transparent, derive(-fx-base, -25%), derive(-fx-base, 15%);
}

.html-editor > * > * > .toggle-button {
    -fx-background-color: transparent;
    -fx-background-insets: -1, 0, 1;
    -fx-background-radius: 3;
    -fx-padding: .25em;
    -fx-alignment: CENTER;
    -fx-graphic-vpos: CENTER;
}

.html-editor > * > .top-toolbar > .toggle-button:hover {
    -fx-background-color: transparent, derive(-fx-base, -10%), derive(-fx-base, 65%);
}

.html-editor > * > .bottom-toolbar > .toggle-button:hover {
    -fx-background-color: transparent, derive(-fx-base, -25%), derive(-fx-base, 15%);
}

.html-editor > * > .toggle-button:focused {
    -fx-color: transparent;
    -fx-background-color: -fx-focus-color, derive(-fx-base, -25%), derive(-fx-base, 15%);
    -fx-background-insets: -1.2, 0, 1;
    -fx-background-radius: 3.2, 3, 3;
}

.html-editor > * > * > .toggle-button:selected {
    -fx-background-color: transparent, linear-gradient(to bottom, derive(-fx-base, -70%) 10%, derive(-fx-base, -40%) 90%), linear-gradient(to bottom, derive(-fx-base, -40%) 0%, derive(-fx-base, -20%) 50%, derive(-fx-base, -10%) 98%, derive(-fx-base, -35%) 100%);
}

.html-editor > * > * > .font-menu-button {
    -fx-background-radius: 5, 5, 4, 3;
}

.html-editor > * > * > .font-menu-button .label {
    -fx-padding: .166667em .5em .25em .5em;
}

.spinner {
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 0 0 1 0, 1 1 2 1;
    -fx-background-radius: 3, 3, 2;
}

.spinner:focused, .spinner:contains-focus {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: -1.4 -1.4 -.4 -1.4, 0 0 1 0, 1 1 2 1;
    -fx-background-radius: 4, 3, 2;
}

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

.spinner > .text-field {
    -fx-background-color: -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: 0 0 1 0, 1 0 2 1;
    -fx-background-radius: 3 0 0 3, 2 0 0 2;
}

.spinner .increment-arrow-button {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 3 0 0, 0 2 0 0, 0 1 0 0;
    -fx-padding: .333em .666em .333em .666em;
}

.spinner .decrement-arrow-button {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: -1 0 1 0, 0 1 2 1, 0 2 3 2;
    -fx-background-radius: 0 0 3 0, 0 0 2 0, 0 0 1 0;
    -fx-padding: .25em .666em .5em .666em;
}

.spinner .increment-arrow-button .increment-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: -.6 0 1 0, 0;
    -fx-padding: .167em .333em .167em .333em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
    -fx-rotate: 180;
}

.spinner .decrement-arrow-button .decrement-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: .167em .333em .167em .333em;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.spinner.split-arrows-horizontal .increment-arrow-button .increment-arrow, .spinner.arrows-on-right-horizontal .increment-arrow-button .increment-arrow, .spinner.arrows-on-left-horizontal .increment-arrow-button .increment-arrow, .spinner.split-arrows-horizontal .decrement-arrow-button .decrement-arrow, .spinner.arrows-on-right-horizontal .decrement-arrow-button .decrement-arrow, .spinner.arrows-on-left-horizontal .decrement-arrow-button .decrement-arrow {
    -fx-padding: .333em .166em .333em .166em;
    -fx-shape: "M 4 0 v 7 l -4 -3.5 z";
}

.spinner.arrows-on-right-horizontal .increment-arrow-button {
    -fx-background-insets: 0 0 1 0, 1 1 2 0, 2 2 3 1;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0;
    -fx-padding: .333em .666em .333em .583em;
}

.spinner.arrows-on-right-horizontal .decrement-arrow-button {
    -fx-background-insets: 0 0 1 0, 1 1 2 1, 2 2 3 2;
    -fx-background-radius: 0, 0, 0;
    -fx-padding: .333em .666em .333em .666em;
}

.spinner.arrows-on-left-vertical > .text-field {
    -fx-background-insets: 0 0 1 0, 1 1 2 0;
    -fx-background-radius: 0 3 3 0, 0 2 2 0;
}

.spinner.arrows-on-left-vertical .increment-arrow-button {
    -fx-background-radius: 3 0 0 0, 2 0 0 0, 1 0 0 0;
}

.spinner.arrows-on-left-vertical .decrement-arrow-button {
    -fx-background-radius: 0 0 0 3, 0 0 0 2, 0 0 0 1;
}

.spinner.arrows-on-left-horizontal > .text-field {
    -fx-background-insets: 0 0 1 -1, 1 1 2 -1;
    -fx-background-radius: 0 3 3 0, 0 2 2 0;
}

.spinner.arrows-on-left-horizontal .increment-arrow-button {
    -fx-background-insets: 0 0 1 0, 1 1 2 0, 2 2 3 1;
    -fx-background-radius: 0, 0, 0;
    -fx-padding: .333em .666em .333em .583em;
}

.spinner.arrows-on-left-horizontal .decrement-arrow-button {
    -fx-background-insets: 0 0 1 0, 1 1 2 1, 2 2 3 2;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 1 0 0 1;
    -fx-padding: .333em .666em .333em .666em;
}

.spinner.split-arrows-vertical > .text-field {
    -fx-background-insets: 0, 0 1 0 1;
    -fx-background-radius: 0, 0;
}

.spinner.split-arrows-vertical .increment-arrow-button {
    -fx-background-radius: 3 3 0 0, 2 2 0 0, 1 1 0 0;
}

.spinner.split-arrows-vertical .decrement-arrow-button {
    -fx-background-insets: -1 0 1 0, 0 1 2 1, 1 2 3 2;
    -fx-background-radius: 0 0 3 3, 0 0 2 2, 0 0 1 1;
    -fx-padding: .25em .666em .417em .666em;
}

.spinner.split-arrows-horizontal > .text-field {
    -fx-background-insets: 0 0 1 0, 1 0 2 0;
    -fx-background-radius: 0, 0;
}

.spinner.split-arrows-horizontal .increment-arrow-button {
    -fx-background-insets: 0 0 1 0, 1 1 2 1, 2 2 3 2;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0;
    -fx-padding: .333em .666em .333em .666em;
}

.spinner.split-arrows-horizontal .decrement-arrow-button {
    -fx-background-insets: 0 0 1 0, 1 1 2 1, 2 2 3 2;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 1 0 0 1;
    -fx-padding: .333em .666em .333em .666em;
}

.dialog-pane {
    -fx-background-color: -fx-background;
    -fx-padding: 0;
}

.dialog-pane > .expandable-content {
    -fx-padding: .666em;
}

.dialog-pane > .button-bar > .container {
    -fx-padding: .833em;
}

.dialog-pane > .content.label {
    -fx-alignment: top-left;
    -fx-padding: 1.333em .833em 0 .833em;
}

.dialog-pane > .content {
    -fx-padding: .833em;
}

.dialog-pane:no-header .graphic-container {
    -fx-padding: .833em 0 0 .833em;
}

.dialog-pane:header .header-panel {
    -fx-padding: .833em;
    -fx-background-color: -fx-box-border, linear-gradient(-fx-background, derive(-fx-background, 30%));
    -fx-background-insets: 0, 0 0 1 0;
}

.dialog-pane:header .header-panel .label {
    -fx-font-size: 1.167em;
    -fx-wrap-text: true;
}

.dialog-pane:header .header-panel .graphic-container {
    -fx-padding: 0 0 0 .833em;
}

.dialog-pane > .button-bar > .container > .details-button {
    -fx-alignment: baseline-left;
    -fx-focus-traversable: false;
    -fx-padding: .416em;
    -fx-font-size: .833em;
}

.dialog-pane > .button-bar > .container > .details-button.more {
    -fx-graphic: url(dialog-more-details.png);
}

.dialog-pane > .button-bar > .container > .details-button.less {
    -fx-graphic: url(dialog-fewer-details.png);
}

.dialog-pane > .button-bar > .container > .details-button:hover {
    -fx-underline: true;
}

.alert.confirmation.dialog-pane, .text-input-dialog.dialog-pane, .choice-dialog.dialog-pane {
    -fx-graphic: url(dialog-confirm.png);
}

.alert.information.dialog-pane {
    -fx-graphic: url(dialog-information.png);
}

.alert.error.dialog-pane {
    -fx-graphic: url(dialog-error.png);
}

.alert.warning.dialog-pane {
    -fx-graphic: url(dialog-warning.png);
}