/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 févr. 2022, 08:53:05
    Author     : MGT_DEV3
*/

/*@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf');
}*/

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf');
}

* {
    -fx-font-family: 'Roboto';
}

.mainForm {
    /*-fx-background-color:  rgb(246, 247, 249);*/
}

/* LABEL */

.label {
    -fx-text-fill: rgba(90, 90, 90, 1);
    -fx-font-weight: bold;
}

/* TEXTFIELD */

.text-field {
    -fx-background-color: rgba(255, 255, 255, 1);
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-text-fill: rgba(98, 98, 100, 1);
    -fx-border-color: rgba(208, 208, 208, 1);
    -fx-border-width: 1;
    -fx-font-family: 'Roboto';
}

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

* {
    -fx-primary-color: #007acc;
    -fx-secondary-color: #4B6EAF;

    -fx-focus-color: -fx-secondary-color;
}

/* SPINNER */

.spinner {
    -fx-border-width: 0;
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-background-radius: 0px;
}

.spinner .increment-arrow-button,
.spinner .decrement-arrow-button {
    -fx-background-color: rgba(255, 255, 255, 1);
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-border-color: rgba(225, 225, 225, 1);
    -fx-border-width: 1;
}
.spinner .increment-arrow-button:hover,
.spinner .decrement-arrow-button:hover {

}
.spinner .increment-arrow-button:hover:pressed,
.spinner .decrement-arrow-button:hover:pressed,
.spinner .increment-arrow-button:pressed,
.spinner .decrement-arrow-button:pressed {

}
.spinner .increment-arrow-button .increment-arrow,
.spinner .decrement-arrow-button .decrement-arrow {
    -fx-background-color: rgba(162, 162, 162, 1);
}

/* CHECKBOX */
.check-box {
    /* default properties */
    selected-box-color: rgba(111, 136, 140, 1);
    box-color: rgba(111, 136, 140, 1);
    mark-color: white;
}

.check-box:selected > .box {
    /* background color for selected checkbox */
    -fx-background-color: selected-box-color;
}

.check-box > .box {
    /* background color of unselected checkbox */
    -fx-background-color: box-color;
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
}

.check-box:selected > .box > .mark,
.check-box:indeterminate  > .box > .mark {
    /* modify mark color */
    -fx-background-color: mark-color;
}

/* COMBOBOX */
/* The ListCell that shows the selected item in a non-editable ComboBox */

.combo-box:focus,
.combo-box .list-cell {
    -fx-background-color: rgba(208, 208, 208, 1);
}

.combo-box{
    -fx-background-color: #fff;
    -fx-text-fill: #000;
}
.combo-box .list-view .list-cell {
    -fx-background-color: rgba(255, 255, 255, 1);
}

/* The TextField that shows the selected item in an editable ComboBox */
.combo-box .text-input {
    -fx-background-color: rgba(208, 208, 208, 1);
     -fx-text-fill: #000;
}

.combo-box:disabled {
    -fx-opacity: 0.8;
}


/* Style the arrow button area */
.combo-box .arrow-button {
    -fx-background-color: rgba(255, 255, 255, 1);
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-border-color: rgba(225, 225, 225, 1);
    -fx-border-width: 1;
}

.combo-box .arrow-button .arrow {
    -fx-background-color: rgba(162, 162, 162, 1);
}

/* Set the text color in the popup list for ComboBox to blue */
.combo-box-popup .list-view .list-cell {
    -fx-text-fill: rgba(98, 98, 100, 1);
}

/* Set the text color in the popup list for ComboBox to blue */
.combo-box-popup .list-view .list-cell:hover {
    -fx-text-fill: rgba(98, 98, 100, 1);
    -fx-background-color: rgba(214, 236, 219, 1);
}

/*
* Title pane style
*/
.titled-pane {
    -fx-border-color: rgba(203, 203, 203, 1);
    -fx-text-fill: rgba(255, 255, 255, 1);
    -fx-border-width: 0.5;
}

.titled-pane > .title {
    -fx-background-radius: 0;
    -fx-border-radius: 0;
    -fx-background-color: rgba(115, 135, 132, 1);
}

.titled-pane > .title .text {

}

/* #2 */
.titled-pane > .title > .text {
    -fx-background-color: rgba(114, 114, 116, 1);
    -fx-font-size: 14px;
    -fx-text-fill: white;
    -fx-font-weight: bold;
}

.text-area {
    -fx-text-fill: black;
    -fx-background-color: #fff;
    -fx-border-width: 1;
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-border-color: rgba(208, 208, 208, 1);
    -fx-border-width: 1;
}

.text-area .content{
    -fx-opacity: 1;
    -fx-background-color: #fff;
}

.text-area:disabled {
    -fx-opacity: 1;
    -fx-background-color:  white;
    -fx-font-weight:bold;
}

.text-input > .scroll-pane:disabled {
    -fx-opacity: 1;
}

.custom-file-chooser .text-field,
.custom-directory-chooser .text-field,
.abstract-selection-item .text-field {
   
    -fx-text-fill: black;
}