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

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

.initial-logo {
    cursor: pointer;
    height: initial;
    margin-top: 12px;
    max-height: 29px;
}
.toolbar-submenu {
    border-color: #db0129;
}

.my-button, .backgroundBP, .bar-toolbar, .nav-item, .nav-item-reduct, .header-block, .dxeToken_MetropolisBlueBP, #PopupConfirmation_PWH-1 {
    background-color: #db0129 !important;
    background: #db0129 !important;
    background: linear-gradient(top,#db0129 0,#b00021 100%) !important;
}

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

#background {
    background: url("/Content/Images/CaisseEpargne/ce2.jpg") 0 0 no-repeat;
}

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

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

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

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

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

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

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

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

.jsgrid-selected-row {
    background: #db0129 !important;
    border-color: #db0129 !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;
}

.logoBanque {
    height: 70px;
    margin: 15px 25px;
}

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

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

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

html{
    --color-primary-border: #c5000e;
    --color-primary-border-active: #620007;
    --color-primary-border-disabled: #efefef;
    --color-primary-border-hover: #7f0009;
    --color-primary-border-inverted: #ffe8ea;
    --color-primary-border-inverted-active: #fffdfd;
    --color-primary-border-inverted-disabled: #bebebe;
    --color-primary-border-inverted-hover: #fff7f8;
    --color-primary-border-inverted-selected: #fff7f8;
    --color-primary-border-inverted-selected-hover: #fffdfd;
    --color-primary-border-selected: #7f0009;
    --color-primary-border-selected-hover: #620007;
    --color-primary-border-unchanged: #c5000e;
    --color-primary-border-unchanged-active: #620007;
    --color-primary-border-unchanged-disabled: #efefef;
    --color-primary-border-unchanged-hover: #7f0009;
    --color-primary-border-unchanged-selected: #7f0009;
    --color-primary-border-unchanged-selected-hover: #620007;
    --color-primary-brand: #d7000f;
    --color-primary-shape: #c5000e;
    --color-primary-shape-active: #620007;
    --color-primary-shape-disabled: #bebebe;
    --color-primary-shape-hover: #7f0009;
    --color-primary-shape-inverted: #ffe8ea;
    --color-primary-shape-inverted-active: #fffdfd;
    --color-primary-shape-inverted-disabled: #bebebe;
    --color-primary-shape-inverted-hover: #fff7f8;
    --color-primary-shape-inverted-selected: #fff7f8;
    --color-primary-shape-inverted-selected-hover: #fffdfd;
    --color-primary-shape-selected: #7f0009;
    --color-primary-shape-selected-hover: #620007;
    --color-primary-shape-unchanged: #c5000e;
    --color-primary-shape-unchanged-active: #620007;
    --color-primary-shape-unchanged-disabled: #bebebe;
    --color-primary-shape-unchanged-hover: #7f0009;
    --color-primary-shape-unchanged-inverted: #ffe8ea;
    --color-primary-shape-unchanged-inverted-active: #fffdfd;
    --color-primary-shape-unchanged-inverted-disabled: #bebebe;
    --color-primary-shape-unchanged-inverted-hover: #fff7f8;
    --color-primary-shape-unchanged-inverted-selected: #fff7f8;
    --color-primary-shape-unchanged-inverted-selected-hover: #fffdfd;
    --color-primary-shape-unchanged-selected: #7f0009;
    --color-primary-shape-unchanged-selected-hover: #620007;
    --color-primary-surface: #d7000f;
    --color-primary-surface-active: #420004;
    --color-primary-surface-alt: #cccccc;
    --color-primary-surface-alt-active: #454545;
    --color-primary-surface-alt-disabled: #efefef;
    --color-primary-surface-alt-hover: #989898;
    --color-primary-surface-alt-selected: #989898;
    --color-primary-surface-alt-selected-hover: #454545;
    --color-primary-surface-disabled: #efefef;
    --color-primary-surface-discrete: #620007;
    --color-primary-surface-discrete-active: #f67880;
    --color-primary-surface-discrete-disabled: #efefef;
    --color-primary-surface-discrete-hover: #fdafb5;
    --color-primary-surface-discrete-selected: #fdafb5;
    --color-primary-surface-discrete-selected-hover: #f67880;
    --color-primary-surface-hover: #99000b;
    --color-primary-surface-inverted: #d7000f;
    --color-primary-surface-inverted-active: #eb3945;
    --color-primary-surface-inverted-disabled: #efefef;
    --color-primary-surface-inverted-hover: #e21b29;
    --color-primary-surface-inverted-selected: #e21b29;
    --color-primary-surface-inverted-selected-hover: #eb3945;
    --color-primary-surface-selected: #99000b;
    --color-primary-surface-selected-hover: #420004;
    --color-primary-text: #c5000e;
    --color-primary-text-active: #620007;
    --color-primary-text-disabled: #bebebe;
    --color-primary-text-hover: #7f0009;
    --color-primary-text-inverted: #ffe8ea;
    --color-primary-text-inverted-active: #fffdfd;
    --color-primary-text-inverted-disabled: #bebebe;
    --color-primary-text-inverted-hover: #fff7f8;
    --color-primary-text-inverted-selected: #fff7f8;
    --color-primary-text-inverted-selected-hover: #fffdfd;
    --color-primary-text-selected: #7f0009;
    --color-primary-text-selected-hover: #620007;
    --color-primary-text-unchanged-inverted: #ffe8ea;
    --color-primary-text-unchanged-inverted-active: #fffdfd;
    --color-primary-text-unchanged-inverted-disabled: #bebebe;
    --color-primary-text-unchanged-inverted-hover: #fff7f8;
    --color-primary-text-unchanged-inverted-selected: #fff7f8;
    --color-primary-text-unchanged-inverted-selected-hover: #fffdfd;
    --color-secondary-brand: #3e454a;
    --color-tertiary-brand: #f5f5f5;
}