/**************************
 * GENERAL
 **************************/

.root {
    -warning-color: orange;
    -error-color: #D85F70;
    -menu-color: #5B8AA4;
    -table-row-selected:#B0C0D0;
    -light-text-color:#666666;
    -light-gray-bg:#D7D7D7;
    -sitebar-border-gray:#C9C9C9;
    -protocol-color:#9CB35B;
    -indicator-color:#946695;
    -white-translucent:rgba(255, 255, 255, .8); 
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/org/geotoolkit/font/fontawesome-webfont.ttf');
}

.rhomeo-font-awesome {
    -fx-font-family: FontAwesome;
    -fx-font-size: 16;
}

.cursor-hand, .button, .combo-box, .toggle-button, .menu-button {
    -fx-cursor: hand;
}

.toggle-button.no-border, .button.no-border, .menu-button.no-border {
    -fx-border-style: none;
    -fx-border-width: 0;
    -fx-background-color: none;
}

.toggle-button:selected, .toggle-button.no-border:selected, .create-button{
    -fx-background-color: -menu-color;
    -fx-text-fill: #FFFFFF;
}

.text-bold{
    -fx-font-weight: bold;
}

.text-update{
    -fx-font-style: italic;
    -fx-font-weight: bold;
    -fx-text-fill: #F3B62B;
}

.label, .button, .toggle-button, .titled-pane {
    -fx-text-fill: -light-text-color;
    -fx-font-family: 'Arial Regular', 'Arial';
}

.button {
    -fx-border-radius: 2;
    -fx-padding:5;
}

.transparent {
    -fx-background-color:transparent;
    -fx-border-color:transparent;    
}

/* To use for buttons in protocol steps */
.contrast {
    -fx-background-color:lightgrey;
    -fx-border-color:transparent;
    -fx-min-height: 34px;
    -fx-max-height: 34px;
}

.contrast:hover {
    -fx-background-color:grey;
}

.contrast:armed {
    -fx-text-fill:white;
}

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

.combo-box:disabled, .combo-box:disabled > * {
    -fx-opacity: 0.6;
}

/* When a node contains erroneous data, you can add this style class on it. It
   wraps background with a red halo, and set inner text red. */
.error-field {
    -fx-effect: innershadow(gaussian, -error-color, 5, 0.7, 0, 0);
    -fx-text-fill: -error-color; /* for labeled objects. */
}

/* For constraint violations with "Warning" payload.
 */
.warning-field {
    -fx-effect: dropshadow(gaussian, -warning-color, 10, 0.5, 0, 0);
}

.info-popup {
    -fx-background-color:-white-translucent;
    -fx-border-width:1;
    -fx-background-radius:7;
    -fx-border-radius:7;
    -fx-border-color:lightgrey;
    -fx-text-fill:-light-text-color;
}

.split-pane > .split-pane-divider {  
    -fx-padding: 0 1 0 1;  
} 

/****************************
 * INITIAL POPUP
 ****************************/
#initPopup {
    -fx-background-color: rgba(255, 0, 0, 0);
    -fx-background-image:  url('images/img-accueil.png');
    -fx-background-size: stretch;
    -fx-text-fill: -error-color;
}

#initPopup .label, #initPopup .button {
    -fx-text-fill: -light-text-color;
}

/***************************
 * MENU BAR
 ***************************/
#menubar{
    -fx-background-color: -menu-color;
}

#menubar .title{
    -fx-text-fill: #FFFFFF;
    -fx-font-size: 18px;
    -fx-font-family: 'Arial Regular', 'Arial';
}

#menubar .rhom-menu-button {
    -fx-background-color: -menu-color;
    -fx-text-fill: #FFFFFF;
    -fx-border-style: none;
    -fx-border-width: 0;
}

#menubar .rhom-menu-button > .arrow-button {
    -fx-padding: 0;
}

#menubar .rhom-menu-button > .arrow-button > .arrow {
    -fx-padding: 0;
}

