/*
    UX3 - LIGHT THEME
*/
[class*=dxmSubMenuItem] .fas:before, [class*=dxmSubMenuItem] .fad:before, [class*=dxmSubMenuItem] .fal:before, [class*=dxmSubMenuItem] .far:before,
[class*=dxmSubMenuItem] .fas:after, [class*=dxmSubMenuItem] .fad:after, [class*=dxmSubMenuItem] .fal:after, [class*=dxmSubMenuItem] .far:after,
[class*=dxmSubMenuItem] .fab:after, [class*=dxmSubMenuItem] .fab:before {
    color: white;
}

[class*=dxmMenuItem] .fas:before, [class*=dxmMenuItem] .fad:before, [class*=dxmMenuItem] .fa-expand-icon,
[class*=dxmMenuItem] .fal:before, [class*=dxmMenuItem] .far:before, .trButtonsDynamiques button .fas:before,
[class*=dxmMenuItem] .fab:before, [class*=dxmMenuItem] .fas:after, .trButtonsDynamiques button .fad:before,
[class*=dxmMenuItem] .fad:after, [class*=dxmMenuItem] .fal:after, .trButtonsDynamiques button .far:before,
[class*=dxmMenuItem] .far:after, [class*=dxmMenuItem] .fab:after, .trButtonsDynamiques button .fab:before,
li.k-item .fas:before, li.k-item .fad:before, li.k-item .fal:before, .trButtonsDynamiques button .fal:before,
li.k-item .far:before, li.k-item .fab:before, li.k-item .fas:after, .trButtonsDynamiques button .fad:after,
li.k-item .fad:after, li.k-item .fal:after, li.k-item .far:after,
li.k-item .fab:after, .fa-clock-doc:before,
li.k-item:hover .menu-mailto-container .fas:before, li.k-item:hover .menu-mailto-container .fad:before, li.k-item:hover .menu-mailto-container .fal:before,
li.k-item:hover .menu-mailto-container .far:before, li.k-item:hover .menu-mailto-container .fab:before, li.k-item:hover .menu-mailto-container .fas:after,
li.k-item:hover .menu-mailto-container .fad:after, li.k-item:hover .menu-mailto-container .fal:after, li.k-item:hover .menu-mailto-container .far:after,
li.k-item:hover .menu-mailto-container .fab:after {
    color: var(--icons-primary-color);
}

.far.fa-ballot.fa-select-all:before,
.fal.fa-ballot.fa-select-all:before,
[class*=dxmMenuItem] .fal.fa-regrouper-options:before,
[class*=dxmMenuItem] .far.fa-deployer-options:before {
    color: var(--icons-primary-color) !important;
}

[class*=dxmMenuItemHover] .far.fa-ballot.fa-select-all:before,
[class*=dxmMenuItemHover] .fal.fa-ballot.fa-select-all:before,
[class*=dxmMenuItemHover] .fal.fa-regrouper-options:before,
[class*=dxmMenuItemHover] .far.fa-deployer-options:before,
li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fas:before, li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fad:before, li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fal:before,
li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .far:before, li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fab:before, li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fas:after,
li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fad:after, li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fal:after, li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .far:after,
li.k-item:hover .menu-mailto-container [class*=dxmMenuItemHover] > .fab:after {
    color: white !important;
}

li.k-item.grid-footer-img .fas:before, li.k-item.grid-footer-img .fad:before, li.k-item.grid-footer-img .fal:before,
li.k-item.grid-footer-img .far:before, li.k-item.grid-footer-img .fab:before,
li.k-item:hover .fas:before, li.k-item:hover .fad:before, li.k-item:hover .fal:before,
li.k-item:hover .far:before, li.k-item:hover .fab:before, li.k-item:hover .fas:after,
li.k-item:hover .fad:after, li.k-item:hover .fal:after, li.k-item:hover .far:after,
li.k-item:hover .fab:after {
    color: white;
}

