:root {
    --menu-btn-border-radius-8: 8px;
    --menu-lien-padding-4: 4px;
    --menu-lien-margin-4: 4px;
    --menu-item-bg-color-hover: #ffffff2e;
    /* Menu Courrier */
    --menu-edt-item-border-color: var(--rackley-dark);
    --menu-edt-item-bg-color-hover: var(--rackley-dark);
    --menu-edt-btn-color-hover: var(--rackley-dark);
    --menu-edt-border-radius-8: 8px;
    --menu-edt-margin-8: 8px;
    --menu-edt-margin-4: 4px;
    --menu-edt-padding-8: 8px;
    --menu-edt-padding-4: 4px;
    --menu-edt-btn-padding-4: 4px;
    --menu-edt-btn-padding-8: 8px;
}


.trButtonsDynamiques button, .panneau-admin .dxbButton, ul.fic-bandeau-menu > .k-item,
fieldset .panneau .dxbButton, td[class*=dxmMenuItem].dxmIFC.dxmILC,
td[class*=dxmMenuItem].dxmILC,
td[class*=dxmMenuItem].dxmIFC, .panneau-admin fieldset .panneau .dxbButton {
    background: var(--menu-button-background) !important;
    border: none !important;
    color: var(--menu-button-text) !important;
}

    .trButtonsDynamiques button, .panneau-admin .dxbButton,
    td[class*=dxmMenuItem].dxmIFC.dxmILC,
    ul.fic-bandeau-menu > .k-item, td[class*=dxmMenuItem].dxmIFC.dxmILC:hover {
        border-radius: var(--menu-btn-border-radius-8) !important;
        transition: border-bottom-left-radius 0.15s linear 0.2s, border-bottom-right-radius 0.15s linear 0.2s;
    }

        ul.fic-bandeau-menu > .k-item:hover, ul.fic-bandeau-menu > .k-state-active, ul.fic-bandeau-menu > .k-item > .k-state-active,
        .trButtonsDynamiques button:hover, .panneau-admin .dxbButton:hover, fieldset .panneau .dxbButton:hover,
        td[class*=dxmMenuItemHover].dxmIFC.dxmILC, .panneau-admin fieldset .panneau .dxbButton:hover,
        td[class*=dxmMenuItem].dxmIFC.dxmILC:hover {
            background: var(--menu-button-hover-background) !important;
            color: var(--menu-button-hover-text) !important;
        }

    td[class*=dxmMenuItem].dxmILC,
    td[class*=dxmMenuItem].dxmILC:hover {
        border-radius: 0 5px 5px 0 !important;
    }

    td[class*=dxmMenuItem].dxmIFC,
    td[class*=dxmMenuItem].dxmIFC:hover {
        border-radius: 5px 0 0 5px !important;
    }

.fic-content-form .dxmMenuItem, .fic-content-form .dxmMenuItemWithImage,
.fic-content-form .dxmMenuItemWithPopOutImage, .fic-content-form .dxmMenuItemWithImageWithPopOutImage,
.fic-content-form .dxmVerticalMenuItem, .fic-content-form .dxmVerticalMenuItemWithImage,
.fic-content-form .dxmVerticalMenuItemWithPopOutImage, .fic-content-form .dxmVerticalMenuItemWithImageWithPopOutImage,
.fic-content-form .dxmMenuLargeItem, .fic-content-form .dxmMenuLargeItemWithImage,
.fic-content-form .dxmMenuLargeItemWithPopOutImage, .fic-content-form .dxmMenuLargeItemWithImageWithPopOutImage,
.fic-content-form .dxmVerticalMenuLargeItem, .fic-content-form .dxmVerticalMenuLargeItemWithImage,
.fic-content-form .dxmVerticalMenuLargeItemWithPopOutImage, .fic-content-form .dxmVerticalMenuLargeItemWithImageWithPopOutImage,
#divMain .dxmMenuItem, #divMain .dxmMenuItemWithImage,
#divMain .dxmMenuItemWithPopOutImage, #divMain .dxmMenuItemWithImageWithPopOutImage,
#divMain .dxmVerticalMenuItem, #divMain .dxmVerticalMenuItemWithImage,
#divMain .dxmVerticalMenuItemWithPopOutImage, #divMain .dxmVerticalMenuItemWithImageWithPopOutImage,
#divMain .dxmMenuLargeItem, #divMain .dxmMenuLargeItemWithImage,
#divMain .dxmMenuLargeItemWithPopOutImage, #divMain .dxmMenuLargeItemWithImageWithPopOutImage,
#divMain .dxmVerticalMenuLargeItem, #divMain .dxmVerticalMenuLargeItemWithImage,
#divMain .dxmVerticalMenuLargeItemWithPopOutImage, #divMain .dxmVerticalMenuLargeItemWithImageWithPopOutImage,
ul.fic-bandeau-menu > li.k-subitem, ul.fic-bandeau-menu > li.k-subitem > span.k-link > button {
    background: var(--menu-button-background) !important;
    border: none !important;
    color: var(--menu-button-text) !important;
}

