.my-button:hover, .my-button:active, .nav-item:hover, .nav-item-reduct:hover, .toolbar-item:hover, .soc-selected, .selectcompte {
    background-color: #188ac3;
    background: #188ac3;
}

:root {
    --main-accent-color: #00629f;
}

.toolbar-submenu {
    border-color: #00629f;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
    --color-primary-border: #0b569d;
    --color-primary-border-active: #01203c;
    --color-primary-border-disabled: #efefef;
    --color-primary-border-hover: #053d71;
    --color-primary-border-inverted: #ebf2f8;
    --color-primary-border-inverted-active: #fdfefe;
    --color-primary-border-inverted-disabled: #bebebe;
    --color-primary-border-inverted-hover: #f9fafc;
    --color-primary-border-inverted-selected: #f9fafc;
    --color-primary-border-inverted-selected-hover: #fdfefe;
    --color-primary-border-selected: #053d71;
    --color-primary-border-selected-hover: #01203c;
    --color-primary-border-unchanged: #053d71;
    --color-primary-border-unchanged-active: #00101e;
    --color-primary-border-unchanged-disabled: #efefef;
    --color-primary-border-unchanged-hover: #01203c;
    --color-primary-border-unchanged-selected: #01203c;
    --color-primary-border-unchanged-selected-hover: #00101e;
    --color-primary-brand: #0b569d;
    --color-primary-shape: #0b569d;
    --color-primary-shape-active: #01203c;
    --color-primary-shape-disabled: #bebebe;
    --color-primary-shape-hover: #053d71;
    --color-primary-shape-inverted: #ffffff;
    --color-primary-shape-inverted-active: #f6f8fb;
    --color-primary-shape-inverted-disabled: #bebebe;
    --color-primary-shape-inverted-hover: #fcfcfd;
    --color-primary-shape-inverted-selected: #fcfcfd;
    --color-primary-shape-inverted-selected-hover: #f6f8fb;
    --color-primary-shape-selected: #053d71;
    --color-primary-shape-selected-hover: #01203c;
    --color-primary-shape-unchanged: #053d71;
    --color-primary-shape-unchanged-active: #00101e;
    --color-primary-shape-unchanged-disabled: #bebebe;
    --color-primary-shape-unchanged-hover: #01203c;
    --color-primary-shape-unchanged-inverted: #ebf2f8;
    --color-primary-shape-unchanged-inverted-active: #fdfefe;
    --color-primary-shape-unchanged-inverted-disabled: #bebebe;
    --color-primary-shape-unchanged-inverted-hover: #f9fafc;
    --color-primary-shape-unchanged-inverted-selected: #f9fafc;
    --color-primary-shape-unchanged-inverted-selected-hover: #fdfefe;
    --color-primary-shape-unchanged-selected: #01203c;
    --color-primary-shape-unchanged-selected-hover: #00101e;
    --color-primary-surface: #0b569d;
    --color-primary-surface-active: #01203c;
    --color-primary-surface-alt: #0b569d;
    --color-primary-surface-alt-active: #01203c;
    --color-primary-surface-alt-disabled: #efefef;
    --color-primary-surface-alt-hover: #053d71;
    --color-primary-surface-alt-selected: #053d71;
    --color-primary-surface-alt-selected-hover: #01203c;
    --color-primary-surface-disabled: #efefef;
    --color-primary-surface-discrete: #f6f8fb;
    --color-primary-surface-discrete-active: #ddeaf6;
    --color-primary-surface-discrete-disabled: #efefef;
    --color-primary-surface-discrete-hover: #ebf2f8;
    --color-primary-surface-discrete-selected: #ebf2f8;
    --color-primary-surface-discrete-selected-hover: #ddeaf6;
    --color-primary-surface-hover: #053d71;
    --color-primary-surface-inverted: #053d71;
    --color-primary-surface-inverted-active: #0b569d;
    --color-primary-surface-inverted-disabled: #efefef;
    --color-primary-surface-inverted-hover: #084a89;
    --color-primary-surface-inverted-selected: #084a89;
    --color-primary-surface-inverted-selected-hover: #0b569d;
    --color-primary-surface-selected: #053d71;
    --color-primary-surface-selected-hover: #01203c;
    --color-primary-text: #0b569d;
    --color-primary-text-active: #01203c;
    --color-primary-text-disabled: #bebebe;
    --color-primary-text-hover: #053d71;
    --color-primary-text-inverted: #ffffff;
    --color-primary-text-inverted-active: #f6f8fb;
    --color-primary-text-inverted-disabled: #bebebe;
    --color-primary-text-inverted-hover: #fcfcfd;
    --color-primary-text-inverted-selected: #fcfcfd;
    --color-primary-text-inverted-selected-hover: #f6f8fb;
    --color-primary-text-selected: #053d71;
    --color-primary-text-selected-hover: #01203c;
    --color-primary-text-unchanged-inverted: #ebf2f8;
    --color-primary-text-unchanged-inverted-active: #fdfefe;
    --color-primary-text-unchanged-inverted-disabled: #bebebe;
    --color-primary-text-unchanged-inverted-hover: #f9fafc;
    --color-primary-text-unchanged-inverted-selected: #f9fafc;
    --color-primary-text-unchanged-inverted-selected-hover: #fdfefe;
    --color-secondary-brand: #4a5a64;
    --color-tertiary-brand: #f4f6f6;
}