/* Highlight du champ avec focus */
.x-html-editor-input .x-form-focus,
.x-form-text.x-filter-row-form-focus,
.x-form-text.x-field-form-focus,
.x-listTexts-view.x-list-view-focus.x-listTexts-input {
    background-image: none;
    background-color: #EAF8FF;
    border-color: #808080;
}

.x-listTexts-view.x-list-view-focus {
    background-image: none;
    border-color: #808080;
}

.x-form-text-wrap-default.x-form-text-wrap-focus {
    border-color: #808080;
}
.x-form-text.x-form-invalid-field.x-field-form-focus {
    background-color: #EAF8FF;
}

/* copié de: .x-grid-item-over */
.x-listIcons-view .x-item-over,
.x-listTexts-view .x-item-over {
    background-color: #eeeeee;
}

/* 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: #0095D8 !important;
}

/*Couleur de focus pour background de syntaxMemo*/
.CodeMirror-focused{
    background-image: none;
    background-color: #EAF8FF;
}

/* 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: #0095D8;
}

.x-grid-no-row-lines .x-grid-view .x-grid-item-selected .x-grid-row:before,
.x-grid-no-row-lines .x-tree-view .x-grid-item-selected .x-grid-row:before {
    border-color: #d0d0d0;
}
/* 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: #0095D8;
}

.x-grid-with-row-lines .x-grid-item-selected .x-grid-cell.x-grid-cell-first {
    border-left-color: #d0d0d0;
}
.x-grid-with-row-lines .x-grid-item-selected .x-grid-cell.x-grid-cell-last {
    border-right-color: #d0d0d0;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-color: #d0d0d0;
}
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top-color: #d0d0d0;
}

/* 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: #0095D8;
}
/* 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: #0095D8;
}
/* 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: #0095D8;
}
/* 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: #0095D8;
}

.x-grid-with-col-lines /*.x-tree-view*/ .x-grid-item-selected .x-grid-cell:not(.x-grid-cell-last) {
    border-right-color: #dbdbdb;
}

.x-list-view:not(.x-listTexts-view) .x-view-item-focused:not(.x-talk-item) {
    outline-color: #0095D8 !important;
}

/* trigger pour permettre une icon personalisée */
.x-form-custom-trigger {
	background-image: url(../../../ext/classic/theme-SolvaBlue/resources/images/form/trigger-tpl.gif)
}

/* trigger avec icon ellipse */
.x-filter-action,
.x-form-ellipsis-trigger {
	background-image: url(../themes/images/SolvaBlue/ellipsis-trigger.gif)
}

/* trigger avec icon add */
.x-filter-add,
.x-form-add-trigger {
	background-image: url(../themes/images/SolvaBlue/add-trigger.gif)
}

/* Adaptation suite à la diminution de l'épaisseur des headers */
.x-panel-header-default-horizontal,
.x-panel-header-default-horizontal.x-header-noborder {
  padding: 2px 5px;
}
.x-panel-header-default-vertical,
.x-panel-header-default-vertical.x-header-noborderl {
  padding: 5px 2px;
}

/* Adaptation de la hauteur des headers et lignes des grid */
.x-grid-with-row-lines .x-grid-cell-inner {
  padding-bottom: 2px;
}

/* Adaptation suite à la diminution de 2 px de la hauteur des edits */
.x-form-text {
  line-height: 16px;
}
.x-list-input,
.x-grid-editor .x-form-text {
  font-size: 11px;
}

