.my-button:hover, .my-button:active, .nav-item:hover, .nav-item-reduct:hover, .toolbar-item:hover, .soc-selected, .selectcompte {
    cursor: pointer;
    background-color: #5c6471 !important;
    background: #5c6471 !important;
}

:root {
    --main-accent-color: #E30613;
}

.toolbar-submenu {
    border-color: #232933;
}

.my-button, .backgroundBP, .bar-toolbar, .nav-item, .nav-item-reduct, .header-block, .dxeToken_MetropolisBlueBP, #PopupConfirmation_PWH-1 {
    background-color: #232933 !important;
    background: #232933 !important;
    background: linear-gradient(to right, #232933, #323842) !important;
}

.grouping-compte {
    color: #232933 !important;
}

#background {
    background: url("/Content/Images/Banques/banque-de-savoie2.jpg") 0 0 no-repeat;
}

.container-forms {
    box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.28);
}

.logoBanque {
    height: 90px;
    margin: 3px 25px 7px;
}

.btnPopupConfirmation .btn:hover {
    background-color: #5c6471 !important;
}

.table-echeanciers-importes .box-info-compte .entry-input-dest.select {
    border-left: 6px solid #232933;
}

.table-operations {
    border: 1px solid #232933 !important;
}

    .table-operations th {
        background: #232933 !important;
    }

.select-serveur {
    border: 3px solid #232933 !important;
}

td.up-button:hover {
    background: #232933 !important;
}

.jsgrid-selected-row > * {
    background: #333333 !important;
    border-color: #333333 !important;
    color: white;
}

.jsgrid-selected-row {
    background: #232933 !important;
    border-color: #232933 !important;
    color: white;
}

/* Couleurs des boutons des popup Ellisphere*/
#PopupConfirmation_PW-1.ellisphere #_ok, #PopupConfirmation_PW-1.ellisphere #_annuler, #enregistrer-parametres-ellisphere, #fermer-parametres-ellisphere, .btn-action-ellisphere {
    background: #00aeef !important;
}

/* Couleurs des boutons des entetes Ellisphere*/

#PopupConfirmation_PWH-1.dxpc-header.dxpc-withBtn.ellisphere, #PopupEllisphere_PWH-1.dxpc-header {
    background: #00aeef !important;
}

/* Couleurs des fonds de Popup Ellisphere*/
#PopupConfirmationEllisphere_PWC-1, #PopupConfirmation_PW-1.ellisphere, #PopupEllisphere_PWC-1 {
    background: #f7f5f5 !important;
}

.connect-dsp2-ic {
    background-color: #232933 !important;
    background: #232933 !important;
}

.buttonGridTresoDetaille {
    background-color: #232933 !important;
    background: #232933 !important;
}

    .buttonGridTresoDetaille:hover {
        background-color: #5c6471 !important;
        border-color: #a9a9a9;
    }