.fic-bandeau-menu-container .k-menu > .k-subitem > .k-link {
    color: var(--menu-button-text) !important;
}


.fic-content-form .dxmMenuItem:hover, .fic-content-form .dxmMenuItemWithImage:hover,
.fic-content-form .dxmMenuItemWithPopOutImage:hover, .fic-content-form .dxmMenuItemWithImageWithPopOutImage:hover,
.fic-content-form .dxmVerticalMenuItem:hover, .fic-content-form .dxmVerticalMenuItemWithImage:hover,
.fic-content-form .dxmVerticalMenuItemWithPopOutImage:hover, .fic-content-form .dxmVerticalMenuItemWithImageWithPopOutImage:hover,
.fic-content-form .dxmMenuLargeItem:hover, .fic-content-form .dxmMenuLargeItemWithImage:hover,
.fic-content-form .dxmMenuLargeItemWithPopOutImage:hover, .fic-content-form .dxmMenuLargeItemWithImageWithPopOutImage:hover,
.fic-content-form .dxmVerticalMenuLargeItem:hover, .fic-content-form .dxmVerticalMenuLargeItemWithImage:hover,
.fic-content-form .dxmVerticalMenuLargeItemWithPopOutImage:hover, .fic-content-form .dxmVerticalMenuLargeItemWithImageWithPopOutImage:hover,
#divMain .dxmMenuItem:hover, #divMain .dxmMenuItemWithImage:hover,
#divMain .dxmMenuItemWithPopOutImage:hover, #divMain .dxmMenuItemWithImageWithPopOutImage:hover,
#divMain .dxmVerticalMenuItem:hover, #divMain .dxmVerticalMenuItemWithImage:hover,
#divMain .dxmVerticalMenuItemWithPopOutImage:hover, #divMain .dxmVerticalMenuItemWithImageWithPopOutImage:hover,
#divMain .dxmMenuLargeItem:hover, #divMain .dxmMenuLargeItemWithImage:hover,
#divMain .dxmMenuLargeItemWithPopOutImage:hover, #divMain .dxmMenuLargeItemWithImageWithPopOutImage:hover,
#divMain .dxmVerticalMenuLargeItem:hover, #divMain .dxmVerticalMenuLargeItemWithImage:hover,
#divMain .dxmVerticalMenuLargeItemWithPopOutImage:hover, #divMain .dxmVerticalMenuLargeItemWithImageWithPopOutImage:hover,
#divMain .dxmMenuItemHoverWithPopOutImage, #divMain .dxmMenuItemHoverWithImage,
#divMain .dxmMenuItemHover, td[class*=dxmMenuItemHover].dxmIFC, ul.fic-bandeau-menu > li.k-subitem:hover,
td[class*=dxmMenuItemHover].dxmILC, ul.fic-bandeau-menu > li.k-subitem:hover > span.k-link > button {
    color: var(--menu-button-hover-text) !important;
    background: var(--menu-button-hover-background) !important;
}

.fic-bandeau-menu-container .k-menu > .k-subitem:hover > .k-link {
    color: var(--menu-button-hover-text) !important;
}

.grd-header-menu ul.fic-bandeau-menu > li {
    height: 25px !important;
    margin: 0 4px 0 0 !important;
    padding-top: 5px;
    padding-bottom: 0;
}

.fic-content-form .dxmMenuItemWithPopOutImage, .fic-content-form .dxmMenuItemWithImageWithPopOutImage,
#divMain .dxmMenuItemWithPopOutImage, #divMain .dxmMenuItemWithImageWithPopOutImage {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.grd-header-menu .trButtonsDynamiques button {
    padding: 0.75em 1.1em !important;
    margin: -1px 3px;
    font-size: 11px;
}

.fic-bandeau-menu-container .k-menu .k-item > .k-link {
    color: var(--menu-button-text) !important;
}