/* Repris de ext-all-SolvaBlue pour les images :
    .x-toolbar-scroll- -> .x-groupbar-scroll- (attention chemin images ../ext)
     + border-color: #8db2e3 -> #c1c1c1
*/
/*</if slicer>*/
/* */
/* line 145, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-groupbar-scroll-left {
  background-image: url(../../../ext/classic/theme-SolvaBlue/resources//images/toolbar/scroll-left.gif);
  border-color: #c1c1c1;
}
/* line 160, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-groupbar-scroll-right {
  background-image: url(../../../ext/classic/theme-SolvaBlue/resources//images/toolbar/scroll-right.gif);
  border-color: #c1c1c1;
}

/* line 28, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-groupbar-scroll-left, .x-groupbar-scroll-right {
  cursor: pointer;
}
/* line 32, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-groupbar-scroll-left-disabled, .x-groupbar-scroll-right-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

/* 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ème (voir all-common.css), le thème SolvaBlue utilisant une valeur spécifique*/
.x-grid-row .x-grid-cell-selected {
  background-color: #E1E1E1 !important; }

/* Couleur de la cellule lors de la sélection Tree-Panel, doit être plus foncé que la ligne sélectionnée
   Le thème SolvaBlue utilisant une couleur différent pour le TreePanel*/
.x-tree-panel .x-grid-row .x-grid-cell-selected {
  background-color: #ADDAF0 !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é
   Le thème SolvaBlue utilisant une couleur différent pour les menus*/
   background-color: #ADDAF0 !important;
}

/* Menu de séparation (ex: Application Menu) */
.x-menu-title {
    /*.x-btn-default-small*/
	background-image: none;
	background-color: #f9f8f7;

    font-weight:bold;
    display:block;
    padding:4px;
}

/*like .x-menu-item-active*/
.x-color-picker-action:hover {
  background-color: #D3EFFD;
  border-color: #0095D8;
}

.x-column-header-over .x-column-header-activate-trigger {
    background-image: url(../themes/images/SolvaBlue/grid-header-activate-trigger.gif);
}
.x-column-header-activate-trigger {
    background-image: url(../themes/images/SolvaBlue/grid-header-activate.gif);
}
.x-column-header-over .x-column-header-expanded-icon {
    background-image: url(../themes/images/SolvaBlue/grid-header-expanded-trigger.gif);
}
.x-column-header-over .x-column-header-collapsed-icon {
    background-image: url(../themes/images/SolvaBlue/grid-header-collapsed-trigger.gif);
}
.x-column-header-expanded-icon {
    background-image: url(../themes/images/SolvaBlue/grid-header-expanded.gif);
}
.x-column-header-collapsed-icon {
    background-image: url(../themes/images/SolvaBlue/grid-header-collapsed.gif);
}

.x-column-header-sort-ASC .x-column-header-text-inner,
.x-column-header-sort-DESC .x-column-header-text-inner {
    padding-right: 16px;
}

.x-menu-item-begingroupseparator {
    border-top: solid 1px #e0e0e0;
    margin-top: 2px;
}

.x-menu-item-begingroup .x-menu-item-icon {
    top: 6px !important;
}
.x-menu-item-begingroup .x-menu-item-arrow {
    top: 11px;
}

.x-icon-available.x-menu-item-checked .x-menu-item-icon {
	background-color: #9BDEFF;
    margin: 0 0 0 1px;
	border: 1px solid #00A7FB;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.x-sch-datePicker {
    /*image identique pour tous les thèmes*/
    background-image: url(../../../ext/classic/theme-SolvaBlue/resources/images/shared/calendar.gif);
    background-position: center center;
}


/*
 Pour corrections Bugs du thèmes
*/
.x-color-picker-item:not(.x-color-picker-selected) {
    border-color: white;
}
.x-progress-default{
    background-color: #FFFFFF
}

/* 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: #0095D8 !important;
}
#fm-grid-view .fm-sheet-selection-canvas,
#fm-pivot-view .fm-grid-layout .fm-sheet-selection-canvas {
    background-color: rgba(0, 149, 216, 0.2) !important;
}
#fm-grid-view .fm-sheet-selection-canvas > .fm-border {
    border: 1px solid #0095D8 !important;
}
/* Totaux */
#fm-pivot-view .fm-grid-layout div.fm-cell.fm-total:not(.fm-header) {
    background-color: #D3EFFD;
}
/* Zone filtres */
#fm-pivot-view .fm-grid-layout .fm-filters#fm-page-filter {
    background-color: #D3EFFD !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: #f6cece !important;
}


/*Correction de l'image du spinner-small (rouge au lieu de bleu)*/
.x-grid-editor .x-form-spinner-up, .x-grid-editor .x-form-spinner-down {
  background-image: url(../themes/images/SolvaBlue/spinner-small.gif);
}
.x-toolbar-item div.x-form-spinner-up,
.x-toolbar-item div.x-form-spinner-down {
  background-image: url(../themes/images/SolvaBlue/spinner-small.gif);
}

/*cf: .x-btn-over.x-btn-default-small */
.x-talk-btn:hover {
    border-color: #4FA4CF;
    background-image: none;
    background-color: #CDEEFE;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, #CDEEFE), color-stop(0%, #B3D6F1));
    background-image: -webkit-linear-gradient(top, #CDEEFE, #B3D6F1);
    background-image: -moz-linear-gradient(top, #CDEEFE, #B3D6F1);
    background-image: -o-linear-gradient(top, #CDEEFE, #B3D6F1);
    background-image: -ms-linear-gradient(top, #CDEEFE, #B3D6F1);
    background-image: linear-gradient(top, #CDEEFE, #B3D6F1);
}

.wx-dragover::before {
    color: #0095d8;
}

/*Generate filter via _test/filter.html*/
.wx-dragover::after {
    filter: invert(52%) sepia(78%) saturate(3680%) hue-rotate(169deg) brightness(91%) contrast(101%);
}
