.root {
    -fx-control-inner-background: #FFFFFF;
    -fx-background: #f0f0f0;
    -fx-base: #f0f0f0;
    -fx-cell-hover-color: -fx-shadow-highlight-color;
}

.menu-button {
    -fx-background-color: #181818;
    -fx-border-color: #444444;
}

.menu:hover {
    -fx-background-color: #51a5f8;
}

.description-label {
    -fx-text-fill: rgb(200,200,200);
    -fx-font-size: smaller;
}

.title {
    -fx-text-fill: white;
}

#title-style {
    -fx-text-fill: white;
}

.accordion .titled-pane-heading .title, .titled-pane-heading > .title {
    -fx-background-color: linear-gradient(to bottom, derive(#51a5f8,100%), derive(#51a5f8,0%) 5%, derive(#51a5f8,-25%) 95%, derive(#51a5f8,50%) 100%);
    -fx-padding: 3;
}

.titled-pane-selected > .title {
    -fx-background-color: linear-gradient(to bottom, derive(#3aeb78,100%), derive(#3aeb78,0%) 5%, derive(#3aeb78,-25%) 95%, derive(#3aeb78,50%) 100%);
}

.titled-pane-selected-invalid > .title {
    -fx-background-color: linear-gradient(to bottom, derive(#3aeb78,0%), derive(#3aeb78,0%) 60%, derive(#3aeb78,0%) 85%, derive(#3aeb78,0%) 100%);
    
}

.titled-pane-matched > .title {
    -fx-background-color: linear-gradient(to bottom, derive(#51a5f8,100%), derive(#51a5f8,0%) 5%, derive(#51a5f8,-25%) 95%, derive(#51a5f8,50%) 100%);
}

.titled-pane-invalid > .title {
    -fx-background-color: linear-gradient(to bottom, derive(#ff8888,100%), derive(#ff8888,0%) 5%, derive(#ff8888,-25%) 95%, derive(#ff8888,50%) 100%);
}

.titled-pane-heading > .title {
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-padding: 0.166667em 0.833333em 0.25em 0.833333em;  /*2 10 3 10*/
}

.page-corner {
    -fx-padding: 4.5 4.5 4.5 4.5;
    -fx-background-color: linear-gradient( from 0% 0% to 50% 50%, rgba(252,247,182,0.5), rgba(165,156,49,0.5));
    -fx-shape: "M0,0H9L0,9Z";
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 4 , 0.0 , 0 , 0 );
}

.text-input {
    -fx-prompt-text-fill: gray;
}

#invalid {
    -fx-background-color: #ff8888;
    -fx-control-inner-background: #ff8888;
}

#titled-pane-label {
    -fx-padding: 2 0 0 0;
    -fx-text-fill: #111111;
}

#layer-checkbox {
    -fx-padding: 2 0 0 0;
}

.combo-box {
    -fx-background-color: #f0f0f0;
    -fx-border-color: #999999
}

.scroll-bar:vertical .track {
    -fx-background-color: white;
    -fx-border-color: white;
}


#layer-function-enable {
    -fx-text-fill: black;
    -fx-background-color: #8fb8e8;
}

#layer-function-enable:hover {
    -fx-text-fill: black;
    -fx-background-color: #98c2f3;
}

#layer-function-disable {
    -fx-text-fill: black;
    -fx-background-color: #e7a09c;
}
#layer-function-disable:hover {
    -fx-text-fill: black;
    -fx-background-color: #f4aaa4;
}