[class*=dxmMenuItem] .fas:after, [class*=dxmMenuItem] .fad:after,
[class*=dxmMenuItem] .fal:after, [class*=dxmMenuItem] .far:after,
[class*=dxmMenuItem] .fab:after, li.k-item .fas:after,
li.k-item .fad:after, li.k-item .fal:after, li.k-item .far:after,
li.k-item .fab:after, .ux2-grid-panel .dxbButton .fas:after,
.panneau .dxbButton .fas:after, .ux2-grid-panel .dxbButton .far:after,
.panneau .dxbButton .far:after, .ux2-grid-panel .dxbButton .fal:after,
.panneau .dxbButton .fal:after, .ux2-grid-panel .dxbButton .fad:after,
.panneau .dxbButton .fad:after, .ux2-grid-panel .dxbButton .fab:after,
.panneau .dxbButton .fab:after {
    color: var(--icons-primary-color);
}

.ux2-grid-panel .dxbButton .fas:before,
.panneau .dxbButton .fas:before, .ux2-grid-panel .dxbButton .far:before,
.panneau .dxbButton .far:before, .ux2-grid-panel .dxbButton .fal:before,
.panneau .dxbButton .fal:before, .ux2-grid-panel .dxbButton .fad:before,
.panneau .dxbButton .fad:before, .ux2-grid-panel .dxbButton .fab:before,
.panneau .dxbButton .fab:before {
    color: var(--icons-primary-color);
}

.fa-shopping-bag:before {
    color: silver !important;
}

.fa-envelope-open-text:before {
    color: #c57530 !important;
    font-size: 15px;
}

.fa-envelope-open-text:after, .fa-edit:before,
.fa-cog:before {
    font-size: 15px;
}

.trButtonsDynamiques button {
    padding: 0.6em 1.1em !important;
    cursor: pointer;
}

.fa-download:before, .fa-upload:after {
    color: #58a2dd !important;
}

.fas.fa-search:before, .fa-star:before {
    filter: none;
}

.fa-filter:before,
.fa-home:before, .fa-bars:before {
    filter: none;
}

.fa-filter:before, .ColIconFiche .fa-envelope:before,
.fa-search:before,
.fad.fa-cogs:before, .fad.fa-cogs:after,
.fa-assistant-compte.fa-precedent:before,
.fa-assistant-compte.fa-suivant:before,
.fa-assistant-compte.fa-ajouter:before,
.fa-assistant-compte.fa-retirer:before,
.fa-assistant-compte.fa-valider:before {
    font-size: 18px !important;
}

.fad.fa-cogs:before {
    color: #6c6f78 !important;
}

.fad.fa-cogs:after {
    color: #f78b05 !important;
    padding-left: 3px;
}

.fa-file-edit:before {
    color: #777777 !important;
}

.tableauBandeauRecherche i.fas.fa-search:before, .tableauBandeauRecherche i.fas.fa-filter:before,
.tableauBandeauRecherche i.fas.fa-chevron-double-up:before,
.tableauBandeauRecherche i.fas.fa-chevron-double-down:before {
    color: var(--icons-light-color) !important;
}

.fa-exclamation-yellow:before, .fa-wand-magic:before, .fad.fa-key:before,
.fa-cog-admin:before, fieldset .fa-filter:not(.fa-filter-menu):before,
fieldset .fas.fa-search:before,
.fic-search-field-icon .fa-search:before,
.fa-edit-wkf.fa-edit:before, .fa-calculator:after,
.tableauBandeauRecherche .dxbButton i.fas.fa-search:before,
.tableauBandeauRecherche .dxbButton i.fas.fa-filter:before {
    color: var(--icons-standard-color) !important;
}

.ux2-grid-panel .tableauBandeauRecherche .fa-search:before,
.ux2-grid-panel .tableauBandeauRecherche .fa-filter:before,
.fa-key:after {
    color: white !important;
}