html{
    --color-primary-border: #e30613;
    --color-primary-border-active: #850008;
    --color-primary-border-disabled: #efefef;
    --color-primary-border-hover: #ba000b;
    --color-primary-border-inverted: #ffeef0;
    --color-primary-border-inverted-active: #fffefe;
    --color-primary-border-inverted-disabled: #bebebe;
    --color-primary-border-inverted-hover: #fffbfb;
    --color-primary-border-inverted-selected: #fffbfb;
    --color-primary-border-inverted-selected-hover: #fffefe;
    --color-primary-border-selected: #ba000b;
    --color-primary-border-selected-hover: #850008;
    --color-primary-border-unchanged: #850008;
    --color-primary-border-unchanged-active: #230002;
    --color-primary-border-unchanged-disabled: #efefef;
    --color-primary-border-unchanged-hover: #450004;
    --color-primary-border-unchanged-selected: #450004;
    --color-primary-border-unchanged-selected-hover: #230002;
    --color-primary-brand: #e30613;
    --color-primary-shape: #e30613;
    --color-primary-shape-active: #850008;
    --color-primary-shape-disabled: #bebebe;
    --color-primary-shape-hover: #ba000b;
    --color-primary-shape-inverted: #ffffff;
    --color-primary-shape-inverted-active: #fffbfb;
    --color-primary-shape-inverted-disabled: #bebebe;
    --color-primary-shape-inverted-hover: #ffffff;
    --color-primary-shape-inverted-selected: #ffffff;
    --color-primary-shape-inverted-selected-hover: #fffbfb;
    --color-primary-shape-selected: #ba000b;
    --color-primary-shape-selected-hover: #850008;
    --color-primary-shape-unchanged: #850008;
    --color-primary-shape-unchanged-active: #230002;
    --color-primary-shape-unchanged-disabled: #bebebe;
    --color-primary-shape-unchanged-hover: #450004;
    --color-primary-shape-unchanged-inverted: #ffeef0;
    --color-primary-shape-unchanged-inverted-active: #fffefe;
    --color-primary-shape-unchanged-inverted-disabled: #bebebe;
    --color-primary-shape-unchanged-inverted-hover: #fffbfb;
    --color-primary-shape-unchanged-inverted-selected: #fffbfb;
    --color-primary-shape-unchanged-inverted-selected-hover: #fffefe;
    --color-primary-shape-unchanged-selected: #450004;
    --color-primary-shape-unchanged-selected-hover: #230002;
    --color-primary-surface: #e30613;
    --color-primary-surface-active: #850008;
    --color-primary-surface-alt: #cccccc;
    --color-primary-surface-alt-active: #808080;
    --color-primary-surface-alt-disabled: #efefef;
    --color-primary-surface-alt-hover: #acacac;
    --color-primary-surface-alt-selected: #acacac;
    --color-primary-surface-alt-selected-hover: #808080;
    --color-primary-surface-disabled: #efefef;
    --color-primary-surface-discrete: #fffbfb;
    --color-primary-surface-discrete-active: #ffe0e3;
    --color-primary-surface-discrete-disabled: #efefef;
    --color-primary-surface-discrete-hover: #ffeef0;
    --color-primary-surface-discrete-selected: #ffeef0;
    --color-primary-surface-discrete-selected-hover: #ffe0e3;
    --color-primary-surface-hover: #ba000b;
    --color-primary-surface-inverted: #850008;
    --color-primary-surface-inverted-active: #ba000b;
    --color-primary-surface-inverted-disabled: #efefef;
    --color-primary-surface-inverted-hover: #a1000a;
    --color-primary-surface-inverted-selected: #a1000a;
    --color-primary-surface-inverted-selected-hover: #ba000b;
    --color-primary-surface-selected: #ba000b;
    --color-primary-surface-selected-hover: #850008;
    --color-primary-text: #e30613;
    --color-primary-text-active: #850008;
    --color-primary-text-disabled: #bebebe;
    --color-primary-text-hover: #ba000b;
    --color-primary-text-inverted: #ffffff;
    --color-primary-text-inverted-active: #fffbfb;
    --color-primary-text-inverted-disabled: #bebebe;
    --color-primary-text-inverted-hover: #ffffff;
    --color-primary-text-inverted-selected: #ffffff;
    --color-primary-text-inverted-selected-hover: #fffbfb;
    --color-primary-text-selected: #ba000b;
    --color-primary-text-selected-hover: #850008;
    --color-primary-text-unchanged-inverted: #ffeef0;
    --color-primary-text-unchanged-inverted-active: #fffefe;
    --color-primary-text-unchanged-inverted-disabled: #bebebe;
    --color-primary-text-unchanged-inverted-hover: #fffbfb;
    --color-primary-text-unchanged-inverted-selected: #fffbfb;
    --color-primary-text-unchanged-inverted-selected-hover: #fffefe;
    --color-secondary-brand: #2e3642;
    --color-tertiary-brand: #ffffff;
}