.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/ceconnect.jpg") 0 0 no-repeat;
}

.imageLoginPage {
	width: 100%;
	background: url("/Content/Images/CaisseEpargne/ceconnect.jpg") center center no-repeat;
	-webkit-background-size: cover !important;
	border-left: 1px solid #cccccc;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: center;
}

.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: #ffe8ea;
	--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;
	--neo-loader-stroke-color: var(--color-primary-surface);
	--size-dim-100: 5px;
	--size-dim-150: 24px;
	--size-dim-200: 40px;
	--size-dim-300: 64px;
	--size-dim-400: 32px;
	--size-dim-1000: 128px;
	--url-brand-small-logo-path: url('Images/Neo/logos/png/32/caisse-d-epargne@2x.png');
	--url-bg-arianne: url('Images/Neo/bgArianne/ce.png');
	--url-img-close-btn: url('Images/Neo/icons/icon_close_ce.svg');
}


.svg-loader-menu {
	stroke: var(--main-accent-color);
}