@import url('wx-all-SilverNeutral.css');

/* copié de: .x-grid-item-selected .x-grid-cell-selected */
.x-listIcons-view .x-dataview-item.x-item-selected,
.x-listTexts-view .x-dataview-item.x-item-selected.x-view-item-focused {
    background-color: #EAF8FF !important;
}
.x-listTexts-view .x-dataview-item.x-view-item-focused {
    outline-color: #4c7fd8 !important;
}

.x-listTexts-view.x-list-view-focus.x-listTexts-input {
    border-right-color: #4c7fd8;
    border-bottom-color: #4c7fd8;
}

/* Couleur de la sélection et de la frame de focus dans les tree/grid */
.x-list-view-focus:not(.x-listTexts-view).x-list-view-empty:before,
.x-tree-view-focus.x-tree-view-empty:before,
.x-grid-view-focus.x-grid-view-empty:before {
    border-color: #4c7fd8;
}

/* Vue grid, vue tree et vue duale d'un tree/grid avec colonnes lockées */
.x-grid-no-row-lines .x-grid-view-focus .x-grid-item-selected .x-grid-row:before,
.x-grid-no-row-lines .x-tree-view-focus .x-grid-item-selected .x-grid-row:before,
.x-grid-locked.x-grid-focus .x-grid-no-row-lines .x-grid-item-selected .x-grid-row:before {
    border-color: #4c7fd8;
}

/* Première cellule de la ligne sélectionnée (dans la vue avec focus, ou la vue duale d'un grid avec colonnes lockées
   dont l'autre vue a le focus) */
.x-grid-with-row-lines .x-focus .x-grid-item-selected .x-grid-cell.x-grid-cell-first,
.x-grid-locked.x-grid-focus .x-grid-with-row-lines .x-locked-view .x-grid-item-selected .x-grid-cell.x-grid-cell-first {
    border-left-color: #4c7fd8;
}
/* Dernière cellule de la ligne sélectionnée (dans la vue avec focus, ou la vue duale d'un grid avec colonnes lockées
   dont l'autre vue a le focus) */
.x-grid-with-row-lines .x-focus .x-grid-item-selected .x-grid-cell.x-grid-cell-last,
.x-grid-locked.x-grid-focus .x-grid-with-row-lines .x-grid-item-selected .x-grid-cell.x-grid-cell-last {
    border-right-color: #4c7fd8;
}
/* Bordure la ligne sélectionnée (dans la vue avec focus, ou la vue duale d'un grid avec colonnes lockées dont l'autre
   vue a le focus) */
.x-grid-with-row-lines .x-focus .x-grid-item.x-grid-item-selected,
.x-grid-locked.x-grid-focus .x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-color: #4c7fd8;
}
/* Ligne en dessous de la ligne sélectionnée (dans la vue avec focus, ou la vue duale d'un grid avec colonnes lockées
   dont l'autre vue a le focus), dont on utilise la bordure top pour représenter la bordure bottom de la ligne
   sélectionnée. */
.x-grid-with-row-lines .x-focus .x-grid-item-selected + .x-grid-item ,
.x-grid-locked.x-grid-focus .x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top-color: #4c7fd8;
}

.x-list-view:not(.x-listTexts-view) .x-view-item-focused:not(.x-talk-item) {
    outline-color: #4c7fd8 !important;
}

/* Couleur de la cellule lors de la sélection, doit être plus foncé que la ligne sélectionnée
   Copié de .x-grid-cell-selected
   Pour la valeur commune à tous les thèmes (voir all-common.css), ce thème utilisant une valeur spécifique */
.x-grid-row .x-grid-cell-selected {
  background-color: #B8CFEE !important;
}

/* Couleur de la cellule lors de la sélection Tree-Panel, doit être plus foncé que la ligne sélectionnée
   Ce thème utilisant une couleur différent pour le TreePanel */
.x-tree-panel .x-grid-row .x-grid-cell-selected {
  background-color: #B8CFEE !important;
}

.x-navbar-menu .x-navbar-item-selected,
.x-menu .x-menu-item-selected {
/* Couleur de la cellule lors de la sélection de l'item du navbar, doit être plus foncé que l'item activé
   Ce thème utilisant une couleur différent pour les menus */
   background-color: #B8CFEE !important;
}

/*like .x-menu-item-active*/
.x-color-picker-action:hover {
  background-color: #D3E4FD;
  border-color: #4c7fd8;
}

.x-icon-available.x-menu-item-checked .x-menu-item-icon {
	background-color: #9BDEFF;
	border-color: #00A7FB;
}

/* Couleurs flexmonster html5 (setStyle n'existe plus) */
.fm-grid-view .fm-header,
#fm-pivot-view .fm-grid-layout .fm-filters,
#fm-pivot-view .fm-grid-layout .fm-filters .fm-header,
#fm-pivot-view .fm-grid-layout.fm-flat-view .fm-header,
#fm-pivot-view a.fm-ui-btn-dark,
#fm-pivot-view a.fm-ui-checkbox.fm-selected .fm-ui-label:before,
#fm-pivot-view .fm-fields-view .fm-popup-content .fm-list-wrap .fm-list-content .fm-lst-hierarchies li.fm-checked:not(.fm-level-folder) .fm-icon-display {
    background-color: #4c7fd8 !important;
}
.fm-grid-view .fm-sheet-selection-canvas,
#fm-pivot-view .fm-grid-layout .fm-sheet-selection-canvas {
    background-color: rgba(0, 86, 216, 0.2) !important;
}
.fm-grid-view .fm-sheet-selection-canvas > .fm-border {
    border: 1px solid #4c7fd8 !important;
}
/* Totaux */
#fm-pivot-view .fm-grid-layout div.fm-cell.fm-total:not(.fm-header) {
    background-color: #D3E4FD;
}
/* Zone filtres */
#fm-pivot-view .fm-grid-layout .fm-filters.fm-page-filter {
    background-color: #D3E4FD !important;
}
/* Menus */
#fm-pivot-view .fm-ui-context-menu .fm-ui-list li:hover,
#fm-pivot-view .fm-aggregations-view ul.fm-ui-list li:hover,
#fm-pivot-view div.fm-ui-dropdown .fm-ui-dropdown-list ul li:hover {
    background-color: #e0e9f8 !important;
}

/*cf: .x-btn-over.x-btn-default-small */
.x-talk-btn:hover {
    border-color: #4c7fd8;
    background-image: none;
    background-color: #d7e1f7;
}

.x-splitter:hover {
    background-color: #6792de;
}
