/*
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-Medium.ttf');
}

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

.mainForm {
    -fx-background-color: #fff;
}

/* LABEL */

.form-label {
    -fx-text-fill: rgba(137, 137, 137, 1);
    -fx-font-weight: normal; 
}

.label {
    -fx-font-family: 'Roboto';
    -fx-font-size: 12px;
    /* -fx-font-weight: bold; */
    -fx-text-fill: #333333;
    /* -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 ); */
}


/* 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-text-fill: #000;
    -fx-border-color: rgba(208, 208, 208, 1);
    -fx-border-width: 1;
    -fx-font-family: 'Roboto';
    -fx-min-height: 28px;	
    -fx-pref-height: 28px;	
    -fx-font-size: 12px;
}

.text-field:disabled {
    -fx-background-color: rgba(240, 240, 240, 1);
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    /*-fx-text-fill: rgba(98, 98, 100, 1);*/
    -fx-text-fill: #000;
    -fx-border-color: rgba(208, 208, 208, 1);
    -fx-opacity: 1.0;
    -fx-font-size: 12px;
}

.text-field:focused {
    -fx-border-color: #0FA3D5;
}

.text-field:focused:hover {
    -fx-border-color: #0FA3D5;
}

.text-area {
    -fx-background-insets: 0;
    -fx-background-color: white;
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-background-radius: 0px;
    -fx-border-color: rgba(208, 208, 208, 1);
}

.text-area .content {
    -fx-background-color: white;
}

.text-area:focused .content {
    -fx-background-color: white;
}

.text-area:focused {
    -fx-border-color: #0FA3D5;
}

.text-area .content {
    -fx-padding: 10px;
    -fx-text-fill: rgba(100, 99, 102, 1);
    /*-fx-highlight-fill: #7ecfff;*/
}

.text-area:disabled {
    -fx-background-insets: 0;
    -fx-background-color: rgba(241, 241, 241, 1);
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    -fx-background-radius: 0px;
    -fx-border-color: rgba(208, 208, 208, 1);
    -fx-opacity: 1.0;
    -fx-text-fill: #000;
}

.text-area:disabled .content {
    -fx-background-color: rgba(241, 241, 241, 1);
}

/* keep element fully opaque, when disabled */
.text-area:disabled,
.text-area *:disabled {
    -fx-opacity: 1;
}

* {
    -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;
    -fx-min-height:28px;
}

.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 {
    -fx-border-color: #D3D3D3;
    -fx-min-height: 28px;	
    -fx-pref-height: 28px;
}

.combo-box,
.combo-box:focus,
.combo-box .list-cell {
    -fx-background-color: rgba(255,255,255, 1);
    -fx-border-color: #C9C9CC;
    -fx-border-width: 0.1 0.1 0.1 0.1;
}

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

.combo-box .list-view {
    -fx-background-color: rgba(250, 250, 250, 1);
    -fx-border-color:rgba(225, 225, 225, 1);
}

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

.combo-box:disabled {
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    /*-fx-text-fill: rgba(98, 98, 100, 1);*/
    -fx-text-fill: black;
    -fx-opacity: 1.0;
    -fx-background-color: rgba(235, 242, 243, 1);
}

.combo-box-base:disabled {
    -fx-background-color: rgba(245, 242, 243, 1);
    -fx-border-radius: 0px;
    -fx-background-radius: 0px;
    /*-fx-text-fill: rgba(98, 98, 100, 1);*/
    -fx-text-fill: black;
    -fx-border-color: rgba(228, 238, 248, 1);
    -fx-opacity: 1;
}

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


/* Style the arrow button area */
.combo-box .arrow-button {
    -fx-background-color: rgba(255, 255, 255, 1);
    -fx-border-radius: 1px;
    -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
*/
/*
* Title pane style
*/
.titled-pane {
    -fx-border-color: rgba(199, 200, 202, 1);
   /* -fx-text-fill: rgba(255, 255, 255, 1);*/
    -fx-background-color: rgba(255, 255, 255, 1);
}

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

.titled-pane > .title .text {
    
}

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

.nested-class .table-view {
    -fx-background-color: transparent;
    -fx-border-color: rgb(209, 211, 212);
    -fx-padding: 0;
}

.nested-class .table-view .column-header,
.nested-class .table-view .column-header-background .filler {
    -fx-background-color: red; 
}

.nested-class .column-header {

}

.nested-class .table-view .column-header-background{
    -fx-padding: 0;
}

.nested-class .table-view .column-header {
    -fx-border-color: rgb(209, 211, 212);
}

.nested-class .table-view .column-header .label{
    -fx-text-fill: white;
    -fx-font-weight: bold; 
    -fx-alignment: CENTER;
    -fx-padding: 5;
}

.nested-class .table-cell {
    -fx-border-width: 0 1 0 1;
    -fx-border-color: rgb(230, 231, 232);
    -fx-padding: 5;
}

.nested-class .table-row-cell{
    -fx-background-color: #ffffff;
}

.nested-class .table-row-cell:odd {
    -fx-background-color: rgb(239, 239, 240);
}

.nested-class .table-row-cell:selected {
    -fx-background-color: rgba(214, 236, 219, 1);
    -fx-background-insets: 0;
    -fx-background-radius: 0;
}

.nested-class .table-row-cell:selected .text {
    -fx-fill: #000;
}

.abstract-selection-item .text-field:disabled {
    -fx-background-color: rgba(240, 240, 240, 1);
}

.pane .vbox {
    -fx-background-color: blue;
}

.abstract-selection-list .text-field,
.abstract-selection-list .text-field:disabled {
    -fx-text-fill: #000;
}

.abstract-selection-item .text-field,
.abstract-selection-item .text-field:disabled {
    -fx-text-fill: #000;
}