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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html{
    --color-primary-border: #c8102e;
    --color-primary-border-active: #770115;
    --color-primary-border-disabled: #efefef;
    --color-primary-border-hover: #a6021d;
    --color-primary-border-inverted: #fceaed;
    --color-primary-border-inverted-active: #fffdfd;
    --color-primary-border-inverted-disabled: #bebebe;
    --color-primary-border-inverted-hover: #fef8f9;
    --color-primary-border-inverted-selected: #fef8f9;
    --color-primary-border-inverted-selected-hover: #fffdfd;
    --color-primary-border-selected: #a6021d;
    --color-primary-border-selected-hover: #770115;
    --color-primary-border-unchanged: #770115;
    --color-primary-border-unchanged-active: #200005;
    --color-primary-border-unchanged-disabled: #efefef;
    --color-primary-border-unchanged-hover: #3f000b;
    --color-primary-border-unchanged-selected: #3f000b;
    --color-primary-border-unchanged-selected-hover: #200005;
    --color-primary-brand: #c8102e;
    --color-primary-shape: #c8102e;
    --color-primary-shape-active: #770115;
    --color-primary-shape-disabled: #bebebe;
    --color-primary-shape-hover: #a6021d;
    --color-primary-shape-inverted: #ffffff;
    --color-primary-shape-inverted-active: #fdf5f6;
    --color-primary-shape-inverted-disabled: #bebebe;
    --color-primary-shape-inverted-hover: #fefcfc;
    --color-primary-shape-inverted-selected: #fefcfc;
    --color-primary-shape-inverted-selected-hover: #fdf5f6;
    --color-primary-shape-selected: #a6021d;
    --color-primary-shape-selected-hover: #770115;
    --color-primary-shape-unchanged: #770115;
    --color-primary-shape-unchanged-active: #200005;
    --color-primary-shape-unchanged-disabled: #bebebe;
    --color-primary-shape-unchanged-hover: #3f000b;
    --color-primary-shape-unchanged-inverted: #fceaed;
    --color-primary-shape-unchanged-inverted-active: #fffdfd;
    --color-primary-shape-unchanged-inverted-disabled: #bebebe;
    --color-primary-shape-unchanged-inverted-hover: #fef8f9;
    --color-primary-shape-unchanged-inverted-selected: #fef8f9;
    --color-primary-shape-unchanged-inverted-selected-hover: #fffdfd;
    --color-primary-shape-unchanged-selected: #3f000b;
    --color-primary-shape-unchanged-selected-hover: #200005;
    --color-primary-surface: #c8102e;
    --color-primary-surface-active: #770115;
    --color-primary-surface-alt: #c8102e;
    --color-primary-surface-alt-active: #770115;
    --color-primary-surface-alt-disabled: #efefef;
    --color-primary-surface-alt-hover: #a6021d;
    --color-primary-surface-alt-selected: #a6021d;
    --color-primary-surface-alt-selected-hover: #770115;
    --color-primary-surface-disabled: #efefef;
    --color-primary-surface-discrete: #fdf5f6;
    --color-primary-surface-discrete-active: #fadce1;
    --color-primary-surface-discrete-disabled: #efefef;
    --color-primary-surface-discrete-hover: #fceaed;
    --color-primary-surface-discrete-selected: #fceaed;
    --color-primary-surface-discrete-selected-hover: #fadce1;
    --color-primary-surface-hover: #a6021d;
    --color-primary-surface-inverted: #770115;
    --color-primary-surface-inverted-active: #a6021d;
    --color-primary-surface-inverted-disabled: #efefef;
    --color-primary-surface-inverted-hover: #900219;
    --color-primary-surface-inverted-selected: #900219;
    --color-primary-surface-inverted-selected-hover: #a6021d;
    --color-primary-surface-selected: #a6021d;
    --color-primary-surface-selected-hover: #770115;
    --color-primary-text: #c8102e;
    --color-primary-text-active: #770115;
    --color-primary-text-disabled: #bebebe;
    --color-primary-text-hover: #a6021d;
    --color-primary-text-inverted: #ffffff;
    --color-primary-text-inverted-active: #fdf5f6;
    --color-primary-text-inverted-disabled: #bebebe;
    --color-primary-text-inverted-hover: #fefcfc;
    --color-primary-text-inverted-selected: #fefcfc;
    --color-primary-text-inverted-selected-hover: #fdf5f6;
    --color-primary-text-selected: #a6021d;
    --color-primary-text-selected-hover: #770115;
    --color-primary-text-unchanged-inverted: #fceaed;
    --color-primary-text-unchanged-inverted-active: #fffdfd;
    --color-primary-text-unchanged-inverted-disabled: #bebebe;
    --color-primary-text-unchanged-inverted-hover: #fef8f9;
    --color-primary-text-unchanged-inverted-selected: #fef8f9;
    --color-primary-text-unchanged-inverted-selected-hover: #fffdfd;
    --color-secondary-brand: #d14905;
    --color-tertiary-brand: #f7f2ea;
}