/*
    Styles for the application. Generally these will be referenced in the FXML via the 'styleClass' attribute on Nodes
    for more information on styles and styling in JavaFX see:
    http://docs.oracle.com/javafx/1.3/tutorials/UIControls/theming.html
    https://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html
*/

.root {
    -fx-font-size: 12;
    -fx-font-family: "Segoe UI";
}

.tree-cell:disabled {
    -fx-opacity: 0.2;
}

#collapsiblePanel {
    -fx-spacing: 10;
    -fx-padding: 5 0 0 10;
}

#editable-tree .hbox {
    -fx-spacing: 10;
}

#editable-tree-cell .hbox {
    -fx-spacing: 3;
}

#propertyPanel, #redactionCodePane {
    -fx-padding: 0 5 5 5;
}

.help-button {
    -fx-pref-height: 16;
    -fx-pref-width: 16;
    -fx-background-color: #EFEFEF;
    -fx-alignment: center-right;
}

.image-change-dialog {
    -fx-pref-width: 330;
    -fx-padding: 10;
    -fx-background-color: #EFEFEF;

    -fx-border-color: gray;
    -fx-border-style: solid;
    -fx-border-width: 1;
}

.image-change-dialog > .instructions-hbox {
    -fx-spacing: 10;
    -fx-padding: 0 0 10 0;
}

.image-change-dialog > .instructions-hbox > .label {
    -fx-wrap-text: true;
    -fx-padding: 10;
    -fx-pref-width: 300;
}

.image-change-dialog > .window-actions {
    -fx-background-color: #EFEFEF;
    -fx-spacing: 10;
    -fx-padding: 10 0 0 0;
    -fx-alignment: bottom-right;
}

.image-change-dialog .radio-buttons-vbox {
    -fx-spacing: 5;
    -fx-padding: 5 0 5 20;
}

.image-change-dialog .overlay-actions-vbox {
    -fx-spacing: 10;
}

.rounded-border {
    -fx-background-color: white;
    -fx-background-radius: 5.0;
    -fx-border-style: solid;
    -fx-border-width: 1px;
    -fx-border-color: black;
    -fx-border-radius: 5.0;
}

.button, .toggle-button {
    -fx-padding: 3 7 3 7;
    -fx-background-radius: 3;
}

.text-field {
    -fx-background-radius: 0;
}

.standardBorder {
    -fx-border-radius: 5;
    -fx-border-width: 1;
    -fx-border-color: #959595;
}

.sidebarPanel {
    -fx-background-radius: 5;
    -fx-background-color: white;
}
.sidebarPanel .viewport {
    -fx-background-color: white;
}
.sidebarPanel .tab-header-area {
    -fx-background-color: white;
}
.sidebarPanel .tab-content-area {
    -fx-background-color: white;
}

#statusDisplay {
    -fx-background-color: white;
}

#canvas .viewport  {
    -fx-background-color: #393939; 
}

#propertyarea {
    -fx-background-color: #EFEFEF;
}

#mainMenu {
    -fx-background-color: linear-gradient(#C0C0C0, #282828);
}
#mainMenu .label {
    -fx-text-fill: white;
    -fx-font-weight: bold;
}
#mainMenu .label:disabled {
    -fx-opacity: 1;
}

#mainMenu .menu .menu-item .label {
    -fx-text-fill: black;
}

#overlaylabel, #codeSelectionLabel {
    -fx-font-size: 12;
    -fx-font-family: "Callibri";
    -fx-font-weight: bold;
    -fx-padding: 5 0 0 0;
    -fx-min-width: 276;
    -fx-max-width: 276;
    -fx-pref-height: 25;
    -fx-alignment: top-center;
}

.tab-pane .tab-header-area .tab-header-background {
    -fx-background-color: white;
}

// Removes the column headers for TreeTableViews
.column-header-background {
    visibility: hidden;
    -fx-padding: -1em;
}