/* Fond couleur skin dans grid/tree, panel et menu */
.x-grid-body, .x-panel-body-default, .x-menu-body-default {
    background-color: #dfe8f6;
}

/* Couleur de fond des onglets du ribbon de la même couleur que celui des groupes de boutons */
.x-ribbon-tab {
  background-color: #d0def0;
}

/* 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: #EAF6FF;
}
.x-listTexts-view.x-list-view-focus {
    background-image: none;
}
.x-form-text.x-form-invalid-field.x-field-form-focus {
    background-color: #EAF6FF;
}

/* copié de: .x-grid-item-over */
.x-listIcons-view .x-item-over,
.x-listTexts-view .x-item-over {
    background-color: #efefef;
}

/* 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: #EAF6FF !important;
}
.x-listTexts-view .x-dataview-item.x-view-item-focused {
    outline-color: #15498b !important;
}

/*Couleur de focus pour background de syntaxMemo*/
.CodeMirror-focused{
    background-image: none;
    background-color: #EAF6FF;
}

/* 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: #15498b;
}

.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: #7eadd9;
}
/* 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: #15498b;
}

.x-grid-with-row-lines .x-grid-item-selected .x-grid-cell.x-grid-cell-first {
    border-left-color: #7eadd9;
}
.x-grid-with-row-lines .x-grid-item-selected .x-grid-cell.x-grid-cell-last {
    border-right-color: #7eadd9;
}

/* 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: #15498b;
}
/* 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: #15498b;
}
/* 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: #15498b;
}
/* 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: #15498b;
}

.x-grid-with-col-lines .x-tree-view .x-grid-item-selected .x-grid-cell:not(.x-grid-cell-last) {
    border-right-color: #d0d0d0;
}

.x-list-view:not(.x-listTexts-view) .x-view-item-focused:not(.x-talk-item) {
    outline-color: #15498b !important;
}

/* trigger pour permettre une icon personalisée */
.x-form-custom-trigger {
	background-image: url(../../../ext/classic/theme-classic/resources/images/form/trigger-tpl.gif)
}

/* trigger avec icon ellipse */
.x-filter-action,
.x-form-ellipsis-trigger {
	background-image: url(../themes/images/default/ellipsis-trigger.gif)
}

/* trigger avec icon add */
.x-filter-add,
.x-form-add-trigger {
	background-image: url(../themes/images/default/add-trigger.gif)
}

/* Adaptation suite à la diminution de 2 px de la hauteur des edits */
.x-form-text {
  line-height: 13px;
}

/* Repris de ext-all-classic pour les images :
    .x-toolbar-scroll- -> .x-groupbar-scroll- (attention chemin images ../ext)
*/
/*</if slicer>*/
/* */
/* line 145, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-groupbar-scroll-left {
  background-image: url(../../../ext/classic/theme-classic/resources/images/toolbar/scroll-left.gif);
}
/* line 160, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-groupbar-scroll-right {
  background-image: url(../../../ext/classic/theme-classic/resources/images/toolbar/scroll-right.gif);
}

/* Menu de séparation (ex: Application Menu) */
.x-menu-title {
    /*.x-menu-item-active .x-menu-item-link*/
    /*background-color: #d9e8fb;
    border: 1px solid #a9cbf5;*/

    /*.x-btn-default-small*/
    background-image: none;
    background-color: white;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(100%, #e7e7e7));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: -ms-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);

    font-weight:bold;
    display:block;
    padding:4px;
}

/*like .x-menu-item-active*/
.x-color-picker-action:hover {
  background-color: #d9e8fb;
  border-color: #a9cbf5;
}

.x-column-header-over .x-column-header-activate-trigger {
    background-image: url(../themes/images/default/grid-header-activate-trigger.gif);
}
.x-column-header-activate-trigger {
    background-image: url(../themes/images/default/grid-header-activate.gif);
}
.x-column-header-over .x-column-header-expanded-icon {
    background-image: url(../themes/images/default/grid-header-expanded-trigger.gif);
}
.x-column-header-over .x-column-header-collapsed-icon {
    background-image: url(../themes/images/default/grid-header-collapsed-trigger.gif);
}
.x-column-header-expanded-icon {
    background-image: url(../themes/images/default/grid-header-expanded.gif);
}
.x-column-header-collapsed-icon {
    background-image: url(../themes/images/default/grid-header-collapsed.gif);
}

.x-icon-available.x-menu-item-checked .x-menu-item-icon {
    background-color: #bccfe5;

/*  Ne sert à rien, puisqu'on y met une image */
/*
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7f0fc), color-stop(100%, #c7ddf9));
    background-image: -webkit-linear-gradient(top, #e7f0fc, #c7ddf9);
    background-image: -moz-linear-gradient(top, #e7f0fc, #c7ddf9);
    background-image: -o-linear-gradient(top, #e7f0fc, #c7ddf9);
    background-image: -ms-linear-gradient(top, #e7f0fc, #c7ddf9);
    background-image: linear-gradient(top, #e7f0fc, #c7ddf9);
*/

  	margin: 0 0 0 1px;
  	border: 1px solid #a9cbf5;
  	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-classic/resources/images/shared/calendar.gif);
    background-position: center center;
}

/* Couleurs flexmonster html5 (setStyle n'existe plus) */
#fm-grid-view .fm-header {
    background-color: #5B6C8F !important;
}
#fm-pivot-view .fm-grid-layout .fm-filters {
    background-color: #5B6C8F !important;
}
#fm-grid-view .fm-sheet-selection-canvas {
    background-color: rgba(91, 108, 143, 0.2) !important;
}
#fm-grid-view .fm-sheet-selection-canvas > .fm-border {
    border: 1px solid #5B6C8F !important;
}
/* Totaux */
#fm-pivot-view .fm-grid-layout div.fm-cell.fm-total:not(.fm-header) {
    background-color: #b4bdcf;
}
/* Zone filtres */
#fm-pivot-view .fm-grid-layout .fm-filters#fm-page-filter {
    background-color: #b4bdcf !important;
}


/*cf: .x-btn-default-small-over*/
.x-talk-btn:hover {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

.wx-dragover::before {
    color: #04408c;
}

/*Generate filter via _test/filter.html #c2d8f0;*/
.wx-dragover::after {
    filter: invert(84%) sepia(25%) saturate(309%) hue-rotate(180deg) brightness(99%) contrast(90%);
}