/*
    Couleur texte noir var(--color-text)
    Background         var(--input-background-color)
    Bordure            var(--color-border)
    Vert               #48C088
    Orange             #F79256
    Rouge              #F5434E
    Bleu               #1E7B9A
    
    Bordure sélection bleu    #D8E2E6
    Background sélection bleu #E9F2F5
*/

:root {
    /* Taille de police principale d'i-Suite */
    --font-size: 12px;
    /* Couleur de texte générale d'i-Suite */
    --color-text: #203239;
    /* Couleur de bordure / texte alt gris clair */
    --color-light-grey: #949494;
    --input-disabled-background: #E9E9E9;
    --input-disabled-color: #8E8E8E;
    --color-border: #DBDBDB;
    --input-background-color: #F6F6F6;
    /* Couleur des différents états de sévérité */
    --non-applicable-color: #7F7F7F;
    --warning-color: #FE7900;
    --critical-color: #FB0136;
    --valid-color: #C7D400;
    /* Tailles des icones dans les boutons */
    --btn-icon-size: 15px;

    --hover-background-color: #ebebeb;
    --input-height: 35px;
}   

@font-face { font-family: 'Open Sans'; src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVI.woff2) format('woff2'); font-weight: bold; }
@font-face { font-family: 'Open Sans'; src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2'); font-weight: normal; }
@font-face { font-family: 'Open Sans'; src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2'); font-weight: 300; }

/* Ne pas supprimer ; Patch de la nouvelle couleur sur la border entre zone locked et non locked d'une grid / treeList depuis la R3 2020 de kendo */
.k-grid-content-locked, .k-grid-content-locked td, .k-grid-header-locked, .k-grid-header-locked .k-header { border-color: #ebebeb; }

/* General ----------------------------------------------------- */
html, body { height: 100%; font-size: var(--font-size); color: var(--color-text); }
div, ul { scrollbar-width: thin; }
* { font-family: 'Open Sans', sans-serif; box-sizing: border-box !important; padding: 0; margin: 0; outline: 0 !important; }
ul { list-style: none; }
table { width: 100%; }
iframe { width: 100%; border: none; }

.k-header .k-grid-filter, .k-header .k-header-column-menu { width: auto; height: 100%; }

.k-window { font-size: var(--font-size); }
.k-window-title { font-size: 1.2em; }
.k-window-titlebar { background-image: none; }

.k-input, .k-input:hover { border-color: var(--color-border); }

.k-splitter { font-size: var(--font-size); line-height: normal; }
.k-splitbar { color: #ebebeb; }

.k-listview { font-size: var(--font-size); }

.k-button { font-size: var(--font-size); }

.k-appbar { font-size: var(--font-size); box-shadow: 0 1px 1px rgba(0,0,0,.16); }

.k-switch, .k-switch .k-switch-track { width: 5em; }
.k-switch .k-switch-thumb { width: 2em; height: 2em; }
.k-switch.k-switch-on .k-switch-thumb-wrap { left: calc(100% - (2em / 2) - 3px); }
.k-switch.k-switch-off .k-switch-thumb-wrap { left: calc((2em / 2) + 3px); }

.k-checkbox, .k-checkbox:checked { border-radius: 3px; }

.k-calendar { font-size: var(--font-size); }

.k-grid { font-size: var(--font-size); }
.k-grid .k-table-row.k-table-alt-row { background-color: transparent; }
.k-grid-norecords-template { border: 1px solid #ebebeb; }
.k-grid-header .k-grid-header-menu:hover { background: none; }
.k-table-tbody .k-group-cell { background-color: inherit; }
.k-grid a, .k-grid a:hover { color: revert; text-decoration: revert; }

.k-multiselect-toggle-button.k-button { border-left: none; }

.k-tabstrip-items { font-size: var(--font-size); }

/* Style disable pour les éléments kendo type ComboBox, DropDownList, DatePicker, DateTimePicker */
.k-disabled, .k-disabled input, .k-disabled button.k-input-button { background: var(--input-disabled-background) !important; color: var(--input-disabled-color) !important; opacity: 1; }

/* Classes utilitaires pour éviter les duplications */
.flex { display: flex; flex-direction: row; }
.flex.row-reverse { flex-direction: row-reverse; }
.flex.column { flex-direction: column; }
.flex.column-reverse { flex-direction: column-reverse; }
.flex.justify-content-flexend { justify-content: flex-end; }
.flex.justify-content-flexstart { justify-content: flex-start; }
.flex.justify-content-center { justify-content: center; }
.flex.justify-content-spacebetween { justify-content: space-between; }
.flex.justify-content-spaceevenly { justify-content: space-evenly; }
.flex.justify-content-spacearound { justify-content: space-around; }
.flex.justify-items-center { justify-items: center; }
.flex.align-items-start { align-items: flex-start; }
.flex.align-items-end { align-items: flex-end; }
.flex.align-items-center { align-items: center; }
.flex.align-self-center { align-self:center; }

/* Espacements inter-lignes et inter-colonnes dans un conteneur portant la classe "flex". */
.flex.row-gap-1 { row-gap: 0.5em; }
.flex.column-gap-1 { column-gap: 0.5em; }
.flex.row-gap-2 { row-gap: 1em; }
.flex.column-gap-2 { column-gap: 1em; }
.flex.row-gap-3 { row-gap: 1.5em; }
.flex.column-gap-3 { column-gap: 1.5em; }
.flex.row-gap-4 { row-gap: 2em; }
.flex.column-gap-4 { column-gap: 2em; }
.flex.row-gap-5 { row-gap: 2.5em; }
.flex.column-gap-5 { column-gap: 2.5em; }

/* Selection dossier
----------------------------------------------------- */
#search-dossier-splitter * { box-sizing: border-box !important; }
#search-dossier-splitter .top { display: flex; flex-direction: row; justify-content: center; width: 100%; }
#search-dossier-splitter .top .left { display: flex; flex-direction: column; width: 50%; padding: 0 10px; }
#search-dossier-splitter .top .left > div { margin: 5px 0; }
#search-dossier-splitter .top .right { display: flex; flex-direction: column; width: 50%; padding: 0 10px; }
#search-dossier-splitter .top .right > div { margin: 5px 0; }
#search-dossier-splitter .bot { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; width: 100%; height: 100%; padding: 5px; }
.highlight { color: #0078FF; font-weight: bold; background: #E9E9E9; }
#search-dossier-splitter .valideSelectionDossier { margin-right: 1em; }

/* Placeholder
----------------------------------------------------- */
input::-webkit-input-placeholder { text-transform: none !important; }
input::-moz-placeholder { text-transform: none !important; }
input:-ms-input-placeholder { text-transform: none !important; }

/* Splitter
----------------------------------------------------- */
#paneContent { height: 100%; }
.k-splitter:not(.splitterPaie):not(#content):not(#dashboard) { height: 100% !important; width: 100% !important; border-width: 0px !important; overflow: hidden !important; } 
.k-splitter > .k-splitbar { border-width: 0; width: 1.5px; } 
.k-splitter > .k-splitbar .k-resize-handle { display: none; }
.k-splitter .k-splitbar .k-splitbar-draggable-horizontal {  height:100% !important; } 
.k-splitter .k-splitbar.k-focused { width:2px !important; opacity:0 !important;} 
.k-ghost-splitbar { background-color:white !important; width:0 !important; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); z-index: 10000; border-width:1px !important;} 
.bordered-right-separator + .k-splitbar { height: 100% !important; border-width: 1px !important; } 
.splitterAvecBord { border-width: 1px !important; height: 100%; width: 100%; overflow: hidden; } 
.splitter-avec-splitbar .k-splitbar { border-width: 1px !important; }
.k-splitbar .k-icon { display: none; }

/* Pane resizer du splitter custom ACD
----------------------------------------------------- */
.resizer-left, .resizer-right { position: absolute; top: 50% !important; cursor: pointer; width: 25px; z-index: 1000; text-align: center; background-color: var(--color-text); color: white; height: 35px !important; line-height: 35px; } 
.resizer-right { border-top-right-radius: 100px; border-bottom-right-radius: 100px; } 
.resizer-left { right:0; border-top-left-radius: 100px; border-bottom-left-radius: 100px; } 
.resizer-left:hover, .resizer-right:hover { opacity: 0.75; } 
.resizer-left i, .resizer-right i { color: #ffffff; }

/* Bubble
----------------------------------------------------- */
.acd-bubble { display: flex; justify-content: center; max-width: 300px; z-index: 100000; } 
.acd-bubble-content { width: 100%; height: auto !important; padding: 12px; border-radius: 5px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6); z-index: 100000; color: white; } 
.acd-bubble-content a { color: white; text-decoration: none; border-bottom: 1px solid transparent; cursor: pointer; transition: border 250ms; } 
.acd-bubble-content label { white-space: unset; } 
                                                                
.k-tooltip.acd-bubble-wrapper { padding: 0; border-radius: 5px !important; border-top-width: 1px; border-bottom-width: 1px; background-color: transparent; border-color: var(--color-text); }

/* ACD Alert
----------------------------------------------------- */
.k-alert .k-dialog-buttongroup { width: 100%; display: flex; justify-content: center; padding-bottom: 5px; box-sizing: border-box; }

/* Pager
------------------------------------------------------*/

.k-pager { font-size: var(--font-size);}
.k-pager .k-dropdownlist { height : 30px;}

/* Ajustement dropdown dans pager pour petit écran */
.k-pager-md .k-pager-numbers-wrap .k-picker-md { font-size : var(--font-size); height: 30px;}


/* Buttons
----------------------------------------------------- */
.acd-btn { 
    display: flex; flex-direction: row; justify-content: center; align-items: center; height: 35px; 
    color: var(--color-text); background: #F6F6F6; text-decoration: none !important; z-index: 1; padding: 0 12px;
    font-size: 14px; cursor: pointer; transition: opacity 250ms; border-radius: 3px !important; border: none !important; 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.acd-btn-pop-up {
    display: flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; color: var(--color-text); background: white; 
    box-shadow: 1px 1px 5px #AFAFAF !important; text-decoration: none !important; z-index: 1; margin: 0 3px; padding: 0 12px; font-size: 14px; cursor: pointer;
    transition: opacity 250ms; border-radius: 6px !important; border: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.acd-btn i { overflow: visible; margin-right: 7px; font-size: var(--btn-icon-size); }
.acd-btn i::before { vertical-align: middle; }

.acd-btn-primary { background-color: var(--fluent-tile-color, var(--color-text)); color: white !important; }
.acd-btn-primary i { color: white; }

.acd-btn-secondary { background-color: var(--color-text) !important; color: white !important; }
.acd-btn-secondary i { color: white !important; }

.acd-btn:enabled:hover:not(.est-disabled) { opacity: 0.75; }
.acd-btn:disabled, .acd-btn.est-disabled { cursor: default; opacity: 0.5; }

.acd-btn-icon { padding: 0; min-width: 35px; text-align: center; }
.acd-btn-icon i { margin: 0 !important; vertical-align: middle; }
.acd-btn-icon-20 { width: 20px; height: 20px; }
.acd-btn-icon-20 i { font-size: 11px; }

.acd-btn-icon-25 { width: 25px; height: 25px; }
.acd-btn-icon-25 i { font-size: 12px; }

.acd-btn-icon-30 { width: 30px; height: 30px; }
.acd-btn-icon-30 i { font-size: 13px; }

.acd-btn-rounded {
    display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: none;
    border: none; color: var(--color-text); cursor: pointer; margin-left: 8px; font-size: 16px; border-radius: 50%;
}
.acd-btn-rounded i { font-size: var(--btn-icon-size); }
.acd-btn-rounded[disabled] { opacity: 0.3; cursor: not-allowed; }
.acd-btn-rounded:not([disabled]):hover { background: #E2E2E2; }

/* Bouton arrondi ressemblant au acd-btn-rounded, mais plus long et contenant un libellé */
.acd-btn-rounded-large { border-radius: 50em; padding: 0.7em 1em; border: 0; transition: box-shadow .3s;}
.acd-btn-rounded-large .icon { margin-right: 5px; font-size: var(--btn-icon-size); transform: translateY(1px); }
.acd-btn-rounded-large:hover { cursor: pointer; box-shadow: 0 0 3px #ccc; }
.acd-btn-rounded-large[disabled] { cursor: not-allowed; opacity: 0.7; }
.acd-btn-rounded-large[disabled]:hover { box-shadow: none; }

.acd-btn-wrapper {  display: flex;  column-gap: 10px; justify-content: flex-end; }
.acd-btn-wrapper .acd-btn {  margin: 0;  }

.k-button-solid-base.k-focus, .k-button-solid-base:focus { box-shadow: none; border-color: #d1d1d1; }

/*.k-disabled, .k-disabled input { background: var(--input-disabled-background) !important; color: var(--input-disabled-color) !important; opacity: 1; cursor: not-allowed !important; }*/

/* Widget ACD correspondant à un input accolé à une zone de texte non modifiable. Exemple sur le détails d'un doc sur i-Ged */
.acd-input-container { display: flex; height: var(--input-height); }
.acd-input-container .acd-input { width: 100% !important; border-right: none !important; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.acd-input-container .acd-box-type { display: flex; align-items: center; background-color: var(--input-background-color); border: solid 1px #DBDBDB; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 0 .9em; }
.acd-input-container .acd-box-type.type-disabled { background: var(--input-disabled-background); color: var(--input-disabled-color); }
.acd-input-container.acd-input-container-disabled { opacity: 0.6; }
.acd-input-container.acd-input-container-disabled .acd-input-icon-container { cursor: unset; }

/* Widget ACD correspondant à une dropdown accolé à une zone de texte. Exemple sur la page de configuration des tuiles */
.acd-dropdown-input-container { display: flex; height: var(--input-height); }
.acd-dropdown-input-container > .k-picker { border-right: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.acd-dropdown-input-container > .acd-input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

/* Input de type numérique */
.acd-input-numeric.k-numerictextbox { height: var(--input-height); width: 100%; font-size: var(--font-size); border-color: var(--color-border); }
.acd-input-numeric > input { height: 100%; box-shadow: none !important; text-align: right; display: inline-block; text-indent: 0px; background: inherit; padding: 0px 8px; color: var(--color-text) !important; }
.acd-input-numeric.k-numerictextbox .k-input-spinner button, .acd-input-numeric > input { background: var(--input-background-color) !important; }
.acd-input-numeric.k-numerictextbox span.k-input-spinner { border-left: 1px solid var(--color-border); width: auto; }
.acd-input-numeric .k-select { display: flex; flex-direction: column; justify-content: center; }
.acd-input-numeric .k-focused > .k-select, .acd-input-numeric .k-hover > .k-select { border-color: #DBDBDB; }
.acd-input-numeric .k-numeric-wrap .k-i-warning { display: none !important; }
.acd-input-numeric .k-numeric-wrap.k-invalid input { color: #F45835 !important; }
.acd-input-numeric.k-disabled, .acd-input-numeric.k-disabled input, 
.acd-input-numeric.k-numerictextbox.k-disabled span.k-input-spinner, 
.acd-input-numeric.k-disabled .k-input-spinner button, 
.acd-input-numeric.k-disabled > input { background: var(--input-disabled-background) !important; color: var(--input-disabled-color) !important; opacity: 1; cursor: not-allowed !important; }
.acd-input-numeric .k-button-solid-base { border-color: transparent; color: var(--color-text); }

/* Input de type colorPicker */
.k-colorpicker { height: var(--input-height); border-color: var(--color-border); background-color: var(--input-background-color); }
.k-colorpicker.k-hover, .k-colorpicker.k-focus, .k-colorpicker:focus-within { border-color: var(--color-border); box-shadow: none; }
.k-colorpicker.k-hover { background-color: var(--input-background-color); }
.k-colorpicker .k-color-preview { border-color: var(--color-border); }
.k-colorpicker .k-input-button.k-icon-button { height: var(--input-height); padding: 0; }
.k-colorpicker .k-icon.k-svg-icon.k-svg-i-caret-alt-down.k-button-icon { color: var(--color-text); }

/* Textarea */
.acd-input-textarea { width: 100%; padding: 5px 8px !important; font-size: 12px; color: var(--color-text) !important; border: 1px solid #DBDBDB !important; border-radius: 3px; background: var(--input-background-color) !important; resize: none; height: 72px; line-height: 20px; }
.acd-input-textarea:disabled { background: var(--input-disabled-background) !important; color: var(--input-disabled-color) !important; cursor: not-allowed; }

.acd-icon { width: 1em; font-size: 1.3em; vertical-align: text-bottom; }
.acd-separator { width: 100%; height: 1px; font-size: 1px; background-color: #DBDBDB; margin: 15px auto; }
.acd-separator-gradient { width: 80%; min-height: 1px;  background-image: linear-gradient(to right, #ffffff, var(--separator-color), #ffffff); }

/* FloatingActionbutton
----------------------------------------------------- */
button[data-role="floatingactionbutton"] { display: flex; column-gap: 6px; font-size: 1.1em; background-color: var(--fluent-tile-color) !important; box-shadow: none !important; z-index: 10; }
button[data-role="floatingactionbutton"] .k-fab-icon:not(:only-child) { margin: 0; }

/* MultiSelect
----------------------------------------------------- */
.k-multiselect { width: 100%; min-height: 35px; border-radius: 3px; border: solid 1px var(--color-border); background: var(--input-background-color); }
.k-multiselect.k-hover,.k-multiselect:hover { background-color: var(--hover-background-color); border-color:var(--color-border); }
.k-multiselect .k-input-inner {font-size: var(--font-size);}
.k-multiselect .k-multiselect-toggle-button, .k-multiselect .k-clear-value { height: 33px; }
.k-multiselect .k-multiselect-toggle-button { background-color: transparent;}
.k-multiselect .k-multiselect-toggle-button svg { fill : var(--color-text); }
.k-multiselect .k-clear-value { align-self: flex-start; }
.k-multiselect .k-readonly { opacity: .5; }
.k-multiselect .k-chip { font-size: var(--font-size); line-height: 28px; height: 28px; border-color: var(--color-border); padding: 4px 2px; padding-right: .2em; }
/* Override nouvelle icone kendo pour les objets sélectionnés */
.k-multiselect .k-chip .k-chip-action span { font-size: var(--font-size) }
.k-multiselect input.k-input-inner.k-readonly { color: var(--color-text); opacity: 1; }
/* Scrollbar
----------------------------------------------------- */
::-webkit-scrollbar { width: 8px; height: 8px; } 
::-webkit-scrollbar-track { background: #f8f8f8; } 
::-webkit-scrollbar-track:hover { background: #f1f1f1; } 
::-webkit-scrollbar-thumb { background: #888; } 
::-webkit-scrollbar-thumb:hover { background: #555; } 
#user-bell-menu .acd-bubble-content { scrollbar-face-color: var(--color-text); scrollbar-arrow-color: var(--color-text); scrollbar-track-color: #30464f; scrollbar-shadow-color: #30464f; }

/* Form
----------------------------------------------------- */
/* Input classique (ex acd-input) */
.acd-input { width: 100%; height: 35px !important; line-height: 35px !important; padding: 0 8px !important; font-size: 12px !important; color: var(--color-text) !important; border: 1px solid #DBDBDB !important; border-radius: 3px; background: #F6F6F6 !important; box-shadow: none !important; }
.acd-input:disabled, .acd-input:read-only { background: var(--input-disabled-background) !important; color: var(--input-disabled-color) !important; cursor: not-allowed; }

/* Label */
.acd-label { display: block; width: 100%; font-size: 14px; margin-bottom: 5px; color: var(--color-text); }

/* Nouvelle version de l'input général d'i-Suite */
.acd-input-container { color: #676767; background-color: var(--input-background-color); height: 35px; }
.acd-input-icon-container { height: 100%; min-width: var(--input-height); background-color: #818181; color: #ffffff; border-radius: 0 3px 3px 0; cursor: pointer; }
.acd-input-icon-container i { font-size: var(--btn-icon-size); }
.acd-input-icon-container.acd-input-tile-color { background-color: var(--fluent-tile-color); } /* Classe à ajouter côté HTML si on veut utiliser la couleur de la tuile */

.k-list-filter > .k-textbox[role="searchbox"] { width: 100% !important; }

/* Checkbox */
.k-checkbox { min-width: 20px; min-height: 20px; border: 1px solid #DBDBDB; }
.k-checkbox:focus, .k-checkbox:checked:focus { box-shadow: none; }
.k-checkbox::before { width: 18px; height: 18px; font-size: 18px; color: var(--color-text); }
.k-checkbox:checked::before { transform: translate(-51%, -50%); }
.k-checkbox + .k-checkbox-label { margin-inline-start : 0.5em; }
/* Bouton Radio */
.k-radio { width: 20px; height: 20px; }
.k-radio::before { color: var(--color-text); width: 10px; height: 10px; }
.k-radio.input-disabled, .k-radio.input-disabled:focus { background-color: var(--input-background-color); border-color: var(--input-background-color); cursor: not-allowed; box-shadow: none; }

.acd-radio { margin-right: 0.2em; }
.acd-radio ~ label { transform: translateY(-2); } 

/* Grid
----------------------------------------------------- */
.acd-grid { border: none; width: 100%; height: 100%; }

.acd-grid .k-grid-header { border: none; background: none; background-color: #F1F1F1; }

/* Impossible de mettre la bordure en none car cela crée un décalage dans le header de la grille donc on la meme de la meme couleur que le fond */
.acd-grid .k-grid-header-wrap { border-color: #f0f0f0 !important; }
/*.acd-grid .k-grid-header th .k-link { line-height: inherit; margin: 0; padding: 0; padding-inline: 0 !important; padding-block: 0 !important; }*/
.acd-grid .k-table .k-table-th { padding-block: 0; }

.acd-grid .k-grid-content { overflow-x: hidden; }
.acd-grid .k-table-md { font-size: var(--font-size); }

.acd-grid tr:hover { background: transparent !important; }
.acd-grid th { white-space: nowrap !important; box-shadow: none !important; height: 45px; background: none !important; font-weight: bold !important; font-size: 13px; vertical-align: middle !important; }
/*.acd-grid th span.k-cell-inner { padding-left: 8px; padding-right: 8px; }*/
.acd-grid td { white-space: nowrap !important; padding-top: 0; padding-bottom: 0; padding-block: 0 !important; box-shadow: none !important; height: 40px; line-height: 35px; }

.acd-grid-selectable tr:hover { background: transparent !important; cursor: pointer !important; }
.acd-grid-selectable tr.k-selected { background-image: none !important; background: #E9F2F5 !important; }
.acd-grid-selectable tr.k-selected:hover { background-image: none !important; background: #E9F2F5 !important; }

.acd-grid .k-grid-norecords { height: auto !important; }
.acd-grid .k-grid-norecords p { font-size: 13px; text-align: left; padding-top: 20px; padding-left: 25px; color: #6e838c; font-style: italic; }

.acd-grid .k-filtercell > span { padding: 0 !important; min-height: inherit !important; line-height: inherit !important; }
.acd-grid .k-filter-row th { height: 25px; line-height: 25px; padding: 0px 6px 6px 6px !important; }
.acd-grid .k-filter-row th:first-child { padding-left: 10px !important; }
.acd-grid .k-filter-row .k-textbox { width: 100%; height: 25px !important; line-height: 25px !important; text-indent: 0; padding: 0 8px !important; color: var(--color-text) !important; border: 1px solid #DBDBDB !important; border-radius: 3px; background: white !important; box-shadow: none !important; font-size: 12px; }
.acd-grid .k-filter-row .k-textbox[type=number]::-webkit-inner-spin-button, .acd-grid .k-textbox[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.acd-grid .k-filter-row .k-datepicker { border: none; background: none; height: 25px !important; line-height: 25px !important; }
.acd-grid .k-filter-row .k-picker-wrap { padding: 0; }
.acd-grid .k-filter-row .k-picker-wrap input { width: 100%; height: 25px !important; line-height: 25px !important; text-indent: 0; padding: 0 8px !important; color: #203239 !important; border: 1px solid #DBDBDB !important; border-radius: 3px; background: white !important; box-shadow: none !important; font-size: 12px; }

.acd-grid .k-operator-hidden { padding-right: 0; }
.acd-grid .k-operator-hidden .k-button { display: none; }

.acd-grid .k-header .k-link { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none; }
.acd-grid .k-header .k-column-title { color: #464646; overflow: hidden; text-overflow: ellipsis; white-space: normal; }

.k-grid .k-grid-header .k-sort-icon .k-icon { transform: translateY(1.5px); }

.k-grid .k-grid-content-locked .k-selected td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row td, .k-grid .k-grid-content-locked .k-selected .k-table-td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row .k-table-td, .k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td, .k-table-tbody .k-table-row.k-selected > .k-table-td, .k-table-list .k-table-row.k-selected { background-color: inherit; }
.k-grid .k-table-group-row { background-color: white; color: var(--color-text); }

.acd-grid .k-table-td .k-checkbox, .acd-grid .k-table-th .k-checkbox { vertical-align: middle; }
.k-grid-content-locked .k-table-td { background-color: #FFFFFF; }
.k-treelist-toggle.k-icon { padding: 0; }

/* Listview */
.k-listview { border: none; font-size: var(--font-size); }
.k-listview-content { align-content:flex-start; } /* Ajout suite à la 2023.3.1114 */

/* Tabstrip
----------------------------------------------------- */
.k-tabstrip { padding: 0; } 
.k-tabstrip-top > .k-tabstrip-items-wrapper { border: 0px; }

/* Tooltip
----------------------------------------------------- */
.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget { font-size: var(--font-size); }

/* Datepicker 
----------------------------------------------------- */
.k-picker-wrap { width: 100%; height: 100%; padding: 5px 8px; border: none !important; background: none !important; box-shadow: none !important; box-sizing: border-box; }
.k-datepicker { border-color: var(--color-border); }
.k-datepicker.k-hover, .k-datepicker:hover
.k-datetimepicker.k-hover, .k-datetimepicker:hover {border-color: var(--color-border);}

.k-datepicker .k-input-inner { background: var(--input-background-color); color: var(--color-text); text-indent: 0; }
.k-datepicker .k-button { width: 35px; height: 100%; cursor: pointer; border-radius: 0 3px 3px 0; border-left: 1px solid #DBDBDB; display: flex; justify-content: center; align-items: center;}
.k-datepicker, .k-datetimepicker { width: 100%; height: 35px; border: 1px solid #DBDBDB; border-radius: 3px; background: var(--input-background-color); font-size : var(--font-size); }
.k-datepicker.k-border-down .k-button { background-color: var(--fluent-tile-color) !important; color: white; }

/* ACDMultiViewCalendar
----------------------------------------------------- */
.acddatepicker-periodes-presets { width: 128px; height: auto; }
.acddatepicker-periodes-presets button { transition: unset; }
.acddatepicker-widget.acddatepicker-wrapper { display: grid; justify-content: space-between; padding: 10px 8px 12px 20px; grid-template-columns: 128px auto; }
.acddatepicker-widget.acddatepicker-window { width: 630px; height: 350px; box-shadow: 1px 1px 8px 1px rgba(32, 50, 57, .2); padding-top: 2em; }
.acddatepicker-window-wrapper { transform: translate(-30px, 3px) scale(1) !important; }
.acddatepicker-window-wrapper .k-calendar-range, .acddatepicker-window-wrapper .k-calendar-range .k-calendar-view { width: 100%; }
.acddatepicker-widget .k-calendar-range .k-range-end,
.acddatepicker-widget .k-calendar-range .k-range-start { border-radius: 4px; }
.acddatepicker-widget .k-calendar .k-range-split-end::after,
.acddatepicker-widget .k-calendar .k-range-split-start::after { display: none; }

.acddatepicker-widget .k-calendar-range td.k-selected .k-link { background-color: #98b526 !important; color: white !important; }
.acddatepicker-widget .k-calendar-range .k-calendar-header .k-button { font-size: 15px; text-transform: uppercase; }
.acddatepicker-widget .k-calendar-range .k-calendar-header .k-button.k-title.k-hover { border-radius: 3px !important; }
.acddatepicker-widget .k-calendar-range .k-calendar-view { text-transform: uppercase; }
.acddatepicker-widget .k-calendar-range .k-footer .k-nav-today { font-size: 14px; text-transform: uppercase; }
.acddatepicker-widget .k-calendar-range td.k-range-mid { background-image: radial-gradient( circle, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 1) 85%) !important }
.acddatepicker-widget .k-calendar .k-today .k-link { box-shadow: none !important; }
.acddatepicker-widget .k-calendar-range td.k-hover .k-link { background-image: radial-gradient( circle, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 1) 80%) !important }
.acddatepicker-widget .k-calendar td.k-selected .k-link { background-image: none !important; }
.acddatepicker-widget .k-widget.k-calendar.k-calendar-range { border: none !important; }
.acddatepicker-widget.acd-btn { background-color: var(--fluent-tile-color) !important; }
.acddatepicker-widget.acd-btn:hover { color: white; }

#acddatepicker-buttonselect { min-width: 290px; display: flex; margin: 0; border-radius: 0 !important; box-shadow: none !important;}
#acddatepicker-buttonselect.k-disabled { cursor: not-allowed !important; }
#acddatepicker-buttonselect i:first-child { font-size: 1.4em; }
#acddatepicker-buttonselect:first-child, #acddatepicker-buttonselect:last-child { width: 20%; }

#btn-left-action.acd-btn, #btn-right-action.acd-btn { padding: 0; margin: 0; }
#btn-left-action.acd-btn i, #btn-right-action.acd-btn i { margin: 0; width: 30px; }
#btn-left-action.acd-btn { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; box-shadow: none !important; }
#btn-right-action.acd-btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; box-shadow: none !important; }
#btn-left-action.acd-btn i { border-right: 1px solid #DBDBDB !important; }
#btn-right-action.acd-btn i { border-left: 1px solid #DBDBDB !important; }

.acddatepicker-wrapper .k-button .k-title .k-title,
.acddatepicker-wrapper .k-calendar-range td.k-selected .k-link,
.acddatepicker-wrapper .k-button-group .k-button:hover,
.acddatepicker-wrapper .k-calendar-range .k-calendar-header .k-button.k-title.k-hover 
{ 
    color: white; 
}

.acddatepicker-wrapper .k-calendar-range td.k-hover .k-link,
.acddatepicker-wrapper .k-button .k-title .k-title,
.acddatepicker-wrapper .k-widget.k-button-group .k-button.k-active,
.acddatepicker-wrapper .k-calendar-range td.k-selected .k-link,
.acddatepicker-wrapper .k-button-group .k-button:hover,
.acddatepicker-wrapper .k-calendar-range .k-calendar-header .k-button.k-title.k-hover,
.acddatepicker-wrapper .k-calendar-range td.k-range-mid
{
    background-color: var(--fluent-tile-color) !important;
}

.acddatepicker-widget.k-widget.k-button-group { display: flex; flex-direction: column; margin-top: 10px; border-right: 1px var(--fluent-tile-color) solid; padding: 0 10px 0 0; border-radius: 0; }
.acddatepicker-widget.k-widget.k-button-group .k-button { display: flex; justify-content: space-between; background-color: white; border: none; margin: 0 0 10px 0; border-radius: 3px !important; }
.acddatepicker-widget.k-widget.k-button-group .k-button:hover { opacity: 0.9; }

/* Buttongroup */
.k-widget.k-button-group .k-button { width: 100%; height: 35px; line-height: 35px; color: var(--color-text); border: 1px solid #DBDBDB; background: #F6F6F6; box-shadow: none !important; font-size: 12px; padding: 2px 7px; }
.k-widget.k-button-group .k-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.k-widget.k-button-group .k-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.k-widget.k-button-group .k-button.k-selected { color: white; background: var(--fluent-tile-color); }
.k-widget.k-button-group i, .k-widget.k-button-group .k-button-icon { font-size: var(--btn-icon-size); }
.k-widget.k-button-group.k-disabled .k-button.k-selected { color: white !important; background: var(--fluent-tile-color) !important; }

/* Icone spécial de warning, présent un peu partout ou on a besoin d'un "panneau" de warning */
.icon-warning { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; min-width: 2em; min-height: 2em; }
.icon-warning .fa-triangle { color: #edc87e; font-size: 1.4em; vertical-align: text-bottom; }
.icon-warning .fa-exclamation { color: black; font-size: 0.8em; transform: translate(0.01em, 0.10em); }

/* Icone spécial succès */
.icon-success { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; min-width: 2em; min-height: 2em; }
.icon-success .fa-circle { color: #48c088; font-size: 1.4em; vertical-align: text-bottom; }
.icon-success .fa-check {color: white; font-size: 0.8em; }

/* Icone spécial d'erreur */
.icon-error { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; min-width: 2em; min-height: 2em; }
.icon-error .fa-circle { color: #e67e22; font-size: 1.4em; vertical-align: text-bottom; }
.icon-error .fa-times { color: white; font-size: 0.8em; }

/* Icone spécial d'info */
.icon-info { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; min-width: 2em; min-height: 2em; }
.icon-info .fa-circle { color: #1E7B9A; font-size: 1.4em; vertical-align: text-bottom; }
.icon-info .fa-info { color: white; font-size: 0.8em; }

/* Icone spécial de question */
.icon-question { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; min-width: 2em; min-height: 2em; }
.icon-question .fa-circle { color: #1E7B9A; font-size: 1.4em; vertical-align: text-bottom; }
.icon-question .fa-question { color: white; font-size: 0.8em; }

/* Icone spécial de déconnexion */
.icon-logout { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; min-width: 2em; min-height: 2em; }
.icon-logout .fa-circle { color: var(--hyperviseur); font-size: 1.4em; vertical-align: text-bottom; }
.icon-logout .fa-right-from-bracket { color: white; font-size: 0.8em; }

/* Components.ConfirmWindow & AlertWindow
-----------------------------*/

#component-confirm-content, #component-alert-content { margin-bottom: 1.3em; min-height: 4em; min-width: 250px; }
#component-alert-content-left, #component-confirm-content-left { min-width: 6rem; font-size: 30px; }
#component-alert-content-left { transform: translateX(-6px);}
#component-alert-content-right { width: 100%; }
#component-confirm-window, #component-alert-window { padding: 12px 12px 12px 12px; }
#component-confirm-window #component-confirm-word { padding-bottom: 1em; }
#component-confirm-window #component-confirm-word #component-confirm-input-word { width: 100px; justify-items: center; }
#component-confirm-button-nope, #component-confirm-button-yes, #component-alert-button-ok, [id^=component-custom-button] { min-width: 5em; }
#component-confirm-button-nope.acd-btn, 
[id^=component-custom-button].acd-btn, 
#component-confirm-button-yes.acd-btn { 
    background-color: var(--color-text); 
    color: white; }

#component-confirm-button-nope.acd-btn.acd-btn-primary,
[id^=component-custom-button].acd-btn.acd-btn-primary,
#component-confirm-button-yes.acd-btn.acd-btn-primary {
    background-color: var(--fluent-tile-color, var(--color-text));
    color: white;
}

#component-confirm-buttons { column-gap: 1em; row-gap: 1em; flex-wrap: wrap; }

/* Components.Notification */

/* Snackbar pour les Messages d'Erreur */

.k-notification-error, .k-notification-warning, .k-notification-info, .k-notification-success { background-color: transparent; border: none; }
.k-notification { box-shadow: none; border: none; }
.k-notification .component-notification-container { position: relative; color: var(--color-text); min-height: 4rem; border-radius: 3px; padding: 1em; white-space: normal; margin-top: 1em; width: 100%}
.k-notification .component-notification-container:hover { cursor: pointer; }
.k-notification .component-notification-container.error { background-color: #F5434E; color: white; }
.k-notification .component-notification-container.info { background-color: #1E7B9A; color: white; }
.k-notification .component-notification-container.success { background-color: #48C088; color: white; }
.k-notification .component-notification-container.warning { background-color: #e67e22; color: white; }
.k-notification .component-notification-message { width: 100%; }
.k-notification .component-notification-icon { padding-right: 0.5em; font-size: 1.9em; min-width: 2em; }
.k-notification .component-notification-progress-container { position: absolute; bottom: 2px; left: 3px; width: calc(100% - 6px); height: 2px; background-color: transparent; }
.k-notification .component-notification-progress { display: none; opacity: 0.7; height: 100%; width: 100%; border-radius: 0px 3px 3px 0px; background-color: white; transition-property: width; transition-duration: 40s; transition-timing-function: linear; transition-delay: 0s; }

/* Dropdown */
.k-dropdownlist { background: var(--input-background-color); color: var(--color-text); font-size:var(--font-size); border-color: var(--color-border); height: var(--input-height);}
.k-dropdownlist:hover { background-color: var(--hover-background-color); border-color: var(--color-border);}

.acd-dropdown-wrap { display: flex; justify-content: space-between; }
.acd-dropdown-wrap button { min-width: 35px; min-height: 35px; margin-left: 5px; }
.acd-dropdown-wrap button i { margin-right: unset; }
/* Suppression d'un style kendo sur le focus des dropDownList et dropDownButton */
.k-dropdown-button:focus::before, .k-dropdown-button:focus::after { 
    opacity: 0 !important; 
}
.k-dropdownlist:focus {
    box-shadow: none !important;
} 

/* Popup */
.k-popup { box-shadow: none; }
.k-popup, .k-popup .k-list { border-radius: 6px; }
.k-popup .k-list .k-list-item-text { width: 100%}
.k-popup .k-list-optionlabel { font-size: var(--font-size); box-shadow: none; }
.k-popup.k-list-container .k-list-filter .k-searchbox, .k-popup.k-list-container .k-list-group-sticky-header { border-radius: 0px; }
.k-popup .k-list-item.k-focus, .k-popup .k-list-item:focus { box-shadow: none;}
.k-popup .k-list-item.k-hover, .k-popup .k-list-item:hover, .k-popup .k-list-optionlabel:hover { background: var(--hover-background-color); color: var(--color-text); }
.k-popup .k-list-filter .k-searchbox .k-icon.k-svg-icon { box-sizing: content-box !important; }

.k-popup.k-calendar-container, .k-popup.k-list-container { padding: 0; }
.k-popup .k-list-scroller, .k-popup .k-list-filter { padding: 0; }
.k-popup .k-searchbox { flex-direction: row-reverse; }
.k-popup .k-list .k-list-ul .k-list-item span::before { content: none; }


/* Combobox */
.k-combobox { width: 100%; background-color: var(--input-background-color); color: var(--color-text); border-color: var(--color-border); height: var(--input-height); font-size: var(--font-size) }
.k-combobox .k-button { background-color: var(--input-background-color); color: var(--color-text); border-color: var(--color-border); }
.k-combobox.k-input-solid.k-hover, .k-combobox.k-input-solid.k-hover .k-button { border-color: var(--color-border); background-color: var(--hover-background-color) !important; }

/* ComboBox personnalisée (Exercices, Missions dans iTemps et Planning) */
.combobox-element-container { display: flex; width: 100%; }
.combobox-element-container .combobox-element-col:first-of-type { display:flex; width: 100%; }
.combobox-element-container .combobox-element-col.icon-wrapper { display: flex; align-items: flex-end; justify-content:center; }
.combobox-element-container span i, .combobox-value-container i { margin-right: .5em; align-self: center; }
.combobox-element-container .combobox-element-row { display: flex; }
.combobox-element-container .combobox-element-col { display: flex; flex-direction: column; }
.combobox-element-important { font-weight: bold; }

/* ComboBox de prestation (iTemps et Planning) */
.combobox-prestation-container, .combobox-prestation-header { display: flex; column-gap: 1em; }
.combobox-prestation-container .prestation-left, .combobox-prestation-header .prestation-left { display: flex; }
.combobox-prestation-container .prestation-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.combobox-prestation-container .prestation-family, .combobox-prestation-header .prestation-family { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-self: center; }
.combobox-prestation-container .prestation-label-wrapper { flex-grow: 1; max-width: calc(100% - 35px); }
.combobox-prestation-container .prestation-help { width: 35px; display: flex; justify-content: center; align-items: center; }
.combobox-prestation-container .prestation-help i { font-size: 1.5em; line-height: 1.5em; }
.combobox-prestation-header { padding: .75em .5em; padding-right: calc(.5em + 4px); font-weight: bold; background: #F1f1f1; border: 0; }
.k-popup .k-list > .k-list-group-sticky-header { border: none; font-weight: bold; font-size: 1em; }
.k-popup > .k-group-header, .combobox-prestation-container > .k-virtual-wrap > .k-group-header { text-align: left; font-weight: bold; font-size: 1em; }
.k-popup .k-list-group-sticky-header, .k-popup .k-list-item-group-label { color: white; background-color: var(--fluent-tile-color) !important; }
.k-popup .k-list[id^="combobox"] .k-list-ul .k-list-item { border-bottom: solid 1px #ececec; padding: .5em; }
.k-popup .k-list[id^="combobox"] .k-list-ul .k-list-item:last-of-type { border: 0; }
.k-popup .k-list[id^="combobox"] .k-list-ul .k-list-item span { line-height: 1.8em; }

/* Textarea */
.k-textarea.k-hover, .k-textarea:hover { border-color: #ebebeb; }

/* Color Picker */
#colorpicker-custom .k-window .k-widget { border: none !important; } 
#colorpicker-custom .k-slider-horizontal { width: 90%; } 
#cpicker-title { font-size: 3em; margin-bottom: 3em; } 
.cpicker-slider-r .k-slider-track { background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(255, 0, 0, 1)); } 
.cpicker-slider-g .k-slider-track { background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 255, 0, 1)); } 
.cpicker-slider-b .k-slider-track { background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 255, 1)); } 
.cpicker-slider-r .k-slider-selection, .cpicker-slider-g .k-slider-selection, .cpicker-slider-b .k-slider-selection { background: transparent; } 
.cpicker-slider-r input[type=range], .cpicker-slider-g input[type=range], .cpicker-slider-b input[type=range] { width: 30%; margin-right: 4em; } 
.cpicker-slider-r input[type=text], .cpicker-slider-g input[type=text], .cpicker-slider-b input[type=text] { 
    width: 40px; 
    border-radius: 4px; 
    margin-right: 1em; 
    /* Reprise ancien style kendo */
    background-color: #fff;
    color: #676767;
    line-height: 1.65em;
    text-indent: .571em;
    border-width: 1px;
    border-style: solid;
    font-size: 100%;
} 
.cpicker-slider-r, .cpicker-slider-g, .cpicker-slider-b, .cpicker-slider-title { display: flex; justify-content: center; align-items: center; font-weight: bold; padding: 0.2em 0em; } 
.cpicker-buttons { display: flex; justify-content: center; align-items: center; margin-top: 0.8em; } 
.cpicker-buttons .cpicker-button-cancel { margin-left: 1em; } 
.cpicker-pointer { height: 100%; display: flex; justify-content: center; align-items: center; width: 3em; border-left: 1px solid #dadada; } 
.cpicker-preview { margin-left: 0.2em; height: 1.4em; width: 3em; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); transition: all 500ms ease; background-color: #FFFFFF; } 
.cpicker-preview:hover { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); } 
.cpicker-preview-hex { display: flex; justify-content: center; width: 100%; margin: 0em 0.5em; text-transform: lowercase; } 
.cpicker-preview-container { border: 1px solid #dadada; width: 7em; display: flex; font-size: 15px; border-radius: 3px; height: 1.5em; align-items: center; cursor: pointer; max-width: 9em; min-height: 1.9em; }
.k-slider-horizontal .k-draghandle { width: 14px; }

/* TreelistAggregate */
.treelist-aggregate-container { display: flex; border-top: 1px solid #ebebeb; width: 100%; height: 40px; } 
.treelist-aggregate-container .treelist-aggregate-cell { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; } 
.treelist-aggregate-container .treelist-aggregate-cell .aggregate-no-error { color: #48c088; } 
.treelist-aggregate-container .treelist-aggregate-cell .aggregate-errors { color:#f5434e; }
.treelist-aggregate-container .treelist-aggregate-cell .aggregate-errors { color:#f5434e; }

/* Treeview */
.k-treeview, .k-treeview.k-treeview-md { color: var(--color-text); font-size: var(--font-size); }
.k-treeview .k-treeview-lines .k-treeview-item .k-treeview-toggle .k-icon.k-svg-icon { box-sizing: content-box !important; }
.k-treeview .k-treeview-leaf.k-hover { background-color: var(--hover-background-color); }
.k-treeview .k-treeview-leaf.k-selected, .k-treeview .k-treeview-leaf.k-selected.k-focus, .k-treeview .k-treeview-leaf.k-focus { border-color: transparent; box-shadow: none; }
.k-treeview .k-treeview-leaf .fas.fa-folder-open {margin-right: 4px; }

/* Panelbar Ged, Panière et Banque */
.left-panel { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); z-index: 1; }
.left-panel .listview-wrapper .listview-title { padding: 20px; text-align: center; font-size: 16px; box-shadow: -1px 1px 5px #c6c6c6; position: absolute; width: 100%; z-index: 1; background-color: white; box-sizing: border-box; }
.left-panel .listview-wrapper .listview { margin-top: 62px; float: left; width: 100%; }
.left-panel .k-panelbar .k-link { background-image: none; padding: 10px 20px; }
.left-panel .k-panelbar .k-panel .k-link { line-height: normal; padding-top: 15px !important; padding-bottom: 15px !important; font-size: 13px; }
.left-panel .k-panelbar, .left-panel .k-panelbar ul { border: none !important; background-color: transparent; background-image: none; }
.left-panel .k-panelbar .k-panelbar-header > span { font-size: 16px; box-shadow: 0px 2px 8px 0px #dedede !important; width: 100%; z-index: 1; background-color: white; box-sizing: border-box; padding-right: 10px; display: flex; justify-content: space-between; }
.left-panel .k-item[aria-expanded="true"] + .k-item.k-panelbar-header > .k-link { box-shadow: 0px 1px 8px 0px #CCCCCC !important; }
.left-panel .k-panelbar .k-panelbar-header > span:active { background-color: #f9f9f9; }
.left-panel .k-panelbar li.k-item { border: none !important; background-color: transparent !important; }
.left-panel .k-panelbar-collapse.k-icon, .left-panel .k-panelbar-expand.k-icon { position: absolute; margin-top: -8px; font-size: 23px; float: left; display: inline-block; left: 20px; top: 26px; }
.left-panel .k-panelbar-header .k-icon:not(.item-icon) { display: none; }
.left-panel .k-header .k-select .k-icon:not(.item-icon) { display: inline-block; }
.left-panel .k-header .item-libelle .k-icon { top: -2px; }
.left-panel .item-wrapper { display: inline-flex; justify-content: space-between; width: 100%; }
.left-panel .item-icon-wrapper { width: 36px; }
.left-panel .item-libelle-wrapper { display: flex; width: 100%; align-items: center; white-space: nowrap; }
.left-panel .item-libelle { flex: 1; width: 0; overflow: hidden; text-overflow: ellipsis; }
.left-panel .k-panelbar-header > span > .item-wrapper .item-counter { background-color: #e9f2f5; min-width: 37px; padding: 0 10px; text-align: center; border-radius: 10px; font-weight: bold; height: 37px; line-height: 37px; font-size: inherit; }
.left-panel .item-counter { display: inline-block; float: right; font-size: 14px; }
.k-splitbar .k-icon { display: none; }
.left-panel * { box-sizing: border-box; }
.acd-btn .btn-libelle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.acd-btn .btn-counter { margin-left: 9px; background: #e9f2f5; padding: 2px 5px; border-radius: 5px; font-weight: bold; }
.left-panel .k-panelbar-expand.k-icon.k-i-arrow-chevron-down { display: none; }
.left-panel .k-panelbar > .k-panelbar-header > .k-link { line-height: 2.34em; }
.left-panel .k-panelbar > .k-panelbar-header > .k-link.k-selected, .left-panel .k-panelbar > .k-panelbar-header > .k-link:hover:hover { background: white;}
.left-panel .k-panelbar > .k-panelbar-header > .k-link { border-bottom: 1px solid #dbdbdb; }
.listview.k-listview > div, .left-panel .k-panelbar .k-panel .k-link { cursor: pointer; border-width: 1px 0 0 0; border-style: solid; border-color: var(--color-border); background-color: transparent; color: var(--color-text) !important; transition: background-color 300ms; }
.listview.k-listview > div.k-selected, .left-panel .k-panelbar .k-panel .k-link.k-selected { border-color: #d8e2e6; background-color: #e9f2f5; background-image: none; box-shadow: none; }
.listview.k-listview > div:last-child, .left-panel .k-panelbar .k-panel .k-last .k-link { border-bottom-width: 1px; }
.left-panel .k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected { color: var(--color-text); }
.left-panel .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover { background-color: var(--hover-background-color); }

/* Workaround problème sur la fermeture des panel bars
 * https://github.com/telerik/kendo-themes/issues/2990 
 */
.k-panelbar .k-panelbar-item { transition: none !important; } 
.k-panelbar .k-link { transition: none !important; }


/* Tabstrip
----------------------------------------------------- */
#paneContent .k-tabstrip-wrapper { height: 100%; } 
.tabstrip { display: flex; flex-direction: column; width: 100%; height: 100%; border: none !important; background: none !important; box-shadow: inherit !important; } 
.tabstrip .k-tabstrip-items { padding: 0; margin: 0; } 
.tabstrip .k-tabstrip-items > .k-item { overflow: visible; border: none; line-height: 30px; background: transparent; } 
.tabstrip .k-tabstrip-items > .k-item:hover:not(.k-active) { background: #DBDBDB; } 
.tabstrip .k-tabstrip-items > .k-item.k-active { background: #203239; } 
.tabstrip .k-tabstrip-items > .k-item.k-active > .k-link { color: white; } 
.tabstrip .k-tabstrip-items .k-loading { display: none; } 
.tabstrip .k-content { flex: 1; margin: 0; border: none; padding: 12px; } 
.tabstrip:not(.tabstrip-vertical) .k-tabstrip-items > .k-item { border-radius: 3px 3px 0 0; border-bottom: 1px solid #DBDBDB; } 
.tabstrip:not(.tabstrip-vertical) .k-tabstrip-items > .k-item.k-active::after { content: ''; display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-8px); border: 8px solid transparent; border-top-color: #203239; } 
.tabstrip-vertical { flex-direction: row; }
.tabstrip-vertical .k-content { border-left: 1px solid #DBDBDB; } 
.tabstrip-vertical .k-tabstrip-items > .k-item { border-radius: 3px 0 0 3px; } 
.tabstrip-vertical .k-tabstrip-items > .k-item.k-active::after { content: ''; display: block; position: absolute; right: -15px; top: 12px; border: 8px solid transparent; border-left-color: #203239; } 
.k-tabstrip-left>.k-tabstrip-items-wrapper { border-right-width: 0; }

.tabstrip .k-tabstrip-items > .k-item.k-active { background: var(--color-text); border-radius: 3px 0 0 3px; }
.tabstrip .k-tabstrip-items > .k-item.k-active .k-link { color: white; }
.tabstrip-vertical .k-tabstrip-items > .k-item { border-radius: 3px 0 0 3px; }
.tabstrip .k-tabstrip-items > .k-item { overflow: visible; border: none; line-height: 30px; background: transparent; border-radius: 3px 0 0 3px; }
.tabstrip .k-tabstrip-items .k-loading { display: none; }
.tabstrip { display: flex; flex-direction: column; width: 100%; height: 100%; border: none !important; background: none !important; box-shadow: inherit !important; }
.k-tabstrip-content, .k-tabstrip > .k-content { border: none; overflow: auto; }
.tabstrip-vertical .k-content { border-left: 1px solid #DBDBDB; }

/* Listbox
----------------------------------------------------- */
.listbox { height: 100%; margin: 0 !important; } 
.listbox .listboxWrapper { display: flex; height: 100%; } 
.listbox .listboxLabel { font-weight: bold; font-size: 16px; text-align: center; margin-bottom: 5px; } 
.listbox .listboxDescription { font-size: 12px; text-align: center; margin-bottom: 15px; } 
.listbox .listboxInputWrapper { display: flex; height: 100%; padding: 0 8px; align-items: center; border: 1px solid #DBDBDB; border-radius: 3px; background: var(--input-background-color); } 
.listbox .listboxInputWrapper i { font-size: 15px; margin-right: 7px; } 
.listbox .listboxInput { height: 100%; flex: 1; color: #203239; border: none; background: none; } 
.listbox .listboxItem { display: flex !important; flex-direction: column; width: 50%; } 
.listbox .k-listbox { width: 100%; height: 100%; min-height:0; /*FF*/ display: flex; } 
.listbox .k-listbox-toolbar-right { flex-direction: row-reverse; } 
.listbox .k-listbox-toolbar-left { flex-direction: row; } 
.listbox .k-listbox-toolbar { height: 100%; display: flex; align-items: center; justify-content: center; margin-left: 0 !important; } 
.listbox .k-listbox-toolbar .k-reset { margin: 0 10px !important; } 
.listbox .k-listbox-toolbar .k-reset li a { width: 32px !important; height: 32px !important; box-shadow: none !important; } 
.listbox .k-list-scroller { width: 100%; border: 1px solid #DBDBDB; } 
.listbox .k-list-scroller li { height: 28px; line-height: 28px; white-space: nowrap !important; border-radius: 0 !important; box-shadow: none !important; }
.listbox .k-list-scroller li:hover { background: #F1F1F1 !important; cursor: pointer !important; } 
.listbox .k-list-scroller li.k-selected { background-image: none !important; border-color: #d8e2e6 !important; }
.k-list-content .k-list-item span { font-size: 12px; }
.k-listbox.k-listbox-actions-right .k-listbox-actions { justify-content: center; }


/* Pastilles (ERP / Architecture)
----------------------------------------------------- */
.acd-puce { display: flex; align-items: center; height: 1.5rem; width: 1.5rem; border-radius: 50%; }
.acd-puce i { font-size: 1.5rem; }
.acd-puce div { font-size: 0.65rem; font-weight: bold; color: #fff; }
.acd-puce.icon-non-applicable, .acd-puce.icon-non-parametre { justify-content: center; }

/* Dropzone 
----------------------------------------------------- */
.k-dropzone .k-dropzone-hint { font-size: var(--font-size);}