.fic-bandeau-menu-container .k-menu .k-animation-container .k-item > .k-link {
    color: var(--menu-button-hover-text) !important;
}

.fic-bandeau-menu-container .k-menu .k-item:hover > .k-link {
    color: var(--menu-button-hover-text) !important;
}

.fic-bandeau-menu-container .k-menu .k-subitem > .k-link {
    font-weight: normal !important;
}

.ux2-grid-panel > table:first-of-type {
    background: var(--menu-container-background) !important;
}

.fic-grd-panneau > .table-btn-navigation {
    background: var(--menu-container-background);
    padding-left: 5px
}

.fic-content-form .dxmSubMenu, #divMain .dxmSubMenu,
.dxmSubMenuGutter, .dxmSubMenuRtlGutter, .k-menu-group,
.k-menu-group .k-item:hover, .k-menu-group, .k-menu.k-context-menu,
.menu-mailto-container > div.k-content {
    background: var(--menu-sousmenu-content-background) !important;
}

#divMain .menu-mailto-container > div.k-content .dxmMenuItemHover,
#divMain .menu-mailto-container > div.k-content .dxmMenuItem:hover {
    background: var(--grey) !important;
}

.piedeDeplacerA, .inline-menuitem span, span.PanelRechercheCheckBox {
    color: var(--menu-button-text) !important;
}

.libelle {
    color: var(--menu-libelle-text);
}

.edt-ctrl-mode-buttons > input:checked + label {
    background-color: var(--fiche-boutons-selected-background) !important;
}

.fic-bandeau-menu-mini.k-widget.k-menu-horizontal > .k-item > span.k-link {
    padding: 2px 4px 6px 5px !important;
}

.form-planning .tabForm {
    color: var(--menu-button-text);
}

/** Boutons des fiches */
ul.bandeau-menu span, ul.bandeau-menu button, ul.bandeau-menu legend, ul.bandeau-menu div[class^=ged-doc-title] {
    font-size: 12px !important;
}

ul.bandeau-menu.k-widget.k-menu-horizontal > .k-state-border-down {
    background: var(--menu-button-hover-background) !important;
    box-shadow: none;
    clip-path: none;
}

ul.bandeau-menu.k-widget.k-menu-horizontal > .k-state-border-down i {
    filter: none !important;
}

ul.bandeau-menu .k-animation-container-shown,
ul.bandeau-menu .k-animation-container > .k-popup {
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.3);
}