.fad.fa-search:after {
    color: #daecf9 !important;
}

.fad.fa-search:before, .fa-print:before {
    color: #a5a5a6 !important;
}

.fa-menu-user:before {
    color: #767676 !important;
}

.fa-user-graduate:after {
    color: var(--icons-standard-color) !important;
    font-size: 18px !important;
}

.fad.fa-database:before {
    color: #2278cc !important;
}

.fa-database:after {
    color: #58a2dd !important;
    font-size: 18px !important;
}

.fa-shopping-bag {
    color: silver !important;
    font-size: 16px;
}

.fa-plus-square {
    color: silver !important;
    font-size: 16px;
}

.fa-assistant-compte.fa-users-medical:before {
    color: var(--icons-standard-color) !important;
    font-size: 22px;
}

.fas.fa-icones-sitemap:before,
.far.fa-icones-sitemap:before,
.fal.fa-icones-sitemap:before,
.fad.fa-icones-sitemap:before,
.fab.fa-icones-sitemap:before {
    color: var(--fiche-bandeau-menu-icone-sitemap) !important;
    font-size: 18px !important;
}

.fas.fa-icones-sitemap:after,
.far.fa-icones-sitemap:after,
.fal.fa-icones-sitemap:after,
.fad.fa-icones-sitemap:after,
.fab.fa-icones-sitemap:after {
    color: var(--fiche-bandeau-menu-icone-sitemap) !important;
    font-size: 18px !important;
    opacity: 0.4 !important;
}

.fa-clipboard-list:before {
    color: darkorange !important;
    font-size: 18px !important;
}

.fa-search-plus {
    color: silver !important;
    font-size: 16px;
}

.fa-cogs {
    color: silver !important;
    font-size: 16px;
}

.fa-school:before {
    color: #9facb8 !important;
    font-size: 16px !important;
}

.fa-school:after {
    color: #66aae9 !important;
    font-size: 16px !important;
}

.fa-graduation-cap-fiche:before {
    color: #000000 !important;
    font-size: 16px !important;
}

.fa-graduation-cap-fiche:after {
    color: #EF841F !important;
    font-size: 16px !important;
}

