/*
 * Copyright (c) 2020-2022. Clément Grennerat
 * All rights reserved. You must refer to the licence Apache 2.
 */

/*******************************************************************************
 *                                                                             *
 * PANES                                                                       *
 *                                                                             *
 ******************************************************************************/

.text, .label, Label, Text, .tab-label, .menu-bar, .list-cell, .table-cell, .titled-pane > .title > .text,
.text-area, .text-field, .tooltip .toggle-button{
    -fx-font-family: "Open Sans";
}

.notification-bar > .pane .close-button:hover {
    -fx-background-color: #464646;
}

.notification-bar > .pane .close-button {
    -fx-pref-height: 20px;
    -fx-pref-width: 20px;
}

.notification-bar > .pane .label {
    -fx-wrap-text: true;
}

.notification-bar > .pane {
    -fx-padding: 5;
}

.app-footer-bar * {
    -fx-font-size: 15;
}
.app-footer-bar .toggle-button {
    -fx-padding: -3 5 -3 5;
    -fx-alignment: center;
    -fx-graphic-text-gap: 7;
}

/* Paint Tab */

.titled-pane {
    title_background_hover_color: title_background_color;
}

.paint-tab-titled-pane .content {
    -fx-padding: 0;
}

.paint-tab-titled-pane .content VBox {
    -fx-padding: 0;
}

.paint-tab-titled-pane .title {
    -fx-padding: 1 8;
}

.paint-tab-titled-pane .title Label {
    -fx-font-size: 13;
}

/* TABS of MainWindow */

/* Reduce the tab padding so they take less width*/
.tab-pane > .tab-header-area {
    -fx-padding: 0px 0px 0px 6px !important;
}
.tab-pane > .tab-header-area > .headers-region > .tab {
    -fx-padding: 1px 14px 1px 14px;
}

/* Removing the ... button that appears if width is too small*/
.tab-header-area .control-buttons-tab{
    -fx-padding: 0 !important;
    -fx-background-insets: 0 !important;
    -fx-min-width: 0px !important;
    -fx-pref-width: 0px !important;
    -fx-max-width: 0px !important;
}
.tab-header-area .control-buttons-tab .tab-down-button .arrow {
    -fx-max-width: 0px !important;
    -fx-padding: 0 !important;
    -fx-shape: "" !important;
}

/*.tab-header-area .tab{
    -fx-padding: 0px;
    -fx-background-color: red;
}*/

/* SkillTableElement */

.bordered-grid-cell {
    -fx-background-color: black, white;
    /*-fx-opacity: 0.5;*/
    -fx-background-insets: 0, 0 1 1 0 ;
    -fx-padding: 0 1 1 0;
}
.bordered-grid-cell.first-row {
    -fx-background-color: black, #e8e8e8;
    -fx-background-insets: 0, 1 1 1 0;
    -fx-padding: 1 1 1 0;
}
.bordered-grid-cell.first-column {
    -fx-background-insets: 0, 0 1 1 1 ;
    -fx-padding: 0 1 1 1;
}
.bordered-grid-cell.first-row.first-column {
    -fx-background-insets: 0, 1 ;
}

.bordered-grid-cell .label{
    -fx-padding: 0 1 1 0;
}
.bordered-grid-cell.first-row .label{
    -fx-padding: 1 1 1 0;
}
.bordered-grid-cell.first-column .label{
    -fx-padding: 0 1 1 1;
}
.bordered-grid-cell.first-row.first-column .label{
    -fx-padding: 1;
}


/*******************************************************************************
 *                                                                             *
 * Text & Label                                                                *
 *                                                                             *
 ******************************************************************************/
.label {
    -fx-font-size: 14;
}

Text {
    -fx-font-size: 14;
}

Hyperlink {
    -fx-font-size: 14;
}

.noTextFieldClear.text-field, .noTextFieldClear .text-field{
    -right-button-visible: false;
}

/*******************************************************************************
 *                                                                             *
 * Menu Button Without Arrow                                                   *
 *                                                                             *
 ******************************************************************************/
.noArrowMenuButton > .arrow-button, .noArrowMenuButton > .arrow-button > .arrow {
    -fx-padding: 0;
    -fx-max-width: 0;
}