ul.bandeau-menu .k-menu-group .k-item > .k-link {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

ul.bandeau-menu .val-admin-gear {
    background: transparent;
}

ul.bandeau-menu > li.k-menu-item > div.k-animation-container {
    border-top-left-radius: 0px !important;
    min-width: 100%;
}

    ul.bandeau-menu > li.k-menu-item > div.k-animation-container > ul.k-menu-group,
    ul.bandeau-menu > li.k-menu-item > div.k-animation-container > ul.k-menu-group > li.k-subitem > div.k-animation-container,
    ul.bandeau-menu > li.k-menu-item > div.k-animation-container > ul.k-menu-group > li.k-subitem > div.k-animation-container > ul.k-menu-group {
        border-top-left-radius: 0px !important;
    }

ul.bandeau-menu > li.k-item-with-sub:has(> div.k-animation-container > ul.k-menu-group > li):hover,
ul.bandeau-menu > li.k-menu-item:has(> div.k-animation-container > ul.k-menu-group > li):hover {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    transition: border-bottom-left-radius 0.15s linear 0s, border-bottom-right-radius 0.15s linear 0s;
}

ul.bandeau-menu div.k-animation-container, ul.bandeau-menu div.k-animation-container ul.k-menu-group,
ul.bandeau-menu div.k-animation-container li.k-menu-item, ul.bandeau-menu div.k-animation-container li.k-menu-item span.k-menu-link,
ul.bandeau-menu div.k-animation-container div.edt-ctrl-container {
    border-radius: var(--menu-btn-border-radius-8) !important;
    border: none;
}

    ul.bandeau-menu div.k-animation-container li.k-menu-item:not(.menu-mailto-container) {
        padding: var(--menu-lien-padding-4) !important;
        margin: var(--menu-lien-margin-4);
    }

    ul.bandeau-menu div.k-animation-container div.k-animation-container {
        margin-top: calc(-1 * var(--menu-lien-margin-4));
        padding-left: 4px;
    }

    ul.bandeau-menu div.k-animation-container li.k-menu-item:not(.menu-mailto-container):hover {
        background-color: var(--menu-item-bg-color-hover) !important;
    }

    ul.bandeau-menu div.k-animation-container li.k-menu-item span.k-menu-link {
        padding-left: 8px !important;
    }

    ul.bandeau-menu div.k-animation-container
    li.k-menu-item:not(.menu-mailto-container):hover span.k-menu-link,
    ul.bandeau-menu div.k-animation-container
    li.k-menu-item:not(.menu-mailto-container):hover button.k-subitem,
    ul.bandeau-menu div.k-animation-container
    li.k-menu-item:not(.menu-mailto-container):hover span.k-menu-link > button {
        background: none !important;
    }

ul.bandeau-menu div.edt-ctrl-mode-buttons > label {
    border-radius: var(--menu-btn-border-radius-8);
    border: 1px solid var(--menu-edt-item-border-color);
}

    ul.bandeau-menu div.edt-ctrl-mode-buttons > label:hover {
        background-color: var(--menu-edt-item-bg-color-hover) !important;
    }

ul.bandeau-menu > li.k-item-with-sub.k-state-focused, .menu-mailto-container.k-state-focused {
    box-shadow: none !important;
}

ul.bandeau-menu .ux2-button:hover {
    background: var(--menu-edt-btn-color-hover) !important;
}

.menu-mailto-container {
    padding: var(--menu-lien-padding-4);
    margin: var(--menu-lien-margin-4);
}

ul.bandeau-menu div.k-animation-container li.k-item span.k-link,
ul.bandeau-menu div.k-animation-container li.k-item div.k-animation-container ul.k-menu-group span.k-link {
    display: flex !important;
    align-items: center;
}

    ul.bandeau-menu div.k-animation-container li.k-menu-item span.k-menu-link > i,
    ul.bandeau-menu div.k-animation-container li.k-menu-item span.k-menu-link > img,
    ul.bandeau-menu div.k-animation-container li.k-menu-item span.k-menu-link > span.k-icon,
    ul.bandeau-menu div.k-animation-container li.k-menu-item span.k-menu-link > span.k-sprite
    ul.bandeau-menu div.k-animation-container li.k-item div.k-animation-container ul.k-menu-group span.k-link > i,
    ul.bandeau-menu div.k-animation-container li.k-item div.k-animation-container ul.k-menu-group span.k-link > img,
    ul.bandeau-menu div.k-animation-container li.k-item div.k-animation-container ul.k-menu-group span.k-link > span.k-icon,
    ul.bandeau-menu div.k-animation-container li.k-item div.k-animation-container ul.k-menu-group span.k-link > span.k-sprite {
        flex-shrink: 0;
        min-width: 16px;
        text-align: center;
    }


/* Menu Courrier */
ul.bandeau-menu .edt-ctrl-modele, ul.bandeau-menu .edt-ctrl-edition, ul.bandeau-menu .edt-ctrl-avance {
    background: none;
    border: none;
}

ul.bandeau-menu .edt-ctrl-modele {
    padding: var(--menu-edt-margin-8) var(--menu-edt-margin-8) var(--menu-edt-margin-4) var(--menu-edt-margin-8) !important;
    width: auto !important;
}

ul.bandeau-menu li#btn_Courriers div.k-animation-container .edt-ctrl-edition {
    border: none;
}

ul.bandeau-menu .edt-ctrl-panel {
    display: flex;
    flex-direction: column;
    border-radius: var(--menu-edt-border-radius-8) !important;
    background-color: #FEFEFE;
}

ul.bandeau-menu .edt-ctrl-buttons {
    display: flex;
    flex-direction: row;
    padding: var(--menu-edt-padding-4) var(--menu-edt-padding-8) var(--menu-edt-padding-8) var(--menu-edt-padding-8);
}

ul.bandeau-menu .edt-ctrl-container, ul.bandeau-menu .menu-mailto-container > div.k-content {
    float: none !important;
}

ul.bandeau-menu .edt-ctrl-buttons .ux2-button {
    padding: var(--menu-edt-btn-padding-4) var(--menu-edt-btn-padding-8);
}

ul.bandeau-menu .edt-ctrl-edition, ul.bandeau-menu .edt-ctrl-avance {
    border-top-width: 0px !important;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

ul.bandeau-menu .edt-ctrl-mode-buttons > label {
    border: 1px solid var(--menu-edt-item-border-color);
}