.fa-signal-slash {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fa-diploma:before {
    color: #e31305 !important;
    font-size: 16px !important;
}

.fa-diploma:after {
    color: #edd8a1 !important;
    font-size: 16px !important;
}

.fa-sort-alt {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fa-arrow-alt-circle-up {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fa-arrow-alt-circle-down {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fa-envelope {
    color: red !important;
}

.fa-undo-habilitation:before {
    color: var(--icons-standard-color) !important;
    font-size: 14px;
}

.fa-param-bandeau.fa-edit:before, .fa-param-tbbrd.fa-edit:before {
    font-size: 20px;
}

/*css pour l'icône "Document signé" */

.fa-stack > .fa-file-signature:before {
    color: #e01a13 !important;
}


/*css pour l'icône "Document signé" sur la popup des informations de la signature*/

.fa-stack > .ico-doc-signe-popup.fa-file-signature:before {
    color: #e01a13 !important;
}

.fad.ico-doc-signe-popup.fa-file-signature::after {
    color: var(--icons-standard-color) !important;
}

.fa-admin-dock-selected:before {
    color: #2eb4ec !important;
}

.fa-param-bandeau.fa-edit:before.fa-param-tbbrd.fa-edit:before {
    color: var(--icons-standard-color) !important;
    font-size: 20px;
}

.fa-file-signature-fiche {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fas.fa-file-contract-fiche {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fa-signal-alt {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fa-eye-slash {
    color: #f5f3f0 !important;
    font-size: 16px !important;
}

.fa-star, .fa-star-empty:before {
    color: dimgrey !important;
    font-size: 12px !important;
}

.fa-star, .fa-star-full:before {
    color: green !important;
    font-size: 12px !important;
}

.fa-star, .fa-star-half:before {
    color: green !important;
    font-size: 12px !important;
}

.fa-star-half {
    padding: 0px !important;
}

.fad.fa-star-half:after {
    color: dimgrey !important;
    font-size: 12px !important;
}

.fa-search.fa-search-fiche:before {
    color: silver !important;
    font-size: 16px !important;
}

.fa-book-open:before, .fa-file-times:before, .fa-glasses-alt:before, .fa-cabinet-filing:before, .fa-id-card-alt:before, .fa-chalkboard:before,
.fa-database:before, .fa-analytics:before, .fa-house-leave:before, .fa-balance-scale-left:before,
.fa-rocket-launch:before, .fa-ballot-check:before, .fa-mail-bulk:before, .fa-file-edit:before, .fa-pager:before,
.fa-arrow-square-left:before, .fa-clipboard-check:before, .fa-list-alt:before, .fa-selection-planning:before,
.fa-stack-exchange:before, .fa-poll:before, .fa-arrow-down:before,
.fa-arrow-square-right:before, .fa-chart-pie:before, .fa-money-check-edit:before,
.fa-chair-office:before, .fa-suitcase:before, .fa-clipboard-list-check:before, .fa-object-group:before,
.fa-history:before, .fa-route:before, .fa-donate:before,
.fa-signal-slash:before, .fa-poll-people:before {
    color: #58a2dd !important; /*#66aae9*/
}

.fa-folder-open:after, .fa-poll-people:after, .fa-money-check-edit:after, .fa-mail-bulk:after, .fa-route:after,
.fa-id-card-alt:after, .fa-chalkboard:after, .fa-tasks:after,
.fa-rocket-launch:after, .fa-ballot-check:after, .fa-clipboard-check:after, .fa-pager:after {
    color: dimgrey !important;
}

/** Les icones  */
.fas, .fad, .fal, .far, .fab {
    filter: drop-shadow(0px 0px 0px transparent);
}

.fa-code-merge:before {
    color: #85888c !important;
}

.fa-code-merge::after {
    color: #000 !important;
}

.fad.fa-link:after {
    color: var(--icons-standard-color) !important;
}

.k-item .fa-building:before, .k-item .fa-building:after {
    font-size: 15px !important;
}

.fad.fa-calendar-alt:before {
    color: #10588e !important;
}

.fad.fa-calendar-alt:after {
    color: #86bde4 !important;
}

.fa-bullseye-arrow:after {
    color: var(--icons-standard-color) !important;
}

.fa-bullseye-pointer:after {
    color: var(--icons-standard-color) !important;
}

.fa-modifier-rattachements.fa-bullseye-arrow:after {
    color: white !important;
}

.fa-calendar-plus:after {
    color: white !important;
}

.fa-user-alt:before, .fa-users:before,
.fa-users-class:after, .fa-users-crown:before,
.fa-chalkboard-teacher:after {
    color: #58a2dd !important;
}

.top_bar .fa-user-compte.fa-user:before {
    color: var(--icons-standard-color) !important;
}

.fa-arrow-to-bottom-onglet:before, .fa-arrow-to-top-onglet:before,
.fa-arrow-to-bottom-selection:before, .fa-arrow-to-top-selection:before {
    color: #43454f !important;
    font-size: 20px !important;
}


ul.fic-bandeau-menu > .k-item:hover .k-link > i:before, ul.fic-bandeau-menu > .k-state-active i:before, ul.fic-bandeau-menu > .k-item > .k-state-active i:before,
.ux2-grid-panel .dxbButton:hover i:before, .trButtonsDynamiques button:hover i:before, .panneau-admin .dxbButton:hover i:before,
.fic-content-form .dxmMenuItem:hover i:before, .fic-content-form .dxmMenuItemWithImage:hover i:before,
.fic-content-form .dxmMenuItemWithPopOutImage:hover i:before, .fic-content-form .dxmMenuItemWithImageWithPopOutImage:hover i:before,
.dxmMenuItem:hover i:before, .dxmMenuItemWithImage:hover i:before,
.dxmMenuItemWithPopOutImage:hover i:before, .dxmMenuItemWithImageWithPopOutImage:hover i:before,
.dxmMenuItemHoverWithPopOutImage i:before, .dxmMenuItemHoverWithImage i:before,
.dxmMenuItemHover i:before, [class*=dxmMenuItemHover] i.fas:before, [class*=dxmMenuItemHover] i.far:before,
[class*=dxmMenuItemHover] i.fal:before, [class*=dxmMenuItemHover] i.fad:before, [class*=dxmMenuItemHover] i.fab:before,
.panneau .dxbButton:hover i:before, ul.fic-bandeau-menu > .k-item:hover .k-link > i:after, ul.fic-bandeau-menu > .k-state-active i:after, ul.fic-bandeau-menu > .k-item > .k-state-active i:after,
.ux2-grid-panel .dxbButton:hover i:after, .trButtonsDynamiques button:hover i:after, .panneau-admin .dxbButton:hover i:after,
.fic-content-form .dxmMenuItem:hover i:after, .fic-content-form .dxmMenuItemWithImage:hover i:after,
.fic-content-form .dxmMenuItemWithPopOutImage:hover i:after, .fic-content-form .dxmMenuItemWithImageWithPopOutImage:hover i:after,
.dxmMenuItem:hover i:after, .dxmMenuItemWithImage:hover i:after,
.dxmMenuItemWithPopOutImage:hover i:after, .dxmMenuItemWithImageWithPopOutImage:hover i:after,
.dxmMenuItemHoverWithPopOutImage i:after, .dxmMenuItemHoverWithImage i:after,
.dxmMenuItemHover i:after, [class*=dxmMenuItemHover] i.fas:after, [class*=dxmMenuItemHover] i.far:after,
[class*=dxmMenuItemHover] i.fal:after, [class*=dxmMenuItemHover] i.fad:after, [class*=dxmMenuItemHover] i.fab:after,
.panneau .dxbButton:hover i:after {
    color: white;
}

.panneau .dxbButton:hover i.far.fa-ballot.fa-select-all:before,
.panneau .dxbButton:hover i.fal.fa-ballot.fa-select-all:before {
    color: white !important;
}

ul.fic-bandeau-menu > .k-state-active i, ul.fic-bandeau-menu > .k-item > .k-state-active i,
.ux2-grid-panel .dxbButton:hover i, .trButtonsDynamiques button:hover i, .panneau-admin .dxbButton:hover i,
.fic-content-form .dxmMenuItem:hover i, .fic-content-form .dxmMenuItemWithImage:hover i,
.fic-content-form .dxmMenuItemWithPopOutImage:hover i, .fic-content-form .dxmMenuItemWithImageWithPopOutImage:hover i,
.dxmMenuItem:hover i, .dxmMenuItemWithImage:hover i, fieldset .dxbButton i, fieldset .dxbButtonHover i,
.dxmMenuItemWithPopOutImage:hover i, .dxmMenuItemWithImageWithPopOutImage:hover i,
.dxmMenuItemHoverWithPopOutImage i, .dxmMenuItemHoverWithImage i,
.dxmMenuItemHover i:before, [class*=dxmMenuItemHover] i.fas:before, [class*=dxmMenuItemHover] i.far:before,
[class*=dxmMenuItemHover] i.fal:before, [class*=dxmMenuItemHover] i.fad:before, [class*=dxmMenuItemHover] i.fab:before,
li.menu-mailto-container i.fa-check-lancer-edition {
    filter: drop-shadow(0px 1px 1px rgb(79, 84, 103)) !important;
}

.k-item .fas, .k-item .fad, .k-item .fal, .k-item .far, .k-item .fab, li.menu-mailto-container i,
[class*=dxmMenuItem] .fas, [class*=dxmMenuItem] .fad, [class*=dxmMenuItem] .fal, [class*=dxmMenuItem] .far, [class*=dxmMenuItem] .fab,
.ux2-grid-panel .dxbButton i, .panneau-admin .dxbButton i, .trButtonsDynamiques button i {
    filter: none !important;
}

.fic-bandeau-menu-rbuttons .fa-clock.fa-clock-doc {
    filter: blur(0) !important; /* Permet de corriger le probleme d'affichage d'historique sur le theme light */
}
.fic-grd-panneau > .PanelCriteresRecherche > .tableauBandeauRecherche .fa-search:before,
.fic-grd-panneau > .PanelCriteresRecherche > .tableauBandeauRecherche .fa-filter:before,
.dxgvStatusBar .dxbButton i:before {
    color: white !important;
}

.ux2-grid-tab-icoFiltre i:before, .ux2-grid-tab-param i:before,
fieldset .ux2-grid-tab-icoFiltre i.fas:before {
    color: var(--icons-primary-color) !important;
}

.fa-assistant-compte.fa-ajouter:before, .fa-assistant-compte.fa-retirer:before {
    color: white !important;
}

.fa-petit:before, .fa-petit:after {
    font-size: 12px !important;
}

.fa-migrer:before {
    color: var(--icons-lighter-2-color) !important;
}

.fa-select-grid:before {
    color: var(--icons-primary-color) !important;
}

[id$="Bouton_RAZ_CD"] .fa-square:before,
[id$="Bouton_SaisieAll_CD"] .fa-check-square:before,
[id$="Bouton_SaisieAll_CD"] .fa-check-square:after {
    color: var(--grille-filter-row-input-background);
}

/* A LAISSER EN FIN DE FICHIER */
i.fas.font-color-light:before, i.fas.font-color-light:after, i.fad.font-color-light:before, i.fad.font-color-light:after, i.far.font-color-light:before,
i.far.font-color-light:after, i.fal.font-color-light:before, i.fal.font-color-light:after, i.fab.font-color-light:before, i.fab.font-color-light:after {
    color: white !important;
}

i.fas.font-color-medium:before, i.fas.font-color-medium:after,
i.fad.font-color-medium:before, i.fad.font-color-medium:after,
i.far.font-color-medium:before, i.far.font-color-medium:after,
i.fal.font-color-medium:before, i.fal.font-color-medium:after,
i.fab.font-color-medium:before, i.fab.font-color-medium:after {
    color: #9396a0 !important;
}

i.fas.font-color-dark:before, i.fas.font-color-dark:after,
i.fad.font-color-dark:before, i.fad.font-color-dark:after,
i.far.font-color-dark:before, i.far.font-color-dark:after,
i.fal.font-color-dark:before, i.fal.font-color-dark:after,
i.fab.font-color-dark:before, i.fab.font-color-dark:after {
    color: var(--icons-standard-color) !important;
}

i.fa-icones-sitemap.fad,
i.fa-icones-sitemap.fas.font-color-dark:before, i.fa-icones-sitemap.fas.font-color-dark:after,
i.fa-icones-sitemap.fad.font-color-dark:before, i.fa-icones-sitemap.fad.font-color-dark:after,
i.fa-icones-sitemap.far.font-color-dark:before, i.fa-icones-sitemap.far.font-color-dark:after,
i.fa-icones-sitemap.fal.font-color-dark:before, i.fa-icones-sitemap.fal.font-color-dark:after,
i.fa-icones-sitemap.fab.font-color-dark:before, i.fa-icones-sitemap.fab.font-color-dark:after {
    color: var(--fiche-bandeau-menu-icone-sitemap) !important;
}

i[class^='pin-item-img fa'] {
    padding: 6px;
}