/***************************
 * SITE BAR
 ***************************/
#sitebar {
    -fx-background-color: -light-gray-bg;
    -fx-border-width: 1px 0 0 0;
    -fx-border-color: -sitebar-border-gray;
}

#sitebar .label {
    -fx-text-fill: #959595;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
}

/****************************
 * SELECTED SITE BAR
 ****************************/
#selectedsitebar, #protocolsbar {
    -fx-border-width: 1px 0 0 0;
    -fx-border-color: -sitebar-border-gray;
}

/***************************
 * SITE + PROTOCOL
 ***************************/
#siteprotocol {
    -fx-background-color: #E4E4E4;
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: #FFFFFF;
}

#siteprotocol .toggle-button:selected, #siteprotocol .create-button {
    -fx-text-fill: #FFFFFF;
}

#siteprotocol #viewinfobtn {
    -fx-padding: 0;
    -fx-margin: 0;
    -fx-background-color: none;
}

#protocols, #siteinfo{
    -fx-background-color: -light-gray-bg;
    -fx-background-radius: 5px;
}

.protocol-button{
    -fx-border-color: #FFF;
    -fx-border-width: 1px;
    -fx-border-radius: 3px;
    -fx-background-color: -protocol-color;
    -fx-background-radius: 3px;
    -fx-text-fill: #FFF;
    -fx-opacity: 1;
    -fx-pref-width: 70px;
}

.protocol-button:disabled{
    -fx-opacity: 0.3;
}

#protocolChosenGreen{
    -fx-background-color: -protocol-color;
}

#protocolChosenGreen .label, #protocolChosenGreen .button{
    -fx-text-fill: #FFF;
}

.banner-grey-bg{
    -fx-background-color: -light-gray-bg;
}

.protocol-popup-body{
    -fx-background-color: #FFF;
    -fx-background-radius: 5px;
    -fx-border-color: -indicator-color;
    -fx-border-width: 1px;
    -fx-border-radius: 5px;
    -fx-padding: 5 10 5 10;
    -fx-text-fill: -indicator-color
}

.indicator-label {
    -fx-background-color: -indicator-color;
    -fx-border-color: #FFF;
    -fx-border-width: 1px;
    -fx-text-fill: #FFF;
    -fx-pref-width: 50px;
    -fx-padding: 5 10 5 10;
    -fx-alignment: center;
}

#protocolSteps {
    -fx-background-color: #FFF;
}

#protocolSteps .label {
    -fx-font-size: 24;
    -fx-font-weight: bold;
}

#protocolSteps .button {
    -fx-font-size: 16;
    -fx-padding:0;
}

#protocolSteps .button.current-step, #protocolSteps .button.current-step .label{
    -fx-text-fill: -protocol-color;
}

#protocolSteps .image-view:disabled {
    -fx-opacity: 0.3;
}

#defaultProcessingPane .section-title {
    -fx-font-weight: bold;
}


/***************************
 * TABLES
 ***************************/
/*!* Background and borders *!*/
.table-view, .table-row-cell, .table-view:focused, .table-column, .table-view .filler, .table-view .column-header-background, .table-view .column-header-background .column-header {
    -fx-background-color:transparent;
}

.table-view .column-header-background {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: lightgrey;
}

.table-row-cell:selected .cell {
    -fx-background-color:-table-row-selected;
    -fx-border-color:-table-row-selected;
    -fx-text-fill: black;
}

.table-row-cell .cell:selected {
    -fx-background-color:-table-row-selected;
    -fx-border-color:-table-row-selected;
    -fx-text-fill: black;
}

/* FONTS */
.table-view .column-header .label {
    -fx-alignment:CENTER_LEFT;
}

.table-view .placeholder, .table-row-cell .cell {
    -fx-background-color: -white-translucent;
}

.scroll-pane, .scroll-pane > .viewport {
    -fx-background-color: transparent;
}