.noArrowMenuButton {
    -fx-padding: 4px;
}

.noArrowMenuButton .label {
    -fx-padding: 0;
}

/*******************************************************************************
 *                                                                             *
 * Common properties                                                           *
 *                                                                             *
 ******************************************************************************/

.menu, .menu .label {
    -fx-font-size: 12px;
}

.menu-item .label, .menu-item {
    -fx-font-size: 13px;
}

/*******************************************************************************
 *                                                                             *
 * Inputs                                                                      *
 *                                                                             *
 ******************************************************************************/

#no-vertical-scroll-bar .scroll-pane, .text-area#no-vertical-scroll-bar .scroll-pane {
    -fx-vbar-policy: never;
}
.text-area#no-scroll-bar .scroll-pane {
    -fx-vbar-policy: never;
    -fx-hbar-policy: never;
}

/* Check Box */
CheckBox {
    -fx-font-size: 13;
}

/* Footer slider */
.slider-without-popup {
    -show-value-on-interaction: false;
}

.slider .thumb {
    -fx-padding: 9 3;
}

/*******************************************************************************
 *                                                                             *
 * MENUS                                                                       *
 *                                                                             *
 ******************************************************************************/


.custom-menu-item, .menu {
    /*remove menu padding*/
    -fx-padding: 0;
}

.custom-menu-item > .right-container, .menu > .right-container {
    /*add some right padding for Menus (for the arrow)*/
    -fx-padding: 0 12 0 0;
}

/*******************************************************************************
 *                                                                             *
 * Auto Tip Tooltip                                                           *
 *                                                                             *
 ******************************************************************************/

.popover .content-pane {
    -fx-padding: 10px;
}

.popover > .border {
    -fx-stroke: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, .7)) !important;
    -fx-stroke-width: 1 !important;
    -fx-fill: #252525 !important;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, .2), 10.0, 0.5, 2.0, 2.0) !important;
}

.popover > .content {
    -fx-cursor: default !important;
}

.popover .icon .graphics {
    -fx-cursor: hand !important;
}

/*******************************************************************************
 *                                                                             *
 * Dialog                                                                      *
 * Restore the default Modena style for global Dialogs pane                   *
 ******************************************************************************/

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

.dialog-pane > .expandable-content {
    -fx-padding: 0.666em; /* 8px */
}

.dialog-pane > .button-bar > .container {
    -fx-padding: 0.833em; /* 10px */
}

.dialog-pane > .content.label {
    -fx-alignment: top-left;
    -fx-padding: 1.333em 0.833em 0 0.833em; /* 16px 10px 0px 10px */
}

.dialog-pane > .content {
    -fx-padding: 0.833em; /* 10 */
}

.dialog-pane:no-header .graphic-container {
    -fx-padding: 0.833em 0 0 0.833em; /* 10px 0px 0px 10px */
}

.dialog-pane:header .header-panel {
    /*-fx-padding: 0.833em 1.166em 0.833em 1.166em; *//* 10px 14px 10px 14px */
    -fx-padding: 0.833em; /* 10px */
    -fx-background-insets: 0, 0 0 1 0;
}

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

.dialog-pane:header .header-panel .graphic-container {
    /* This prevents the text in the header running directly into the graphic */
    -fx-padding: 0 0 0 0.833em; /* 0px 0px 0px 10px */
}

.dialog-pane > .button-bar > .container > .details-button {
    -fx-alignment: baseline-left;
    -fx-focus-traversable: false;
    -fx-padding: 0.416em; /* 5px */
}

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

.dialog-pane > .button-bar > .container > .details-button.less {
    -fx-graphic: url("../img/dialogs/less.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("../img/dialogs/confirm.png");
}

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

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

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

/*******************************************************************************
 *                                                                             *
 * ControlsFX custom auto complete popup                                       *
 *                                                                             *
 ******************************************************************************/
.auto-complete-popup{
    -fx-padding: 1px;
    -fx-border-width: 1px;
}
.auto-complete-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell {
    -fx-padding: 0.063em 0.375em; /*1px 6px*/
}
